Računalniški praktikum Projektna naloga - Izdelava spletne strani Avtor: Matej Tekavčič Skupina: Matej Tekavčič - koordinator Simon Vrhovnik Tine Kavčič Matjaž Jerman 8. februar 2006
Kazalo 1 Uvod 2 2 Realizacija projekta 2 2.1 Delo na pedlogi.......................... 2 2.2 Delo na lekciji........................... 3 2.3 Delo v skupini........................... 4 2.4 Izdelava celote........................... 4 3 Zaključek 4 4 Uporabljena orodja 5 1
1 Uvod Pri predmetu Računalniški Praktikum smo morali narediti seminarsko nalogo. Seminarska naloga je obsegala izdelavo predloge za spletno stran in realizacijo ene lekcije na tej predlogi. Izdelati smo jo morali v Flash-u, saj nam ta omogoča, da se bolj približamo otroku. Spletna stran je namenjena drugošolcem, zato sem moral predlogo prilagoditi njihovim potrebam in znanju računalnika. Stran naj bi jim pomagala osvojiti nekaj snovi drugega razreda. Moja naloga je bila torej izdelati predlogo in eno lekcijo. Predloga, ki sem jo izdelal, je bila izbrana za nadaljnje delo, zato sem dobil tudi nalogo koordinatorja četrte skupine. 2 Realizacija projekta 2.1 Delo na pedlogi Sam sem se pri tem projektu prvič srečal s programom Flash. Na začetku niti nisem vedel, kako naj se lotim naloge. Brskal sem po internetu in iskal razne vodiče in primere. Nazadnje sem našel tudi nekaj video posnetkov, iz katerih sem se naučil osnov Flash-a. Ker pa samo znanje ni dovolj, da izdelaš predlogo za stran namenjeno drugošolcu, sem moral priti tudi do ideje, kako naj bi predloga izgledala. Tu sem poskušal upoštevati nasvet asistenta Peera. Dejal je, da naj se poskušamo vživeti v otroka, ki obiskuje drugi razred osnovne šole. Narisal sem nekaj oblakov, dodal sliko sonca, ji dodal animacijo, narisal ograjo in travnik. Na nebo sem narisal še nekaj preprostih ptičev in jim dodal gibanje. Otroci imajo radi živali, zato sem v predlogo dodal tudi štiri slike živali iz gradiva, ki ga nam je dal asistent. Slike sem preoblikoval v gumbe, in tem gumbom dodal posamezno sceno. Ko otrok zapelje miško na žival se pokaže manjši balonček, v katerem je kratek opis lekcije, ki se skriva pod gumbom. Ob kliku na žival pa se na desni strani predloge pokaže lekcija. Na tej stopnji sem dodal samo še štiri scene, kamor bi kasneje prišla vsebina. Vsako sceno sem popravil tako, da se ob klikanju na živali pojavi prava lekcija. Tu sem končal z izdelovanjem predloge. V nadaljevanju mi je asistent dal za realizirati četrto lekcijo in določil vlogo koordinatorja. 2
2.2 Delo na lekciji Kot sem že omenil je bila moja naloga narediti oz. vstaviti vsebino četrte lekcije v mojo predlogo. Snov obsega pesem o travici, kratko vajo, ki se nanaša na pesem, iskanje besede v kvadratu s pomešanimi črkami in vpis le-te v polje in povezovanje besed s soncem. Na prvo stran moje scene sem torej dodal sliko travice, ji dodal vlogo gumba, ki ob pritisku zapoje pesem o travici. Nad sliko je tudi nekaj teksta, ki sem ga skopiral iz gradiva. Druga stran je namenjena vaji. Otrok mora klikniti na besedo, ki jo sliši v pesmici. Vse besede sem spet pretvoril v gumbe in jim dodal zvok. Na tej strani je tudi celo besedilo pesmi in gumb za ponovno predvajanje. V nadaljevanju sem moral realizirati vpis besede v polje in preverjanje ali je vpisana beseda pravilna. Tu sem se srečal tudi s programiranjem v Flash-u. Napisati sem moral preprosto funkcijo ki preveri ali je vpisana beseda pravilna. To naredi funkcija: on (press) { if (odg.text == "sonce" odg.text=="sonce" odg.text=="sonce") { rezultat="pravilno!" else{ rezultat="narobe!" Na četrti strani mora otrok besede, ki ga spominjajo na sonce povezati s sliko sonca. Ob kliku na besedo se nariše rumena črta do sonca. Besedo sem pretvoril v gumb in mu dodal naslednjo funkcijo: Primer za besedo babica: on (release) { this.linestyle(4.25,0xffcc00,100); this.moveto(95,20); this.lineto(170,60); 3
Zadnja, peta stran, pove otroku da je končal s to lekcijo, mu čestita in pove, da se ob kliku na gumb DOMOV lahko vrne na začetno stran. 2.3 Delo v skupini Kot koordinator, sem moral organizirati delo v skupini. Takoj, ko nam je asistent določil nove naloge, sem se lotil svoje lekcije. Na hitro sem sestavil osnutek, in vse skupaj poslal članom moje ekipe. Hotel sem jim pokazati na kakšen način naj naredijo svojo lekcijo. Pri njihovem delu jim nisem dajal posebnih omejitev. Rekel sem jim naj se poizku ajo držati podobnega sloga pisave in barv, ostalo pa prepuščam njihovim zmožnostim. Dogovarjali smo se večinoma po MSN-ju in E-pošti. Poskušal sem jima čim več pomagati. Kakšen teden pred rokom za oddajo seminarske sem od dveh dobil izdelano lekcijo. Potrebno ju je bilo zdruiti z mojo. Tu nisem imel večji težav saj sta se oba člana držala sloga. Problem sem imel samo s tretjim članom (Tine Kavčič), ki se potem, ko sem mu poslal primer, kako naj naredi svojo predlogo in ko je odpisal, da trenutno nima časa, in da bo končal proti koncu roka, ni več javil. En dan pred rokom za oddaj seminarske sem to sporočil ostalima dvema članoma. Zadnji dan se je pojavil tudi Tine. Takoj sem v celoto dodal še njegov del in stran je bila končana. 2.4 Izdelava celote Kot sem že dejal, sem potem ko sem dobil vse tri lekcije vse skupaj združil v celoto. S tem nisem imel večjih težav. Člani skupine so se večinoma držali mojega sloga. Zabrisal sem razlike med posameznimi scenami tako da se niso videle razlike med posameznimi realizacijami. Malo popravil barve, in skompresiral zvoke. Tako sem zmanjšal velikost datoteke swf. Dodal sem e preprost preloader, da zaslon med nalaganjem ni prazen. 3 Zaključek Ta projekt me je naučil osnove Flash-a. Sedaj imam neko odskočno desko za bolj podrobno spoznavanje tega programskega jezika. To je bil moj prvi skupinski projekt. Upam, da bo naša fakulteta delala na temu, da bodo 4
imele kasnejše generacije več takšnega dela, kot smo ga imeli mi. Je veliko bolj praktično in uporabno za kasneje delo kot pa učenje teorije. 4 Uporabljena orodja Pri delu sem uporabljal Macromedia Flash 8. Za testiranje aplikacije Internet Explorer In Mozilla Firefox. Za pisanje poročila programski jezik L A TEX in za predstavitev Microsoft Powerpoint. Literatura [1] P.Peer: GradivoRP 2005 [2] P.Peer: Informacijske tehnologije; dokumentiranje [3] Video posnetki (datum preverbe delovanja linka 20.1.2006) http://killersites.com/ [4] Video posnetki; Dwayne Ferguson; VTC Animating in Flash 5