Metodika nastave informatike 1

Izvor: KiWi

Trenutačna izmjena od 18:46, 16. listopada 2016.

Predavanja: Goranka Nogo

Vježbe: Goran Igaly

• Kalendar nastave 2015/16.

• Anketa - molim svakako popuniti

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

Građa računala

Građa računala - stara prezentacija

Građa računala - nova prezentacija

Kako biste prezentaciju realizirali pomoću Prezija?

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.

Suradnja

• Organizacija priprema - razmjena materijala - razne tehnologije
• Kuda staviti nastavne materijale - kako ih učiniti dostupnima
• git, github
• 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

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

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:

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

Natuknice s vježbi

• 31.03.2008. MNI - Tablice
• 07.04.2008. Prezentacije - 1. dio
• 20.05.2008. Multimediji
• 26.05.2008. Hot potatoes
• 27.05.2008. Movie Maker - praktično

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.