Metodika nastave informatike 1

Izvor: KiWi

(Usporedba među inačicama)

Skoči na: orijentacija, traži

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:

Proći samostalno Tečaj za izradu e-knjige (predloženo vrijeme - u sljedećih tjedan dana).
Svoje 3 pripreme (dvije iz matematike, jednu iz informatike) pretvoriti u oblik e-knjige. Rok za izradu je 2.12.2014.
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.
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

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

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

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.

@@ Redak 216: / Redak 216: @@
 End Sub</nowiki>
-=== 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
-[http://www.bloodshed.net/dev/devpas192.exe LINK na DEV PASCAL]
-[http://www.learn-programming.za.net/programming_pascal_learn01.html Tutorial za Pascal (na vježbama smo prošli 1,2,3,5 i 6)]
 == Vježbe 15.02.2011. ==

Metodika nastave informatike 1

Izvor: KiWi

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

Sadržaj

Građa računala

Izrada e-knjige

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

Nadzor računalne učionice

Zimski semestar

Uređivanje multimedijskih sadržaja

Ljetni semestar

Vježbe 17.3.2015.

Suradnja

Seminari iz multimedijskih sadržaja i ostali seminari

Domaća zadaća

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

Vježbe 15.02.2011.

Zimski semestar

Vjezbe 18.11.2010.

Vjezbe 11.11.2010.

Vjezbe 21.10.2010.

Crtanje likova u Logu

Web stranice osnovnih i srednjih škola studenata:

Materijali

Webovi škola

Natuknice s vježbi

AKTIVNOST: Bojanje u FMSLogu

Ranije godine

Pogledi

Osobni alati

Orijentacija

Traži

Traka s alatima