SlideShare a Scribd company logo
1 of 15
Martina Brojan
Đurđica Štanta
…
…
„Životni” ciklus razvoja softvera
• Analiza
• Dizajn
• Implementacija
• Testiranje
• Dostavljanje
• Održavanje
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
• 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 obrazovanje
Predznanje
Posjedovanje i poznavanje tehnologije
Pretpostavljeni stil učenja
Hipermedijske 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
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
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
Primjer ručno nacrtane
skice za
izradu web-stranice.
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
FAZE:
Odabir alata za izradu
Strukturiranje tekstualnih elementa
Kreiranje i prikupljanje medijskih elementa
Programiranje interaktivnih elementa
Izrada prototipa i stavljanje na Web server
• Testiranje cijelog projekta,
• Malim grupama je predstavljen program
• Analiza greški (ako ih ima),
• Prikupljanje mišljenja korisnika za izgled
korisničkog sučelja.
• Čitav proces
- Testiranje prototipa s tehničke strane
- Vrednovanje upotrebljivosti
• „muddymedia” dizajn ili Mickey Mouse
izgled:
• 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.)

More Related Content

Viewers also liked

Animacija 3
Animacija 3Animacija 3
Animacija 3djstanta
 
컴투스 Ppts
컴투스 Ppts컴투스 Ppts
컴투스 PptsJin Lee
 
완전최종본컴투스
완전최종본컴투스완전최종본컴투스
완전최종본컴투스Jin Lee
 
컴투스 Ppt
컴투스 Ppt컴투스 Ppt
컴투스 PptJin Lee
 
Sơ lược về Walmart
Sơ lược về WalmartSơ lược về Walmart
Sơ lược về Walmartcaoxuanthang
 
презентация новая модель нгпт
презентация новая модель нгптпрезентация новая модель нгпт
презентация новая модель нгптelitvinova
 
торговый сбор брошюра
торговый сбор брошюраторговый сбор брошюра
торговый сбор брошюраelitvinova
 

Viewers also liked (11)

Animacija 3
Animacija 3Animacija 3
Animacija 3
 
Video
VideoVideo
Video
 
Ivan jan 2013
Ivan jan 2013Ivan jan 2013
Ivan jan 2013
 
컴투스 Ppts
컴투스 Ppts컴투스 Ppts
컴투스 Ppts
 
Video 2
Video 2Video 2
Video 2
 
Zvuk 2
Zvuk 2Zvuk 2
Zvuk 2
 
완전최종본컴투스
완전최종본컴투스완전최종본컴투스
완전최종본컴투스
 
컴투스 Ppt
컴투스 Ppt컴투스 Ppt
컴투스 Ppt
 
Sơ lược về Walmart
Sơ lược về WalmartSơ lược về Walmart
Sơ lược về Walmart
 
презентация новая модель нгпт
презентация новая модель нгптпрезентация новая модель нгпт
презентация новая модель нгпт
 
торговый сбор брошюра
торговый сбор брошюраторговый сбор брошюра
торговый сбор брошюра
 

Similar to Razvoj multimedijskih projekata 2

Razvoj multimedijskih projekata 2
Razvoj multimedijskih projekata 2Razvoj multimedijskih projekata 2
Razvoj multimedijskih projekata 2ababic1
 
Razvoj multimedijskih projekata
Razvoj multimedijskih projekataRazvoj multimedijskih projekata
Razvoj multimedijskih projekataabolf
 
Razvoj multimedijskih i hipermedijskih aplikacija
Razvoj multimedijskih i hipermedijskih aplikacijaRazvoj multimedijskih i hipermedijskih aplikacija
Razvoj multimedijskih i hipermedijskih aplikacijaldajak
 
Razvoj multimedijskih projekata
Razvoj multimedijskih projekataRazvoj multimedijskih projekata
Razvoj multimedijskih projekatakovaBB
 
Izazovi i primjeri digitalizacije nastave
Izazovi i primjeri digitalizacije nastaveIzazovi i primjeri digitalizacije nastave
Izazovi i primjeri digitalizacije nastaveMiljenko Hajdarović
 
youngculture - prezentacija kompanije & Scrum #tnt3
youngculture - prezentacija kompanije & Scrum #tnt3youngculture - prezentacija kompanije & Scrum #tnt3
youngculture - prezentacija kompanije & Scrum #tnt3SICEF
 
Razvoj multimedijskih projekata Marko
Razvoj multimedijskih projekata  MarkoRazvoj multimedijskih projekata  Marko
Razvoj multimedijskih projekata MarkokovaBB
 
Što je novo u Officeu 2016 za korisnike
Što je novo u Officeu 2016 za korisnikeŠto je novo u Officeu 2016 za korisnike
Što je novo u Officeu 2016 za korisnikeTomislav Lulic
 
UX Dizajn i Kako ga (na)učiti
UX Dizajn i Kako ga (na)učitiUX Dizajn i Kako ga (na)učiti
UX Dizajn i Kako ga (na)učitiMilovan Jovičić
 
XIX Milocerski razvojni forum - Kreativna informatika
XIX Milocerski razvojni forum - Kreativna informatikaXIX Milocerski razvojni forum - Kreativna informatika
XIX Milocerski razvojni forum - Kreativna informatikaTarik Zaimovi?
 
Kako i gdje programeri (ne) uče
Kako i gdje programeri (ne) učeKako i gdje programeri (ne) uče
Kako i gdje programeri (ne) učeIvana Bosnic
 
Dizajn Softvera.pptx
Dizajn Softvera.pptxDizajn Softvera.pptx
Dizajn Softvera.pptxBojanGrujic4
 
Računarski praktikum 1 - Razvoj softvera i dizajn
Računarski praktikum 1 - Razvoj softvera i dizajnRačunarski praktikum 1 - Razvoj softvera i dizajn
Računarski praktikum 1 - Razvoj softvera i dizajnGoran Igaly
 
Alea Rotunda Product Portfolio
Alea Rotunda Product PortfolioAlea Rotunda Product Portfolio
Alea Rotunda Product PortfolioStjepan Werft
 
Portal programa „Suradnici u učenju“
Portal programa „Suradnici u učenju“Portal programa „Suradnici u učenju“
Portal programa „Suradnici u učenju“Pogled kroz prozor
 
Metro UI - Tajne velikih slova i jednobojnih ikona
Metro UI - Tajne velikih slova i jednobojnih ikonaMetro UI - Tajne velikih slova i jednobojnih ikona
Metro UI - Tajne velikih slova i jednobojnih ikonaemanuelblagonic
 
Razvoj multimedijskih projekata Ines
Razvoj multimedijskih projekata InesRazvoj multimedijskih projekata Ines
Razvoj multimedijskih projekata Inesimataija
 

Similar to Razvoj multimedijskih projekata 2 (20)

Razvoj multimedijskih projekata 2
Razvoj multimedijskih projekata 2Razvoj multimedijskih projekata 2
Razvoj multimedijskih projekata 2
 
Razvoj multimedijskih projekata
Razvoj multimedijskih projekataRazvoj multimedijskih projekata
Razvoj multimedijskih projekata
 
Razvoj multimedijskih i hipermedijskih aplikacija
Razvoj multimedijskih i hipermedijskih aplikacijaRazvoj multimedijskih i hipermedijskih aplikacija
Razvoj multimedijskih i hipermedijskih aplikacija
 
Wireframing & UI design - Andrej Mlinarevic
Wireframing & UI design - Andrej MlinarevicWireframing & UI design - Andrej Mlinarevic
Wireframing & UI design - Andrej Mlinarevic
 
Razvoj multimedijskih projekata
Razvoj multimedijskih projekataRazvoj multimedijskih projekata
Razvoj multimedijskih projekata
 
Izazovi i primjeri digitalizacije nastave
Izazovi i primjeri digitalizacije nastaveIzazovi i primjeri digitalizacije nastave
Izazovi i primjeri digitalizacije nastave
 
youngculture - prezentacija kompanije & Scrum #tnt3
youngculture - prezentacija kompanije & Scrum #tnt3youngculture - prezentacija kompanije & Scrum #tnt3
youngculture - prezentacija kompanije & Scrum #tnt3
 
Razvoj multimedijskih projekata Marko
Razvoj multimedijskih projekata  MarkoRazvoj multimedijskih projekata  Marko
Razvoj multimedijskih projekata Marko
 
Što je novo u Officeu 2016 za korisnike
Što je novo u Officeu 2016 za korisnikeŠto je novo u Officeu 2016 za korisnike
Što je novo u Officeu 2016 za korisnike
 
UX Dizajn i Kako ga (na)učiti
UX Dizajn i Kako ga (na)učitiUX Dizajn i Kako ga (na)učiti
UX Dizajn i Kako ga (na)učiti
 
XIX Milocerski razvojni forum - Kreativna informatika
XIX Milocerski razvojni forum - Kreativna informatikaXIX Milocerski razvojni forum - Kreativna informatika
XIX Milocerski razvojni forum - Kreativna informatika
 
Kako i gdje programeri (ne) uče
Kako i gdje programeri (ne) učeKako i gdje programeri (ne) uče
Kako i gdje programeri (ne) uče
 
Internet i dizajn
Internet i dizajnInternet i dizajn
Internet i dizajn
 
Dizajn Softvera.pptx
Dizajn Softvera.pptxDizajn Softvera.pptx
Dizajn Softvera.pptx
 
Računarski praktikum 1 - Razvoj softvera i dizajn
Računarski praktikum 1 - Razvoj softvera i dizajnRačunarski praktikum 1 - Razvoj softvera i dizajn
Računarski praktikum 1 - Razvoj softvera i dizajn
 
Alea Rotunda Product Portfolio
Alea Rotunda Product PortfolioAlea Rotunda Product Portfolio
Alea Rotunda Product Portfolio
 
Portal programa „Suradnici u učenju“
Portal programa „Suradnici u učenju“Portal programa „Suradnici u učenju“
Portal programa „Suradnici u učenju“
 
Metro UI - Tajne velikih slova i jednobojnih ikona
Metro UI - Tajne velikih slova i jednobojnih ikonaMetro UI - Tajne velikih slova i jednobojnih ikona
Metro UI - Tajne velikih slova i jednobojnih ikona
 
Razvoj multimedijskih projekata Ines
Razvoj multimedijskih projekata InesRazvoj multimedijskih projekata Ines
Razvoj multimedijskih projekata Ines
 
IKT, Web 2.0 alati, edukacija
IKT, Web 2.0 alati, edukacijaIKT, Web 2.0 alati, edukacija
IKT, Web 2.0 alati, edukacija
 

Razvoj multimedijskih projekata 2

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