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