Nastavni predmet	SKRIPTNI JEZICI I WEB PROGRAMIRANJE
Naslov cjeline	Organizacija mrežnog sjedišta
Naslov jedinice	Vježba 4: Definiranje i proces razvoja mrežnog sjedišta

 

CILJ VJEŽBE

Učenik će moći opisati proces razvoja mrežnog sjedišta, definirati mrežno sjedište, objasniti postupak uređivanja postojećeg mrežnog sjedišta, demonstrirati pregled mrežnog sjedišta u pregledniku 

PRIPREMA ZA VJEŽBU

Odgovorite na pitanja pisano u bilježnicu  (za pomoć možete koristiti poveznice: 

phases–web–design–development–process  website–development–process–full–guide defining and measuring website ili druge odgovarajuće):

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.
   a) Istraživanje – Prvi korak u dizajniranju uspješne web stranice je prikupljanje informacija.
   Svrha – Koja je svrha stranice? Želite li pružiti informacije, promovirati uslugu, prodati proizvod itd.
   Cilj – Što se nadate postići izgradnjom ove stranice? Dva uobičajena cilja su zaraditi novac ili razmijeniti informacije.
   Ciljana publika – Postoji li određena skupina ljudi koja će vam pomoći da ostvarite svoje ciljeve? Korisno je zamisliti svog idealnog kupca. Uzmite u obzir njihovu dob, spol ili interese – to će pomoći u određivanju najboljeg stila dizajna za vašu web-lokaciju.
   Sadržaj – Kakve će informacije ciljana publika tražiti na vašoj stranici? Traže li određene informacije, određeni proizvod ili uslugu itd.
   b) Planiranje – Koristeći prikupljene informacije potrebno je sastaviti plan o izradi web-stranice. Ovdje također odlučujemo koje tehnologije treba implementirati.
   c) Dizajn – Na temelju informacija prikupljenih do ovog koraka, određujemo izgled i dojam stranice.
   d) Razvoj stranice – Ovdje nastaje sama funkcionalna web stranica.
   e) Testiranje i isporuka – Ovdje se bavimo posljednjim detaljima i testiramo vašu web stranicu.
   f) Održavanje – Jednom kada je vaša stranica pokrenuta, to ne znači da je sav posao gotov.

Jedan od načina da dovedete ponovljene posjetitelje na svoje web mjesto je redovito nuditi ažurirani sadržaj.

 

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 je datoteka u kojoj pružate informacije o stranicama, video zapisima i drugim datotekama na vašoj web-lokaciji i međusobnim odnosima. Tražilice poput Googlea čitaju ovu datoteku kako bi učinkovitije indeksirale vašu web stranicu.
5. Što je mockup (wireframe)? Koji alat ili program možete koristiti da biste ga prikazali?
   Mockup je umjetnički prikaz dizajna ili proizvoda koji prikazuje navedeni proizvod na djelu. Mockup može biti model, slika ili scena predloženog dizajna ili proizvoda, a često se koristi za demonstraciju, obrazovanje ili promociju.
6. Što se podrazumijeva pod pojmom izgled web sjedišta (web site layout)?
   Izgled web sjedišta je raspored svih vizualnih elemenata na web sjedištu. Sastoji se od početne stranice, kategorija, potkategorija te pojedinačnih postova i stranica.
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?
   Svrha stranice je definiranje i mjerenje elementa stranice. Na stranici se navode smjernice za upravljanje web projektima što je opisano uz korake za dizajniranje i razvoj web sjedišta. Najvažnijim nam se čine smjernice vezane uz dizajniranje i izradu same web stranice.
   8. Što čini tzv. ROT analizu?
   ROT analiza pomaže identificirati sadržaj koji je suvišan, zastario ili trivijalan. Uspoređivanjem s analitičkim podacima, potrebama korisnika i istraživanjem korisnika, omogućuje glavnim upravama da dodatno analiziraju relevantnost njihovog sadržaja za korisnike.

             

 

 

IZVOĐENJE VJEŽBE

Pri traženju odgovora koristite se internet tražilicom, a pri posjećivanju stranica preglednikom.

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

 

2.      Mapa mrežnog sjedišta

 

} A. Pronađite pomoću tražilice primjer mape nekog mrežnog sjedišta. Precrtajte ju uredno u bilježnicu (koristite hrvatske izraze).  

 

3.      Primjer mrežnog sjedišta

 

• Za zamišljeni projekt razvoja mrežnog sjedišta napravite slijedeće:
• Vremenski plan poštujući tipično vrijeme trajanja.
• Mapu mrežnog sjedišta.
• Skicu odabrane stranice zamišljenog mrežnog sjedišta.
• Navedite poveznicu na web sjedište koje bi vam izgledom ili korisničkim sučeljem moglo poslužiti kao primjer za vaše zamišljeno sjedište (site).