Metodika nastave informatike 1

Izvor: KiWi

Inačica od 09:31, 4. studenog 2015. koju je unio/unijela Goranigaly (Razgovor | doprinosi)
Skoči na: orijentacija, traži

Predavanja: Goranka Nogo

Vježbe: Goran Igaly


Sadržaj

Popis slušača

  1. Marko Lepoglavec
  2. Kristina Halambek
  3. Jelena Hunjadi
  4. Barbara Friganović
  5. Mario Curman
  6. Jurica Keresteš
  7. Tomislava Solar
  8. Juraj Šutalo
  9. Igor Tomičić

popis adresa e-pošte slušača 2015/16

Zadatak 1: Upišite svoju adresu e-pošte u stupac uz svoje ime i prezime.

Zadatak 2: Kako biste studente poredali po slučajnom redoslijedu?

Materijali s vježbi

Nastavni plan i program

Modificirani program - Grupa 1

Prijedlozi za modifikaciju

Što je plan, što je program?

Kakve vrste plana i programa poznajete?

Za svaku od 4 godine srednje škole napisati prijedlog nastavnog programa. Uz svaku cjelinu napisati okvirni broj sati predviđen za obradu te cjeline. Napisati imena studenata koji su izradili program. Programe možemo s vremenom mijenjati. Izmjene treba argumentirati.

Nastavni program iz informatike - 1994. godina

Proces planiranja i programiranja nastave

Mediji za pohranu podataka

Građa računala

Građa računala - stara prezentacija

Građa računala - nova prezentacija

Kako biste prezentaciju realizirali pomoću Prezija?

Bitmap grafika

Scion Image

Preuzimanje slike za eksperiment s Interneta. Svaki student preuzima vlastitu sliku (slika neke životinje, da ima i tamnih i svijetlih područja, srednje veličine - npr. 400x600 točaka)

Malo o programu IrfanView

Promjena broja boja (nijansi sivoga) za sliku. Smanjenje broja nijansi sivoga s 256 na 128, 64, 32, 16, 8, 4, 3, 2. Usporedba veličine dobivenih datoteka

Korištenje programa IrfanView za osnovne operacije na bitmap slikama

Pohrana slike u raznim formatiima - .jpg i .bmp

Crtanje testne slike u programu Paint (crveni, plavi, žuti i crni kvadrat na bijeloj podlozi). Analiza R, B i G komponente slike.

Izrada e-knjige

Zadatak:

  1. Proći samostalno Tečaj za izradu e-knjige (predloženo vrijeme - u sljedećih tjedan dana).
  2. Svoje 3 pripreme (dvije iz matematike, jednu iz informatike) pretvoriti u oblik e-knjige. Rok za izradu je 2.12.2014.
  3. Troje studenata će iz materijala za pripremu e-knjiga izraditi "zajedničke e-knjige" - u kojima će biti sakupljene sve pripreme za osnovno školu-matematika, srednju školu-matematika, osnovnu školu-informatika.
  4. Svaki student će dobiti zadatak pročitati jednu tako dobivenu e-knjigu na željenom uređaju (opo mogućnosti mobitelu ili tabletu, a može i desktop čitač e-knjiga) i napisati primjedbe, odnosno predložena poboljšanja

Problemi kod čitanja e-knjige na raznim čitačima

  • Font
  • Široka tablica
  • Matematika/slika
  • Sitna slova
  • Boja nije autentična
  • Strelice se ne vide, puno praznog prostora
  • Ne vide se hrvatska slova

Nadzor računalne učionice

U računalnoj učionici je korisno imati program pomoću kojega možemo istovremeno vidjeti sve učeničke ekrane i po potrebi pomoći pojedinom učeniku bez da fizički dođemo do njega. Naime, često je učionica napravljena tako da je dosta teško brzo doći do svakog učenika, te na to odlazi dosta vremena.

iTALC is a use- and powerful didactical tool for teachers. It lets you view and control other computers in your network in several ways. It supports Linux and Windows XP, Vista and 7 and it even can be used transparently in mixed environments!

In contrast to widely used commercial equivalent software, iTALC is free! This means you do not have to pay for expensive licenses or things like that. Furthermore the source-code is freely available and you're free in changing the software to fit your needs as long as you respect the terms of iTALC's license (GPL). Freedom in two ways!

Predavanje: Ante Pocedulić, 12.10.2011. iTALC - Prezentacija

Stranica projekta iTALC


Zimski semestar

Prijedlog za seminar: Alice - Obrazovni softver za učenje programiranja u 3D okruženju. Usporediti sa Scratch i Logo / Java, Pascal

Uređivanje multimedijskih sadržaja

Zvuk - Soundbooth / Audacity Statične slike - Photoshop / Gimp After Effects / Wax Wax is a time line/ layer base compositing package similar, in a very basic way, to Adobe's After FX. It offers RotoMate which allow it to do fairly sophisticated compositing FX, an image base particle system, the ability to load 3d objects and do basic 3d transformations. Wax can even use many direct X filters and transitions giving it video editing potential, but it is designed to work as a plug-in for Video editors like Windows Movie Maker, Premiere, Vegas and even Lightworks. Anyone who is reviewing this as a Video editor is not doing this program justice.

Read more: DebugMode Wax - Download.com http://download.cnet.com/DebugMode-Wax/3000-13631_4-10413350.html#rateit#ixzz1n5iDlTD9

Uređivanje videa Premiere Pro / Windows Live Movie Maker

Tražimo beslatnu alternativu za Adobe After Effects: After Effects is the most advanced and visually impressive effects tool on the market. Used for television and movie production After Effects provides some of the best 2D and 3D features for both title/text animation and composition. Almost every visual effect you need for your music video, DVD production or even for your web presentation is made possible through this versatile piece of software. Read more at http://www.osalt.com/after-effects#fLHyyaw8Y5a7jXqY.99

Ljetni semestar

Kod testiranja programa učenicima se često ne da upisivati testne podatke. U ovome nam može pomoći Excel. Pogledajte ovaj primjer i smislite sami primjere na kojima se može koristiti isti mehanizam Datoteka:OsnovniProgram.zip


Vježbe 17.3.2015.

Provjera znanja iz programiranja

Odaberite programski jezik u kojemu ćete riješiti neki od ponuđenih zadataka. Ako je potrebno, instalirajte potrebnu programsku podršku (kompajler, interpreter). U Wordu napišite puni tekst zadatka i testne primjere. Napišite upute za pokretanje i testiranje programa. U jednu mapu stavite sve potrebne datoteke. Nakon završetka cijelu mapu pozipajte i pošaljite na goran.igaly@gmail.com

  • 1. zadatak: Množenje pravokutnih matrica
  • 2. zadatak: Sklararni produkt dviju matrica
  • 3. zadatak: Sortiranje niza brojeva
  • 4. zadatak: Površina trokuta (točke zadane u koordinatnom sustavu)

Cjelovita kurikularna reforma

Suradnja

  • Organizacija priprema - razmjena materijala - razne tehnologije
  • Kuda staviti nastavne materijale - kako ih učiniti dostupnima
  • git, github; usluga Google Code ugašena
  • Korištenje Dropboxa - je li tko uspio upogoniti Dropbox portable
  • Pisanje u čistom HTML5 - stilovi. Napraviti A4 podsjetnik za oblikovanje stranice u HTML5

Seminari iz multimedijskih sadržaja i ostali seminari

Datum Tema Studenti
7.4.2015. Obrada slika - GIMP Ana Milišić, Marija Benko, Sanja Lovrić
  Khan Academy Maja Mihalic, Marko Nemec
14.4.2015. Obrada zvuka - Audacity Maja Mihalic, Marko Nemec
  Portal Nikola Tesla Marko Sačić, Dino Franić
5.5.2015. Pripremanje videa - Movie Maker Marko Sačić, Dino Franić, Ivana Major Šomođi
  Cjelovita kurikularna reforma Marija Benko, Sanja Lovrić
19.5.2015. Animacija i specijalni efekti - Adobe After Effects (180 minuta) Stipe Magić, Eugen Čičković, Marko Gredičak
2.6.2015. Portal za škole - natavni materijali iz informatike za osnovne i srednje škole Stipe Magić, Eugen Čičković, Marko Gredičak, Ivana Major Šomođi
  e-učenje / Moodle Ana Milišić

Seminari s multimedijskim sadržajima - Potrebno je pripremiti sve potrebne materijale - primjere i tekstualni dio Ostali seminari - trajanje izlaganja 30 minuta. Treba pripremiti pisane materijale

Domaća zadaća

Za 5.5.2015. svi! Na jednoj stranici A4 papira napraviti podsjetnik za glavne elementa jezika HTML5. Napraviti primjer stranice u HTML5 - generirati PDF Koji se sve elementi koriste na vašoj stranici?

Pomoću HTML validatora pregledati web stranicu neke škole. Koliko i kakve pogreške je validator prijavio?

VJEŽBE 25.3.2011. (Visual Basic for Applications i povezivanje s Excelom) 

Option Explicit

Sub Ime()
Dim R As Double, pi As Double
pi = Worksheets("sheet1").Range("C1").Value
R = InputBox("Unesi radijus: ")
Worksheets("sheet1").Range("A1").Value = pi * R ^ 2
MsgBox Worksheets(1).Range("A2").Value
End Sub

Sub NapuniKutiju()
Dim i As Integer, j As Integer
For i = 1 To 10
   For j = 1 To 12
      Worksheets(2).Cells(i, j).Value = 1
   Next j
Next i
End Sub

Function skoroPaPovrsinaKruga(R As Double) As Double
skoroPaPovrsinaKruga = R ^ 2 * 3.14
End Function

Function PrekriziRedak(n As Integer)
Dim s As Integer
For s = 1 To 12
   Worksheets(2).Cells(n, s).Value = "M"
Next s
End Function

Function PrekriziStupac(n As Integer)
Dim s As Integer
For s = 1 To 10
   Worksheets(2).Cells(s, n).Value = "M"
Next s
End Function

Function PrekriziRedakIStupac(n As Integer, m As Integer)
PrekriziStupac (m)
PrekriziRedak (n)
End Function

Sub Unesi()
Dim n As Integer, m As Integer
n = InputBox("Unesi redak: ")
m = InputBox("Unesi stupac: ")
Call PrekriziRedakIStupac(n, m)
End Sub

Sub Macro1()
Dim i As Integer

For i = 1 To 255
   Worksheets(4).Cells(i, 1).Select
   With Selection.Interior
       .Pattern = xlSolid
       .PatternColorIndex = xlAutomatic
       .Color = RGB(255, i, i)
       .TintAndShade = 0
       .PatternTintAndShade = 0
   End With
Next i
 
End Sub

PASCAL

Postavke za DosBOX: (ovo samo ako stvarno želite koristiti Turbo Pascal na Windows 7 -- ali to ne preporučujem) 

mount e c:\tp\
e:
cd bin
tpx

LINK na DEV PASCAL

Tutorial za Pascal (na vježbama smo prošli 1,2,3,5 i 6)

Vježbe 15.02.2011.

Regoč

Duga

Šuma Striborova

Zimski semestar

Logo radionica

Pravilnik o ocjenjivanju

Fotografije na Google docs

Rozin filmic

online knjige - poezija i proza

online knjige - svasta

online knjige - edu.hr

Vjezbe 18.11.2010.

to kruznica
repeat 90[fd 10 rt 4]
end

to cvijet
repeat 6[kruznica rt 60]
end

to korak
setpensize [5 5]
repeat 15[fd 10 rt 4]
end

to val
pu
repeat 15[fd 5 rt 6] pd
repeat 2[
repeat 30 [fd 5 rt 6]
repeat 30 [fd 5 lt 6]]
end

Vjezbe 11.11.2010.

to kvadrat :a
repeat 4[fd :a lt 90 ]
end

to pravokutnik :a :b
repeat 2[fd :a lt 90 fd :b lt 90]
end

to koso :alfa :x
lt :alfa fd :x rt(2* :alfa ) fd :x lt :alfa 
end 

to kosikvadrat :alfa :x
repeat 4[koso :alfa :x lt 90 ]
end

to kosipravokutnik :alfa :x :y
repeat 2[koso :alfa :x lt 90 koso :alfa :y lt 90]
end

to koso3 :alfa :x
lt :alfa fd :x rt :alfa fd :x rt :alfa fd :x lt :alfa
end

to kosi3kvadrat :alfa :x
repeat 4[koso3 :alfa :x lt 90 ]
end

to xkvadrat :debljina :a
repeat 4[pravokutnik :a :debljina fd :debljina lt 90 ]
end

pravokutnik 100 50
pravokutnik 100 0
koso 30 100
kosikvadrat 20 100
kosikvadrat 40 100
kosikvadrat 90 100
kosikvadrat 0 100
kosikvadrat -20 100
kosipravokutnik 10 50 70
kosipravokutnik 45 50 50
kosipravokutnik 45 50 150
kosipravokutnik 60 10 200
koso3 20 100
kosi3kvadrat 20 100
kosi3kvadrat 45 150
kosi3kvadrat 90 150
kosi3kvadrat -45 150
xkvadrat 50 10

Vjezbe 21.10.2010.

to kucica
FD 68 RT 45 FD 43 RT 90 FD 43 RT 45 FD 68 RT 90 FD 62
end

to naselje 
kucica fd 100 kucica fd 200 kucica fd 30 kucica fd 100 rt 45 kucica
end

to trokut
rt 30 fd 100 rt 120 fd 100 rt 120 fd 100
end

to paralelogram
rt 30 fd 100 rt 60 fd 200 rt 120 fd 100 rt 60 fd 200
end

to pravokutnik
fd 50 rt 90 fd 100 rt 90 fd 50 rt 90 fd 100
end

to kvadrat 
fd 50 rt 90 fd 50 rt 90 fd 50 rt 90 fd 50 rt 90
end

to sesterokut 
lt 30 fd 100 rt 60 fd 100 rt 60 fd 100 rt 60 fd 100 rt 60 fd 100 rt 60 fd 100
end

to sesterokutx3
sesterokut lt 30 sesterokut lt 30 sesterokut
end

repeat 30[fd 50 rt 12]

repeat 15[fd 50 rt 12]

repeat 60[fd 50 rt 12]

repeat 29[fd 50 rt 12]

niz kvadrata...repeat 15 [kvadrat rt 90 fd 50 lt 90]

Crtanje likova u Logu

Molim napisati ime i kod za likove (isto kao na ploči) 

A Mateja: fd 220 rt 90 fd 120 rt 90 fd 50 rt 90 fd 64 lt 90 fd 45 lt 90 fd 30 rt 90 fd 40 rt 90 fd 30 lt 90 fd 27 lt 90 fd 100  rt 90 fd 40 rt 90 fd 100 fd 50
  Paula: FD 200 RT 90 FD 121 RT 90 FD 48 RT 90 FD 68 LT 90 FD 52 LT 90 FD 32 RT 90 FD 35 RT 90 FD 33 LT 90 FD 33 LT 90 FD 100 RT 90 FD 34 RT 90 FD 150

B Mateja: fd 100 rt 90 fd 80 rt 90 fd 80 rt 90 fd 80
Paula: FD 105 RT 90 FD 85 RT 90 FD 85 RT 90 FD 85

C Tihana: FD 68 RT 45 FD 43 RT 90 FD 43 RT 45 FD 68 RT 90 FD 62
      
D Tihana: FD 105 LT 90 FD 70 RT 90 FD 35 RT 90 FD 190 RT 90 FD 35 RT 90 FD 70 LT 90 FD 105 RT 90 FD 50
Valentina :  fd 100 lt 90 fd 75 rt 90 fd 35 rt 90 fd 190 rt 90 fd 35 rt 90 fd 75 lt 90 fd 100 rt 90 fd 40

E Ivana: FD 100 RT 120 FD 270 LT 60 RT 90 RT 120 FD 230
Roza:FD 120 RT 120 FD 260 RT 150 FD 225

F Ivana: FD 100 RT 90 FD 140 RT 90 FD 200 RT 90 FD 270 RT 90 FD 100
Roza: FD 120 RT 90 FD130 LT 90 FD 100 RT 90 FD 140 RT 90 FD 220 RT 90 FD 270

G Damir: LT 90 FD 65 RT 90 LT 90 FD 3 RT 90 FD 120 RT 90 FD 120 RT 90 FD 120 RT 90 FD 120 RT 135 FD 169 LT 135 FD 120 LT 135 FD 170 LT 135 FD 120 LT 45 FD 90 LT 90 FD 84 
Mateja: FD 135 RT 45 FD 90 RT 90 FD 90 RT 135 FD 127 LT 135 FD 186 RT 135 FD 132 RT 135 FD 182 RT 135 FD 128

H Damir: LT 90 FD 50 RT 90 FD 150 LT 90 FD 65 RT 90 FD 35 RT 90 FD 137 RT 90 FD 137 LT 90 FD 47 RT 90 FD 58 RT 90 FD 70
Mateja: FD 90 LT 90 FD 68 RT 90 FD 40 RT 90 FD 136 RT 90 FD 140 LT 90 FD 49 RT 90 FD 50 RT 90 FD 117 RT 90 FD 60


Web stranice osnovnih i srednjih škola studenata:

Student Osnovna škola Srednja škola
Valentina http://os-sveta-nedelja.skole.hr/ http://www.deseta.hr/
Rozalija http://os-sbasariceka-ivanicgrad.skole.hr/ http://os-ilok.skole.hr/ http://www.ss-isvear-ivanic-grad.skole.hr/
Paula http://www.os-jure-kastelana.hr/ http://www.gimnazija-jedanaesta-zg.skole.hr/
Mateja Š. http://www.os-nedelisce.skole.hr/ http://www.gimnazija-cakovec.skole.hr/
Tihana http://www.os-svibovec.skole.hr/ http://ss-gospodarska-vz.skole.hr/
Ana http://os-vnovaka-zg.skole.hr/ http://www.prva.hr/
Mateja G. http://www.skola-hodosan.hr/ http://www.gimnazija-cakovec.skole.hr/
Damir http://os-savski-gaj-zg.skole.hr/ http://www.tsrb.hr/new/
Ivana http://os-beletinec.skole.hr/ http://www.gimnazija-varazdin.skole.hr/


Materijali

Preuzimanje videa s youtube: http://www.savevid.com/

Online konverzija video formata: http://media-convert.com/

Online konverzija u audio (i drugo): http://www.mediaconverter.org/

Online video/audio konverter i downloader: http://www.onlinevideoconverter.com/

FILM: http://www.youtube.com/watch?v=w7TU8QyuuBs

FILM": http://www.youtube.com/watch?v=EPeVQU4c6zY

ALICE - edukacijski softver http://degiorgi.math.hr/kiwi/index.php?title=Datoteka:PripremaALICE.pdf

Scratch - programski jezik sličan Logu http://scratch.mit.edu/


Datoteka:Sherlock Holmes.doc - sa sličicama

Media:Alice.doc

Media:Cool_Alice.doc‎ - Alice u jednom stupcu

Media:THE_ADVENTURES_OF_SHERLOCK_HOLMES_by_SIR_ARTHUR_CONAN_DOYLE.doc - bez slicica

Media:THE_ADVENTURES_OF_SHERLOCK_HOLMES_2.zip‎ - Sherlock u jednom stupcu

Media:alice.zip‎ - Alice_baza _podataka

Media:Sherlock.zip‎ - Sherlock_baza _podataka

Media:db2.zip‎ - Sherlock_baza _podataka (rar, pa zip)

Webovi škola

Student Osnovna škola Srednja škola
MARTINA ARAPOVIĆ http://www.stordammen.nu/ i http://www.savjaskolan.uppsala.se/savjaskolan/default.asp http://www.fyrisskolan.uppsala.se/
NIKA KATERINA ZIDARIĆ http://www.os-vnazora-pazin.skole.hr/ http://www.gssjd.hr/
IVAN PISKAČ http://www.os-bmadjera-novigrad-podravski.skole.hr http://www.ss-koprivnica.skole.hr
HRVOJE HELD http://www.os-vnazor-kc.skole.hr/ http://www.gimnazija-izdijankoveckoga-kc.skole.hr/ i http://www.truroschool.com/
ANDREA BRAJČIĆ http://www.os-mkrleze-zg.skole.hr/ http://www.gimnazija-klasicna-zg.skole.hr/
GORAN IGALY http://www.os-igundulica-zg.skole.hr/ http://www.mioc.hr/site/pocetak
RUŽICA LUKIĆ http://www.osivanaperkovca.hr/ http://www.lucijanka.hr/

Natuknice s vježbi

RAZLUČIVOST

Razlučivost ili rezolucija je veličina kojom se definira mogućnost razdvajanja/razaznavanja sitnih detalja kojom se opisuje kakvoća slike.

  • Kod klasičnog fotografskog filma razlučivost se određuje brojem linija koje se mogu razaznati na dužini milimetar filma.
  • U digitalnoj tehnici razlučivost se mjeri ovisno o mediju.
  • Za papirnate dokumente razlučivost je broj točkica od kojih je sastavljena slika po kvadratnom inču (Dot per inch - DPI). Kvaliteta ispisane, odnosno očitane slike ne ovisi samo o razlučivosti uređaja, nego i o kvaliteti same slike na računalu, odnosno na papiru.
  • Za zaslone i digitalne fotografije razlučivost je broj piksela (sitnih kvadratića) od kojih je sastavljena slika po horizontali x broj piksela po vertikali u obliku 1600 x 1200. Broje se sve točkice (engl. pikseli) od kojih se sastoji slika. Najčešće se izražava u milijunima piksela ili megapikselima (Mpx), npr. 7 Mpx. Što je veći broj točkica to je slika kvalitetnija, manje rasterizirana.

Kod televizora i videozapisa razlikuju se normalna (720 x 576 px) i visoka razlučivost (HD - 1280 x 720 - 1920 x 1080 px), koja se uvodi u primjenu krajem prvog desetljeća trećeg tisućljeća. Svaki monitor (od kompjutora do mobitela) ima zadanu maksimalnu razlučivost koju je moguće na njemu postići, ali je moguće koristiti i nižu.

Veća razlučivost u pravilu omogućuje veća povećanja uz zadržavanje oštrine prikaza. U digitalnoj tehnici veće razlučivosti zahtijevaju značajno povećanje memorijskih kapaciteta za pohranu materijala (fotografija, videozapisa).

AKTIVNOST: Kako učenicima pojasniti pojam razlučivosti?

Cilj aktivnosti:

Učenici će realizirati algoritam prijenosa slike te se na konkretnom primjeru upoznati s pojmom razlučivosti.

Potreban materijal:

Isprintane slike, folije sa kvadratičnom mrežom (8x8 i 32x32), računala, program GIMP

Tijek aktivnosti:

Podijelimo učenike u parove i podijelimo im crteže (svi crteži nacrtani su na papirima iste veličine). Svaki par treba imati jedan crtež, s tim da se podijele tako da jedan učenik dobije crtež a drugi učenik ne za što je na crtežu. Svi sjede za računalima, a učenici koji su u paru trebaju biti međusobno odvojeni (najbolje na različitim stranama razreda). Učenik koji ima crtež dobije prozirnu foliju s kvadratičastom mrežom veličine 8x8 koju stavi preko crteža.

Zadatak je sljedeći: učenik sa crtežom daje upute svom paru koji polja (točke) treba obojati koristeći računalo na istoj takvoj mreži. Učenik koji crta na računalu koristi slobodno dostupan program GIMP s maksimalnim povećanjem (zoom) i uključenom opcijom prikaza rešetke. Upute ne smiju sadržavati dijelove crteža, samo koje polje, lijevo, desno, gore, dolje itd. Kada su završili s crtanjem, trebaju usporediti dobiveni crtež s onim napravljenim na računalu. Nakon tog ispremiješaju crteže tako da svaki par dobije drugi crtež i učenici unutar para mijenjaju uloge (onaj koji je crtao govori, a onaj koji je govorio crta), s tim da sad rade s mrežom veće razlučivosti (32x32).

Na kraju, komentiramo kako su učenici jedni drugima davali upute, koje su „algoritme“ koristili te kako bi poboljšali svoj uradak. Također možemo istaknuti učenicima da na sličnom principu rade skeneri te im dati linkove na stranice na kojima mogu vidjeti detalje o skenerima, vrstama skenera te razlučivosti i prikazu slike:

Zaključak aktivnosti je da je slika napravljena u mreži 32x32 bolja, kvalitetnija.


PRIKAZ BOJA NA RAČUNALU

Monitori kao i televizija kreiraju boje koristeći tri osnovne boje: crvenu, zelenu i plavu (RGB model).

Svaki pixel na ekranu je predstavljen u računalnoj memoriji kao neovisna vrijednost crvene, zelene i plave (RGB). Raznim kombinacijama RGB može se reproducirati mnogo različitih boja, čiji broj ovisi o tome koliko nijansi svake osnovne boje možemo prikazati.

Danas se najčešće koristi model u kojem svaka od osnovnih boja ima 256 nijansi koje su predstavljene brojevima od 0 do 255. Na taj način možemo prikazati sveukupno 256∙256∙256=16777216 boja.

Svaka boja predstavljena je listom od tri vrijednosti. Prva vrijednost u listi predstavlja nijansu crvene boje, druga vrijednost nijansu zelene, a treća vrijednost nijansu plave boje. Rezultat je boja koja nastaje miješanjem triju nijansi osnovnih boja.

U tablici ispod mogu se naći primjeri kako se kombinacijom osnovnih boja dobivaju neke složene boje:

RGB VRIJEDNOSTI BOJA
(0, 0, 0) Crna
(255, 255, 255) Bijela
(255, 0, 0) Crvena
(0, 255, 0) Zelena
(0, 0, 255) Plava
(255, 255, 0) Žuta
(255, 0, 255) Ljubičasta


AKTIVNOST: Bojanje u FMSLogu

Cilj aktivnosti:

Učenici će koristeći program FMSLogo obojati sliku cvijeta.

Potreban materijal:

računalo, FMSLogo, datoteke: bojanje.lgo i cvijet.bmp - mogu se naći u .zip datoteci: Mediji:Prilog.zip

Tijek aktivnosti:

Učenicima damo uputu da na svojim računalima otvore datoteku bojanje.lgo i u komandnu liniju upišu slika. Sada bi svi učenici u gornjem lijevom rubu svog zaslona trebali imati sliku cvijeta. Ako učenici već imaju iskustva s programskim jezikom Logo, ne treba im pojašnjavati kako se kretati kornjačom po slici, a ako nemaju, treba im pojasniti naredbe forward, right i left.

Nakon učitavanja slike i upoznavanja s FMSLogom učenicima ćemo pojasniti kako u Logu možemo bojati slike korištenjem dviju naredba:

  • SETFLOODCOLOR –naredba koja određuje kojom bojom želimo bojati. Boje se zadaju koristeći RGB zapis pa npr. crvenu boju zadajemo naredbom: 
         SETFLOODCOLOR [255 0 0]
  • FILL – naredba koja boja dio slike u kojem se nalazi kornjača bojom koju smo zadali naredbom SETFLOODCOLOR.

Učenici će zatim imati zadatak da samostalno obojaju sliku cvijeta tako da listovi budu zeleni, latice crvene, tučak žut, a nos ljubičast.

NAPOMENA:

Prije nego sat započne, moramo osigurati da svako računalo u učionici ima instaliran program FMSLogo i da se datoteke bojanje.lgo i cvijet.bmp nalaze na računalu u istoj mapi.


Ranije godine

Pišite, brišite, mijenjajte -- ovo je wiki Kiwi čija je zadaća da nam svima pomogne u savladavanju vještine zajedničke izrade sadržaja putem wikija.

Dobavljeno iz "http://degiorgi.math.hr/kiwi/index.php/Metodika_nastave_informatike_1"
Osobni alati