1. Martina Brojan
Đurđica Štanta
Vlasta Dogan-Grgurić
…

2. „Životni” ciklus razvoja softvera
• Analiza
• Dizajn
• Implementacija
• Testiranje
• Dostavljanje
• Održavanje

3. Faze ADDIE modela:
Evaluacija
Analiza
Dizajn
Razvoj
Implementacija
 Rezultat svake faze koristimo kao ul
u sljedeću fazu
 Evaluacija se koristi tijekom izvođen
ostalih faza
Posebna faza ODRŽAVANJE :
Obnavljati prezentaciju, nadopunjavati
mijenjati sadržaj, osigurati tehničku str

4. • Birati manji projekt koji će se s vremenom
proširivati
• Odabrati temu i sadržaje prezentacije
Analiza pri razvoju multimedijskih i
hipermedijskih prezentacija

5. Pozornost na KORISNIKE i njihove
potrebe-o njima ovisi izrada sadržaja i
ostalih elementa courseware-a:
Dob i obrazovanje
Predznanje
Posjedovanje i poznavanje tehnologije
Pretpostavljeni stil učenja
Hipermedijske aplikacije vrhunske kvalitete
Analiza pri razvoju multimedijskih i
hipermedijskih prezentacija

6. Dizajniranje kod izrade multimedijskih i
hipermedijskih prezentacija
Osnovni tip multimedijskih prezentacija:
• Tekstualne i grafičke prezentacije
• Interaktivne prezentacije
• Interaktivne multimedijske prezentacije

7. Dizajniranje kod izrade multimedijskih i
hipermedijskih prezentacija
Storyboard (skripta) opis onoga što bi
stranice trebale sadržavati i međusobno se
povezati.
oMAPA
oSKICA ili OPIS STRANICE

8. MAPA
TVRTKA
ŠEF
TAJNICA
RAČUNOVODSTVO
Šef računovodstva
Voditelj
računovodstva
PRODAJA
Šef prodaje
Voditelj prodaje
SERVIS
Šef servisa
Voditelj servisa
Primjer hijerarhijske mape
izrađene u PowerPoint prezentaciji

9. Primjer ručno nacrtane
skice za
izradu web-stranice.

10. 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

11. FAZE:
Odabir alata za izradu
Strukturiranje tekstualnih elementa
Kreiranje i prikupljanje medijskih elementa
Programiranje interaktivnih elementa
Izrada prototipa i stavljanje na Web server

12. • Testiranje cijelog projekta,
• Malim grupama je predstavljen program
• Analiza greški (ako ih ima),
• Prikupljanje mišljenja korisnika za izgled
korisničkog sučelja.

13. • Čitav proces
- Testiranje prototipa s tehničke strane
- Vrednovanje upotrebljivosti

14. • „muddymedia” dizajn ili Mickey Mouse
izgled:

15. 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
• …

16. • 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 dokument
CILJ JE ZADRŽATI PAŽNJU POLAZNIKA

17. • Sindrom u izgubljenosti u hiperprostoru- dezorijentacija
korisnika
Navigacijski 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 prezentacije
3. Razina: implementirati istu navigaciju među cjelinama
istog poglavlja

18. • Ravnoteža između teksta i ostalih medijskih
elemenata na stranici (ekranu)
LOŠE
IZBALANSIRANA
WEB STRANICA
DOBRO
IZBALANSIRA
NA
WEB
STRANICA

19. • ODABIR FONTA
• BOJA TEKSTA
Lak
o se
čita
Lak
o se
čita
Lak
o se
čita
Teško
se čita
Lak
o se
čita
Teško
se čita

20. • 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.)