Mreže računala

Tijekom semestra studenti trebaju izraditi dvije domaće zadaće; svaka nosi po 8% ocjene kolegija.
Na ovoj stranici ćete moći dohvatiti zadatke za zadaću u trenutku kada oni postanu aktualni.

Obavijesti

Druga zadaća objavljena je u ponedjeljak, 8. siječnja 2024. Predaja druge zadaće bit će u ponedjeljak, 22. siječnja 2024. prema rasporedu koji možete vidjeti OVDJE (raspored je ažuriran 17.01.2024. u 18 sati - s popisa su maknuti studenti koji su najavili predaju na vježbama; naravno ako ne predaju zadaću na vježbama mogu se pojaviti u terminu koji im je bio dodijeljen po starom popisu (u tom slučaju kontaktirati asistenta S. Horvata)). Ukoliko Vam ne odgovara dodijeljeni termin predaje, javite to asistentu Horvatu na mail do srijede, 17. siječnja 2024. do 14:00h zajedno s rasporedom koji imate za ponedjeljak, 22. siječnja 2024. kako bi Vam se temeljem toga odredio drugi termin predaje za taj ponedjeljak. Predaja druge domaće zadaće nije moguća nakon 22. siječnja 2024. no moguća je (za one koji to žele) na vježbama 18. ili 19. siječnja 2024. (o čemu je potrebno obavijestiti asistenta na čijim vježbama želite predati zadaću barem 48 sati prije tih vježbi). Nakon objave konačnog rasporeda u srijedu, 17. siječnja 2024. neće biti moguće naknadne promjene rasporeda predaje!

Druga zadaća - Zadatak

Napravite web-stranicu u skladu s modernim web-standardima (HTML5 + CSS3). To može biti osobna stranica ili stranica posvećena nečemu od osobnog interesa. Stranica može (ali ne mora) imati i eventualne dinamičke efekte u jeziku JavaScript.

Nužni uvjeti za predaju druge domaće zadaće (drugim riječima, kršenje bar jednog od tih uvjeta rezultira dobivanjem 0 bodova na ovoj zadaći):
  • Čitljivost. Stranica mora biti čitljiva u bar jednom od sljedeća dva preglednika: Google Chrome ili Mozilla Firefox (verzija instalirana na računalima u praktikumima).
  • Validacija. Stranica se mora validirati u validatoru validator.w3.org za HTML5 i validatoru jigsaw.w3.org/css-validator za CSS, bez ikakvih grešaka, upozorenja i sličnog.
  • Originalnost - preciznije, ne-plagiranje. Ne smijete samo zalijepiti tuđi kod i pobacati par elemenata unutra! Također, nije dozvoljeno samo prekopirati neki dugački tekst s Wikipedie ili nekog drugog izvora i ukrasiti ga CSS-om (primjerice, ako na predaji na zahtjev asistenta zalijepite dio teksta u Google tražilicu da ne ispadne stranica s istim tekstom kao na Vašoj stranici, samo drugačije oblikovanim).
Prilikom ocjenjivanja se posebna pozornost pridaje ispunjavanju sljedećih zahtjeva:
  1. Odvajanje sadržaja od prezentacije. Svi isključivo vizualni detalji moraju biti u posebnoj stilskoj kartici.
  2. Logična organizacija sadržaja. Ispravno korištenje semantički orijentiranih elemenata: header, footer, article, section i sličnih za globalnu strukturu web-stranice, kao i svih ostalih (address, h1 - h2, p, ...) za njihovu namjenu.
  3. Dovoljna kompleksnost izvornog dokumenta. Stranica treba koristiti minimalno 10 različitih elemenata, odnosno biti "dovoljno komplicirana". Pri tome nemojte forsirati upotrebu elemenata tek toliko da ispunite ovaj zahtjev (npr. usred teksta staviti span i/ili obojati jednu riječ u zeleno); vidi i prethodnu točku.
  4. Fluidnost. Ukratko, vizualno prezentirana stranica se ne smije ponašati kao PDF, ili još gore, kao jedna velika slika. HTML se gleda na raznim medijima u raznim kontekstima, i treba se tome prilagoditi. Ne mora izgledati sjajno u malim prozorčićima ili s velikim fontovima, ali mora biti čitljivo. Pokušajte izbjeći horizontalni scrollbar. Stranica treba imati ispravan prikaz, bez horizontalnog scrollbara i potrebe za "zoomanjem" na mobilnom uređaju. Uputa: osim mobitela, u Firefoxu možete koristiti Tools->Web Developer->Responsive Design View i isprobati kako stranica izgleda na različitim rezolucijama. Pogledajte i ovaj link.
  5. Vizualni dojam. Nismo grafički dizajneri, ali ako je glavni tekst žut na sivoj podlozi, ili susjedni elementi nemaju usklađene margine, ili se tekst negdje "prelijeva" preko drugog teksta ili slike, ili imate horizontalne scrollbarove, ili je osnovna visina fonta 3 piksela i sl, jasno je da tada vizualni dojam nije dobar. Koristite svoj "osjećaj za lijepo" :)
Prilikom predaje zadaće trebat ćete napraviti i neku manju izmjenu na web-stranici koju od Vas zatraži asistent (poput: "obojajte onaj naslov u crveno" i slično). Bez uspješno napravljene izmjene koju zatraži asistent nije moguće ostvariti više od 6 bodova na ovoj zadaći.