Univerzitet u Beogradu

Fakultet organizacionih nauka

Laboratorija za elektronsko poslovanje

VEB APLIKACIJA ZA BIOGRAFIJE

Seminarski rad iz Internet tehnologija

Nastavnik: Dušan Barać

Saradnik: Katarina Ružić

Student: Sara Hadžić 116/13

Milan Stojevski 787/13

Beograd, 2017.
 Seminarski rad iz predmeta Internet tehnologije

Sadržaj
1 Korisnički zahtev ............................................................................................................................. 3
2 Slučajevi korišćenja ......................................................................................................................... 4
2.1 Komentarisanje biografija ....................................................................................................... 5
2.2 Pretraga biografija .................................................................................................................. 7
2.3 Prijava na sistem ..................................................................................................................... 9
2.4 Dodavanje biografija ............................................................................................................. 11
2.5 Izmena biografija................................................................................................................... 13
2.6 Brisanje biografija ................................................................................................................. 15
2.7 Dodavanje tipova .................................................................................................................. 17
2.8 Pretraga tipova u bazi ........................................................................................................... 19
2.9 Uvid u statistiku baze ............................................................................................................ 21
3 Model podataka ............................................................................................................................ 23
4 REST API ........................................................................................................................................ 23
5 Tehnologije korišćene u aplikaciji ................................................................................................. 27
6 Korisničko uputstvo....................................................................................................................... 27
6.1 Zajednički slučajevi korišćenja .............................................................................................. 27
6.1.1 Pretraga biografija ........................................................................................................ 27
6.1.2 Komentarisanje biografija ............................................................................................. 28
6.1.3 Slanje mejla/kontakt ..................................................................................................... 28
6.2 Editor ..................................................................................................................................... 30
6.2.1 Prijava na sistem ........................................................................................................... 30
6.2.2 Dodavanje biografije ..................................................................................................... 31
6.2.3 Izmena biografije........................................................................................................... 32
6.3 Administrator ........................................................................................................................ 33
6.3.1 Brisanje biografija ......................................................................................................... 33
6.3.2 Dodavanje tipova .......................................................................................................... 33
6.3.3 Pretraga tipova u bazi ................................................................................................... 34
6.3.4 Uvid u statistiku baze .................................................................................................... 34

2
 Seminarski rad iz predmeta Internet tehnologije

1 Korisnički zahtev
Potrebno je projektovati i implementirati veb aplikaciju koja sadrži različite biografije u vidu bloga.
Aplikacija treba da radi sa tri vrste korisnika: sa posetiocima, editorima i sa administratorima
aplikacije. Posetioci mogu da pretražuju i komentarišu biografije, oni se ne loguju na sistem. Editori
mogu da menjaju i dodaju biografije i za to im treba omogućiti logovanje u aplikaciju. Administrator
aplikacije ima pristup istim funkcionalnostima kao i editori, a osim tih funkcionalnosti omogućeno
mu je brisanje biografija, kao i dodavanje tipova u koju ličnost spada(muzičar, pisac…).

Slučajevi korišćenja:

1.Komentarisanje biografija

2.Pretraga biografija

3.Prijava na sistem

4.Izmena biografija

5.Dodavanje biografija

6.Brisanje biografija

7.Dodavanje tipova

8.Pretraga tipova u bazi

9.Uvid u statistiku baze

3
 Seminarski rad iz predmeta Internet tehnologije

2 Slučajevi korišćenja

Slika 1 Dijagram slučajeva korišćenja za posetioce

Slika 2 Dijagram slučajeva korišćenja za editore

4
 Seminarski rad iz predmeta Internet tehnologije

Slika 3 Dijagram slučajeva korišćenja za administratore

2.1 Komentarisanje biografija

Slika 4 Slučaj korišćenja - Komentarisanje biografija

Slučaj korišćenja – Komentarisanje biografija

Naziv SK: Komentarisanje biografija

Aktori SK: Administrator, editor, posetilac

Učesnici SK: Administrator, editor, posetilac i aplikacija

Preduslov: Sistem je pokrenut.

Osnovni scenario:

5
 Seminarski rad iz predmeta Internet tehnologije

1 Administrator/editor/posetilac saopštava sistemu da želi da pokrene komentarisanje biografije.

(APSO)
2 Sistem prikazuje formu za komentarisanje. (IA)
3 Administrator/editor/posetilac unosi komentar. (APSO)
4 Administrator/editor/posetilac pritiska dugme za potvrdu komentara. (APSO)
5 Sistem obaveštava administratora/editora/posetioca o uspešno unetom komentaru. (IA)

Slika 5 Dijagram sekvenci - Komentarisanje biografija

Slika 6 Dijagram klasa - Komentarisanje biografija

6
 Seminarski rad iz predmeta Internet tehnologije

2.2 Pretraga biografija

Slika 7 Slučaj korišćenja - Pretraga biografija

Slučaj korišćenja – Pretraga biografija

Naziv SK: Pretraga biografija

Aktori SK: Administrator, editor, posetilac

Učesnici SK: Administrator, editor, posetilac i aplikacija

Preduslov: Sistem je pokrenut.

Osnovni scenario:

6 Administrator/editor/posetilac saopštava sistemu da želi da pokrene pretragu biografija. (APSO)

7 Sistem prikazuje formu za pretragu. (IA)
8 Administrator/editor/posetilac unosi ključne reči. (APSO)
9 Administrator/editor/posetilac pritiska dugme za pretragu biografija. (APSO)
10 Sistem obaveštava administratora/editora/posetioca o rezultima pretrage. (IA)

Alternativni scenario:

5.1 Sistem saopštava administratoru/editoru/posetiocu da nema rezultata pretrage. (IA)

7
Seminarski rad iz predmeta Internet tehnologije

Slika 8 Dijagram sekvenci – Pretraga biografija

Slika 9 Dijagram klasa - Pretraga biografija

8
 Seminarski rad iz predmeta Internet tehnologije

2.3 Prijava na sistem

Slika 10 Slučaj korišćenja - Prijava na sistem

Slučaj korišćenja – Prijava na sistem

Naziv SK: Prijava na sistem

Aktori SK: Administrator, editor

Učesnici SK: Administrator, editor i aplikacija

Preduslov: Sistem je pokrenut.

Osnovni scenario:

11 Administrator/editor saopštava sistemu da želi da pokrene logovanje na sistem. (APSO)

12 Sistem prikazuje formu za logovanje. (IA)
13 Administrator/editor unosi e-mail adresu. (APSO)
14 Administrator/editor unosi password. (APSO)
15 Administrator/editor klikće na dugme za logovanje . (APSO)
16 Sistem obaveštava administratora/editora da je uspešno ulogovan. (IA)

Alternativni scenario:

3.1 Sistem saopštava administratoru/editoru da nije unet odgovarajući e-mail. (IA)

4.1 Sistem saopštava administratoru/editoru da nije unet odgovarajući password. (IA)

9
Seminarski rad iz predmeta Internet tehnologije

Slika 11 Dijagram sekvenci - Prijava na sistem

Slika 12 Dijagram klasa - Prijava na sistem

10
 Seminarski rad iz predmeta Internet tehnologije

2.4 Dodavanje biografija

Slika 13 Slučaj korišćenja - Dodavanje biografija

Slučaj korišćenja – Dodavanje biografija

Naziv SK: Dodavanje biografija

Aktori SK: Administrator, editor

Učesnici SK: Administrator, editor i aplikacija

Preduslov: Sistem je pokrenut.

Osnovni scenario:

17 Administrator/editor se prijavljuje na sistem - slučaj korišćenja Prijava na sistem

18 Administrator/editor saopštava sistemu da želi da pokrene unos biografije. (APSO)
19 Sistem prikazuje formu za unos biografije. (IA)
20 Administrator/editor unosi naslov biografije – ime I prezime ličnosti. (APSO)
21 Administrator/editor unosi identifikator biografije. (APSO)
22 Administrator/editor unosi sadržaj biografije . (APSO)
23 Administrator/editor pritiska dugme za unos biografije. (APSO)
24 Sistem obaveštava administratora/editora da je unos biografije uspešan. (IA)

Alternativni scenario:

11
 Seminarski rad iz predmeta Internet tehnologije

4.1 Sistem saopštava administratoru/editoru da nije unet odgovarajući naslov biografije. (IA)
5.1 Sistem saopštava administratoru/editoru da nije unet odgovarajući identifikator biografije. (IA)
6.1 Sistem saopštava administratoru/editoru da nije unet odgovarajući sadržaj biografije. (IA)

Slika 14 Dijagram klasa - Dodavanje biografija

Slika 15 Dijagram sekvenci - Dodavanje biografija

12
 Seminarski rad iz predmeta Internet tehnologije

2.5 Izmena biografija

Slika 16 Slučaj korišćenja - Izmena biografija

Slučaj korišćenja – Izmena biografija

Naziv SK: Izmena biografija

Aktori SK: Administrator, editor

Učesnici SK: Administrator, editor i aplikacija

Preduslov: Sistem je pokrenut.

Osnovni scenario:

1 Administrator/editor se prijavljuje na sistem - slučaj korišćenja Prijava na sistem

2 Administrator/editor saopštava sistemu da želi da pokrene izmenu biografije. (APSO)
3 Sistem prikazuje formu za izmenu biografije. (IA)
4 Administrator/editor menja naslov biografije – ime i prezime ličnosti. (APSO)
5 Administrator/editor menja identifikator biografije. (APSO)
6 Administrator/editor menja sadržaj biografije . (APSO)
7 Administrator/editor pritiska dugme za potvrdu izmene biografije. (APSO)
8 Sistem obaveštava administratora/editora da je izmena biografije uspešna. (IA)

Alternativni scenario:

4.1 Sistem saopštava administratoru/editoru da nije unet odgovarajući naslov biografije. (IA)

13
 Seminarski rad iz predmeta Internet tehnologije

5.1 Sistem saopštava administratoru/editoru da nije unet odgovarajući identifikator biografije. (IA)
6.1 Sistem saopštava administratoru/editoru da nije unet odgovarajući sadržaj biografije. (IA)

Slika 17 Dijagram klasa - Izmena biografija

Slika 18 Dijagram sekvenci - Izmena biografija

14
 Seminarski rad iz predmeta Internet tehnologije

2.6 Brisanje biografija

Slika 19 Slučaj korišćenja - Brisanje biografija

Slučaj korišćenja – Brisanje biografija

Naziv SK: Brisanje biografija

Aktori SK: Administrator

Učesnici SK: Administrator i aplikacija

Preduslov: Sistem je pokrenut.

Osnovni scenario:

1 Administrator se prijavljuje na sistem - slučaj korišćenja Prijava na sistem

2 Administrator saopštava sistemu da želi da obriše biografiju. (APSO)
3 Sistem prikazuje dugme za brisanje biografije. (IA)
4 Administrator pritiska dugme za brisanje biografije. (APSO)
5 Sistem obaveštava administratora da je biografija uspešno obrisana. (IA)

15
Seminarski rad iz predmeta Internet tehnologije

Slika 20 Dijagram klasa – Brisanje biografija

Slika 21 Dijagram sekvenci - Brisanje biografija

16
 Seminarski rad iz predmeta Internet tehnologije

2.7 Dodavanje tipova

Slika 22 Slučaj korišćenja - Dodavanje tipova

Slučaj korišćenja – Dodavanje tipova

Naziv SK: Dodavanje tipova

Aktori SK: Administrator

Učesnici SK: Administrator i aplikacija

Preduslov: Sistem je pokrenut.

Osnovni scenario:

1 Administrator se prijavljuje na sistem - slučaj korišćenja Prijava na sistem

2 Administrator saopštava sistemu da želi da pokrene unos tipa. (APSO)
3 Sistem prikazuje formu za unos tipa. (IA)
4 Administrator unosi naziv tipa. (APSO)
5 Administrator pritiska dugme za unos tipa. (APSO)
6 Sistem obaveštava administratora da je unos tipa uspešan. (IA)

Alternativni scenario:

4.1 Sistem saopštava administratoru/editoru da nije unet odgovarajući naziv tipa. (IA)

17
Seminarski rad iz predmeta Internet tehnologije

Slika 23 Dijagram sekvenci - Dodavanje tipova

Slika 24 Dijagram klasa - Dodavanje tipova

18
 Seminarski rad iz predmeta Internet tehnologije

2.8 Pretraga tipova u bazi

Slika 25 Slučaj korišćenja - Pretraga tipova u bazi

Slučaj korišćenja – Pretraga tipova u bazi

Naziv SK: Pretraga tipova u bazi

Aktori SK: Administrator

Učesnici SK: Administrator i aplikacija

Preduslov: Sistem je pokrenut.

Osnovni scenario:

1 Administrator se prijavljuje na sistem - slučaj korišćenja Prijava na sistem

2 Administrator saopštava sistemu da želi da pokrene pretragu tipa. (APSO)
3 Sistem prikazuje formu za pretragu tipa. (IA)
4 Administrator unosi naziv tipa. (APSO)
5 Administrator pritiska dugme za pretragu tipa. (APSO)
6 Sistem vraća administratoru rezultat pretrage tipa. (IA)

Alternativni scenario:

6.1. Sistem obaveštava administratora da ne postoji rezultat pretrage tipa. (IA)

19
Seminarski rad iz predmeta Internet tehnologije

Slika 26 Dijagram sekvenci - Pretraga tipova u bazi

Slika 27 Dijagram klasa - Pretraga tipova u bazi

20
 Seminarski rad iz predmeta Internet tehnologije

2.9 Uvid u statistiku baze

Slika 28 Slučaj korišćenja - Uvid u statistiku baze

Slučaj korišćenja – Uvid u statistiku baze

Naziv SK: Uvid u statistiku baze

Aktori SK: Administrator

Učesnici SK: Administrator i aplikacija

Preduslov: Sistem je pokrenut.

Osnovni scenario:

1 Administrator se prijavljuje na sistem - slučaj korišćenja Prijava na sistem

2 Administrator saopštava sistemu da želi da pokrene pregled statistike. (APSO)
3 Sistem prikazuje stranicu za pregled statistike baze. (IA)

21
Seminarski rad iz predmeta Internet tehnologije

Slika 29 Dijagram sekvenci - Uvid u statistiku baze

Slika 30 Dijagram klasa - Uvid u statistiku baze

22
 Seminarski rad iz predmeta Internet tehnologije

3 Model podataka

Slika 31 Model podataka (PMOV)

4 REST API
Prva funkcija veb servisa vraća sve tipove. Prikazuju se kolone spectypeid i spectypename iz tabele
specific_types. Omogućena je pretraga baze na osnovu ključnih reči.

Druga funkcija veb servisa ubacuje novi tip u bazu na osnovu unetog naziva tipa.

23
 Seminarski rad iz predmeta Internet tehnologije

Opis funkcije Pregled svih tipova sa postovima

HTTP metoda GET

URL service/spectypes.json

URL parametri (nema)

HTTP body parametri (nema)

Format HTTP body parametara (nema)

Izlazni parametri Niz JSON objekata. Svaki element niza ima atribute
spectypeid[integer], spectypename [string], niz posts koji ima
atribute id[integer], title[string] i body[text]

Primer:

[{"spectypeid":1,"spectypename":"fizicar","po
sts":[{"id":1,"title":"Mihajlo
Pupin","body":"Mihajlo Pupin ili punim imenom
Mihajlo Idvorski Pupin (9. oktobar 1854[1][2]
\u2014 12. mart 1935) bio je nau\u010dnik,
pronalaza\u010d, profesor na Univerzitetu
Kolumbija, nosilac jugoslovenskog odlikovanja
Beli orao Prvog reda i po\... Po njemu je
pored ostalog dobio ime i beogradski institut
koji se od 1946. godine zove Mihajlo
Pupin.","slug":"mihajlo-
pupin","spectypeid":1,"created_at":"2017-02-
12 08:32:29","updated_at":"2017-02-12
08:32:29"}

Format izlaznih parametara application/json

Opis funkcije Dodavanje tipa

HTTP metoda POST
URL /service/setT
URL parametri (nema)
HTTP body parametri JSON objekat sa atributom spectypename[string],
Primer:
{
"spectypename": "muzicar"
}
Format HTTP body parametara application/json
Izlazni parametri Kratak JSON objekat sa jednim atributom,
poruka[string].
Primer:
{
"poruka":"Novost je uspešno
ubačena"
}
Format izlaznih parametara application/json

24
 Seminarski rad iz predmeta Internet tehnologije

Opis funkcije Pregled svih tipova

HTTP metoda GET

URL service/spect.json

URL parametri (nema)

HTTP body parametri (nema)

Format HTTP body parametara (nema)

Izlazni parametri Niz JSON objekata. Svaki element niza ima atribute spectypeid[integer],
spectypename[string]

Primer:

[{"spectypeid":1,"spectypename":"fizicar"},{"spe
ctypeid":2,"spectypename":"teniser"},{"spectypei
d":3,"spectypename":"pesnik"},{"spectypeid":4,"s
pectypename":"pisac"},{"spectypeid":9,"spectypen
ame":"muzicar"}]

Format izlaznih parametara application/json

25
 Seminarski rad iz predmeta Internet tehnologije

Opis funkcije Pregled svih postova

HTTP metoda GET

URL service/posts.json

URL parametri (nema)

HTTP body parametri (nema)

Format HTTP body parametara (nema)

Izlazni parametri Niz JSON objekata. Svaki element niza ima atribute id[integer],
title[string] i body[text]

Primer:

[{"id":1,"title":"Mihajlo
Pupin","body":"Mihajlo Pupin ili punim
imenom Mihajlo Idvorski Pupin (9. oktobar
1854[1][2] \u2014 12. mart 1935) bio je...}]

Format izlaznih parametara application/json

26
 Seminarski rad iz predmeta Internet tehnologije

5 Tehnologije korišćene u aplikaciji

Neke od tehnologija koje su korišćene u aplikaciji:

JavaScript- a zajedno sa njim i jquery (jqueryui), ajax i slične biblioteke za uvođenje dinamike u
aplikaciju

PHP – primarno njegov framework Laravel 5.4.12, za programiranje rada aplikacije, komuniciranje sa
korisnikom i bazom podataka

HTML- za kreiranje strukture izgleda aplikacije

CSS – za prilagodjavanje izgleda strukture aplikacije

6 Korisničko uputstvo

6.1 Zajednički slučajevi korišćenja

6.1.1 Pretraga biografija

Slika 32 Ukucavanje ključnih reči u polje za pretragu

Slika 33 Preusmeravanje na odgovarajuću stranicu

27
 Seminarski rad iz predmeta Internet tehnologije

6.1.2 Komentarisanje biografija

Nakon preusmeravanja na odgovarajuću stranicu, postoji mogućnost komentarisanja.

Slika 34 Logovanje

Slika 35 Izgled forme za komentarisanje nakon logovanja

6.1.3 Slanje mejla/kontakt

Ulaskom na “Kontakt” stranicu, posetilac može da kontaktira administratore putem mejla.

28
 Seminarski rad iz predmeta Internet tehnologije

Slika 36 Forma za slanje mejla administratorima

Slika 37 Popunjena forma za slanje mejla

Slika 38 Izgled stranice nakon pritiska na dugme Pošalji

29
 Seminarski rad iz predmeta Internet tehnologije

6.2 Editor
6.2.1 Prijava na sistem

Slika 39 Logovanje počinje klikom na dugme Uloguj se

Slika 40 Forma za logovanje

Nakon popunjavanja forme, editor ima pristup panelu, kojem nemaju posetioci.

30
 Seminarski rad iz predmeta Internet tehnologije

6.2.2 Dodavanje biografije

Slika 41 Izgled administratorskog dela za editore

Slika 42 Ubacivanje biografije nakon klika na "Dodaj biografiju"

31
 Seminarski rad iz predmeta Internet tehnologije

6.2.3 Izmena biografije

Slika 43 Klikom na izmeni odlazi se do forme za izmenu biografije

Slika 44 Izgled forme za izmenu biografije

32
 Seminarski rad iz predmeta Internet tehnologije

6.3 Administrator
6.3.1 Brisanje biografija

Slika 45 Izgled administratorskog dela

Klikom na dugme “Obriši” kod željene biografije, ta biografija se briše iz baze podataka.

6.3.2 Dodavanje tipova

Iz administratorskog dela, klikom na dugme “Tipovi”, dolazi se do dela gde je implementiran servis.
Dodavanje tipova se vrši jednostavnim upisivanjem naziva tipa pristiskom na dugme “Ubaci”.

Slika 46 Ubacivanje tipa ličnosti

33
 Seminarski rad iz predmeta Internet tehnologije

6.3.3 Pretraga tipova u bazi

Iz administratorskog dela, klikom na dugme “Tipovi”, dolazi se do dela gde je implementiran servis.
Pretraga tipova se vrši jednostavnim upisivanjem ključnih reči u polje za pretragu.

Slika 47 Pretraga tipova

6.3.4 Uvid u statistiku baze

Iz administratorskog dela, klikom na dugme “Statistika”, dolazi se do dela gde je prikazana statistika
baze.

Slika 48 Prikaz statistike baze

34