— Tematiskais ietvars (1 stunda)

0. KOPSAVILKUMS

Šis metodiskais materiāls nodrošina padziļinātu un praktiski orientētu 11. klases datorikas nodarbību par RGB krāsu modeli, aditīvo krāsu sintēzi, 24 bitu krāsu dziļumu (TrueColor) un heksadecimālo (HEX) krāsu kodēšanu digitālajā vidē.

1 stundas × 40 min · 18 uzdevumi ar atbildēm · 3 diferenciācijas profili · 10 tipiskas kļūdas · 1 pārbaudes darbs

1. TĒMAS PAMATOJUMS

• Kāpēc svarīga: Digitālo mediju laikmetā jebkurš attēls viedtālrunī, monitorā vai televizorā tiek veidots, izmantojot gaismas starojuma aditīvo sintēzi. Izpratne par RGB modeli ļauj skolēniem saprast robežu starp fizisko pasauli (gaismas viļņiem), matemātisko abstrakciju (skaitļu intervāls 0–255, heksadecimālā skaitīšanas sistēma) un datoru atmiņas arhitektūru (biti, baiti, pikseļu masīvi).
• Saistība ar iepriekšējo/nākamo saturu: Tēma balstās uz pamatskolā apgūtajiem informācijas mērvienību pamatiem (biti, baiti) un skaitīšanas sistēmām (binārā un heksadecimālā sistēma). Tā kalpo par pamatu nākamajām tēmām: rastra un vektoru grafikas datņu saspiešanas algoritmiem (JPEG, PNG), tīmekļa programmēšanai (CSS krāsu stili) un digitālajai video apstrādei.
• Skola2030 standarta kodi:
  • D.V.3.1. Analizē un skaidro, kā dažāda veida dati (teksts, skaņa, grafika) tiek digitalizēti, diskretizēti un kodēti datora atmiņā.
  • D.V.3.1.1. Aprēķina rastra grafikas datņu apjomu atkarībā no izšķirtspējas un krāsu dziļuma, skaidro RGB un citu krāsu modeļu darbības principus.

2. SASNIEDZAMIE REZULTĀTI (SR)

• Zināšanas:
  • Skaidro RGB krāsu modeļa pamatbāzi: trīs gaismas kanāli — sarkans (Red), zaļš (Green), zils (Blue).
  • Zina katra kanāla vērtību diapazonu decimālajā formā (0–255) un heksadecimālajā formā (00–FF), kas veido 24 bitu krāsu dziļumu jeb 16,7 miljonus krāsu toņu (256 × 256 × 256 = 16 777 216).
• Izpratne:
  • Izprot atšķirību starp aditīvo krāsu jaukšanu (RGB — gaismas pievienošana, kur R+G+B = balts) un subtraktīvo krāsu jaukšanu (CMYK / krāsas pigmenti uz papīra, kur C+M+Y = melns/tumši brūns).
  • Skaidro, kāpēc 1 pikselim 24 bitu RGB modelī nepieciešami 3 baiti operatīvās atmiņas (1 baits katram krāsu kanālam: 8 biti × 3 = 24 biti).
• Prasmes:
  • Pārveido krāsu reprezentācijas no decimālā formāta rgb(R, G, B) uz heksadecimālo #RRGGBB un otrādi bez kalkulatora un ar rīkiem.
  • Prognozē un sintēzē pamata un sekundārās krāsas: rgb(255, 255, 0) → dzeltena, rgb(255, 0, 255) → fuksīns (magenta), rgb(0, 255, 255) → ciāna (cyan).
  • Aprēķina vienkārša nekompresēta rastra attēla datnes apjomu baitos un kilobaitos.
• Caurviju prasmes:
  • Kritiskā domāšana un problēmu risināšana: Spēja analizēt krāsu kļūdas tīmekļa dizainā un aprēķināt datu plūsmu tīklā.
  • Pašvadīta mācīšanās: Spēja patstāvīgi eksperimentēt ar virtuālo krāsu mikseri un novērtēt savas kļūdas heksadecimālajos pārveidojumos.

Tipiskākie maldīgie priekšstati (Misconceptions):

1. "Sajaucot visas trīs pamatkrāsas (RGB) ar maksimālu intensitāti, iegūst melnu krāsu." (Skolēni jauc gaismas aditīvo modeli ar guašas/krāsu pigmentu jaukšanu).
2. "Dzeltenā krāsa RGB modelī ir pamatkrāsa." (Skolēni pārnes mākslas stundu zināšanas par RYB modeli uz digitālajiem ekrāniem).
3. "HEX kodā #FFFFFF 'F' nozīmē nulles spilgtumu, jo alfabēts ir tālāk par cipariem." (Pārpratums par 16-skaitīšanas sistēmas vērtību pieaugumu: 0 ir minimums, F ir maksimums).

3. ATBILSTĪBA SKOLA2030 CAURVIJU PRASMĒM

• Kritiskā domāšana: Datu reprezentācijas salīdzināšana (HEX vs. Decimālā sistēma); analīze par to, kāpēc cilvēka acs uztvere ietekmēja tieši 3 krāsu sensoru izvēli tehnoloģijās.
• Digitālā pratība: Koda manipulācija CSS/HTML vidē un krāsu modeļu lietošana grafiskajos redaktoros.
• Pašvadība: Pašpārbaudes veikšana, izmantojot interaktīvos krāsu rīkus un aprēķinu pareizības kontroli.

4. GALVENAIS DOMĀŠANAS MĒRĶIS

Skolēns saredz digitālo attēlu nevis kā nedalāmu vizuālu objektu, bet gan kā matemātisku matricu, kurā katrs elements (pikselis) ir trīs skaitļu kopa, kas tieši kontrolē fizisku monitora spīdekļu (diožu) gaismas intensitāti.

5. VIENAS STUNDAS DETALIZĒTS PLĀNS

• Temats: RGB krāsu modelis un digitālā attēla kodēšana.
• Standarta kods: D.V.3.1.1.
• Stundas mērķis: Iemācīties analizēt, prognozēt un aprēķināt RGB un HEX krāsu vērtības, izprotot aditīvās gaismas sintēzes darbības principu un datu ietilpību atmiņā.
• Sasniedzamais rezultāts: Skolēns patstāvīgi pieraksta doto krāsu decimālajā un HEX formātā, skaidro kanālu intensitātes ietekmi un aprēķina 24 bitu pikseļa atmiņas patēriņu.

┌─────────────────────────────────────────────────────────────────────────────┐
│                            STUNDAS GAITA (40 MIN)                           │
├──────────────┬──────────────────────────────────────────────┬───────────────┤
│ Laiks (min)  │ Posms un mērķis                              │ Formāts       │
├──────────────┼──────────────────────────────────────────────┼───────────────┤
│ 00:00–05:00  │ 1. Ierosināšana: Ūdens piliens uz ekrāna     │ Demonstrējums │
│ 05:00–17:00  │ 2. Atklāšana: Aditīvā sintēze un 24 biti     │ Dialogs       │
│ 17:00–28:00  │ 3. Vadītā & Patstāvīgā prakse: HEX kodi      │ Darbalapa     │
│ 28:00–35:00  │ 4. Pārnese: Reālā dizaina & atmiņas uzdevums │ Problēma      │
│ 35:00–40:00  │ 5. Refleksija & Izejas biļete                │ Formatīvā vērt│
└──────────────┴──────────────────────────────────────────────┴───────────────┘

Kartes lauki un detalizēts apraksts:

• 00:00–05:00 | 1. Ierosināšana (Iekustināšana):

  • Skolotāja darbība: Demonstrē uz ekrāna makro-foto vai aicina skolēnus ar viedtālruņa kameras lēcu/ūdens pilienu apskatīt balto fonu savā telefonā. Jautā: "Kāpēc, skatoties uz pilnīgi baltu laukumu mikroskopā, mēs redzam tikai sarkanus, zaļus un zilus taisnstūrus?"
  • Skolēna darbība: Novēro subpikseļus, secina, ka balta gaisma tiek sintezēta no trim atsevišķiem gaismas avotiem.
  • Materiāli: Viedtālruņi, ūdens piliens / lēca, projektors.
  • Pamatojums: Kognitīvais konflikts — fiziska novērojuma pretnostatījums ikdienas ilūzijai.

• 05:00–17:00 | 2. Atklāšana un Jaunais saturs:

  • Skolotāja darbība: Skaidro kanālu vērtības (0–255 = 1 baits = 8 biti). Parāda krāsu summas aditīvajā aplī (Sarkans + Zaļš = Dzeltens; Sarkans + Zils = Magenta; Zaļš + Zils = Ciāna). Izskaidro pāreju no Decimālās uz Heksadecimālo sistēmu: 255 decimālajā = FF HEX sistēmā.
  • Skolēna darbība: Pieraksta struktūru rgb(R, G, B) un #RRGGBB. Diskutē par to, kāpēc melns ir (0, 0, 0) un balts ir (255, 255, 255).
  • Materiāli: Tāfele / Prezentācija ar interaktīvo krāsu apli.

• 17:00–28:00 | 3. Praktizēšana (Darbs ar darbalapu):

  • Skolotāja darbība: Vada diferencētu vingrināšanos (darbalapas 1.–6. uzdevums). Konsultē skolēnus, kuriem nepieciešams atbalsts HEX burtu vērtību nolasīšanā (A=10, B=11, C=12, D=13, E=14, F=15).
  • Skolēna darbība: Pilda uzdevumus pāros vai individuāli: nosaka krāsas pēc to kodiem, atrod pelēktoņu likumsakarības (R = G = B).
  • Materiāli: Drukāta darbalapa.

• 28:00–35:00 | 4. Pārnese un Konteksts:

  • Skolotāja darbība: Piedāvā reālās dzīves situāciju: "Mums ir 4K ekrāns (3840 × 2160 pikseļi). Aprēķiniet, cik megabaitus (MB) operatīvās atmiņas aizņem viens šāda ekrāna nekompresēts kadrs ar 24 bitu krāsu dziļumu!"
  • Skolēna darbība: Veic aprēķinu: 3840 × 2160 = 8 294 400 pikseļi. 8 294 400 × 3 baiti = 24 883 200 baiti ≈ 23,73 MB.
  • Pamatojums: Matemātisko zināšanu savienošana ar reālu video karšu un spēļu veiktspēju.

• 35:00–40:00 | 5. Refleksija un Izejas biļete:

  • Skolotāja darbība: Savāc izejas biļetes ar 2 ātrajiem jautājumiem.
  • Skolēna darbība: Aizpilda izejas biļeti patstāvīgi bez blakus palīdzības.

6. SKOLOTĀJU BIEŽĀKĀS KĻŪDAS

1. ❌ Mācīšana tikai ar slaidiem bez vizuālas interaktivitātes.
   • Kāpēc rodas: Vienkāršāk parādīt tabulu ar kodiem.
   • ✅ Labāks risinājums: Izmantot interaktīvo krāsu paleti (piem., pārlūka Inspect Element krāsu pipeti), kur skolēni reāllaikā redz, kā, bīdot slīdņus no 0 uz 255, mainās tonis.
2. ❌ Fizikālā modeļa nesasaistīšana ar matemātiku.
   • Kāpēc rodas: Saturs tiek sadalīts izolēti — atsevišķi "skaitīšanas sistēmas", atsevišķi "attēlu apstrāde".
   • ✅ Labāks risinājums: Skaidrot, ka 256 = 2⁸, tāpēc katrs kanāls ir tieši 1 baits, un kopā 3 kanāli ir 3 baiti (24 biti).
3. ❌ Guašas/pigmentu jaukšanas pieredzes ignorēšana.
   • Kāpēc rodas: Skolotājs pieņem, ka skolēni uzreiz pieņems, ka "Sarkans + Zaļš = Dzeltens".
   • ✅ Labāks risinājums: Tieši konfrontēt šo faktu: "Aizmirstiet guašas! Guaša absorbē gaismu, monitors izstaro gaismu."
4. ❌ Pāragra pāreja uz komplicētiem HEX pārveidojumiem.
   • Kāpēc rodas: Vēlme iemācīt matemātisko algoritmu pirms vizuālās izpratnes.
   • ✅ Labāks risinājums: Sākt ar ekstremālajām vērtībām (#000000, #FF0000, #00FF00, #0000FF, #FFFFFF) un tikai tad analizēt starptoņus.
5. ❌ Formatīvās vērtēšanas atlikšana uz stundas pēdējo minūti.
   • Kāpēc rodas: Laika menedžmenta kļūda praktiskā darba laikā.
   • ✅ Labāks risinājums: Iestrādāt mini-pārbaudes punktus (piem., "paceliet pirkstus, kurš kanāls dominē") stundas vidū.

7. SKOLĒNU TIPISKĀKĀS KĻŪDAS

1. ⚠️ Jauc aditīvo ar subtraktīvo: Domā, ka rgb(255, 0, 0) + rgb(0, 255, 0) veido brūnu vai melnu krāsu, nevis koši dzeltenu.
   • Novēršana: Fiziska lukturīšu demonstrācija vai interaktīvais simulators.
2. ⚠️ HEX koda baitu sajaukšana: Uzskata, ka #00FF00 ir zila krāsa (jo domā secību B-G-R vai nejauši sajauc G ar B).
   • Novēršana: Mnemotehnika: Rožu Gaisma Birst (R-G-B).
3. ⚠️ Pelēktoņu loģikas neizpratne: Nespēj atpazīt, ka jebkura vienāda vērtība visos trīs kanālos (piem., #808080 vai rgb(120, 120, 120)) dod neitrālu pelēku krāsu.
   • Novēršana: Uzdevums darbalapā: "Uzraksti 3 dažādas pelēkās krāsas no gaišas līdz tumšai".
4. ⚠️ HEX skaitļa pozicionālā vērtība: Domā, ka #100000 ir gaišāks par #0F0000, jo 10 > 0F decimālajā izpratnē.
   • Novēršana: Atgādināt, ka heksadecimālajā sistēmā 0F = 15, bet 10 = 16.
5. ⚠️ Diapazona pārsniegšana: Mēģina ievadīt rgb(300, 0, 0).
   • Novēršana: Uzsvērt viena baita ietilpību: 8 biti = maksimāli 255 (2⁸ - 1).
6. ⚠️ Krāsu dziļuma jaukšana ar izšķirtspēju: Domā, ka "vairāk krāsu nozīmē vairāk pikseļu".
   • Novēršana: Skaidrot analoģiju: pikseļu skaits ir audekla izmērs, krāsu dziļums ir krāsu paletes bagātība katram triepienam.
7. ⚠️ Atmiņas vienību kļūdas aprēķinos: Reizina pikseļu skaitu ar 24 un iegūto rezultātu uzskata par baitiem, aizmirstot izdalīt ar 8.
   • Novēršana: Skaidrs algoritms: Pikseļi × 3 baiti = Baiti; Baiti / 1024 = KB.
8. ⚠️ Melnās krāsas HEX koda pārpratums: Domā, ka melns ir #FFFFFF, jo balts papīrs ir "tukšs".
   • Novēršana: Monitors ir izslēgts = melns = gaisma netiek izstarota = 0.
9. ⚠️ Pāreja no 3 zīmju HEX uz 6 zīmju: Pārprot saīsināto CSS notāciju #F00 kā #F00000, nevis #FF0000.
   • Novēršana: Izskaidrot, ka katrs simbols dubultojas: #RGB kļūst par #RRGGBB.
10. ⚠️ Gaismas intensitātes linearitātes pieņēmums: Domā, ka rgb(128, 128, 128) cilvēka acij izskatās tieši 50% gaišāks nekā melns (gamma korekcijas neapzināšanās pamatlīmenī).
    • Novēršana: Parādīt reālu gradientu no 0 līdz 255.

8. UZDEVUMU SISTĒMA (10 KOGNITĪVIE LĪMEŅI)

1. Atpazīšana: Nosauc, ko nozīmē katrs burts saīsinājumā RGB un kāds ir to kārtības princips.
2. Identifikācija: No dotajiem kodiem izvēlies to, kurš atbilst tīri zaļai krāsai ar maksimālu spilgtumu (#00FF00).
3. Pārveidošana (pamatlīmenis): Pārraksti rgb(255, 255, 255) heksadecimālajā formātā.
4. Interpretācija: Paskaidro, kāda vizuāla atšķirība būs starp krāsām #330000 un #FF0000.
5. Sintēze: Nosaki, kādu krāsu iegūs, sajaucot maksimālu sarkanā un zilā kanāla intensitāti pie izslēgta zaļā kanāla.
6. Aprēķins: Aprēķini, cik baitus aizņem viens nekompresēts 24 bitu RGB pikselis.
7. Kļūdu meklēšana: Doti kodi: #GG00FF, rgb(256, 120, 0), #FFAA. Atrodi un izlabo sintakses un vērtību kļūdas.
8. Analīze un salīdzināšana: Kāpēc tīmekļa vietņu izstrādē biežāk izmanto HEX pierakstu (#FFFFFF), nevis decimālo rgb(255, 255, 255)? (Salīdzini teksta garumu un lasāmību).
9. Datu apjoma modelēšana: Attēla izmērs ir 1000 × 1000 pikseļi. Aprēķini datnes apjoma atšķirību starp 8 bitu pelēktoņu režīmu un 24 bitu RGB režīmu.
10. Kompleksa vērtēšana / Pārnese: Izstrādā krāsu paleti (3 toņus) tumšajam režīmam (Dark Mode), kur fons nav pilnīgi melns, bet satur zilu nokrāsu, teksts ir kontrastējošs, bet ne 100% balts, un akcenta poga ir spilgti dzeltena. Pieraksti to HEX kodos un pamato ergonomiku.

9. SAISTĪBA AR CITIEM PRIEKŠMETIEM (STARPDISCIPLINARITĀTE)

• Fizika (Optika): Gaismas viļņu garumi, elektromagnētiskais spektrs, gaismas dispersija un aditīvā sintēze; atšķirība starp gaismas izstarošanu un atstarošanu.
• Bioloģija (Cilvēka anatomija): Cilvēka acs tīklenes uzbūve — vālītes (trīs tipu receptori: S, M, L, kas reaģē uz zilu, zaļu un sarkanu gaismu). RGB modelis ir cilvēka bioloģijas, nevis datora iegriba!
• Matemātika: Pozicionālās skaitīšanas sistēmas (bāze 16 un bāze 10), kombinatorika (iespējamo variantu skaits: 256³ = 16 777 216).
• Vizuālā māksla un Dizains: Krāsu psiholoģija, kontrastu veidošana, digitālo un poligrāfijas krāsu modeļu (RGB vs. CMYK) atšķirības.

— Viena izcila stunda: "RGB krāsu matemātika un maģija"

Nodarbības stāsts (40 minūtes)

1. IEKUSTINĀŠANA: "Humpala zem ūdens piliena" (00:00–05:00)

• Skolotāja darbība: Ienākot klasē, uz projektora ir liels, spilgti balts ekrāns. Skolotājs saka: "Jūsu acu priekšā ir 100% balta krāsa. Bet es apgalvoju, ka šajā telpā šobrīd nav nevienas baltas gaismas diodes. Kā tas iespējams?" Skolotājs aicina skolēnus uzlikt mikroskopisku ūdens pilienu uz sava telefona ekrāna stikla (vai izmanto skolotāja sagatavotu lupu).
• Skolēnu darbība: Skolēni pieliecas un ierauga: baltais fons patiesībā sastāv no cieši blakus esošām sarkanām, zaļām un zilām spīdošām svītriņām.
• Kāpēc šis posms ir svarīgs: Tas rada tūlītēju kognitīvo disonansi. Skolēns savām acīm redz, ka mūsu smadzenes tiek "apmānītas" — balts patiesībā ir sarkana, zaļa un zila vienlaicīgs starojums.

PRAKTISKĀ DEMONSTRĀCIJA: "Subpikseļu optiskā ilūzija"

• Apraksts: Demonstrācija parāda, kā atsevišķi RGB gaismas avoti saplūst vienotā krāsā.
• Materiāli:
  1. Viedtālrunis ar baltu ekrāna fonu.
  2. Pipete vai pildspalvas gals ar 1 mazu ūdens pilienu.
  3. Trīs nelieli LED lukturīši ar sarkanu, zaļu un zilu filtru (vai trīs telefoni ar pilnekrāna R, G, B krāsu attēliem).
• Drošība: Ūdens piliens jāuzliek ļoti mazs, uzmanoties, lai tas neiekļūtu telefona skaļrunī vai pieslēgvietās.
• Teorētiskā saikne: Ūdens piliens darbojas kā izliekta savācējlēca (mikrolēca), kas palielina ekrāna matricu 10–20 reizes, padarot saskatāmus atsevišķos subpikseļus. Kad attālināmies, acs vālītes nespēj telpiski izšķirt atsevišķos starus un smadzenēs integrē tos kā vienotu stimulu (baltu krāsu).

2. ATKLĀŠANA: "Trīs krānu princips un Baiti" (05:00–17:00)

• Skolotājs: "Iedomājieties trīs ūdens krānus — Sarkano, Zaļo un Zilo. Katru krānu var atgriezt no 0 (aizgriezts) līdz 255 (pilna strūkla). Kāpēc tieši 255?"
  • Skolotājs uz tāfeles uzraksta: 1 baits = 8 biti. 2⁸ = 256 vērtības (no 0 līdz 255).
  • Trīs krāni = 3 baiti = 24 biti katram pikselim.
• Skolotāja jautājums: "Kas notiks, ja atgriezīsim Sarkano un Zaļo uz 255, bet Zilo atstāsim uz 0?"
• Skolēnu minējumi: "Brūns?", "Oranžs?", "Dzeltens!"
• Demonstrācija: Skolotājs pārlūka izstrādātāja rīkos ievada rgb(255, 255, 0) — fons uzplaiksnī koši dzeltens.
• Pāreja uz HEX: "Datorzinātniekiem nepatīk gari pieraksti. Tāpēc 0–255 tiek pierakstīts 16-skaitīšanas sistēmā ar diviem simboliem no 00 līdz FF. #FF0000 ir tīri sarkans."

3. PRAKTIZĒŠANA: "Krāsu detektīvs" (17:00–28:00)

• Skolēni strādā ar izdales darbalapu.
• Uzdevums: bez datora noteikt, kādā krāsā nokrāsosies poga ar kodu #00FFFF (Zaļš + Zils = Ciāna / Gaiši zils), #000000 (Melns), #555555 (Tumši pelēks).
• Skolotājs staigā pa klasi, sniedzot mērķētu atgriezenisko saiti.

4. PĀRNESE: "UI/UX Dizainera Dilemma" (28:00–35:00)

• Dzīves situācija: Skolēniem jāatrisina reāls uzdevums:

  Jaunuzņēmums veido aplikāciju. Tīmekļa dizainers kļūdas dēļ pogas tekstam iestatījis #222222 un pogas fonam #1A1A1A. a) Vai lietotājs varēs izlasīt tekstu saules gaismā? Kāpēc? b) Kā jāmaina kodi, lai iegūtu maksimālu kontrastu, saglabājot tumšo stilu?

5. REFLEKSIJA UN IZEJAS BIĻETE (35:00–40:00)

• Skolēni aizpilda un nodod skolotājam izejas biļeti.

Izejas biļete (Exit Ticket)

┌────────────────────────────────────────────────────────────────────────┐
│                        IZEJAS BIĻETE: RGB MODELIS                      │
│ Vārds, uzvārds: ─────────────────────────────── Datums: ────────────── │
├────────────────────────────────────────────────────────────────────────┤
│ 1. Kura no šīm krāsām būs spilgtāka un kāpēc?                          │
│    A: #AA0000   vai   B: #330000                                       │
│    Atbilde: ────────────────────────────────────────────────────────── │
│                                                                        │
│ 2. Kādu krāsu iegūs ar kodu rgb(255, 0, 255)?                          │
│    Atbilde: ────────────────────────────────────────────────────────── │
│                                                                        │
│ 3. Cik baitus aizņem viens 24 bitu TrueColor pikselis datora atmiņā?   │
│    Atbilde: ────────────────────────────────────────────────────────── │
└────────────────────────────────────────────────────────────────────────┘

KARTĪTE: Kāpēc šī stunda ir izcila, nevis viduvēja

— Vērtēšana, kas atsēdz domāšanu

1. FORMATĪVĀS VĒRTĒŠANAS METODES NODARBĪBĀ

1. Izejas biļete (Exit Ticket): Pārbauda faktu un pamatkoncepciju apguvi stundas pēdējās 5 minūtēs.
2. Pirkstu skala (1–5 izpratnes pašnovērtējums): Pēc HEX koda skaidrojuma skolotājs lūdz: "Rādiet ar pirkstiem: 1 — pilnīga migla, 5 — varu tūlīt iemācīt solabiedram."
3. Mini-tāfeles / Krāsu kartītes: Skolotājs nosauc kodu (piem., rgb(0, 255, 255)), skolēni paceļ atbilstošo krāsu kartīti (ciāna/gaiši zils).
4. Vienaudžu koda audits: Pāru darbā skolēni apmainās ar sastādītajiem HEX kodiem un mēģina uzminēt otra izveidoto toni pirms pārbaudes datorā.

2. UZDEVUMU KOMPLEKTS AR A/B VARIANTIEM UN ATBILDĒM

A. Vieglie uzdevumi (Zināšanas un atpazīšana)

1. [Atbilžu varianti A/B/C/D]
   • A variants: Kura krāsa atbilst kodam #0000FF?
     A) Sarkana; B) Zaļa; C) Zila; D) Dzeltena. [Atbilde: C]
   • B variants: Kura krāsa atbilst kodam #00FF00?
     A) Zila; B) Zaļa; C) Sarkana; D) Melna. [Atbilde: B]
2. [Īsā atbilde]
   • A variants: Kāds ir minimālais un maksimālais skaitlis, ko var ievadīt vienā RGB kanālā decimālajā formā? [Atbilde: No 0 līdz 255]
   • B variants: Kāds ir minimālais un maksimālais vērtību pāris HEX formātā vienam krāsu kanālam? [Atbilde: No 00 līdz FF]
3. [Pāru savienošana]
   • A variants: Savieno krāsu ar tās RGB decimālo kodu!
     1. Melns; 2. Balts; 3. Sarkans.
        a) rgb(255, 0, 0); b) rgb(0, 0, 0); c) rgb(255, 255, 255). [Atbilde: 1-b, 2-c, 3-a]
   • B variants: Savieno krāsu ar tās HEX kodu!
     1. Dzeltens; 2. Balts; 3. Zaļš.
        a) #00FF00; b) #FFFF00; c) #FFFFFF. [Atbilde: 1-b, 2-c, 3-a]
4. [Aprēķinu uzdevums]
   • A variants: Cik bitus kopā aizņem viens 24 bitu RGB pikselis? [Atbilde: 24 biti (jeb 3 baiti)]
   • B variants: Cik baitus aizņem viens 24 bitu RGB pikselis? [Atbilde: 3 baiti]
5. [Diagnostikas jautājums]
   • A variants: Skolēns apgalvo, ka #FFFFFF ir melna krāsa, jo uz balta papīra nekas nav uzzīmēts. Kāpēc šis apgalvojums monitoru kontekstā ir nepareizs? [Atbilde: Monitors izstaro gaismu, un #FFFFFF nozīmē visu trīs gaismas diožu maksimālu spīdēšanu, kas veido baltu gaismu.]
   • B variants: Skolēns apgalvo, ka rgb(0, 0, 0) nozīmē spilgtu gaismu. Kāpēc tā nav? [Atbilde: 0 nozīmē, ka diodes ir pilnībā izslēgtas un gaisma netiek izstarota, radot melnu ekrānu.]

B. Vidēji uzdevumi (Izpratne, sintēze un vienkārša analīze)

6. [Atvērtie jautājumi]
   • A variants: Izskaidro, kāpēc, sajaucot zaļo un sarkano gaismu datora ekrānā rgb(255, 255, 0), mēs iegūstam dzeltenu, nevis brūnu krāsu! [Atbilde: Datora ekrāns izmanto aditīvo sintēzi (gaismas starojumu summēšanu). Sarkanie un zaļie gaismas viļņi kopā stimulē acs vālītes tieši tāpat, kā to dara tīra dzeltenā spektra gaisma.]
   • B variants: Izskaidro, kāda ir atšķirība starp pelēku krāsu #888888 un pelēku krāsu #CCCCCC! [Atbilde: Abās krāsās visi trīs kanāli ir vienādi, taču #CCCCCC skaitliskā vērtība ir lielāka (tuvāk FF), tāpēc tā ir ievērojami gaišāka pelēkā krāsa.]
7. [Aprēķinu uzdevumi]
   • A variants: Pārveido krāsu kodu rgb(255, 0, 170) heksadecimālajā formātā (atgādinājums: 170 decimālajā = AA heksadecimālajā)! [Atbilde: #FF00AA]
   • B variants: Pārveido krāsu kodu #00FFAF decimālajā rgb(R, G, B) formātā (atgādinājums: AF heksadecimālajā = 175 decimālajā)! [Atbilde: rgb(0, 255, 175)]
8. [Datu analīze]
   • A variants: Tabulā doti trīs pikseļu kodi: P1=#101010, P2=#808080, P3=#F0F0F0. Sakārto šos pikseļus no tumšākā uz gaišāko! [Atbilde: P1, P2, P3]
   • B variants: Tabulā doti trīs pikseļu kodi: P1=#FF2020, P2=#20FF20, P3=#2020FF. Kura krāsa dominē katrā pikselī? [Atbilde: P1 dominē sarkana, P2 dominē zaļa, P3 dominē zila.]
9. [Pāru savienošana]
   • A variants: Savieno sekundāro krāsu ar tās RGB sintēzes formulu!
     1. Ciāna (gaiši zila); 2. Dzeltena; 3. Fuksīns (magenta).
        a) Zaļš + Zils; b) Sarkans + Zaļš; c) Sarkans + Zils. [Atbilde: 1-a, 2-b, 3-c]
   • B variants: Savieno HEX kodu ar tā nosaukumu!
     1. #FFFF00; 2. #00FFFF; 3. #FF00FF.
        a) Magenta; b) Dzeltena; c) Ciāna. [Atbilde: 1-b, 2-c, 3-a]
10. [Diagnostikas jautājums]
    • A variants: Programmētājs gribēja iegūt maigi rozā krāsu (daudz sarkana, nedaudz zaļa un zila), bet ierakstīja #FF0000. Ko viņš izdarīja nepareizi un kā kods būtu jālabo? [Atbilde: Viņš pilnībā izslēdza zaļo un zilo kanālu, iegūstot 100% piesātinātu sarkanu. Lai iegūtu rozā, jāpievieno spilgtums arī pārējiem, piemēram, #FF8888.]
    • B variants: Dizainers vēlējās tumši zilu krāsu, bet ierakstīja #0000FF. Kāpēc šī nav tumši zila un kā to padarīt tumšāku? [Atbilde: #0000FF ir maksimāli spilgta zila. Lai padarītu tumšāku, jāsamazina zilā kanāla intensitāte, piemēram, uz #000066 vai #000080.]

C. Grūti un padziļināti uzdevumi (Datu aprēķini un kompleksa problēmu risināšana)

11. [Aprēķinu uzdevums: Rastra datnes atmiņa]
    • A variants: Rastra attēla izšķirtspēja ir 800 × 600 pikseļi. Attēlā tiek izmantots 24 bitu RGB modelis. Aprēķini nekompresēta attēla datu apjomu kilobaitos (KB)! (1 KB = 1024 baiti). [Atbilde: 800 × 600 = 480 000 pikseļi. 480 000 × 3 baiti = 1 440 000 baiti. 1 440 000 / 1024 = 1406,25 KB]
    • B variants: Viedtālruņa ekrāna izšķirtspēja ir 1080 × 1920 pikseļi. Cik megabaitus (MB) operatīvās atmiņas aizņem viens šāda ekrāna nekompresēts 24 bitu TrueColor kadrs? (1 MB = 1024 × 1024 baiti = 1 048 576 baiti). [Atbilde: 1080 × 1920 = 2 073 600 pikseļi. 2 073 600 × 3 = 6 220 800 baiti. 6 220 800 / 1 048 576 ≈ 5,93 MB]
12. [Padziļinātais jautājums: Krāsu dziļums un kombinatorika]
    • A variants: Cik unikālu krāsu toņu iespējams attēlot sistēmā, kur katram RGB kanālam atvēlēti tikai 4 biti (kopā 12 bitu krāsu dziļums)? Parādi aprēķina gaitu! [Atbilde: 4 biti kanālā = 2⁴ = 16 toņi katrā krāsā. Kopējais krāsu skaits = 16 × 16 × 16 = 16³ = 4096 krāsas.]
    • B variants: Cik unikālu krāsu toņu iespējams attēlot sistēmā, kur katram RGB kanālam atvēlēti 10 biti (kopā 30 bitu HDR krāsu dziļums)? Parādi aprēķina gaitu! [Atbilde: 10 biti kanālā = 2¹⁰ = 1024 toņi. Kopējais krāsu skaits = 1024 × 1024 × 1024 = 1024³ = 1 073 741 824 krāsas (vairāk nekā 1 miljards).]
13. [Datu analīze un kļūdu meklēšana]
    • A variants: Tīmekļa lapā poga nokodēta kā background-color: #10G05F;. Pārlūkprogramma šo krāsu neattēlo un rāda kļūdu. Izskaidro precīzu tehnisko iemeslu! [Atbilde: Heksadecimālajā sistēmā simboli ir tikai no 0 līdz 9 un no A līdz F. Simbols 'G' nav derīgs heksadecimālais cipars.]
    • B variants: Programmētājs CSS stilā uzrakstīja color: rgb(150, 280, 50);. Kā rīkosies pārlūkprogramma un kāpēc skaitlis 280 ir kļūdains? [Atbilde: 1 baits pieļauj vērtības tikai līdz 255 (2⁸-1). Pārlūks vērtību 280 nogriezīs līdz maksimālajai pieļaujamajai (255).]
14. [Atvērtais jautājums: Salīdzināšana un argumentācija]
    • A variants: Kāpēc digitālajā fotogrāfijā melnbaltam attēlam nepieciešams 3 reizes mazāk atmiņas nekā tāda paša izmēra 24 bitu RGB krāsu attēlam? [Atbilde: Melnbaltam (pelēktoņu) attēlam katram pikselim nepieciešams tikai 1 baits spilgtuma kodēšanai (no 0-melns līdz 255-balts), savukārt 24 bitu RGB attēlam nepieciešami 3 baiti (pa vienam R, G un B kanālam).]
    • B variants: Kāpēc profesionālā poligrāfijā (drukāšanā) nevar tieši izmantot RGB modeli un faili pirms drukāšanas obligāti jākonvertē uz CMYK modeli? [Atbilde: RGB ir aditīvs gaismu izstarojošs modelis, bet krāsa uz papīra gaismu neizstaro, bet gan absorbē (subtraktīvais modelis). Papīra krāsu pigmenti nespēj reproducēt visu spilgto RGB gaismas spektru.]
15. [Padziļinātais uzdevums: Krāsu inversija (Algoritmiskā domāšana)]
    • A variants: Lai iegūtu krāsas negatīvu (inversiju), katra kanāla vērtību $X$ atņem no maksimālās: $255 - X$. Kāds būs krāsas #FF3300 negatīva kods heksadecimālajā formātā? Parādi soļus! [Atbilde: R: FF (255) -> 255 - 255 = 0 (00). G: 33 (51) -> 255 - 51 = 204 (CC). B: 00 (0) -> 255 - 0 = 255 (FF). Rezultāts: #00CCFF (koši ciāna).]
    • B variants: Kāds būs krāsas rgb(55, 255, 100) negatīva kods decimālajā rgb formātā? Parādi soļus! [Atbilde: R: 255 - 55 = 200. G: 255 - 255 = 0. B: 255 - 100 = 155. Rezultāts: rgb(200, 0, 155).]

3. REĀLĀS DZĪVES PROBLĒMUZDEVUMS

Konteksts: Mobilās lietotnes "Nakts Pūce" tumšā motīva izstrāde

Esi jaunuzņēmuma UI/UX dizaineris un programmētājs. Tev jāoptimizē mobilās lietotnes saskarnes krāsas un jāaprēķina datu patēriņš.

• a) Pamatfona izvēle: Standarta OLED ekrānos pilnīgi melns fons (#000000) taupa enerģiju, bet rada spēcīgu kontrastu ar baltu tekstu, nogurdinot acis. Izveido "tumši pelēkzilu" fona krāsu, kurā sarkanā un zaļā kanāla intensitāte ir minimāla un vienāda (HEX vērtība 12), bet zilā kanāla intensitāte ir nedaudz lielāka (HEX vērtība 1E). Uzraksti šo krāsu pilnā HEX formātā!
• b) Teksta kontrasts: Lai teksts nebūtu žilbinoši balts, dizainers to definē kā decimālo vērtību rgb(220, 220, 220). Pārveido šo vērtību heksadecimālajā pierakstā! (Norāde: 220 decimālajā = DC heksadecimālajā).
• c) Akcenta poga: Lietotnes galvenajai darbības pogai jābūt spilgti dzeltenai. Kāds ir tās standarta RGB decimālais pieraksts?
• d) Ekrāna kadra datu ietilpība: Lietotnes fona attēls ir 1080 × 2400 pikseļi. Aprēķini, cik megabaitus (MB) atmiņas aizņem šis attēls nekompresētā 24 bitu formātā! (Aprēķinu veic ar precizitāti līdz diviem cipariem aiz komata; 1 MB = 1 048 576 baiti).
• e) Optimizācijas pamatojums: Kāpēc tīmeklī attēlus nekad nesūta nekompresētā 24 bitu rastra veidā (BMP), bet gan saspiež (JPEG, WebP)? Mini divus būtiskus ieguvumus lietotājam!

Pilna atbilde:

• a) #12121E
• b) #DCDCDC (jo 220 decimālajā atbilst DC heksadecimālajā sistēmā: 13 × 16 + 12 = 208 + 12 = 220).
• c) rgb(255, 255, 0)
• d) 1080 × 2400 = 2 592 000 pikseļi.
  2 592 000 × 3 baiti = 7 776 000 baiti.
  7 776 000 / 1 048 576 = 7,42 MB.
• e) 1) Dramatiski samazinās ielādes laiks mobilajā internetā (labāka lietotāja pieredze); 2) Tiek taupīts lietotāja mobilā interneta datu limits un servera trafika izmaksas.

4. VĒRTĒŠANAS KRITĒRIJU TABULA SAREŽĢĪTĀKAJIEM UZDEVUMIEM

5. DIAGNOSTIKAS JAUTĀJUMU TIPI (A, B, C, D) UN TO SKAIDROJUMS

• A tips — Pamatjēdzienu definīcijas jautājums: Pārbauda faktu zināšanas (piem., ko nozīmē katrs burts RGB). Atklāj, vai skolēns vispār ir apguvis tēmas terminoloģiju.
• B tips — Sintēzes un mijiedarbības jautājums: Pārbauda, kā skolēns saprot divu vai trīs kanālu summēšanos (piem., Sarkans + Zaļš). Atklāj, vai skolēnam nav iesakņojies guašas/krāsu jaukšanas maldīgais priekšstats.
• C tips — Pāreja starp skaitīšanas sistēmām (Decimālā ↔ HEX): Pārbauda matemātisko izpratni par baitu kā divu heksadecimālo zīmju kopu. Atklāj grūtības ar pozicionālajām skaitīšanas sistēmām.
• D tips — Sistēmu un resursu aprēķina jautājums: Pārbauda spēju saistīt vizuālo pikseli ar fizisko atmiņu (Pikseļi × Krāsu dziļums). Atklāj, vai skolēns izprot datortehnikas resursu robežas.

6. VĒRTĒŠANAS RUBRIKA (4 LĪMEŅI × 3 DIMENSIJAS)

7. PAŠVĒRTĒJUMA LAPA SKOLĒNAM

┌─────────────────────────────────────────────────────────────────────────────┐
│                       MANS MĀCĪŠANĀS CEĻVEDIS: RGB                          │
│ Ievelc atbilstošo simbolu: 🟢 (Protu patstāvīgi)  🟡 (Vēl vajag palīdzību)  🔴 (Neesmu sapratis) │
├─────────────────────────────────────────────────────────────────────────────┬───┐
│ 1. Es spēju paskaidrot, kāpēc ekrānā balta krāsa rodas no R + G + B.       │   │
│ 2. Es protu uzrakstīt melnu, baltu un pamatkrāsas HEX formātā (#RRGGBB).    │   │
│ 3. Es saprotu, kāpēc viena kanāla maksimālā vērtība ir 255 (1 baits).       │   │
│ 4. Es māku aprēķināt, cik baitus aizņem attēls ar zināmu pikseļu skaitu.    │   │
│ 5. Es spēju patstāvīgi atrast un izlabot kļūdu nepareizā krāsu kodā.        │   │
└─────────────────────────────────────────────────────────────────────────────┴───┘
 Mans šīs stundas lielākais atklājums: ───────────────────────────────────────
 Ko es vēl vēlētos noskaidrot: ────────────────────────────────────────────────

— AI integrācija un individualizācija

1. KUR AI PALĪDZ UN KUR KAITĒ

✅ Kur AI būtiski palīdz:

1. Daudzveidīgu uzdevumu ģenerēšana: Skolotājs var sekundes laikā ģenerēt 30 unikālus krāsu kodus katram skolēnam atsevišķi, novēršot norakstīšanu.
2. Kodu skaidrošana vienkāršā valodā: AI var darboties kā privāts mentors skolēnam, kurš nesaprot HEX sistēmu, piedāvājot pakāpeniskas analoģijas (piemēram, "naudas maciņa" vai "spuldžu slēdžu" metaforu).
3. Kontekstuālu scenāriju izveide: AI palīdz ģenerēt reālistiskus UI/UX dizaina uzdevumus (piemēram, medicīnas lietotnes vai spēļu saskarnes krāsu shēmas).
4. Kļūdu analīze: Skolēns var ievadīt savu aprēķina gaitu AI čatā ar lūgumu: "Neiedod man atbildi, bet pasaki, kurā solī es pieļāvu kļūdu mērvienību pārejā!"

❌ Kur AI kaitē:

1. Kritiskās domāšanas un aprēķinu atņemšana: Ja skolēns izmanto AI rīku, lai automātiski konvertētu #FF5500 uz decimālajām vērtībām, netiek trenēta bāzes 16 izpratne un pozicionālā matemātiskā domāšana.
2. Halucinācijas par specifiskiem standartiem: Bez precīzas uzvednes AI var sajaukt RGB modeli ar RGBA (caurspīdīgums) vai HSL modeļiem, radot lieku kognitīvo pārslodzi iesācējam.
3. Maldīga pārliecība par izpratni: Skolēns nokopē AI uzrakstītu skaidrojumu par gaismas spektru, pats nesaprotot subpikseļu darbības principu.
4. Pasivitāte eksperimentēšanā: Tā vietā, lai pats bīdītu krāsu slīdņus virtuālajā mikserī un novērotu krāsu izmaiņas, skolēns paprasa AI gatavu krāsu kombināciju.

2. GATAVA UZVEDNE (PROMPT) SKOLOTĀJAM

Tu esi pieredzējis datorikas pedagogs. Izveido 5 diferencētus uzdevumus par tēmu "RGB krāsu modelis un HEX kodi" 11. klases skolēniem. 
Uzdevumiem jābūt saistītiem ar reālu tīmekļa vietnes izstrādes kontekstu (CSS stili un attēlu atmiņas optimizācija).
Iekļauj:
- 2 pamatlīmeņa uzdevumus (HEX koda nolasīšana un pamatkrāsu noteikšana),
- 2 vidējā līmeņa uzdevumus (krāsu sajaukšanas prognozēšana un kļūdu labošana sintaksē),
- 1 padziļinātu uzdevumu (rastra attēla atmiņas aprēķins baitos un kilobaitos ar 24 bitu krāsu dziļumu).
Katram uzdevumam pievieno pareizo atbildi un īsu metodisko komentāru skolotājam par to, kādu skolēna domāšanas soli šis uzdevums pārbauda. Raksti profesionālā, bet viegli uztveramā latviešu valodā.

3. DIFERENCIĀCIJAS STRATĒĢIJAS

• Skolēniem ar augstiem sasniegumiem:
  • Uzdevums: Paplašināt RGB modeli līdz RGBA (pievienojot alfa kanālu caurspīdīgumam — 32 bitu krāsu dziļums) un aprēķināt video straumes datu plūsmu (bitrate) sekundē pie 60 FPS.
  • Pamatojums: Novērš garlaicību un savieno tēmu ar programmēšanu un tīkla arhitektūru.
• Skolēniem ar mācīšanās grūtībām:
  • Atbalsts: Sagatavota heksadecimālo skaitļu "špikera" tabula (0–9 un A=10 līdz F=15), darbs ar vizuālo krāsu atlasītāju (color picker), samazināts uzdevumu skaits, fokusējoties uz pamatkrāsām.
  • Pamatojums: Samazina kognitīvo slodzi matemātiskajos pārveidojumos, ļaujot koncentrēties uz konceptuālo izpratni.
• Skolēniem ar valodas grūtībām:
  • Atbalsts: Vizuālas shēmas, starptautiskie termini (Red, Green, Blue), krāsu kodi kā universāla matemātiska valoda, glosārijs ar skaidrojumiem vienkāršos teikumos.

4. 5 SKOLĒNU PROFILI UN PIELĀGOJUMI

1. Laura (Perfekcioniste):

   • Raksturojums: Augsta motivācija, baidās pieļaut kļūdu aprēķinos, pārdzīvo, ja HEX konvertācija neizdodas ar pirmo reizi.
   • Pielāgojumi:
     1. Piedāvāt skaidru soļu pa solim algoritma kartīti;
     2. Uzsvērt, ka kļūdīties krāsu minēšanā ir normāla izziņas daļa;
     3. Iesaistīt kā "eksperti", kas pārbauda citu aprēķinus pēc dotas formulas.
   • Pamatojums: Skaidra struktūra un droša vide mazina trauksmi.

2. Markuss (Radošais domātājs):

   • Raksturojums: Pretojas teorētiskām formulām un skaitīšanas sistēmām, vēlas uzreiz "kaut ko skaisti uzdizainēt".
   • Pielāgojumi:
     1. Dot uzdevumu radīt reālu vizuālu krāsu paleti konkrētam zīmolam;
     2. Ļaut izmantot interaktīvos grafiskos redaktorus;
     3. Prasīt kodēt krāsas tikai pēc tam, kad vizuālais koncepts radīts.
   • Pamatojums: Jēgpilns konteksts rada iekšējo motivāciju apgūt tehnisko rīku.

3. Elīna (Praktiķe):

   • Raksturojums: Disciplinēta, bet grūti uztvert abstraktus jēdzienus par "gaismas viļņu summēšanos smadzenēs".
   • Pielāgojumi:
     1. Uzticēt praktisko demonstrāciju ar ūdens pilienu un viedtālruņa ekrānu;
     2. Strādāt ar taustāmiem piemēriem (monitoru specifikācijas lapām);
     3. Izmantot konkrētus aprēķinus no ikdienas (telefona atmiņas ietilpība).
   • Pamatojums: Konkrēta pieredze palīdz būvēt abstrakto izpratni.

4. Roberts (Dziļais analītiķis):

   • Raksturojums: Ļoti ātrs matemātiskajā domāšanā, tēmu apgūst 5 minūtēs, sāk traucēt citiem vai garlaikoties.
   • Pielāgojumi:
     1. Dot padziļināto izaicinājumu par gamma korekciju un HDR 10 bitu kanāliem;
     2. Lūgt izveidot Python vai JavaScript skriptu, kas automātiski konvertē RGB uz HEX;
     3. Iecelt par konsultantu grupā.
   • Pamatojums: Kognitīvās kapacitātes noslogošana novērš uzmanības zudumu.

5. Samanta (Sociālā mācekle):

   • Raksturojums: Grūtības ar patstāvīgu koncentrēšanos pie rakstiska darba, labāk mācās runājot un apspriežoties.
   • Pielāgojumi:
     1. Pāru darba formāts ar lomu sadali (viens sauc krāsu, otrs meklē kodu);
     2. Mutiska atbilžu argumentācija un diskusija grupā;
     3. Iespēja prezentēt savas grupas atklājumus klasei.
   • Pamatojums: Verbalizācija nostiprina jaunos neironu savienojumus.

Pāru sadarbības piemērs: Roberts (Analītiķis) + Samanta (Sociālā)

• Dinamika: Roberts palīdz Samantai ātri apgūt heksadecimālo matemātiku, savukārt Samanta uzņemas komunikācijas un risinājuma prezentēšanas lomu, noņemot no Roberta nepieciešamību uzstāties publiski.
• Ieguvums abiem: Roberts mācās empātiski un vienkāršiem vārdiem izskaidrot sarežģītu algoritmu (dziļākā izpratnes pakāpe), bet Samanta iegūst tūlītēju atbalstu un drošības sajūtu aprēķinos.

5. IETEIKUMS SKOLAI PAR AI LIETOŠANU

Skolā ieteicams ieviest principu: "AI kā domāšanas partneris, nevis atbilžu orākuls." Datorikas stundās skolēniem jāmāca uzdot AI modeļiem diagnostiskus jautājumus (piemēram: "Paskaidro man atšķirību starp aditīvo un subtraktīvo krāsu jaukšanu, izmantojot virtuves metaforu!"), aizliedzot izmantot AI kā rīku, kas viņu vietā veic vienkāršus pārveidojumus un aprēķinus bez pašu kognitīvas iesaistes.

6. MĀCĪŠANĀS STILU PROFILĒŠANA (VAK MODELIS)

• Vizuālais tips: Interaktīvie krāsu spektra apļi, CSS krāsu paletes pārlūkā, subpikseļu diagrammas.
• Auditīvais tips: Skolotāja stāstījums, jēdzienu verbalizēšana pāru darbā, mnemotehniku atkārtošana skaļi ("Red-Green-Blue, Sarkans-Zaļš-Zils").
• Kinestētiskais tips: Reāla ūdens piliena uzlikšana uz ekrāna, interaktīva slīdņu vilkšana ekrānā ar peli/pirkstu, darba lapas fiziska aizpildīšana ar krāsu zīmuļiem.

— Skolotāja rokasgrāmata un paškritika

5 PADOMI JAUNAM SKOLOTĀJAM

1. 💡 Nekad nesāciet ar teoriju par heksadecimālajiem skaitļiem! Sāciet ar sajūtu, gaismu un vizuālo pieredzi (ūdens piliens uz ekrāna). Tikai tad, kad skolēns saprot kāpēc, pievienojiet kā (matemātiku).
2. 💡 Turiet pie rokas pārlūka izstrādātāja rīkus (F12 -> Inspect)! Tas ir ātrākais veids, kā parādīt jebkuras mājaslapas CSS krāsu kodu un turpat uz vietas to nomainīt, demonstrējot reāllaika izmaiņas.
3. 💡 Daudzkārt uzsveriet atšķirību no mākslas stundām! Tas nav konflikts ar vizuālās mākslas skolotāju — tie ir divi dažādi fizikas procesi (gaismas izstarošana pret gaismas atstarošanu/absorbciju).
4. 💡 Vienmēr pārbaudiet pamatbāzi: vai visi zina, ka 2⁸ = 256? Ja šis pamatskolas matemātikas elements "klibo", skaidrojums par 0–255 sabruks.
5. 💡 Izmantojiet analogiju ar trīs prožektoriem teātrī! Ja tumšā telpā uz skatuves ieslēdz sarkanu un zaļu prožektoru vienā punktā, aktiera krekls izskatīsies dzeltens.

KUR SKOLĒNI VISBIEŽĀK IESTRĒGST?

1. Pāreja no 9 uz A heksadecimālajā sistēmā: Skolēni aizmirst, ka A ir 10 un F ir 15. Iestrēgst pie aprēķiniem #A0 vai #0F.
   Iemesls: Ieradums darboties tikai decimālajā sistēmā.
2. Pelēktoņu veidošanās princips: Nespēja pieņemt, ka #444444 un #AAAAAA ir viena un tā pati krāsa (pelēka), tikai citā gaišumā.
   Iemesls: Skolēni meklē "pelēko krāsu" kā atsevišķu kanālu, nesaprotot, ka pelēks ir visu trīs kanālu līdzsvars.
3. Mērvienību pārejas aprēķinos: Iestrēgst dalīšanā ar 1024 (Baiti → KB → MB).
   Iemesls: Datorikas un matemātikas zināšanu plaisa; vēlme dalīt ar 1000.

KĀ SAGLABĀT MOTIVĀCIJU?

• Reāli konteksti: Rādīt reālas populāru zīmolu krāsas (piem., Spotify zaļais #1DB954, YouTube sarkanais #FF0000, Discord zilais #5865F2).
• Ātrie panākumi (Quick Wins): Kad skolēns pirmo reizi galvā atkodē #FFFF00 kā dzeltenu un dators to apstiprina, rodas tūlītējs gandarījums ("Es protu lasīt datora kodu!").
• Redzams progress: Iespēja nodarbības beigās pašam nomainīt mājaslapas fonu uz savu izvēlēto toni.

NOBEIGUMS

RGB krāsu modelis nav vienkārši atsevišķa datorikas tēma — tas ir tilts starp fiziku, matemātiku, mākslu un programmēšanu. Izprotot, kā gaisma pārvēršas skaitļos un skaitļi — atmiņas baitos, skolēns apgūst fundamentālu digitālās pratības prasmi, kas ir tieši pārnesama uz programmēšanu, multimediju dizainu un algoritmisko domāšanu.

3 VĀJIE PUNKTI ŠAJĀ METODIKĀ UN KĀ TOS UZLABOT

1. ⚠️ Laika deficīts (tikai 1 stunda / 40 min):
   • Riska faktors: Vienā stundā ir ļoti grūti paspēt gan praktisko ūdens piliena eksperimentu, gan teoriju par baitiem, gan heksadecimālo konvertāciju, gan atmiņas aprēķinus.
   • Uzlabojums: Sadalīt saturu 2 stundu ciklā (1. stunda: RGB vizuālā sintēze un HEX; 2. stunda: Atmiņas aprēķini, rastra grafika un CSS). Ja ir tikai 1 stunda, atmiņas aprēķina uzdevumu var pārcelt uz mājas darbu vai nākamo nodarbību.
2. ⚠️ Ekrānu matricu tehnoloģiskās atšķirības:
   • Riska faktors: Ne visiem skolēnu telefoniem ir klasiskā RGB svītru matrica (dažiem OLED ekrāniem ir PenTile matrica ar dimanta izkārtojumu), kas var mulsināt novērojumā.
   • Uzlabojums: Skolotājam jāsagatavo garantēts demonstrācijas paraugs (klēpjdatora IPS ekrāns vai makro fotoattēls).
3. ⚠️ Matemātiskās sagatavotības kontrasts klasē:
   • Riska faktors: Skolēni, kuri nepārzina heksadecimālo sistēmu, "iestrēgs" matemātikā un pazaudēs interesi par krāsu fiziku.
   • Uzlabojums: Nodrošināt drukātas heksadecimālās konversijas tabulas, lai matemātiskā aizture nebloķētu izpratni par krāsu loģiku.

Noslēguma tēze: Digitālā pasaule nesastāv no attēliem — tā sastāv no skaitļiem, kas iedarbina gaismu.

— Darblapa skolēnam (Drukājama)

DARBLAPA — RGB krāsu modelis un kodēšana (11. klase)

Vārds, Uzvārds: ___________________________________ Datums: ______________ Klase: _________

🌱 1. LĪMENIS: Pamatprasmes un atpazīšana (Obligāts visiem)

1. uzdevums

Ko nozīmē saīsinājums RGB un kādā secībā tiek pierakstīti krāsu kanāli?

• R: _______________________
• G: _______________________
• B: _______________________

2. uzdevums

Kāds ir viena krāsu kanāla skaitliskais vērtību diapazons?

• Decimālajā formā: no _______ līdz _______
• Heksadecimālajā (HEX) formā: no _______ līdz _______

3. uzdevums

Savieno krāsu ar tās heksadecimālo kodu!

Atbilde: A — ____; B — ____; C — ____; D — ____.

🌿 2. LĪMENIS: Krāsu sintēze un kodi

4. uzdevums

Prognozē, kāda krāsa veidosies, sajaucot gaismas kanālus!

• a) rgb(255, 255, 0) → _______________________________
• b) rgb(0, 255, 255) → _______________________________
• c) rgb(255, 0, 255) → _______________________________

5. uzdevums

Pārveido krāsu kodus starp formātiem! (Norāde: FF = 255, 00 = 0, 80 = 128).

• a) #00FF00 decimālajā formā: rgb(_____, _____, _____)
• b) rgb(255, 255, 255) HEX formā: #__________________
• c) #808080 decimālajā formā: rgb(_____, _____, _____) — Kāds tas ir tonis? __________________

6. uzdevums: Kļūdu detektīvs

Atrodi un pasvītro kļūdu katrā krāsu pierakstā! Paskaidro, kas ir nepareizi.

• a) rgb(256, 100, 0) → Kļūda: ___________________________________________________________
• b) #00GGFF → Kļūda: _______________________________________________________________
• c) #FFAA → Kļūda: _________________________________________________________________

🌳 3. LĪMENIS: Datu apjoms un reālā situācija

7. uzdevums: Atmiņas aprēķins

Datorspēles tekstūras izmērs ir 500 × 500 pikseļi. Attēls izmanto 24 bitu TrueColor RGB modeli.

• a) Cik baitus datora atmiņā aizņem viens 24 bitu pikselis?
  Atbilde: ________ baiti.
• b) Aprēķini, cik baitus kopā aizņem viss nekompresētais attēls! (Parādi aprēķina gaitu!)
  Aprēķins: _______________________________________________________________________________
  Atbilde: _________________ baiti.
• c) Pārvērt šo apjomu kilobaitos (KB)! (Izdali baitu skaitu ar 1024).
  Aprēķins: _______________________________________________________________________________
  Atbilde: ≈ _________________ KB.

8. uzdevums: Dizaina analīze

Tīmekļa vietnē teksts ir #333333 un fons ir #222222.

• a) Kāpēc šī lapas daļa būs ļoti grūti lasāma? _________________________________________________
• b) Kādu HEX kodu tu ieteiktu fona krāsai, lai saglabātu gaišu stilu ar maksimālu kontrastu? #________

🌟 Papildu izaicinājums (Interesentiem):

Kāds būs krāsas #FFCC00 negatīvs (invertētā krāsa)?
(Norāde: Inversijai no maksimālās vērtības FF atņem katra kanāla vērtību. FF - FF = 00; FF - CC = 33; FF - 00 = FF).

Aprēķinātais kods: #____________________
Kāda tā ir krāsa vizuāli? __________________________________________________________________