69
Moderan Web sajt Kompletan proces od ideje do održavanja @ivancosic www.ivancosic.rs http://.me/plainandhill

Proces izrade web sajta

Embed Size (px)

DESCRIPTION

Slajdovi sa prezentacije održane pred predstavnicima lokalne samouprave u opštini Visoko, BiH o procesu razvoja web sajta od početka do kraja.

Citation preview

Page 1: Proces izrade web sajta

Moderan Web sajt Kompletan proces od ideje do održavanja

@ivancosicwww.ivancosic.rs

http://fb.me/plainandhill

Page 2: Proces izrade web sajta

Istorijat1996. Internet je “došao” na ove prostore

Page 3: Proces izrade web sajta

Istorijat1996. Internet je “došao” na ove prostore1997-2000. .com (dot kom) boom u svijetu

Page 4: Proces izrade web sajta

Istorijat1996. Internet je “došao” na ove prostore1997-2000. .com (dot kom) boom u svijetu1999-2004. Web 2.0

Page 5: Proces izrade web sajta

A danas?2013. 2,4 milijarde ljudi koristi Internet

Page 6: Proces izrade web sajta

A danas?2013. 2,4 milijarde ljudi koristi InternetBiH 2000. - 7,000 korisnika (0,2%)

Page 7: Proces izrade web sajta

A danas?2013. 2,4 milijarde ljudi koristi InternetBiH 2000. - 7,000 korisnika (0,2%)2010. - 1,441,000 korisnika (31,2%)

Page 8: Proces izrade web sajta

A danas?2013. 2,4 milijarde ljudi koristi InternetBiH 2000. - 7,000 korisnika (0,2%)2010. - 1,441,000 korisnika (31,2%)2011. - 1,955, 277 korisnika (42,3%)

Page 9: Proces izrade web sajta

A danas?2013. 2,4 milijarde ljudi koristi InternetBiH 2000. - 7,000 korisnika (0,2%)2010. - 1,441,000 korisnika (31,2%)2011. - 1,955, 277 korisnika (42,3%)2012. - 2,327,578 korisnika (60%)

Page 10: Proces izrade web sajta

Drastično povećanje broja korisnika dovelo je do evolucije procesa kreiranja Web sajtova

Page 11: Proces izrade web sajta

Proces danas:1. Ideja i/ili istraživanje

Page 12: Proces izrade web sajta

Proces danas:1. Ideja i/ili istraživanje2. Planiranje

Page 13: Proces izrade web sajta

Proces danas:1. Ideja i/ili istraživanje2. Planiranje3. Dizajniranje

Page 14: Proces izrade web sajta

Proces danas:1. Ideja i/ili istraživanje2. Planiranje3. Dizajniranje4. Kreiranje sadržaja

Page 15: Proces izrade web sajta

Proces danas:1. Ideja i/ili istraživanje2. Planiranje3. Dizajniranje4. Kreiranje sadržaja5. Programiranje

Page 16: Proces izrade web sajta

Proces danas:1. Ideja i/ili istraživanje2. Planiranje3. Dizajniranje4. Kreiranje sadržaja5. Programiranje 6. Lansiranje

Page 17: Proces izrade web sajta

Proces danas:1. Ideja i/ili istraživanje2. Planiranje3. Dizajniranje4. Kreiranje sadržaja5. Programiranje 6. Lansiranje7. Održavanje

Page 18: Proces izrade web sajta

1. Ideja i/ili istraživanje

Page 19: Proces izrade web sajta

a. Koja nam je ciljna grupa

1. Ideja i/ili istraživanje

Page 20: Proces izrade web sajta

b. Zašto naš sajt treba da postoji?

1. Ideja i/ili istraživanje

Page 21: Proces izrade web sajta

c. Šta postoji od postojećih materijala?

1. Ideja i/ili istraživanje

Page 22: Proces izrade web sajta

d. Koji je budžet?

1. Ideja i/ili istraživanje

Page 23: Proces izrade web sajta

e. Koji su rokovi?

1. Ideja i/ili istraživanje

Page 24: Proces izrade web sajta

f. Da li postoje sajtovi istog tipa koji mogu da posluže kao vodilja?

1. Ideja i/ili istraživanje

Page 25: Proces izrade web sajta

1. Ideja i/ili istraživanje:a. Koja nam je ciljna grupab. Zašto naš sajt treba da postoji?c. Šta postoji od postojećih materijala?d. Koji je budžet?e. Koji su rokovif. Da li postoje sajtovi istog tipa koji mogu

da posluže kao vodilja?

Page 26: Proces izrade web sajta

2. Planiranje

Page 27: Proces izrade web sajta

a. Kreiranje informacione arhitekture

2. Planiranje

Page 28: Proces izrade web sajta

b. Skiciranje izgleda

2. Planiranje

Page 29: Proces izrade web sajta
Page 30: Proces izrade web sajta

c. Skiciranje algoritma korišćenja sajta

2. Planiranje

Page 31: Proces izrade web sajta

d. Kreiranje mape sajta

2. Planiranje

Page 32: Proces izrade web sajta

e. Koje emocije želimo da prenesemo (boje)

2. Planiranje

Page 33: Proces izrade web sajta

f. Koje tehnologije je neophodno da predvidimo

2. Planiranje

Page 34: Proces izrade web sajta

g. Na kojim uređajima će se koristiti

2. Planiranje

Page 35: Proces izrade web sajta

h. Definisanje potrebnih komercijalnih sadržaja

2. Planiranje

Page 36: Proces izrade web sajta

i. Potpisivanje ugovora

2. Planiranje

Page 37: Proces izrade web sajta

2. Planiranjea. Kreiranje informacione arhitektureb. Skiciranje izgledac. Skiciranje algoritma korišćenja sajtad. Kreiranje mape sajtae. Koje emocije želimo da prenesemof. Koje su neophodne tehnologijeg. Na kojim uređajima će se koristitih. Dodatni sadržajii. Potpisivanje ugovora

Page 38: Proces izrade web sajta

3. Dizajn

Page 39: Proces izrade web sajta

a. Dizajn osnovnog template-a

3. Dizajn

Page 40: Proces izrade web sajta

b. Dizajn pojedinačnih strana

3. Dizajn

Page 41: Proces izrade web sajta

c. Dizajn pojedinačnih elemenata

3. Dizajn

Page 42: Proces izrade web sajta

3. Dizajn check lista• Dalijedizajnuslužbisadržajailiodvlačipažnju?• Dalidizajnpomažeupregledusadržaja?• Dalijetekstčitljiv?• Dalisuslikeefektne/dalidobroilustrujusadržaj?• Dalidizajnimadovoljnopraznogprostora?• Dalisudobroiskorišćeneboje?• Dalipozadinasajtasmetailidopunjujeutisak• Dalisupodnasloviispecijalnistilovidobro

istaknutiuodnosunatekst?• Dalisedobrovidiurazličitimpretraživačima?• Dalisedobrovidinamobilnimuređajima?• Dalijenavigacijaintuitivna?

Page 43: Proces izrade web sajta

4. Sadržaj

Page 44: Proces izrade web sajta

a. Priprema osnovnih sadržaja

4. Sadržaj

Page 45: Proces izrade web sajta

b. Kreiranje uredničkog kalendara

4. Sadržaj

Page 46: Proces izrade web sajta

4. Dobar web sadržaj je:• adekvatan• koristan• okrenut korisniku• jasan• konzistentan• kratak• relevantan

Page 47: Proces izrade web sajta

5. Programiranje

Page 48: Proces izrade web sajta

a. Kreiranje glavnih templejta

5. Programiranje

Page 49: Proces izrade web sajta

b. Prebacivanje dizajna u stranice

5. Programiranje

Page 50: Proces izrade web sajta

5. Programiranje

c. Izbor CMS-a

Page 51: Proces izrade web sajta

5. Programiranje

d. Neophodne funkcionalnosti

Page 52: Proces izrade web sajta

5. Programiranje

e. Povezivanje stranica sa bazom

Page 53: Proces izrade web sajta

5. Programiranje

f. Punjenje osnovnim sadržajem

Page 54: Proces izrade web sajta

5. Programiranjea. Kreiranje glavnih templejtab. Prebacivanje dizajna u stranicec. Izbor CMS-ad. Neophodne funkcionalnostie. Povezivanje stranica sa bazomf. Punjenje osnovnim sadržajem

Page 55: Proces izrade web sajta

6. Lansiranje

Page 56: Proces izrade web sajta

a. Prebacivanje na glavni hosting

6. Lansiranje

Page 57: Proces izrade web sajta

b. Integracija društevnih mreža

6. Lansiranje

Page 58: Proces izrade web sajta

c. Reklamiranje•web marketing plan•email marketing plan • social marketing plan

6. Lansiranje

Page 59: Proces izrade web sajta

d. Offline aktivnosti

6. Lansiranje

Page 60: Proces izrade web sajta

6. Lansiranjea. Prebacivanje na glavni hostingb. Integracija društevnih mrežac. Reklamiranjed. Offline aktivnosti

Page 61: Proces izrade web sajta

7. Održavanje

Page 62: Proces izrade web sajta

a. Analiza posjeta

7. Održavanje

Page 63: Proces izrade web sajta

b. Testiranje brzine učitavanja

7. Održavanje

Page 64: Proces izrade web sajta

c. Optimizacija sajta

7. Održavanje

Page 65: Proces izrade web sajta

d. Optimizacija za pretraživače

7. Održavanje

Page 66: Proces izrade web sajta

e. Punjenje novim sadržajima

7. Održavanje

Page 67: Proces izrade web sajta

7. Održavanjea. Analiza posjetab. Testiranje brzine učitavanjac. Optimizacija sajtad. Optimizacija za pretraživačee. Punjenje novim sadržajima

Page 68: Proces izrade web sajta

1. Ideja i/ili istraživanje2. Planiranje3. Dizajniranje4. Kreiranje sadržaja5. Programiranje 6. Lansiranje7. Održavanje

Page 69: Proces izrade web sajta

Hvala! @ivancosic

www.ivancosic.rshttp://fb.me/plainandhill