p5.js: Uzdevumi 7. klase
Sasniedzamie rezultāti no parauga programmas:
Parādīt
Sasniedzamie rezultāti: 7. klase
- Tekstuālā programmēšanas vidē ievada programmu, kura veic konkrētu mācību uzdevumu. (T.9.2.6.1.);
- Tekstuālā programmēšanas vidē pārbauda programmas vai algoritma pareizību un vajadzības gadījumā labo kļūdas. (T.9.2.6.2.);
- JavaScript programmēšanas valodu izmanto mājaslapās, lai veidotu interaktīvus vai animētus elementus. (T.Li.2.).
Sasniedzamie rezultāti e-klasei:
Parādīt
1. mācību stunda 7. klase
- Zina, kas ir HTML, CSS, p5.js, funkcijas un mainīgie, kā arī kā izveidot rastra attēlu ar šīm tehnoloģijām;
- Spēj izmantot p5.js, lai izveidotu grafikas elementus un izmantot mainīgos un funkcijas, lai pielāgotu attēlus;
- Spēj apvienot vairākus objektus kopā, izmantojot funkcijas un mainīgos, un pielāgot to atbilstoši savām vēlmēm;
- Zina, kā saglabāt izveidoto attēlu kā rastra attēlu un eksportēt to PDF formātā, izmantojot p5.js funkcijas.
2. mācību stunda 7. klase
- Zina, kā izveidot vizuālu attēlu ar p5.js, izmantojot dažādas formas un krāsas;
- Spēj apvienot vairākas figūras vienā kompozīcijā;
- Pro saglabāt un noformēt darbu struktūrētā projektā.
Vērtēšanas kritēriji (SLA)
Parādīt
| Npk | Kritērijs | 1. līmenis (Pamata) | 2. līmenis (Vidējais) | 3. līmenis (Augstais) |
|---|---|---|---|---|
| 1. | Failu noformējums un darba iesniegšanas termiņš. | Darbs tika nosūtīts novēloti, faila nosaukums neatbilst uzdevuma nosacījumiem. | Darbs tika iesniegts laicīgi, faila nosaukums neatbilst uzdevuma nosacījumiem. | Darbs tika nosūtīts laikā, faila nosaukums pilnībā atbilst uzdevuma nosacījumiem. |
| 2. | Koda struktūra. | Nav ievērota sintakse un koda hierarhija. | Kodu hierarhijā un sintaksē ir nelielas kļūdas vai neprecizitātes. | Tiek pilnībā ievērota koda hierarhija un sintakse. |
| 3. | Uzdevuma izpildes apjoms. | Izpildīts ~50% no prasītā zīmējuma. | Izpildīts ~75% no prasītā zīmējuma. | Izpildīts 100% un, iespējams, papildus uzlabojumi. |
| 4. | Līdzība ar paraugu un matemātiskā precizitāte | Daļa objektu novietota nepareizi, nesakrīt ar paraugu. | Gandrīz visi objekti novietoti pareizi ar mazām kļūdām. | Visi objekti precīzi novietoti saskaņā ar paraugu un koordinātēm. |
| 5. | Koda dokumentēšana | Kods ir grūti salasāms, nav nekādu komentāru. | Kods ir daļēji sakārtots, ir daži komentāri vai loģiskas atstarpes. | Kods ir skaidri strukturēts, ar komentāriem un loģisku bloku sadalījumu. |
| 1 punkts | 2 punkti | 3 punkti |
Sarežģītības līmeņi:
🟢 - vienkāršs sarežģītības līmenis;
🟡 - vidējs sarežģītības līmenis;
🔴 - paaugstināts sarežģītības līmenis.
1. mācību stunda:
🟢1. līmenis. point(x, y);
Parādīt uzdevumu
🧠 Uzdevumi:
- Izmantojiet
point(x, y)funkciju, lai uz ekrāna novietotu punktus un izveidotu vienkāršu attēlu. - Pievienojiet vairākus punktus, lai veidotu līdzīgu attēlu, kā parādīts piemēros!
👉 Failu noformēšana:
- Mapes nosaukums:
uzvārds-līmenis-datums
- uzvārds-līmenis-datums
- index.html
- script.js
✅Piemērs:
1. uzdevums
🟡2. līmenis. line(x1, y1, x2, y2);
Parādīt uzdevumu
🧠 Uzdevumi:
- Izmantojiet
line(x1, y1, x2, y2)funkciju, lai pievienotu līnijas saviem attēliem. - Pievienojiet līnijas, lai veidotu līdzīgu attēlu, kā parādīts piemēros!
👉 Failu noformēšana:
- Mapes nosaukums:
uzvārds-līmenis-datums
- uzvārds-līmenis-datums
- index.html
- script.js
✅Piemērs:
2. uzdevums
🟡3. līmenis. ellipse(x, y, w, h);
Parādīt uzdevumu
🧠 Uzdevumi:
- Izmantojiet
ellipse(x, y, w, h)funkciju, lai pievienotu elipses un pilnveidotu savu attēlu. - Apvienojiet elipses, lai veidotu līdzīgu attēlu, kā parādīts piemēros!
👉 Failu noformēšana:
- Mapes nosaukums:
uzvārds-līmenis-datums
- uzvārds-līmenis-datums
- index.html
- script.js
✅Piemērs:
3. uzdevums
🔴4. līmenis. Viss kopā 🫡
Parādīt uzdevumu
🧠 Uzdevumi:
- Apvienojiet punktus, līnijas un elipses, lai izveidotu pilnīgu attēlu!
- Atkārtojiet zīmējumu, izmantojot p5.js bibliotēku.
👉 Failu noformēšana:
- Mapes nosaukums:
uzvārds-līmenis-datums
- uzvārds-līmenis-datums
- index.html
- script.js
✅Piemērs:
4. uzdevums
2. mācību stunda:
🟢1. līmenis. Raksts ar point() un stroke(krāsa)
Parādīt uzdevumu
🧠 Uzdevumi:
- Izmanto
point(x, y)unstroke(krāsa), lai izveidotu rakstu vai ornamentu. - Tam jābūt kādam vienkāršam attēlam: simbolam, logotipam, stilizētai zvaigznei vai puķei.
- Obligāti jābūt vismaz 15 punktiem, izmantotas vismaz 3 krāsas un jābūt vismaz vienai simetrijas pazīmei (horizontāli, vertikāli vai centrāli).
- Lieto
strokeWeight()precīzākai punktu redzamībai (piemēram, 10).
👉 Failu noformēšana:
- Mapes nosaukums:
uzvārds-līmenis-datums
- uzvārds-līmenis-datums
- index.html
- script.js
✅Piemērs:
1. uzdevums
🟡2. līmenis. Raksts ar line() un stroke()
Parādīt uzdevumu
🧠 Uzdevumi:
- Izveido rakstu vai dekoru ar līnijām
line(), piemēram, zvaigžņu režģi, krāsainu logu, tīklu, rāmi u.c. - Jāizmanto vismaz 6 līnijas, vismaz 3 dažādas krāsas un jāsasniedz redzams raksts vai simetrija.
- Vari veidot arī “ģeometrisko zīmējumu” — piemēram, trijstūrus, dimantus, krustiņu tīklu.
👉 Failu noformēšana:
- Mapes nosaukums:
uzvārds-līmenis-datums
- uzvārds-līmenis-datums
- index.html
- script.js
✅Piemērs:
2. uzdevums
🟡3. līmenis. ellipse(), fill(), stroke()
Parādīt uzdevumu
🧠 Uzdevumi:
- Izmantojiet
ellipse(x, y, w, h)arfill()unstroke(), lai veidotu figūras. - Uzzīmējiet “sejiņu” vai “robotu”, kurā ir vismaz 3 dažādas formas (acis, mute, galva).
- Izmēģiniet dažādus izmērus un krāsas.
👉 Failu noformēšana:
- Mapes nosaukums:
uzvārds-līmenis-datums
- uzvārds-līmenis-datums
- index.html
- script.js
✅Piemērs:
3. uzdevums
🔴4. līmenis. Radošais izaicinājums 🫡
Parādīt uzdevumu
🧠 Uzdevumi:
- Izveidojiet radošu zīmējumu — “čupiņa būtni” vai "fantastisku ainavu".
- Obligāti jāizmanto:
point(),line(),ellipse(),stroke(), fill(). - Darbs jānoformē krāsaini, simetriski vai ar atkārtojumu.
✅ Padoms:
Veidojiet savu "zīmējumu" vispirms uz papīra, pēc tam pārnesiet koordinātas uz kodu.
👉 Failu noformēšana:
- Mapes nosaukums:
uzvārds-līmenis-datums
- uzvārds-līmenis-datums
- index.html
- script.js