Realizacija web aplikacije i baze podataka za potrebe auto salona. Aplikacija treba da omogući
pregled osnovnih informativnih stranica auto salona, rezervaciju termina za probnu vožnju,
evidenciju vozila i različitih paketa opreme koji se isporučuju uz vozila, kao i razne vrste izvještaja.

Zahtjevi:

Baza podataka

Bazu  podataka  realizovati  na  MySQL  serveru.  Baza  treba  da  sadrži  sve  potrebne  podatke  za  rad
aplikacije,  kao  što  su  podaci  o  korisnicima  aplikacije  (kupci,  prodavci,  menadžeri),  podaci  o
vozilima (registar proizvođača, registar modela vozila za sve proizvođače, registar paketa opreme
za konkretne modele vozila, detalji svakog od paketa opreme), podaci o rezervisanim i izvršenim
test vožnjama. Za korisnike aplikacije memorisati sljedeće podatke: ime, prezime, korisničko ime,
lozinku, broj telefona, e-mail i vrstu korisnika. Podaci o vozilima treba da obuhvataju proizvođače
vozila,  modele  vozila,  pakete  opreme  sa  detaljima  sadržaja  paketa  opreme  za  konkretne  modele
vozila  (metalik  boja,  klima  uređaj,  radio/cd  plejer,  kožna  sjedišta,  i  sl).  Za  svakog  proizvođača
može  postojati  više  modela  vozila.  Za  svaki  model  vozila  može  postojati  više  mogućih  paketa
opreme, koji se biraju pri kupovini vozila. Za svaki rezervisani termin za testu vožnju memorisati
podatke:  datum,  vrijeme,  status  termina  (nepotvrđen,  potvrđen,  otkazan,  završen),  model  vozila,
kupac, paket opreme za izabrani model vozila, komentar.

Aplikativni sloj

Aplikativni sloj realizovati korišćenjem PHP-a. Kreirati višekorisničku aplikaciju sa tri korisnička
profila (kupac, prodavac i  menadžer). Svi  korisnici prvo se registruju korišćenjem odgovarajućeg
interfejsa  za  registraciju  korisnika  (unos  potrebnih  podataka  o  korisniku).  Podrazumijevani  tip
korisnika  pri  registraciji  je  profila  kupac.  Korisnik  profila  menadžer  treba  da  ima  mogućnost
izmjene  podataka  o  korisnicima,  uključujući  i  tip  korisnika,  dok  ostali  korisnici  imaju  mogućnost
promjene  samo  vlastitih  ličnih  podataka.  Menadžer  određenim  registrovanim  korisnicima  može
dodijeliti status prodavca.
Nakon prijave kupca na sistem potrebno je omogućiti prikaz i rezervaciju termina za test vožnju. Na
osnovu  tekućeg  datuma  se  prikazuje  lista  zakazanih  termina  za  test  vožnju  u  tekućoj  sedmici,
počevši  od  ponedeljka.  Za  svaki  dan  u  sedmici  prikazati  listu  svih  termina,  sa  podatkom  o
izabranom modelu vozila, i označiti ih vizuelno na odgovarajući način u skladu sa statusom termina
(različitim  bojama  ili  slično).  Omogućiti  pregled  podataka  o  terminima  za  prethodne  i  naredne
sedmice. Zakazivanje termina vrši se pomoću odgovarajućeg interfejsa za unos rezervacije termina,
u kome je potrebno unijeti detalje za izabrani termin (datum, vrijeme, model vozila, željeni paket
opreme)  i  eventualno  unijeti  dodatne  komentare.  Klikom  na  odgovarajuće  dugme  za  potvrdu
rezervacije,  u  bazu  se  unosi  rezervacija  termina  sa  svim  potrebnim  podacima  i  statusom
„nepotvrđen“. Ukoliko je potrebno, kupac može otkazati termin ili promijeniti podatke o terminu,
minimalno dva dana (podesiv parametar) prije datuma termina. Nakon toga nije moguće mijenjati
podatke ni otkazati termin.

Menažer vrši pregled zahtjeva za rezervaciju termina i vrši dodjelu termina prodavcima. Prodavci
vrše izmjenu podataka o terminima (potvrđivanje/otkazivanje itd.)  koji su im dodijeljeni. Klikom
na određeni termin otvara se novi prozor u kome prodavac može vidjeti detaljne podatke o terminu
(podaci  o  kupcu,  vozilu,  itd),  promijeniti  status  rezervacije  i  opciono  unijeti  komentar.  Na
raspolaganju su opcije „potvrđen“, „otkazan“, „završen“ za statuse rezervacija. Nakon izbora jedne

od opcija za novi status, prikaz rezervacije u stranici za prikaz termina se mijenja u skladu sa novim
statusom (druga boja, ili slično). Ukoliko je termin potvrđen, nakon izvršene test vožnje prodavac
na  sličan  način  upisuje  eventualne  dodatne  komentare  i  postavlja  status  na  „završen“,nakon  čega
nije više moguće mijenjati podatke o terminu.
Menadžer vodi i evidenciju podataka o proizvođačima vozila, modelima vozila za sve proizvođače,
paketima opreme za konkretne modele vozila pomoću odgovarajućeg korisničkog interfejsa koji mu
omogućava unos/pregled/izmjenu/brisanje svih navedenih podataka.
Mnadžer ima mogućnost pregleda izvještaja o svim rezervisanim terminima. Omogućiti filtriranje
prikaza  po  statusu  rezervacije,  datumu  (za  određeni  datum,  između  dva  datuma,  prije  određenog
datuma,  nakon  određenog  datuma),  po  kupcima,  po  prodavcima,  po  modelima  vozila,  kao  i
filtriranje kombinacijom dva ili više navedenih kriterijuma.
Za  korisnike  profila  prodavac  omogućiti  pregled  izvještaja  samo  o  njihovim  vlastitim  terminima.
Omogućiti  filtriranje  po  datumu  (kao  za  menadžera),  modelu  vozila  i  po  kupcima,  kao  i
kombinacijom ovih kriterijuma.

Korisnički interfejs

Korisnički interfejs treba da bude intuitivan i jednostavan, te funkcionalan bez obzira na web čitač.
Elemente dizajna korisničkog interfejsa definisati korištenjem CSS-a. Na klijentskoj strani
obezbijediti unos svih potrebnih podataka korištenjem Javascripta.

Opis realizacije

Za realizaciju sajta koristene su sledeće tehnologije:
Za upravljenjem bazom podataka je korišten sistem MySQL. HTML-za označavane podataka na
stranicama, CSS za definisanje stilova podataka navedenih u HTML-u. JavaScript za provjeru
forme kao i podataka koji se unose u formu, za realizaciju kalendara za sedmicni prikaz termina, za
realizaciju slajdera, i za realizaciju dinamičkog obraćanja memoriji jquery-ajax. PHP za konekciju i
distribuciju podataka sa bazom podataka.

MySql

MySQL predstavlja relacioni sistem za upravljanje bazama podataka koji omogućava čuvanje,
pristupanje i organizaciju na najbolji mogući način. Relacione baze podataka su vrlo moćna alatka
koja osigurava pristupanje informacijama iz višestrukih izvora i pri tome se vrši njihovo poređenje,
kombinovanje i obrada radi dobijanja potrebnih informacija. Baze podataka osiguravaju potrebnu
strukturu i organizaciju koja je potrebna radi operacija za efikasan pristup podacima,čak i kada ovo
podrazumeva veliku količinu informacija i veliki broj tabela (entiteta).
Ono što MySQL čini tako posebnim se ogleda u sledećem:
•

Open Source

- Dostupan je na Internetu i pri tome je besplatan. Ovo je veliki kontrast

drugim komercijalnim sistemima za baze podataka (kao što su Oracle, MS SQL,Informix i sl.),
kreiranih od strane velikih kompanija, koji su pri tome i veoma skupi.
•

Brzina

- Svaki od sistema za baze podataka ima područja u kojima se posebno ističe. Priznato je

da su odgovori MySQL sistema brži nego kod drugih sistema. Upravo zbog brzine, MySQL je
dobar izbor za Internet aplikacije, gde se zbog velikog saobraćaja zahteva velika brzina.
•

SQL-orijentacija

- MySQL podržava standardni

Structured Query Language

(SQL),

najkorišćeniji jezik za definisanje i korišćenje podataka.
•

Lakoća upotrebe -

MySQL je relativno mali paket, koji ne zahteva stotine megabajta kao drugi

sistemi za upravljanje bazom podataka. Razvojna filozofija ovog sistema fokusirana je na široku i

HTML (Hypertext Markup Language)

HTML

(

HyperText Markup Language

) je jezik koji se koristi za kreiranje dokumenata na

World

Wide Web

-u, tj. kojim se određuje struktura, sadržaj i funkcija nekog HTML dokumenta. Dakle,

HTML služi za određivanje logičke i fizičke strukture unutar HTML dokumenta, tj. za određivanje
naslova, odlomaka, slika, hipertekstualnih veza; te takođe omogućava da te iste elemente u manjoj
ili većoj mjeri i stilski/grafički uredimo. HTML je jezik od SGML-a (

Standard Generalized Markup

Language

), opšte prihvaćenog standardnog jezika za označavanje. HTML je nastao kako bi

omogućio neke vrlo jednostavno strukturirane internet lokacije – paragrafe, prelome redova i
zaglavlja. U početku, HTML i internet nisu trebali postati vizualno okruženje, međutim, pojavom
vizuelnih internet pretraživača, internet je to postao, a zbog brzog i nekontroliranog razvoja, pojavili
su se problemi oko međusobne nepodržanosti različitih pretraživača na različitim platformama
(takvi problemi su prisutni i danas, ali postaju sve manje izraženi). Pod naletom promjena, HTML
je i sam bio primoran promijeniti se, te je tako nastao XHTML, koji je zapravo skup pravila i
metodologija XML-a primijenjenih na HTML, koji mu vraćaju sintaktičku snagu koju je izgubio za
vrijeme brze evolucije od jezika za označavanje teksta do jezika za vizuelni dizajn. Treba
napomenuti da HTML nije programski jezik već jednostavan jezik za označavanje. Sastoji se od
jednostavnih označnih elemenata koji se nazivaju tag-ovi i unutar kojih se smještaju informacije.
Način na koji će se pojedina informacija, bilo tekstualna ili grafička, prikazati ovisi o tag-u unutar
kojega je smještena. Važno je napomenuti da jedna od iznimno bitnih karakteristika HTML
dokumenata je mogućnost definiranje veze između stranica. U počecima razvoja internet stranica
HTML je služio sa ciljem, kako je navedeno, da se unutar njega smještaju informacije, a ujedno
određuje na koji će način te informacije prikazati. Danas se zbog razvoja ostalih (specifičnih) jezika
teži da HTML ima malo drugačiju ulogu. Ideja je da HTML sadrži informacije no da pomoću
raznih tag-ova pojedine elemente tih informacija (samo) označi, bez da se definira kako će se ti
elementi prikazati. Način na koji će se ti elementi onda prikazati ili mijenjati pri interakciji sa
korisnikom vrše se u drugim prije spomenutim jezicima: CSS-u i JavaScriptu. U HTML-u objekti
se označavaju tako da se za HTML element koji se želi označiti eksplicitno definira ID atribut na
sljedeći način:

<p id =˝naslov˝>
. . . . sadržaj paragrafa naslov. . .
</p>

Ovako označenom HTML objektu se preko vrijednosti ID atributa lako pristupa u CSS-u i
JavaScript-u. Jedino ograničenje je da se ne smije dodijeliti ista vrijednost ID atributa dvoma
različitim objektima.

Pravilapisanja HTML-a

Postoje neka pravila pisanja koda prema XHTML standardu kojih bi se trebali pridržavati ukoliko
želimo da nas HTML kod bude podržan na različitim pretraživačima i na različitim platformama.
Ta pravila su sljedeća:

Svi elementi i imena atributa pišu se malim slovima

. HTML nije osjetljiv na veličinu slova, ali

kod XHTML-a, svaki element i ime atributa moraju biti napisani malim slovima, a vrijednosti
atributa mogu biti napisane kombinacijom malih i velikih slova, ali predlažemo da se sve piše
malim slovima.