Download - Razvoj multimedijskih projekata 4
![Page 1: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/1.jpg)
RAZVOJ MULTIMEDIJSKIH PROJEKATA
Martina Brojanur ica ŠtantaĐ đ
Vlasta Dogan-GrgurićAndrea Valen ič č
![Page 2: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/2.jpg)
RAZVOJ MULTIMEDIJSKIH I HIPERMEDIJSKIH APLIKACIJA
„Životni” ciklus razvoja softvera• Analiza• Dizajn• Implementacija• Testiranje• Dostavljanje• Održavanje
![Page 3: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/3.jpg)
ADDIE model
Faze ADDIE modela:Rezultat svake faze koristimo kao ulaz u sljedeću fazuEvaluacija se koristi tijekom izvođenja ostalih faza
Posebna faza ODRŽAVANJE : Obnavljati prezentaciju, nadopunjavati i mijenjati sadržaj, osigurati tehničku stranu.
Evaluacija
Analiza
Dizajn
Razvoj
Implementacija
![Page 4: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/4.jpg)
• Birati manji projekt koji će se s vremenom proširivati• Odabrati temu i sadržaje prezentacije
Analiza pri razvoju multimedijskih i hipermedijskih prezentacija
![Page 5: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/5.jpg)
Pozornost na KORISNIKE i njihove potrebe-o njima ovisi izrada sadržaja i ostalih elementa courseware-a:Dob i obrazovanjePredznanjePosjedovanje i poznavanje tehnologijePretpostavljeni stil učenjaHipermedijske aplikacije vrhunske kvalitete
Analiza pri razvoju multimedijskih i hipermedijskih prezentacija
![Page 6: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/6.jpg)
Dizajniranje kod izrade multimedijskih i hipermedijskih prezentacija
Osnovni tip multimedijskih prezentacija:• Tekstualne i grafičke prezentacije• Interaktivne prezentacije• Interaktivne multimedijske prezentacije
![Page 7: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/7.jpg)
ADDIE model
Dizajniranje kod izrade multimedijskih i hipermedijskih prezentacija
Storyboard (skripta) opis onoga što bi stranice trebale sadržavati i međusobno se povezati.oMAPAoSKICA ili OPIS STRANICE
![Page 8: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/8.jpg)
MAPAPrimjer hijerarhijske mape izrađene u PowerPoint prezentaciji
TVRTKA
ŠEF
TAJNICA
RAČUNOVODSTVO
Šef računovodstva
Voditelj računovodstva
PRODAJA
Šef prodaje
Voditelj prodaje
SERVIS
Šef servisa
Voditelj servisa
![Page 9: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/9.jpg)
SKICA I OPIS STRANICA
Primjer ručno nacrtane skice za izradu web-stranice.
![Page 10: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/10.jpg)
SKICA I OPIS STRANICA
Storyboard može sadržavati:• Tekst na ekranu (Tekstualni materijal koji se nalazi
na ekranu: Naslovi, podnaslovi, linkovi za navigaciju)
• Grafički elementi (Popis i opis svih grafičkih elemenata koji se misle koristit u courseware)• Interaktivni elementi(Daje točan redoslijed
pojavljivanja teksta i slike na ekranu)
• Audio (Zamjenjuju pojedine napisane sadržaje)• Video animacije
![Page 11: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/11.jpg)
Razvoj multimedijskih i hipermedijskih prezentacija
FAZE:Odabir alata za izraduStrukturiranje tekstualnih elementaKreiranje i prikupljanje medijskih elementaProgramiranje interaktivnih elementaIzrada prototipa i stavljanje na Web server
![Page 12: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/12.jpg)
Implementacija
•Testiranje cijelog projekta,•Malim grupama je predstavljen program•Analiza greški (ako ih ima), •Prikupljanje mišljenja korisnika za izgled korisničkog sučelja.
![Page 13: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/13.jpg)
Evaluacija
•Čitav proces
- Testiranje prototipa s tehničke strane
- Vrednovanje upotrebljivosti
![Page 14: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/14.jpg)
Dizajn multimedijske prezentacije
• „muddymedia” dizajn ili Mickey Mouse izgled:
![Page 15: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/15.jpg)
Dizajn multimedijske prezentacije
IZBJEGAVATI:•Previše multimedijskih elemenata na stranici•Previše gumba i kričavih boja•Neujednačen prikaz stranice•Loš help•Hiperveze koje nigdje ne vode•…
![Page 16: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/16.jpg)
Struktura stranice
• Stranica prezentacije je zaokružena cjelina prezentacijskih elemenata i aktivnosti
• Svaki dio stranice jasno označen i izdvojen• Pozornost na duljinu stranice i pojedinih
elemenata• Organizirana kao zaseban dokumentCILJ JE ZADRŽATI PAŽNJU POLAZNIKA
![Page 17: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/17.jpg)
Navigacija• Sindrom u izgubljenosti u hiperprostoru- dezorijentacija
korisnikaNavigacijski elementi: tekstualni izbornici, popis sadržaja,
padaju i paneli s gumbima za navigaciju,..- ć interaktivnost korisnika i navigacije
Razine navigacije:1.Razina: veza na home page i na glavne elemente
prezentacije (ovise o namjeni ili temi prezentacije)2.Razina: izdvojiti veće cjeline ili poglavlja prezentacije3.Razina: implementirati istu navigaciju među cjelinama
istog poglavlja
![Page 18: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/18.jpg)
STRUKTIRIRANJE TEKSTA
• Ravnoteža između teksta i ostalih medijskih elemenata na stranici (ekranu)
LOŠEIZBALANSIRANA WEB STRANICA
DOBROIZBALANSIRANA WEB STRANICA
![Page 19: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/19.jpg)
• ODABIR FONTA• BOJA TEKSTA
Lako se čita
Lako se čita
Lako se čita
Teško se čita
Lako se čita
Teško se čita
![Page 20: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/20.jpg)
DODAVANJE MULTIMEDIJSKIH ELEMENATA
• Kao dopuna stranice prezentacije• Paziti na pretjerivanje te da se ne izgubi osnovna
poruka web straniceWeb stranica: u središtu korisnikElementi grafike korisni kod prezentacije:• „Jedna riječ tisuću riječi”- lakše se pamte takvi sadržaji•Zamjena za video zapise•Za izgradnju organiziranijeg korisničkog sučelja
![Page 21: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/21.jpg)
Loše raspoređenielementi
Dobroraspoređenielementi
![Page 22: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/22.jpg)
• Preporuke- komprimirani formati:•GIF, JPG- grafika•MP3- zvuk•MPG, MOV, WMV za video•Multimedijski zapisi s većim datotekama (MB) preporuča se da se izravno ne uključe na web stranicu, već da se na njih uputi obična hiperveza
![Page 23: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/23.jpg)
• RAZLOZI ZAŠTO NE KORISTITI PREVIŠE MULTIMEDIJSKIH ELEMENATA:•Odvlače pažnju od bitnog sadržaja•Ne uklapa se na tekst na stranici•Povećava se vrijeme otvaranje stranice ako je previše grafike i ostale multimedije
![Page 24: Razvoj multimedijskih projekata 4](https://reader031.vdocuments.pub/reader031/viewer/2022020207/559468f11a28ab23118b45ef/html5/thumbnails/24.jpg)
Literatura:• N. Hoić-Božić, 8 poglavlje: Razvoj multimedijskih elemenata (URL:
https://mudri.uniri.hr/file.php/1304/PDF_poglavlja_2013/9_MM_projekti.pdf)
• URL: http://omnigenus.hr/usluge/web-dizajn/ (preuzeto: 16.06.2014.)
• URL: http://www.larklane.com/students2010/scotthughes2010/Good%20Website/bad%20side.htm (preuzeto: 18.06.2014.)