Multimedijski i hipermedijski   sustavi Ak. god. 2010/2011 Dejan Dokmanović Marko Juraga Ivan Barić
http://www.ifzg.hr /
Sjedište je orijentirano na dokumente, bogato je tekstom Služi za informiranje o radu instituta te objavu publikacija i dokumenata, namijenjeno je svima koje zanima rad instituta za filozofiju.  Sjedište je jako neugledno radi lošeg odabira podijele prostora, sitne navigacije i općenite nepreglednosti informacija
Prezentacija informacija na većini stranica na web sjedištu je vrlo loša  Stranice su pisane različitim fontovima i stilovima  ( “O nama” ) Neki popisi napravljeni su nepregledno sa centralnim poravnanjem i prevelikim proredom između stavki ( “Djelatnici” ) Klikom na englesku verziju dobivamo prevedenu stranicu “O nama” i “Znastveni projekti” no u navigaciji se nalazi tekst “Employees” koji izgleda kao link ali to nije ( poveznica )
Struktura sjedišta je mješovita. Ima elemente hijerarhijske i linearne strukture.  Glavna navigacija je hijerarhijska ali samo na  prvoj razini, nema pod razina.  Dolaskom na neku od stranica struktura postaje linearna. Jedina mogućnost povratka je korištenjem gumba “natrag” u pregledniku.  Bolji odabir bi bila klasična hijerarhijska struktura...
Koristi se ponavljanje slika kao pozadina. Većina stranica ima različite pozadine.  U headeru se nalazi velika slika koja je odsječena što nikako ne pridodaje izgledu sjedišta.
Stilovi teksta su nekonzistentni, te se koriste serifni fontovi koji nisu namijenjeni čitanju s ekrana Većinom se koristi centralno poravnanje Linkovi su označeni plavom bojom i posjećeni linkovi ne mijenjaju boju
Linkovi u navigaciji su pisani jako malom veličinom fonta  Na stranici Linkovi, linkovi su u obliku slika bez ikakvog objašnjenja i teksta  ( “Linkovi” ) Ukupan dojam dizajna je da je sadržaj nabacan bez ikakvog plana i reda
Elementi korišteni za dizajniranje sučelja su HTML frameovi (web-sjedište je podijeljeno na 4 framea) Dva lijeva framea imaju fiksnu širinu, dok dva desna imaju prilagodljivu širinu i dobro se ponašaju pri promjeni veličine prozora i na različitim rezolucijama  Najveći duljina stranice je 5 ekrana.
Vrlo loša stvar sučelja je što na nekim stranicama nije poštovan obrazac sučelja
Navigacija je izvedena kao HTML frame sa listom tekstualnih linkova.  Postoji samo jedna razina navigacije koja se nalazi sa desne strane  Povratak na početnu stranicu je izveden kao link u glavnoj navigaciji
Ne poštuju se principi dobre navigacije: Jasnoća : linkovi u navigaciji su jako mali i slabo vidljivi  Ujednačenost i organizacija:  kada pratimo neke linkove unutar sadržaja još uvijek se nalazimo unutar web sjedišta ali navigacija nestane ili se promijeni  Efikasnost:  Pošto je navigacija organizirana na samo jednoj razini vrlo teško se dolazi do podataka
Ovakva navigacija je vrlo loša i neefikasna, te predstavlja velik problem korisnicima koji se pokušavaju snaći na ovom web sjedištu.
Jedini tipovi multimedije koji se mogu pronaći na ovom sjedištu su : slike djelatnika instituta  pozadinske slike koje nisu u skladu s pravilima dobroga dizajna  dva animirana elementa za promjenu jezika i pristup squirell mailu
Na web sjedištu smo pronašli jednu grešku, a to je neispravan ssl certifikat prilikom pokušaja spajanja na squirell mail sustav ( poveznica ) Sjedište je izrađeno pomoću statičnog HTML-a, što je dosta zastarjelo i zbog toga dizajn izgleda dosta neugledno
http://mojtv.hr/
Portal kojem je prvotna namjena pružiti informacije o tv programu, no nudi i puno više sadržaja vezanih za televiziju, filmsku scenu... Prema apstraktnoj podjeli to je web sjedište orijentirano na dokumente  Prema izgledu bogato je grafikom Prema svrsi je višenamjenska stranica jer služi kao portal, te pružanju zabave i informacija.
Sjedište je namjenjeno svim korisnicima koji žele saznati  što se prikazuje na domaćim ili stranim televizijama te pročitati opise, recenzije emisija, filmova, serija i sl. Informacije su pregledno posložene s ciljem da sjedište što kvalitetnije obavlja svoju glavnu namjenu.
Sav sadržaj na stranici je prezentiran na jasan i zanimljiv način u kojem se korisnici lako snalaze te je omogućen brz pristup glavnom sadržaju odnosno  tv programu . S obzirom na namjenu sjedišta, informacije moraju biti prilično ažurne  Naslovnica  nudi sažet opis najnovijih vijesti, kratke opise aktualnih televizijskih sadržaja te naravno tv program u obliku vremenske trake  Sjedište pruža mogućnost registracije korisnika nakon čega je omogućeno komentiranje članaka i komuniciranje s drugih korisnicima (chat, poruke, forum...)
Struktura sjedišta je hijerarhijska, do 3 razine.  Informacije su poredane po vrsti (npr. filmovi, serije) i kronološki (prema vremenu emitiranja)
Na sjedištu prevladavaju ugodne boje, kao što su nijanse sive, a sadržaj koji se želi istaknuti je obično crvene boje.  Postignuta je dobra preglednost, a čitanje sadržaja nije naporno.  Linkovi na članke koriste font Arial, bijele boje i veličine 13,5.
Tekstovi za vijesti su crne boje na bijeloj podlozi što predstavlja klasičan i nenametljiv dizajn dok su tekstovi opisa filmova svijetlo sive boje na tamno sivim podlogama.
Za izradu sučelja odnosno za formatiranje teksta i ostalih elemenata je korišten CSS.  Širina stranica je fiksna, ostaje nepromjenjena mijenjanjem veličine prozora preglednika, a promjenom rezolucije se ne narušava preglednost i funkcionalnost sjedišta.  Raspon dužina stranica web sjedišta je 2 do 3 ekrana.
Zaglavlje sjedišta, podnožje, korisnički blok i blok za oglašavanje ostaju nepromijenjeni tokom navigiranja  Elementi su grupirani u skladu s pravilom da ih ima 7 (plus/minus 2)
Za glavnu navigaciju se koriste gumbovi na vrhu stranice koji služe podjeli na glavne kategorije web sjedišta te je vidljiva na svim stranicama sjedišta.  Klikom na logo stranice ili na gumb „Naslovnica“ uvijek se možemo vratiti na naslovnu stranicu.
Na naslovnoj stranici se nalazi i navigacijska traka za odabir televizija i podkategorije u vidu dana u tjednu, te polje za pretraživanje sadržaja u programu Navigacija koja se koristi na ovom web sjedištu je uočljiva, jednostavna za korištenje i korisnik lako može doći do željenih informacija.
Od multimedijskih elemenata koristi se grafika, video i igre koje predstavljaju interaktivne flash elemente. U  člancima  se koriste video materijali u obliku youtube linkova koji obično predstavljaju isječke i najave filmova ili serija te su dobro uklopljeni u ostali sadržaj web sjedišta.
U kategoriji  „Video“  moguć je pregled raznih zabavnih video isječaka.
Promatrano web sjedište funkcionira jednako u svakom od 3 najkorištenija preglednika  Zamjerka je da jedan od linkova („Novi korisnici“) ne radi ispravno. Klikom na navedeni link javlja se sljedeća greška:
Sjedište je izrađeno ASP.NET tehnologijom, koristi stilske predloške iz vanjskih datoteka i klijentske skripte (JavaScript) koje se također pozivaju iz vanjskih datoteka . Primjer:
Stranice unutar sjedišta se otvaraju u istom prozoru dok se klikom na reklamne oglase i Facebook linkove otvara novi prozor. Promatrano sjedište sadrži linkove na web 2.0 alate u vidu spomenutog  Facebook social plugin-a  i youtube linkova i koristi flash tehnologiju za video igre.

Analiza_web_sjedista_g7_hims

  • 1.
    Multimedijski i hipermedijski sustavi Ak. god. 2010/2011 Dejan Dokmanović Marko Juraga Ivan Barić
  • 2.
  • 3.
    Sjedište je orijentiranona dokumente, bogato je tekstom Služi za informiranje o radu instituta te objavu publikacija i dokumenata, namijenjeno je svima koje zanima rad instituta za filozofiju. Sjedište je jako neugledno radi lošeg odabira podijele prostora, sitne navigacije i općenite nepreglednosti informacija
  • 4.
    Prezentacija informacija navećini stranica na web sjedištu je vrlo loša Stranice su pisane različitim fontovima i stilovima ( “O nama” ) Neki popisi napravljeni su nepregledno sa centralnim poravnanjem i prevelikim proredom između stavki ( “Djelatnici” ) Klikom na englesku verziju dobivamo prevedenu stranicu “O nama” i “Znastveni projekti” no u navigaciji se nalazi tekst “Employees” koji izgleda kao link ali to nije ( poveznica )
  • 5.
    Struktura sjedišta jemješovita. Ima elemente hijerarhijske i linearne strukture. Glavna navigacija je hijerarhijska ali samo na prvoj razini, nema pod razina. Dolaskom na neku od stranica struktura postaje linearna. Jedina mogućnost povratka je korištenjem gumba “natrag” u pregledniku. Bolji odabir bi bila klasična hijerarhijska struktura...
  • 6.
    Koristi se ponavljanjeslika kao pozadina. Većina stranica ima različite pozadine. U headeru se nalazi velika slika koja je odsječena što nikako ne pridodaje izgledu sjedišta.
  • 7.
    Stilovi teksta sunekonzistentni, te se koriste serifni fontovi koji nisu namijenjeni čitanju s ekrana Većinom se koristi centralno poravnanje Linkovi su označeni plavom bojom i posjećeni linkovi ne mijenjaju boju
  • 8.
    Linkovi u navigacijisu pisani jako malom veličinom fonta Na stranici Linkovi, linkovi su u obliku slika bez ikakvog objašnjenja i teksta ( “Linkovi” ) Ukupan dojam dizajna je da je sadržaj nabacan bez ikakvog plana i reda
  • 9.
    Elementi korišteni zadizajniranje sučelja su HTML frameovi (web-sjedište je podijeljeno na 4 framea) Dva lijeva framea imaju fiksnu širinu, dok dva desna imaju prilagodljivu širinu i dobro se ponašaju pri promjeni veličine prozora i na različitim rezolucijama Najveći duljina stranice je 5 ekrana.
  • 10.
    Vrlo loša stvarsučelja je što na nekim stranicama nije poštovan obrazac sučelja
  • 11.
    Navigacija je izvedenakao HTML frame sa listom tekstualnih linkova. Postoji samo jedna razina navigacije koja se nalazi sa desne strane Povratak na početnu stranicu je izveden kao link u glavnoj navigaciji
  • 12.
    Ne poštuju seprincipi dobre navigacije: Jasnoća : linkovi u navigaciji su jako mali i slabo vidljivi Ujednačenost i organizacija: kada pratimo neke linkove unutar sadržaja još uvijek se nalazimo unutar web sjedišta ali navigacija nestane ili se promijeni Efikasnost: Pošto je navigacija organizirana na samo jednoj razini vrlo teško se dolazi do podataka
  • 13.
    Ovakva navigacija jevrlo loša i neefikasna, te predstavlja velik problem korisnicima koji se pokušavaju snaći na ovom web sjedištu.
  • 14.
    Jedini tipovi multimedijekoji se mogu pronaći na ovom sjedištu su : slike djelatnika instituta pozadinske slike koje nisu u skladu s pravilima dobroga dizajna dva animirana elementa za promjenu jezika i pristup squirell mailu
  • 15.
    Na web sjedištusmo pronašli jednu grešku, a to je neispravan ssl certifikat prilikom pokušaja spajanja na squirell mail sustav ( poveznica ) Sjedište je izrađeno pomoću statičnog HTML-a, što je dosta zastarjelo i zbog toga dizajn izgleda dosta neugledno
  • 16.
  • 17.
    Portal kojem jeprvotna namjena pružiti informacije o tv programu, no nudi i puno više sadržaja vezanih za televiziju, filmsku scenu... Prema apstraktnoj podjeli to je web sjedište orijentirano na dokumente Prema izgledu bogato je grafikom Prema svrsi je višenamjenska stranica jer služi kao portal, te pružanju zabave i informacija.
  • 18.
    Sjedište je namjenjenosvim korisnicima koji žele saznati što se prikazuje na domaćim ili stranim televizijama te pročitati opise, recenzije emisija, filmova, serija i sl. Informacije su pregledno posložene s ciljem da sjedište što kvalitetnije obavlja svoju glavnu namjenu.
  • 19.
    Sav sadržaj nastranici je prezentiran na jasan i zanimljiv način u kojem se korisnici lako snalaze te je omogućen brz pristup glavnom sadržaju odnosno tv programu . S obzirom na namjenu sjedišta, informacije moraju biti prilično ažurne Naslovnica nudi sažet opis najnovijih vijesti, kratke opise aktualnih televizijskih sadržaja te naravno tv program u obliku vremenske trake Sjedište pruža mogućnost registracije korisnika nakon čega je omogućeno komentiranje članaka i komuniciranje s drugih korisnicima (chat, poruke, forum...)
  • 20.
    Struktura sjedišta jehijerarhijska, do 3 razine. Informacije su poredane po vrsti (npr. filmovi, serije) i kronološki (prema vremenu emitiranja)
  • 21.
    Na sjedištu prevladavajuugodne boje, kao što su nijanse sive, a sadržaj koji se želi istaknuti je obično crvene boje. Postignuta je dobra preglednost, a čitanje sadržaja nije naporno. Linkovi na članke koriste font Arial, bijele boje i veličine 13,5.
  • 22.
    Tekstovi za vijestisu crne boje na bijeloj podlozi što predstavlja klasičan i nenametljiv dizajn dok su tekstovi opisa filmova svijetlo sive boje na tamno sivim podlogama.
  • 23.
    Za izradu sučeljaodnosno za formatiranje teksta i ostalih elemenata je korišten CSS. Širina stranica je fiksna, ostaje nepromjenjena mijenjanjem veličine prozora preglednika, a promjenom rezolucije se ne narušava preglednost i funkcionalnost sjedišta. Raspon dužina stranica web sjedišta je 2 do 3 ekrana.
  • 24.
    Zaglavlje sjedišta, podnožje,korisnički blok i blok za oglašavanje ostaju nepromijenjeni tokom navigiranja Elementi su grupirani u skladu s pravilom da ih ima 7 (plus/minus 2)
  • 25.
    Za glavnu navigacijuse koriste gumbovi na vrhu stranice koji služe podjeli na glavne kategorije web sjedišta te je vidljiva na svim stranicama sjedišta. Klikom na logo stranice ili na gumb „Naslovnica“ uvijek se možemo vratiti na naslovnu stranicu.
  • 26.
    Na naslovnoj stranicise nalazi i navigacijska traka za odabir televizija i podkategorije u vidu dana u tjednu, te polje za pretraživanje sadržaja u programu Navigacija koja se koristi na ovom web sjedištu je uočljiva, jednostavna za korištenje i korisnik lako može doći do željenih informacija.
  • 27.
    Od multimedijskih elemenatakoristi se grafika, video i igre koje predstavljaju interaktivne flash elemente. U člancima se koriste video materijali u obliku youtube linkova koji obično predstavljaju isječke i najave filmova ili serija te su dobro uklopljeni u ostali sadržaj web sjedišta.
  • 28.
    U kategoriji „Video“ moguć je pregled raznih zabavnih video isječaka.
  • 29.
    Promatrano web sjedištefunkcionira jednako u svakom od 3 najkorištenija preglednika Zamjerka je da jedan od linkova („Novi korisnici“) ne radi ispravno. Klikom na navedeni link javlja se sljedeća greška:
  • 30.
    Sjedište je izrađenoASP.NET tehnologijom, koristi stilske predloške iz vanjskih datoteka i klijentske skripte (JavaScript) koje se također pozivaju iz vanjskih datoteka . Primjer:
  • 31.
    Stranice unutar sjedištase otvaraju u istom prozoru dok se klikom na reklamne oglase i Facebook linkove otvara novi prozor. Promatrano sjedište sadrži linkove na web 2.0 alate u vidu spomenutog Facebook social plugin-a i youtube linkova i koristi flash tehnologiju za video igre.