Upotreba laravel platforme za izradu sajta za udruzenje “Transformator”

UNIVERZITET PRIVREDNA AKADEMIJA U NOVOM SADU 

FAKULTET ZA PRIMENJENI MENADŽMENT, EKONOMIJU I 

FINANSIJE, BEOGRAD 

ZAVRŠNI RAD 

UPOTREBA LARAVEL PLATFORME ZA  

IZRADU SAJTA ZA UDRUŽENJE „TRANSFORMATOR“ 

Mentorka: 
Doc. dr Ivona Braje

vić

Studentkinja: 

Valentina Kovač

I003-05/2016 

Beograd, 2018.

S A D R Ž A J 

1.

Uvod ........................................................................................................................................ 3

2.

Opis udruženja za koje se pravi sajt ........................................................................................ 4

3.

Upotreba vizuelnih rešenja ...................................................................................................... 5

3.1.

Boje ................................................................................................................................... 5

3.2.

Meni .................................................................................................................................. 6

3.3.

Futer .................................................................................................................................. 6

3.4.

Landing page – osnovna stranica ...................................................................................... 7

3.5.

Segment bloga .................................................................................................................. 7

3.6.

Zaštita i sigurnost pri komentarisanju bloga..................................................................... 8

4.

Korišćeni jezici i platforme

 ..................................................................................................... 9

4.1.

Backend - PHP i Laravel .................................................................................................. 9

4.1.1.

MVC ........................................................................................................................ 10

4.1.1.1.

Model ............................................................................................................... 10

4.1.1.2.

Pogled .............................................................................................................. 10

4.1.1.3.

Kontroler .......................................................................................................... 11

4.2.

Frontend - Bootstrap, CSS i JavaScript .......................................................................... 11

4.2.1.

HTML ...................................................................................................................... 11

4.2.1.1.

HTML 5 ........................................................................................................... 12

4.2.2.

CSS .......................................................................................................................... 12

4.2.2.1.

CSS3 ................................................................................................................ 13

4.2.3.

Bootstrap ................................................................................................................. 13

4.3.

Dodatne alatke ................................................................................................................ 14

5.

Postavka baze ........................................................................................................................ 15

6.

Back-end

 ................................................................................................................................ 16

6.1.

Model .............................................................................................................................. 16

6.2.

Seeder ............................................................................................................................. 18

6.3.

Kontroler ......................................................................................................................... 19

6.3.1.

index() ..................................................................................................................... 20

6.3.2.

create() ..................................................................................................................... 20

6.3.3.

store() ...................................................................................................................... 21

6.3.4.

show() ...................................................................................................................... 21

6.3.5.

edit() ........................................................................................................................ 21

1 

1.

Uvod 

U  okviru  ovog  diplomskog  rada  urađeno  je  kompletno  rešenje  i  real

izacija sajta za 

udruženje „Transformator – platforma za transformaciju stvarnosti putem umetnosti“. Ceo rad se 
sastojao iz nekoliko faza: 

1.

Razgovor i utvrđivanje detalja posla

, segmenata sajta, funkcionalnosti, vizuelne postavke 

itd.. 

2.

Grafičko rešenje

, na osnovu predloška korisnika 

3.

Back-end

 razvoj, odnosno programiranje (u PHP-u uz upotrebu Laravela) funkcionalnosti 

sajta kao što su: 

a.

mogućnost da se korisnici loguju sa svojim jedinstvenim korisničkim imenom i 

šifrom, da menjaju svoje podatke 

b.

da ostavljaju komentare na tekstove koje voditelji postavljaju 

c.

da  voditelji  menjaju  podatke  korisnika,  uključujući  mogućnost  da  ih  ubacuju  u 

posebne grupe (kao što su dramske radionice, plesne radionice, psihoterapijske 
grupe itd) 

d.

da voditelji dodaju tekstove 

e.

da voditelj

i  vode  evidenciju  o  prisustvu  korisnika  odgovarajućoj  grupi,  kao  i 

evidenciju o plaćanju članarine

4.

Front-end

rešenje,  koje  je  podrazumevalo  korišćenje  Bootstrap

-a, CSS4, HTML5 i 

JavaScript-a, za vizuelne komponente i efekte. 

5.

Testiranje sajta i funkcionalnosti 

6.

Postavljanje na server i puštanje u rad 

Ovim radom želim pokriti razloge za koršćenje i prednosti izabranih tehnologija, uz opis 

kako  osnovnih  pojmova  korišćenih  tehnologija,  tako  i  prikaz  pojedinih  rešenja.  Takođe,  htela 

sam prikazati i problematiku p

očetne faze, koja je ujedno bila i najduža, jer je osim istraživanja 

obuhvatala i dugotrajne pregovore i dogovore svih uključenih aktera. Ideja je da se nađe najbolje 

rešenje, a da se u kompleksnoj situaciji kada treba napraviti jedan sajt za nekoliko razl

ičitih 

aktivnosti pokuša naći najbolje rešenje, koje osim što će biti funkcionalno, biće i atraktivno za 

sve zainteresovane posetioce. 

Odluku izbora grafičkog rešenja ostavila sam klijentima, uz moje savete i izveštavanje o 

rezultatima istraživanja na temu boja, vizuelne strukture, psihološkog odgovora zainteresovanih 
za terapiju i umetnost i upoznavanja sa situacijom da su ove dve vrste klijenata potpuno 

drugačije po svojim sklonostima ka izboru sajta, što je

  jasno podvuklo problematiku kreiranja 

jedinstvenog rešenja. 

Važno je napomenuti da u momentu pisanja ovog rada aplikacija nije bila do kraja 

razvijena, ali je bila potpuno funkcionalna, uz svega nekoliko tabela koje su ostale da se urade. 
Vizuelni deo, ondnosno 

landing page

 je rešenje na koje se i dalj

e čeka, a ovde je predstavljeno 

trenutno, radno rešenje. Zbog svega ovoga, neki segmenti mogu delovati nezavršeno, što u 
suštini oni i jesu, iako je cela aplikacija funkcionalna i u najbitnijim segmentima razvijena. 

3 

2.

Opis udruženja za koje se pravi sajt

Udr

uženje  građana  „Transformator 

–  platforma za transformaciju stvarnosti putem 

umetnosti“  je udruženje glumica, psihološkinja i psihoterapeutkinja, koje koriste umetnost kao 
alatke za 

psihički, emotivni i duhovni razvoj svojih klijenata. One nude različite v

rste aktivnosti, 

namenjene uglavnom odraslim osobama – glumu, ples, vokalne radionice, kao i psihoterapeutske 
susrete: psihodramu kao grupnu terapiju i telesnu kao individualnu. Ciljna grupa su svi stariji od 

20  godina,  sa  teritorije  Beograda,  a  najčešći  k

lijenti su ženske osobe 

starosti  između  32  i 

45 

godina. 

Imajući  u  vidu  različite aktivnosti  koje  udruženje  nudi,  kao  i  suštinsku  razliku  između 

umetničkih  radionica  i  psihoterap

ijs

kih  susreta,  trebalo  je  osmisliti  rešenje  koje  će  moći  da 

funkcioniše u svim 

varijantama  različitih  aktivnosti  i  potencijalnih  različitih  zainteresovanih 

posetilaca sajta. 

Slika  1 Logo udruženja Transformator 

4 

3.2. Meni 

Odluka je bila da će meni biti postavljen horizontalno, 

uvek vidljiv. Sa leve strane je logo 

udruženja, a sa desne u dva reda postavljeni linkovi – gore za login i registraciju, a dole ostali 
linkovi ka stranicama sajta. 

Sam meni je dvostruke  dubine, te na 

mouse-click

  izlazi lista linkova u drugom nivou. 

Iako se u pojedinim segmentima linkovi i dalje granaju, po želji klijenta je doneta odluka da se to 

ne  radi  kroz  meni,  nego  da  se  tek  dolaskom  posetioca  na  određenu  stranicu  otvaraju  pod

-

segmenti. 
 

Na 

mouse-over

 se menjaju boje teksta u meniju, što doprinosi dinamici. 

Slika  2 Meni 

3.3. Futer 

Donji deo sajta sadrži  nekoliko važnih segmenata: „brze linkove“, odnosno linkove ka 

najtraženijim stranicama, linkovanu listu ud

ruženja  s  kojima  ovo  udruženje  sarađuje,  kao  i 

„kopirajt“. 

Slika  3 Izgled futera, fale slike u polja "aktivnosti" 

6