1. Razvoj
multimedijskih
projekata
Autor: Agnješka Bolf
Kolegij: Multimedijski sustavi
Akademska godina: 2013./2014.
Odjel za informatiku

2. Faze u razvoju multimedijskih I
hipermedijskih prezentacija
 Životni ciklus razvoja softvera:
1. Analiza
2. Dizajn
3. Implementacija
4. Testiranje
5. Dostavljanje
6. Održavanje
• ADDIE model

3. ADDIE model
 Rezultat jedne faze
je ulaz sljedeće
 testiranje i
evaluacija bi se
trebale obavljati i za
vrijeme drugih faza

4. Analiza
 Treba voditi računa o:
 Korisnicima
 Sadržaju
 Materijalu
 Roku predaje
 Tehničkim zahtjevima(softver,hardver…)
 Sredstvima
 Mogućnostima dostavljanja prezentacije(DVD, CD…)
 Eventualnim poteškoćama

5. Analiza pri razvoju
multimedijskih i hipermedijskih
prezentacija

6. Dizajn (1/4)
 3 tipa multimedijskih prezentacija:
1. Tekstualne i grafičke – najniži oblik
interaktivnosti
2. Interaktivne – minimum interakcije
(pretraživanje i slično)
3. Interaktivne multimedijske – grafika,
video, zvuk, mogućnost odgovora

7. Dizajn (2/4)
 Izrada storyboarda tj. Skripte:
 Prezentacija svih informacija
 Opisuje sve elemente prezentacije te kako
su grupirani
 Skicira se na papiru ili u računalnom
programu
 Sadrži opis svih stranica i kako se povezuju

8. Dizajn (3/4)
 2 dijela storyboarda:
1. Mapa
 Prikazuje strukturu stranice
 Prikazuje odnose modula sadržaja
2. Skica i opis stranica
 Prikazuje grafički prikaz ekrana, teksta koji
opisuje funkcionalnost stranice I imena svih
datoteka
 Prikazuje vrstu i načine navigacije

9. Dizajn (4/4)
 Storyboard može sadržavati:
 tekst na ekranu
 Grafičke elemente
 Interaktivne elemente
 Audio
 Video i animaciju

10. Razvoj
 Odabir alata
 Strukturiranje tekstualnih elemenata
 Kreiranje/prikupljanje medijskih elemenata
 Programiranje interaktivnih elemenata
 Izrada prototipa
 Postavljanje na Web server

11. Implementacija
 Probno testiranje cijelog projekta
 Analiza pogreški
 Prikupljanje mišljenja korisnika

12. Evaluacija
 Tokom cijele izrade
hipermedijske aplikacije
 Testiranje na različitim
sustavima, platformama i
preglednicima
 Vrednovanje upotrebljivosti

13. Dizajn multimedijske
prezentacije (1/2)
 Bitan estetski izgled i sadržaj!
 Izbjegavati treba:
 previše multimedijskih elemenata
 previše gumba
 Kričave boje
 Hiperveze koje nigdje ne vode
 Loš help

14. Dizajn multimedijske
prezentacije (2/2)
 Bitno:
 Svaki dio stranice jasno izdvojen i označen
 Duljina stranice i elemenata ne preduga
 Navigacija dobro implementirana na
nekoliko razina (1.,2.,3.,...)
 Tekst na elementima za navigaciju – kratak i
jasan

15. Strukturiranje teksta
 Ravnoteža između teksta i ostalih
medijskih elemenata
 Odabir fonta prilagoditi temi
 Boju teksta usuglasiti s pozadinom
 Paziti na kontrast
 Hiperveze jasno označene

16. Dodavanje multimedijskih
elemenata (1/2)
 Odabir multimedije treba odgovarati temi
prezentaciji
 Elementi grafike:
 Proširuju informacije
 izgrađuju organiziranije sučelje
 Grafičke elemente ujedničiti s tekstom na
stranici

17. Dodavanje multimedijskih
elemenata (2/2)
 Pripaziti na veličinu multimedije
 Koristiti multimediju u komprimiranim
formatima (GIF, SWF, MP3,MPG, MOV,
WMV)