E-prodavnica - uputstvo za izradu seminarskog zadatka

Tehnologije: XHTML, CSS, PHP, JavaScript, Flash

Struktura Web prezentacije

(!!!) Prezentacija mora biti vidljiva from any browser uvek i svuda. Stoga je obavezno da student testira svoju prezentaciju i putem raspoloživih validator-a. Kao alat za proveru XHTML kôda preporučuje se validator.w3.org
(!!!) Za proveru CSS kôda možete koristiti http://jigsaw.w3.org/css-validator/

Eliminišite sve greške koje Vam validator javi.

(!!!) Preporučen je i alat za proveru linkova na adresi: http://validator.w3.org/checklink

Pri izboru ključnih reci ili fraza, mogu biti korisni Googleov Adwords Keyword tool ili Search-based Keyword Tool na adresi http://www.google.com/sktool/# ili Overture alat na adresi: inventory.overture.com

Pri izradi seminarskog zadatka obratiti paznju na brzinu učitavanja polazne stranice prezentacije.

Uvodne napomene pre kreiranja Web prezentacije e-prodavnice

Sadržaj e-prodavnice je podeljen u 2 glavna odeljka: katalog proizvoda i sve ostale sekcije koje će omogućiti kupcima da pronađu informacije i upravljaju njima. E-potrošač traži informacije i komunikaciju: efikasno pretraživanje velikog broja proizvoda da bi pronašao ono što traži, informisanost o dostupnosti proizvoda, vremenu dostave,...

Primer e-prodavnice sa katalogom proizvoda i ostalim uslugama.

http://www.amazon.co.uk

http://www.ebay.co.uk/

Strogo je zabranjeno preuzimati HTML, CSS, JavaScript kôd sa tuđih sajtova. Na primer,

ako prezentujete trgovinu knjigama, nemojte preuzimati kôd sa Web prezentacije knjizara. To se

relativno jednostavno prepozna i uporedi.

Obavezni sadržaji

1. Ime i prezime, e-mail autora Web prezentacije

(!!!) 2. Na svakoj strani kataloga mora postojati navigacija ka stranama koje prezentuju:

nove proizvode

proizvode koji su na akciji

najprodavanije proizvode

robne marke proizvoda

mapu sajta

(!!!) 3. Svaki proizvod mora biti opisan minimalno:

nazivom

nazivom proizvodjaca

kratkim opisom (delovi i funkcije)

cenom

podatkom da li ga ima na lageru ili ne

opcionom karakteristikom: proizvod na sniženju, na akciji, novi proizvod

(!!!) 4. Svaki posetilac mora da može da pretražuje proizvode po

nazivu

nazivu proizvođača

ceni (interval cena)

karakterističnim delovima i/ili funkcijama

Kao odgovor se prikazuje sadržaj uređen u opadajućem ili rastućem poretku. Poredak bira posetilac. Podrazumevani je rastući poredak.

(!!!)Prikazati poruku o grešci ako je unet neodgovarajući naziv iz baze podataka. Poruka treba da bude takva da pruži spisak korektnih naziva. Biti prijateljski nastrojen prema posetiocu koji popunjava formular i dozvoliti da njegov ulaz bude neosetljiv na razliku u veličini slova i predvideti da može uneti beline s leve ili s desne strane naziva tabele ili kolone iz baze podataka.

Vaša strana mora biti konstruisana na način da olakšava pretragu korisniku, a ne da otežava.

(!!!) 5. Po zahtevu, posetiocu se može omogućiti uporedni (komparativni) prikaz kratkog opisa do 4 proizvoda

(!!!) 6. Na odgovarajućoj strani navesti osnovne podatke o prodavnici sa slikom mape lokacije (interaktivna mapa slike ili Flash animacija)

(!!!) 7. Kreirati stranicu ili stranice koje bi služile da privuku kupce u Vasu prodavnicu. Na primer, prikazati mogucnosti kupovine kod Vas sa aspekta prednosti i mana, Vaše predloge kupcima pri izboru proizvoda, dati preporuke pre koriscenja proizvoda,...

(!!!) Minimalni skup elemenata koji moraju da budu prisutni unutar prezentacije

HTML/CSS deo
1. Prezentacija mora da sadrži hiperveze: relativne/apsolutne

2. Na Web prezentaciji mora da postoji bar jedna slika (IMG) koja je hiperveza i bar jedna slika (IMG) koja je mapa sa bar tri zone

3. Prezentacija mora da sadrži ugrađena slova srpske azbuke ili abecede kojih nema u engleskoj abecedi

6. Odvojiti sadržaj od forme prikaza, upotrebom CSS stila

7. Jedan formular sa INPUT poljima tipa TEXT, CHECKBOX, RADIO button, SUBMIT, RESET i poljima tipa TEXTAREA

JavaScrpt deo

1. Na Web prezentaciji mora da postoji bar jedna slika (IMG) koja je hiperveza i obrada događaja: onLoad, onMouseOver, onClick, onMouseOut

2. Prezentacija mora da sadrži prikaz skrolovane poruke čiji se sadržaj učitava od strane posetioca Web stranice (bez nestandardnih etiketa za skrolovanje koje nisu deo W3C standarda)

3. Prezentacija mora da sadrži bar jedan meni slika koji posetiocu nudi izbor prikaza slika bez ponovnog učitavanja stranice

4. Prezentacija mora da sadrži PROMPT, CONFIRM i ALERT dijalog

5. Prezentacija mora da sadrži promenu prikaza pozadine u zavisnosti od tekućeg vremena

6. Prezentacija mora da sadrži promenu prikaza scroll poruke ili slike na Web stranici u zavisnosti od tekućeg datuma

Neobavezni sadržaj

Na prvoj strani prezentacije možete postaviti hipervezu ka stranici razno.htm gde možete postaviti sadržaj koji nije obuhvaćen gore navedenim preporukama.

Merenje popularnosti Web prezentacije

"Hits"

Ukupan broj sajtova koji se traži od strane veb servera.

Zahtevi ili pregled strane, se sastoje od ukupnog broja HTML fajlova koji su prikazani korisnicima. I pošto se strana sastoji od 1 HTML fajla, 10000 zahteva, znači 10000 Web strana je bilo prikazano i zahtevano od strane korisnika.

Posete

Broj poseta istog sajta od strane istog korisnika u različitim vremenima tokom istog dana.

Često prihvaćeno vreme izmedju 2 posete je 30 minuta.

Prosečni zahtevi po poseti

Ova mera pokazuje koliko strana je posmatrano od strane prosečnog posetilaca tokom svake posete.

Trajanje posete

Ova mera je zbir svih trajanja zahteva korisnika i predstavlja ukupno interesovanje korisnika za sajt.






























Predaja seminarskog : (doneti CD/DVD 18. 06. 2010. u 11:30 u Siminoj 2 ili 23.06. 2010. u 15h u zbornici na IV spratu)

1. Postaviti prezentaciju na studentskom serveru ALAS ili negde drugde

2. Seminarski se predaje asistentu na CDu, DVDu . Obavezno je potpisati svoj rad. (npr. naziv root foldera može biti jednak Vašem korisničkom imenu na serveru ALAS ili Vasem vlastitom imenu ili jednostavno potpisati CD ili DVD)

3. Na tom CDu ili DVDu mora da se nalazi URL Vašeg seminarskog i sve datoteke seminarskog. Ne zaboravite opis korišćenih tabela baze podataka i odgovarajuce skriptove sa PHP, SQL, JavaScript kôdom.

Spisak tema za seminarske radove

Studenti biraju jednu od ponuđenih tema i prijavljuju se asistentu.