Projektovanje ivotni ciklus

web site-a

Principi projektovanja web site-a

Web site - lokacija se sastoji od jedne ili vie
web strana
Web strana je organizovani skup tekstualnih,
grafikih, multimedijalnih i svih drugih?
elemenata koji kao celina ali i pojedinano
doprinose ukupnom izgledu utisku o web
strani, ali i itavoj web lokaciji
Mnogo vanija od toga je informativna
komponenta web strane i itavog site-a
Informativna komponenta je sutina postojanja
web site-a

Faze projektovanja ivotnog ciklusa

model vodopada

Napredniji
savremeniji
pogled na
projektovanje u
irem smislu
model fontane

Analiza
Zbog ega se pravi web site?
Kakvu poruku treba da prenosi web site?
Koji kakav realni sistem se podrava web
site-om? (institucija najee, ali moe biti bilo
ta drugo promocija ideje, istraivanja, site
grada, e-learning, itd.)
Web site treba da na neki nain reprezentuje
strukturu realnog sistema koji podrava.
Model sistema kakav treba da vide korisnici
Web site danas bi trebalo da bude remote user
interface ka informacionom sistemu

Ko uestvuje u analizi?
Naruioci web site-a
Sistem analitiari (u teoriji)
Strunjaci za izradu web site-a (u praksi)
Web dizajneri
Programeri

Bilo bi dobro ukljuiti i korisnike

Design projektovanje u uem

smislu
Analiza ukljuuje opta razmatranja
Analizom se jasno definie problem, ta se
hoe, tj. pravi se model
Model ne omoguava implementaciju
Potrebna je jo jedna faza projektovanje
Smisao projektovanja je u prilagoavanju
idejnog reenja implementaciji kodiranju
Razlikovati design kao fazu projektovanja od
ureenja vizuelno grafikog izgleda web
strane

Dobar uspean web site

Kao i drugi informatiki projekti, i web site moe
biti uspean dugovean
Aktuelnost u duem vremenskom periodu
Odravanje auriranje u duem vremenskom
periodu
Lako odravanje = dobra poetna struktura
Dobra poetna struktura = dobro projektovanje
Lako odravanje se uglavnom svodi na
auriranje i po potrebi dodavanje novih
elemenata na postojeu strukturu

Alternativa planskom pristupu ad hoc

esto se faze analize i projektovanja koje
prethode implementaciji web site-a zanemaruju
Web site se ne smatra ozbiljnom aplikacijom (to
rade klinci...)
Ad hoc prema prilici, trenutno, kratkorono,
bez planiranja
Tako se najbre dolazi do poetnih rezultata
Naalost, na ovaj nain se najee i ostaje
samo na poetnim rezultatima
Lake je od poetka praviti novu dobru
strukturu, nego popravljati staru lou

Koncepcije web strana

Web site-ovi i web strane mogu da imaju
veoma razliite koncepcije
Kreiranje web strana je upravo to, kreativan
postupak
Kae se da za kreaciju ne postoje pravila,
obrasci i abloni
Ako se uzme da je postojei broj web strana
ogroman stotine miliona ili milijarde (IPv4 e
se zameniti sa IPv6) teko je biti originalan
Ipak se formirala neka vrsta ablona, makar u
vidu nekih optih pravila

Slinosti i razlike web strane i ppt

prezentacije
Jasna preglednost bez suvinih detalja
Prepoznatljiv vizuelni stil koji se ne menja od
strane do strane ve je zajedniki za vie strana
ili za ceo site
Osnovna razlika je u navigaciji ppt
prezentacija je skoro iskljuivo namenjena
linearnom prikazu strana, dok web site site ima
daleko vee mogunosti slobodne navigacije
Duina web strane nije limitirana

Neka jednostavna pravila

Naruilac i kreator web strane nisu korisnici
Korisnici uglavnom nisu dizajneri i programeri
Testiranje web lokacije je primanje sugestija od
strane zainteresovanih korisnika
Savremeni urbanisti asfaltiraju staze tamo kuda
ljudi najee prolaze
Razvoj web site-a je iterativan, pri emu treba
uzeti u obzir miljenja i utiske korisnika
feedback (povratna sprega)
Analizirati postojea uspena reenja

Struktura web site-a

Struktura web site-a odreuje raspored i
povezanost web strana od kojih se web site
sastoji
Fizika lokacija web strana (web server, web
adresa) nije od presudnog znaaja
Struktura povezanih web strana moe biti
jednostavna, ali i veoma sloena to zavisi od
strukture sadraja koji se prezentuju
Web site moe biti uspean sa bilo kojom
strukturom, pod uslovom da je ta struktura i
odgovarajua nameni web site-a

Web piramida

Statiki, interaktivni i dinamiki web

site-ovi
Svi web site-ovi su interaktivni u odreenom
smislu
Statiki web site-ovi omoguavaju slobodan
izbor sadraja i redosled kojim se pregledaju
Interaktivni web site-ovi omoguavaju neku
razmenu podataka sa site-om
Dinamiki site-ovi su specijalan sluaj
interaktivnih site-ova sa daleko veim
mogunostima interakcije sa korisnicima

Personalizovane strane
Kod dinamikih web site-ova mogue je kreirati
personalizovane web strane koje korisnici mogu
da menjaju i ureuju u okviru predvienih
mogunosti.
Dananje web lokacije omoguavaju i uvanje
linih podataka korisnika u raznim oblicima
dokumenti - tekstovi, tabele, prezentacije, slike,
kao i fajlova bilo koje vrste.

Logika i fizika struktura

Struktura web site-a se moe razmatrati sa dva
aspekta logikog i fizikog
Logika struktura web site-a odraava strukturu
sa aspekta korisnika web site-a
Fizika struktura je odreena fizikim
razmetajem stranica na web site-u, kao i
korienim hardverom i softverom.
Poeljno je da stvarna fizika struktura web
site-a bude nedostupna korisniku, jer se moe
zloupotrebiti i ugroziti bezbednost web site-a

Vrste web site-ova sa aspekta dinamike

Zahtev - odgovor

Logika struktura web site-a

Postoje 4 osnovne logike strukture web site-a:

Linearna struktura
Reetkasta struktura
Hijerarhijska struktura
Mreasta struktura

Svaka od ovih struktura ima svoje podvarijante, a

takoe se osnovne strukture sa podvarijantama
mogu proizvoljno kombinovati da se dobije
struktura koja odgovara nameni web site-a

Osnovna linearna struktura

Nametnut sekvencijalni redosled pregleda

Mogua navigacija napred nazad
Slinost sa ppt prezentacijom
Primenjuje se kada su ogranienja linearne
strukture ba ono to se eli

 Ova modifikacija iste linearne strukture

omoguava simulaciju interaktivnosti
Korisnik moe da na razliite naine proe kroz
ponueni sadraj birajui ponuene alternative
Izbor alternativa moe da se nudi kroz
odgovore na pitanja tipa DA/NE ili kroz
viestruki izbor, u kom sluaju ima vie od
samo dve alternative

 Osnovna linearna struktura dopunjena sa

mogunou preskakanja redosleda, ali samo u
osnovnom smeru
Izbor preskakanja se moe povezati sa
pitanjima i biranjem ponuenih odgovora
Ovakva struktura slino kao i sa alternativama
moe da doprinese stvaranju utiska interaktivne
ili dinamike web lokacije.

 Kontrolisano skretanje sa vraanjem

Korisno za digresije koje objanjavaju glavnu nit
Dodatna objanjenja koja se mogu odabrati ili
preskoiti ako nisu potrebna
Puno skretanja ovu linearnu modifikaciju
pretvaraju u neke druge stablo, hijerarhiju

 Moe se posmatrati kao dvojna

dvodimenziona struktura koja prirodno opisuje
neki prostor
Koristi se za predstavljanje grupa srodnih stavki
po dva razliita kriterijuma
Korisnik ne moe da se izgubi na lokaciji

Hijerarhijska struktura
Veoma est oblik strukture koji se prirodno
namee kod predstavljanja sloenih sistema
Omoguava istovremeno jasno i detaljno
predstavljanje sloenog sistema
Na viim nivoima preovlauje jasan prikaz zbog
manjeg broja detalja
Na niim nivoima postupno preovlauje detaljni
prikaz, ali uz ogranienje obima prikaza
Korisnik nikada nije preoptereen detaljima
Biranje detaljnog prikaza po elji

Hijerarhijska struktura sa povratnim

vezama

Stablo je varijanta hijerarhijske strukture

Postoji istaknut koren stabla na vrhu bez pretka
Svaka druga strana ima jednog pretka i
eventualno potomke
Koristi se za detaljan prikaz manjeg broja stavki
Usko stablo daje prednost dubini u odnosu na
irinu

iroko stablo varijanta stabla sa irokom

hierarhijom
Veliki broj stavki koje se razmatraju
Mala dubina odsustvo detalja
Cilj je da se na site-u obuhvati vei broj
kompomenata, delova neke celine
Pogodno kada se vri obuhvaran pregled

 Postoje razliite mogunosti za navigaciju po

strukturi stabla
Postupni povratak unazad
Povratak na home stranu koren stabla
Unakrsni prelazak sa jedne grane na drugu
Izbor najpriblinijeg mogueg puta

Struktura potpune mree

Naziv potie od mogunosti potpune navigacije

Sa bilo koje strane na bilo koju stranu
Broj veza je n*(n-1)
Prihvatljivo za manji broj strana
Najea je struktura delimine mree

 U praksi je najea meovita struktura sa

dominantnom hijerarhijom
Ostale pomenute strukture su
ukomponovane u hijerarhijskoj strukturi
Mrea se javlja kao posledica mogunosti za
sloenu navigaciju

 Javlja se na site-ovima sa uvodnim prikazom

koji vodi do glavne strane
Dobro je da postoji i mogunost preskakanja
uvodne sekvence koja je interesantna samo
prvi put

Ovakva struktura omoguava jednostavnu navigaciju

 ista mrea karakterie lokacije sa haotinom i

nerazumljivom strukturom
Previe nesistematskih veza kao i preskakanja
zbunjuje korisnike
Korisno je kada postoje povezani dokumenti

Subjektivni doivljaj web lokacije

Osim u sasvim jednostavnim sluajevima,
korisnici ne zamiljaju strukturu web site-a
Poimanje strukture site-a od strane korisnika
nije ni vano, ukoliko je navigacija dobro reena
Korisnici ne smeju da se izgube na site-u
Netrivijalni site-ovi u imaju sloenu strukturu
Dobar logiki raspored je bitan za lake
snalaenje korisnika kao i za lake
projektovanje, implementaciju i odravanje web
site-a

Podela site-ova prema navigaciji

Porozna strukura
Poluporozna strukura

Neprobojna struktura

Korisnik ima kontrolu direktnog pristupa

Dostupna mainama za pretraivanje
Teka evidencija korisnika
Teak prikaz optih informacija o site-u

Poluporozna struktura

Laka evidencija i praenje korisnika

Ne otkriva fiziku strukturu site-a
Lak za odravanje
Nedostupan mainama za pretraivanje

Duboke i plitke lokacije

Dubina lokacije broj horizontalnih nivoa

irina lokacije broj linkova na home strani
Duboke lokacije mali izbor dug put
Plitke lokacije veliki izbor kratak put
Statistika i praksa pokazuju preferiranje plitkih
lokacija
Zbog mogunosti pogrenog izbora, primenjuju
se viestruke veze sa raznih mesta ka
znaajnim stranama, naroito na home page
Trikovi za prisilno gledanje reklama

Klasifikacija prema sadraju

Komercijalne lokacije informacije, prodaja,
podrka, usluge, e commerce, zapoljavanje,
podrka, odnosi sa javnou, investiranje,
zabava
Informativne lokacije
Uenje
Zabavne lokacije
Pretraivanje
Grupe, udruenja
Line lokacije

Izbor strukture za web lokaciju

Postupak projektovanja site-a

Logiko i fiziko projektovanje
Na osnovu modela se bira odgovarajua najpriblinija logika struktura
Fizika struktura se odreuje tek posle detaljne
razrade logike strukture
Na izbor konkretne fizike strukture - resursi
imaju uticaj i oekivane performanse sistema,
procenjena frekvencija poseta web site-u,
ukupni obim web site-a, eventualno ve
postojei sadraji i slino
Implementaciji se pristupa na osnovu detaljnog
fizikog projekta