LV4

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.

- Otkriće (prikupljanje informacija), planiranje (koristeći informacije prikupljene iz prve faze, prvo smo sastavili plan), razvoj (ovdje nastaje sama funkcionalna web stranica), testiranje i dostava (bavimo se posljednjim detaljima i testiramo vašu web stranicu), održavanje (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.

- PWA (namijenjen je za rad na bilo kojoj platformi s preglednikom usklađenim sa standardima, uključujući desktop i mobilne uređaje), HTML (oblikuje se sadržaj i stvaraju se hiperveze hipertekst dokumenta), - Webpack (napravljen je prvenstveno za JavaScript, ali može transformirati front-end sredstva kao što su HTML, CSS i slike ako su uključeni odgovarajući učitači), JavaScript (napravljen je da bude sličan Javi, zbog lakšega korištenja, ali nije objektno orijentiran kao Java, već se temelji na prototipu i tu prestaje svaka povezanost s programskim jezikom Java), Preact (pruža najtanju moguću Virtual DOM apstrakciju povrh DOM-a)

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: Koristeći informacije prikupljene iz prve faze, prvo smo sastavili plan. Ovdje razvijamo kartu web stranice – popis svih glavnih tema i podtema za vašu web stranicu. To nam daje vodič o tome koji će sadržaj biti na stranici i ključno je za razvoj dosljednog, lako razumljivog navigacijskog sustava. Ovdje također odlučujemo koje tehnologije treba implementirati – obrasci za kontakt, prilagođene vrste objava, specifični dodaci itd.

- Alati koji mogu pomoći u pisanju vremenskog plana: ClickUp, slickplan, stonly…

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.

- Na temelju podataka prikupljenih u prethodnoj fazi (fazi planiranja), kreira se mapa sjedišta (sitemap) on omogućuje da razumijete kako izgleda unutarnja struktura web stranice, ali ne opisuje korisničko sučelje

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

- Mockup ili wireframe je prikaz korisničkog sučelja koji opisuje elemente koji će biti dodani na stranicu i njihovu lokaciju

- Alat za izradu: Moqups

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

- Web site layout odnosno izgled web sjedišta grana je dizajna, u mnogim dijelovima srodna grafičkom dizajnu, koja se bavi oblikovanjem internetskih stranica i cijelih mrežnih mjesta

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?

- Sve web stranice Europske komisije moraju poštivati ​​pravila i smjernice koje sadrži

- Posebno važne: plan, arhitektura, dizajn, sadržaj, razvoj i građa, privatnost i sigurnost, održavanje, dostupnost

8. Što čini tzv. ROT analizu?

- ROT analiza pomaže identificirati sadržaj koji je suvišan, zastario ili trivijalan

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

www.marincek-enegry.com