RAZVOJ MULTIMEDIJSKIH PROJEKATA

Martina BrojanĐurđica ŠtantaVlasta 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:

Evaluacija

Analiza

Dizajn

Razvoj

Implementacija

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.

• 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

MAPATVRTKA

Š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

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:

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

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 navigacijeRazine 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

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 Lak

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