Your SlideShare is downloading. ×
0
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Analiza_web_sjedista_g7_hims
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Analiza_web_sjedista_g7_hims

677

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
677
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Multimedijski i hipermedijski sustavi Ak. god. 2010/2011 Dejan Dokmanović Marko Juraga Ivan Barić
  • 2. <ul><li>http://www.ifzg.hr / </li></ul>
  • 3. <ul><li>Sjedište je orijentirano na dokumente, bogato je tekstom </li></ul><ul><li>Služi za informiranje o radu instituta te objavu publikacija i dokumenata, namijenjeno je svima koje zanima rad instituta za filozofiju. </li></ul><ul><li>Sjedište je jako neugledno radi lošeg odabira podijele prostora, sitne navigacije i općenite nepreglednosti informacija </li></ul>
  • 4. <ul><li>Prezentacija informacija na većini stranica na web sjedištu je vrlo loša </li></ul><ul><li>Stranice su pisane različitim fontovima i stilovima ( “O nama” ) </li></ul><ul><li>Neki popisi napravljeni su nepregledno sa centralnim poravnanjem i prevelikim proredom između stavki ( “Djelatnici” ) </li></ul><ul><li>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 ) </li></ul>
  • 5. <ul><li>Struktura sjedišta je mješovita. </li></ul><ul><li>Ima elemente hijerarhijske i linearne strukture. </li></ul><ul><li>Glavna navigacija je hijerarhijska ali samo na prvoj razini, nema pod razina. </li></ul><ul><li>Dolaskom na neku od stranica struktura postaje linearna. </li></ul><ul><li>Jedina mogućnost povratka je korištenjem gumba “natrag” u pregledniku. </li></ul><ul><li>Bolji odabir bi bila klasična hijerarhijska struktura... </li></ul>
  • 6. <ul><li>Koristi se ponavljanje slika kao pozadina. </li></ul><ul><li>Većina stranica ima različite pozadine. </li></ul><ul><li>U headeru se nalazi velika slika koja je odsječena što nikako ne pridodaje izgledu sjedišta. </li></ul>
  • 7. <ul><li>Stilovi teksta su nekonzistentni, te se koriste serifni fontovi koji nisu namijenjeni čitanju s ekrana </li></ul><ul><li>Većinom se koristi centralno poravnanje </li></ul><ul><li>Linkovi su označeni plavom bojom i posjećeni linkovi ne mijenjaju boju </li></ul>
  • 8. <ul><li>Linkovi u navigaciji su pisani jako malom veličinom fonta </li></ul><ul><li>Na stranici Linkovi, linkovi su u obliku slika bez ikakvog objašnjenja i teksta ( “Linkovi” ) </li></ul><ul><li>Ukupan dojam dizajna je da je sadržaj nabacan bez ikakvog plana i reda </li></ul>
  • 9. <ul><li>Elementi korišteni za dizajniranje sučelja su HTML frameovi (web-sjedište je podijeljeno na 4 framea) </li></ul><ul><li>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 </li></ul><ul><li>Najveći duljina stranice je 5 ekrana. </li></ul>
  • 10. <ul><li>Vrlo loša stvar sučelja je što na nekim stranicama nije poštovan obrazac sučelja </li></ul>
  • 11. <ul><li>Navigacija je izvedena kao HTML frame sa listom tekstualnih linkova. </li></ul><ul><li>Postoji samo jedna razina navigacije koja se nalazi sa desne strane </li></ul><ul><li>Povratak na početnu stranicu je izveden kao link u glavnoj navigaciji </li></ul>
  • 12. <ul><li>Ne poštuju se principi dobre navigacije: </li></ul><ul><ul><li>Jasnoća : linkovi u navigaciji su jako mali i slabo vidljivi </li></ul></ul><ul><ul><li>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 </li></ul></ul><ul><ul><li>Efikasnost: Pošto je navigacija organizirana na samo jednoj razini vrlo teško se dolazi do podataka </li></ul></ul>
  • 13. <ul><li>Ovakva navigacija je vrlo loša i neefikasna, te predstavlja velik problem korisnicima koji se pokušavaju snaći na ovom web sjedištu. </li></ul>
  • 14. <ul><li>Jedini tipovi multimedije koji se mogu pronaći na ovom sjedištu su : </li></ul><ul><ul><li>slike djelatnika instituta </li></ul></ul><ul><ul><li>pozadinske slike koje nisu u skladu s pravilima dobroga dizajna </li></ul></ul><ul><ul><li>dva animirana elementa za promjenu jezika i pristup squirell mailu </li></ul></ul>
  • 15. <ul><li>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 ) </li></ul><ul><li>Sjedište je izrađeno pomoću statičnog HTML-a, što je dosta zastarjelo i zbog toga dizajn izgleda dosta neugledno </li></ul>
  • 16. http://mojtv.hr/
  • 17. <ul><li>Portal kojem je prvotna namjena pružiti informacije o tv programu, no nudi i puno više sadržaja vezanih za televiziju, filmsku scenu... </li></ul><ul><li>Prema apstraktnoj podjeli to je web sjedište orijentirano na dokumente </li></ul><ul><li>Prema izgledu bogato je grafikom </li></ul><ul><li>Prema svrsi je višenamjenska stranica jer služi kao portal, te pružanju zabave i informacija. </li></ul>
  • 18. <ul><li>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. </li></ul><ul><li>Informacije su pregledno posložene s ciljem da sjedište što kvalitetnije obavlja svoju glavnu namjenu. </li></ul>
  • 19. <ul><li>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 . </li></ul><ul><li>S obzirom na namjenu sjedišta, informacije moraju biti prilično ažurne </li></ul><ul><li>Naslovnica nudi sažet opis najnovijih vijesti, kratke opise aktualnih televizijskih sadržaja te naravno tv program u obliku vremenske trake </li></ul><ul><li>Sjedište pruža mogućnost registracije korisnika nakon čega je omogućeno komentiranje članaka i komuniciranje s drugih korisnicima (chat, poruke, forum...) </li></ul>
  • 20. <ul><li>Struktura sjedišta je hijerarhijska, do 3 razine. </li></ul><ul><li>Informacije su poredane po vrsti (npr. filmovi, serije) i kronološki (prema vremenu emitiranja) </li></ul>
  • 21. <ul><li>Na sjedištu prevladavaju ugodne boje, kao što su nijanse sive, a sadržaj koji se želi istaknuti je obično crvene boje. </li></ul><ul><li>Postignuta je dobra preglednost, a čitanje sadržaja nije naporno. </li></ul><ul><li>Linkovi na članke koriste font Arial, bijele boje i veličine 13,5. </li></ul>
  • 22. <ul><li>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. </li></ul>
  • 23. <ul><li>Za izradu sučelja odnosno za formatiranje teksta i ostalih elemenata je korišten CSS. </li></ul><ul><li>Širina stranica je fiksna, ostaje nepromjenjena mijenjanjem veličine prozora preglednika, a promjenom rezolucije se ne narušava preglednost i funkcionalnost sjedišta. </li></ul><ul><li>Raspon dužina stranica web sjedišta je 2 do 3 ekrana. </li></ul>
  • 24. <ul><li>Zaglavlje sjedišta, podnožje, korisnički blok i blok za oglašavanje ostaju nepromijenjeni tokom navigiranja </li></ul><ul><li>Elementi su grupirani u skladu s pravilom da ih ima 7 (plus/minus 2) </li></ul>
  • 25. <ul><li>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. </li></ul><ul><li>Klikom na logo stranice ili na gumb „Naslovnica“ uvijek se možemo vratiti na naslovnu stranicu. </li></ul>
  • 26. <ul><li>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 </li></ul><ul><li>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. </li></ul>
  • 27. <ul><li>Od multimedijskih elemenata koristi se grafika, video i igre koje predstavljaju interaktivne flash elemente. </li></ul><ul><li>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. </li></ul>
  • 28. <ul><li>U kategoriji „Video“ moguć je pregled raznih zabavnih video isječaka. </li></ul>
  • 29. <ul><li>Promatrano web sjedište funkcionira jednako u svakom od 3 najkorištenija preglednika </li></ul><ul><li>Zamjerka je da jedan od linkova („Novi korisnici“) ne radi ispravno. Klikom na navedeni link javlja se sljedeća greška: </li></ul>
  • 30. <ul><li>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: </li></ul>
  • 31. <ul><li>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. </li></ul>

×