UNIVERZITET SINGIDUNUM

Fakultet za informatiku i računarstvo

Razvoj responzivne MVC Veb aplikacije u PHP 

tehnologiji

VEB SAJT E-KATALOG MOBILNIH TELEFONA

- diplomski rad -

Mentor:

Kandidat:

  

Sadržaj:

1   Uvod.................................................................................................................... - 1 -
2   Proces razvoja Veb aplikacija..........................................................................- 3 -
3   Softverske tehnologije i alati za razvoj Veb aplikacija..................................- 5 -

3.1   Razvojna okruženja...................................................................................- 5 -
3.2   Programski i skripting jezici......................................................................- 6 -

3.2.1   Jezik HTML 5 (HyperText Markup Language).................................- 6 -
3.2.2

 

Jezik CSS 3 (Cascading Styles Sheets)..............................................- 6 -

3.2.3   Jezik PHP 7 (Hypertext Preprocessor)...............................................- 6 -
3.2.4   Jezik JavaScript..................................................................................- 7 -
3.2.5

 

Sistem MySQL................................................................................... - 7 -

3.3 Biblioteke..................................................................................................- 8 -

JavaScript biblioteka jQuery..........................................................................- 8 -

3.4   Aplikativni okvir (framework)..................................................................- 8 -

Aplikativni okvir Bootstrap...........................................................................- 9 -

4   Arhitektura Veb aplikacija (MVC)................................................................- 10 -

4.1   Istorijat i osnove......................................................................................- 10 -
4.2   Struktura.................................................................................................. - 10 -
4.3   Prednosti i nedostaci................................................................................- 12 -

5   Praktična realizacija MVC Veb aplikacije...................................................- 13 -

5.1   Funkcije aplikacije...................................................................................- 13 -

ADMINISTRATORSKI DEO.....................................................................- 13 -
KORISNIČKI DEO..................................................................................... - 13 -
Use case dijagram za administratora...........................................................- 14 -
Use case dijagram za korisnika....................................................................- 15 -

5.2   Model baze podataka...............................................................................- 15 -
5.3   Realizacija MVC aplikacije.....................................................................- 17 -

5.3.1 Modeli................................................................................................- 18 -
5.3.2 Kontroleri..........................................................................................- 21 -
5.3.3  Role korisnika....................................................................................- 22 -
5.3.4  Validacije...........................................................................................- 23 -

5.4   Mere zaštite podataka.............................................................................. - 28 -
5.5   Praktična upotreba aplikacije...................................................................- 28 -

6   Zaključak..........................................................................................................- 33 -
Literatura:.............................................................................................................- 34 -

background image

4

Implementacija elektronskog poslovanja pruža mogućnost rasta konkurentnosti i bolju 

poziciju kompanije na sve zahtevnijem tržištu. Elektronsko poslovanje omogućava takođe 
mikromarketing tj. marketing koji se obraća ciljnim segmentima tržišta. Kupcima se pruža 
bolja podrška i usluga posle kupovine, uspostavlja se bolja povezanost sa njima i tako se 
razvija njihova lojalnost. Korišćenjem Interneta omogućava se jeftini globalni marketing sa 
ogromnom   bazom   potencijalnih   kupaca.   Proizvodna   preduzeća   mogu   svoje   proizvode 
nuditi   direktno,   a   i   distribuirati   bez   posrednika   i   na   taj   način   zadržati   nadzor   nad 
proizvodima sve do njihove prodaje. Analizom podataka o posetiocima svojih kataloga 
proizvoda   na   Veb-u   preduzeća   mogu   upoznati   potrebe   svojih   kupaca.   Specifična 
karakteristika   elektronskog   poslovanja   je   fleksibilnost   odnosno   mogućnost   prometne 
promene ponude u skladu sa aktuelnom situacijom na tržištu, što u praksi podrazumeva 
promenu proizvoda, cena i ostalih segmenata koji čine paket ponude. 

U ovom radu  je detaljno opisana izrada Veb aplikacije,  nezavisnog, samostalnog e-

kataloga  mobilnih   telefona.   Tema   rada   je   razrađena   kroz   četiri   poglavlja.   U   drugom 
poglavlju je generalno opisan proces razvoja Veb aplikacija po fazama. Nakon toga, u 
trećem   poglavlju   su   definisane   softverske   Veb   tehnologije,   razvojna   okruženja,   alati, 
programski i skripting jezici koji su korišćeni za razvoj aplikacije. Četvrto poglavlje se 
odnosi na arhitekturni obrazac MVC (Model-View-Controller), dok se u petom poglavlju 
opisuje praktična realizacija MVC Veb aplikacije kroz sledeće celine: Funkcije aplikacije, 
Model   baze   podataka,   Realizacija   MVC   aplikacije,   Mere   zaštite   podataka,   Praktična 
upotreba aplikacije. Na kraju rada biće izveden zaključak kao i mogući pravci unapređenja.

5

2   Proces razvoja Veb aplikacija

Kreiranje   Veb   sajta,   dizajniranje   i   osmišljavanje   sadržaja   u   skladu   sa   savremenim 

standardima vrši se u skladu sa zahtevima i potrebama klijenata. Proces dizajna i razvoja 
Veb sajta sadrži sledeće korake 

[4]:

1)

Odluka o izradi Veb sajta 

Treba prvo doneti odluku.

Što se tiče Interneta i predstavljanja firme na Vebu, postoji bezbroj primera kako su 
privrednici i kompanije profitirali aktivnim poslovanjem i investiranjem u online 
prisustvo.   Ukoliko   smatrate   da   je   izrada   Veb   sajta   trošak   ili   unapred   izgubljen 
novac, varate se i možda ne treba ni da pokrećete celokupan proces Veb dizajna. 
Ulaganje u Internet poslovanje i prisustvo na Vebu nikako nije izgubljen novac, već 
investicija - ulaganje koje vam se može vratiti kroz mnogostruko veći profit.

2)

Prikupljanje   informacija  

-   Proces   dizajniranja   uspešnog   Veb   sajta   otpočinje 

prikupljanjem najvažnijih informacija. Za kreiranje izgleda i sadržaja Veb sajta klijenta 
treba uzeti u obzir mnoge karakteristike. Ovaj korak predstavlja najvažniji deo procesa 
čiji je cilj da se u potpunosti upozna firma - klijent. Potrebno je saznati  čime se klijent 
bavi, poslovne ciljeve i snove i pronaći način da se pomogne klijentu u ostvarenju 
željenih ciljeva. Menadžeri i dizajneri će uputiti određeni broj pitanja kako bi upoznali 
sve sfere poslovanja firme i potrebe za vrstom kvalitetnog prisustva na Internetu. Šta 
treba znati o firmi? 

Svrha   kreiranja   Veb   sajta.   Koja   je   svrha   kreiranja   Veb   sajta?   Da   li   je   namera 
objavljivanje   informacija,   predstavljanje   svojih   proizvoda   ili   usluga,   prodaja 
proizvoda?

Ciljevi

Koja je svrha pokretanja Veb sajta? Da li je krajnji cilj povećanje profita?

Ciljna grupa. Da li postoji specifična grupa potencijalnih klijenata - posetilaca Veb 
sajta? Ko su potencijalni posetioci Veb sajta? Kojim korisnicima su informacije 
namenjene?   Koliko   oni   imaju   godina,   koja   su   im   primanja,   znanje   i   iskustvo 
korišćenja Veba?

Sadržaj. Koji sadržaj sajta želi ciljna grupa posetilaca? Da li oni traže specifične 
informacije, informacije o proizvodima ili uslugama, žele da naručuju online?

3)

Planiranje   –  

Ova   faza   podrazumeva   izradu   plana   razvoja   Veb   sajta.   Mapa   sajta 

predstavlja listu najvažnijih oblasti Veb sajta. Ovaj dokument sadrži prikaz sadržaja za 
Veb sajt i esencijalan je za razvoj konzistentnog, jednostavnog navigacionog sistema. 
Prilikom pripreme ovog dokumenta, moraju se imati na umu  posetioci - korisnici sajta. 
Oni su ti koji će praktično iskoristiti ceo Veb sistem - navigaciju, dizajn i sadržaj - i 
pročitati   željeni   sadržaj   ili   kupiti   proizvod.   Dobar   korisnički   interfejs   predstavlja 

background image

7

3   Softverske tehnologije i alati za razvoj Veb aplikacija 

U   ovom   odeljku   su   opisane   tehnologije,   alati   i   okruženja   neophodna   za   razvoj 

aplikacije.

3.1   Razvojna okruženja

Za   izradu   Veb   sajta   „E-katalog   mobilnih   telefona“   korišćeni   su   sledeći   programi   i 

razvojna okruženja:  

Razvojno   okruženje   NetBeans   IDE   8.0.2   -  

integrisano   razvojno   okruženje   (IDE) 

prvenstveno namenjeno razvoju Java tehnologija. Koristi se za razvoj drugih računarskih 
programa   i   u   programskim   jezicima   kao   što   su   PHP,   C,   C++...   Podržava   različite 
tehnologije   i   alate   koji   poboljšavaju   razvojni   proces   aplikacije.   Može   se   koristiti   na 
različitim računarskim platformama (Windows, Linux, BSD) 

[11]

.

Program Notepad++ -  

program za editovanje tekstualnih fajlova i pisanje koda. Radi u 

Windows okruženju i podržava nekoliko jezika.  Reč je o potpuno besplatnom programu 
čija je upotreba regulisana GPL Licencom. Po brojnim prednostima se izdvaja od drugih 
editora. Pre svega treba pomenuti podršku za rad sa tabovima koja omogućava izmenu više 
fajlova istovremeno. Jako bitna osobina Notepad++ je i numersanje linija koda.

 

Takođe je i 

jednostavniji   interfejs  programa  karakteristika   po   kojoj   se   diferencira   od   drugih 
konkurentskih programa ove namene 

[10]. 

Grafički alat MySQL WorkBench - 

grafički alat za rad sa MySQL serverom i bazama. 

Mogu se izdvojiti tri osnovne komponente 

[13]: 

o

SQL development je komponenta koja omogućava kreiranja konekcija ka database 
serverima. U sebi poseduje i integrisani SQL Editor koji obezbeđuje izvršavanje 
SQL   upita.   Data   komponenta   Workbench-a   je   unapređena   verzija   nekada 
samostalne Query Browser aplikacije.

o

Komponenta za data modelovanje omogućava kreiranje database modela i poseduje 
integrisan   Table   Editor   koji   obezbeđuje   lako   upravljanje   tabelama,   kolonoma, 
indeksima, trigerima, particija, privilegijama itd.

o

Komponenta   koja   obezbeđuje   serversku   administaciju   i   služi   za   kreiranje   i 
administraciju MySQL serverskih instanci.

Program   XAMPP   –

  besplatni   korisni   program   (utility)   otvorenog   koda   koji   se   može 

koristiti na različitim platformama (Windows, Linux, MasOS, Solaris).  

[9]  

Reč je o vrlo 

jednostavnoj   multi-platformi   koja  omogućava   lakšu   instalaciju   i   upotrebu   serverskog 
softvera, pre svega Veb servera Apache, DBMS MySQL, jezika PHP, phpMyAdmin i još 
mnogo drugih aplikacija korisnih za razvoj/testiranje dinamičkih Veb stranica na računaru. 

[12]

Želiš da pročitaš svih 36 strana?

Prijavi se i preuzmi ceo dokument.

Ovaj materijal je namenjen za učenje i pripremu, ne za predaju.

Slični dokumenti