RAZVOJ MULTIMEDIJSKIH PROJEKATA
Martina Brojanur ica ŠtantaĐ đ
Vlasta Dogan-GrgurićAndrea Valen ič č
RAZVOJ MULTIMEDIJSKIH I HIPERMEDIJSKIH APLIKACIJA
„Životni” ciklus razvoja softvera• Analiza• Dizajn• Implementacija• Testiranje• Dostavljanje• Održavanje
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
• Birati manji projekt koji će se s vremenom proširivati• Odabrati temu i sadržaje prezentacije
Analiza pri razvoju multimedijskih i hipermedijskih prezentacija
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
Dizajniranje kod izrade multimedijskih i hipermedijskih prezentacija
Osnovni tip multimedijskih prezentacija:• Tekstualne i grafičke prezentacije• Interaktivne prezentacije• Interaktivne multimedijske prezentacije
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
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
SKICA I OPIS STRANICA
Primjer ručno nacrtane skice za izradu web-stranice.
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
Razvoj multimedijskih i hipermedijskih prezentacija
FAZE:Odabir alata za izraduStrukturiranje tekstualnih elementaKreiranje i prikupljanje medijskih elementaProgramiranje interaktivnih elementaIzrada prototipa i stavljanje na Web server
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.
Evaluacija
•Čitav proces
- Testiranje prototipa s tehničke strane
- Vrednovanje upotrebljivosti
Dizajn multimedijske prezentacije
• „muddymedia” dizajn ili Mickey Mouse izgled:
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•…
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
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
STRUKTIRIRANJE TEKSTA
• Ravnoteža između teksta i ostalih medijskih elemenata na stranici (ekranu)
LOŠEIZBALANSIRANA WEB STRANICA
DOBROIZBALANSIRANA WEB STRANICA
• ODABIR FONTA• BOJA TEKSTA
Lako se čita
Lako se čita
Lako se čita
Teško se čita
Lako se čita
Teško se čita
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
Loše raspoređenielementi
Dobroraspoređenielementi
• 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
• 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
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.)