LV4.

                                          LV 4.  Definiranje i proces razvoja mrežnog sjedišta 

                                                       Petar Lovaković i Filip Marangunić

PRIPREMA ZA VJEŽBU 

1. Nabrojite korake (u literaturi ih je obično pet do osam) u procesu dizajna i razvoja mrežnog sjedišta. Opišite u nekoliko rečenica karakteristike svakog koraka. 

   1. Skupljanje informacija – Otkrivanje i istraživanje kako bi se osigurala efikasnost u budućem korištenju stranice 

   2. Planiranje – kreiranje sitemape – najjednostavnijeg podatkovnog oblika cijele stranice 

   3. Dizajn – sitemap dolazi u život – kreirane su slike, videozapisi i fotografije koje će stranice koristiti, stvara se layout te stranica poprima svoj oblik 

   4. Pisanje i slaganje sadržaja – za stranicu se ispisuje tekst, informacije i podaci koje želimo da korisnik vidi

   5. Kodiranje – pomoću framework-a, CMS-ova te jednog od markup jezika piše se source kod za stranicu 

   6. Testiranje, pregled i lansiranje – Testiranje je rutinski dio procesa stvaranje web stranice, svi linkovi i funkcije web stranice su testirani kako bi se osigurala njihova funkcionalnost 

   7. Održavanje – redovito ažuriranje CMS-ova, popravljanje mogućih bugova te promijene po potrebi 

2. Nabrojite najmanje pet različitih tehnologija koje pomažu u procesu razvoja mrežnog sjedišta. Napišite im kratice i ukratko opišite čemu služe.

HTML- HTML je prezenracijski jezik za izradu web stranica. Služi za strukturiranje web stranice i njezinih sadržaja.

CSS – CSS je korišten za stiliranje i layout web stranica npr. Mijenjanje fonta, boje, veličine... 

JS – JavaScript se koristi za kreiranje dinamičkih i interaktivnih web sadržaja. 

AJAX – AJAX dopušta asinkronično ažuriranje web stranica izmjenjivanjem podataka sa serverom. 

JSON – JSON se koristi izmjenjivanje strukture podataka preko mređe, obično između servera i web aplikacija 

3. Što je, odnosno što opisuje vremenski plan razvoja mrežnog sjedišta? Navedite tri različita alata koji mogu pomoći u pisanju vremenskog plana. Pronađite bar jedan besplatan. 

Vremenski plan web stranice opisuje nužne korake u izradi i lansiranju web sjedišta. 

Strategije i planiranje(2 do 10 tjedana) 

Dizajn(4 do 12 tjedana) 

Pisanje i slaganje sadžaja(5 do 15 tjedana) 

Kodiranje(6 do 15 tjedana) 

Beta testiranje(2 do 6 tjedana)

Lansiranje (1 dan do 2 tjedna) 

Alati: Monday.com, Smartsheet i DragApp (besplatan). 

4. Što je mapa sjedišta? Pokušajte pronaći alat koji bi vam mogao pomoći u prikazu te mape i navedite njegovo ime. 

Mapa sjedišta – lista svih glavnih tema i podtema za sjedište Alat: GlooMaps.. 

5. Što je mockup (wireframe)? Koji alat ili program možete koristiti da biste ga prikazali? 

Mockup(wireframe) – vizualna reprezentacija korisničkog sučelja koje ćemo kreirati. Ne sadrži dizajnerske elemente poput boja, logoa i sl. 

6. Što se podrazumijeva pod pojmom izgled web sjedišta (web site layout)? 

Website layout – rezultat rada dizajnera, može biti grafički skeč ili pravi grafički dizajn. Glavna funkcija layouta je da reprezentira informacijsku strukturu, vizualizira sadržaj te demonstrira jednostvanu funkcionalnost. 

7. Proučite sadržaj i svrhu stranica posljednje navedene poveznice. Kakve se smjernice tamo navode i tko ih se treba pridržavati? Koje vam se od njih čine posebno važnima? 

Definicija i plan, arhitektura, dizajn, sadržaj i sl. – sve kategorije kojih se graditelj web stranice mora pridržavati kako bi stranica bila zadovoljavajuća današnjih standarda. Posebno važne – Privatnost, sigurnost i zakonske obavijesti, pristupačnost, nadgledanje i mjerenje te održavanje. 

8. Što čini tzv. ROT analizu? 

Definiranje golova i kriterij za analizu sadržaja te i ono što bi označili kao upitno. Nakon definiranja golova i kriterija, kompletna listu stranica te podatkovne točke potrebne za analizu web sjedišta se eksporitraju u Google Analytics program gdje se svi artikli koji se smatraju suvišnima, zastarjelima i upitnima te se oni na zahtjev analitičara brišu. 

IZVOĐENJE VJEŽBE 

1. Vremenski plan 

A. Pronađite pomoću tražilice primjer vremenskog plana razvoja mrežnog sjedišta. Precrtajte ga uredno u bilježnicu (koristite hrvatske izraze)