Osnovi programiranja u JavaScript-u

Zadaci za pripremu završnog ispita

30 poena
1. Kreirati HTML stranu koja sadrži:(Preglednost, HTML, CSS – 5 poena)
a. Prikaz vremenske prognoze za 10 gradova u Srbiji u vidu tabele
 Obavezne kolone u tabeli su: Grad, Temperatura 0C
(5 poena)
 Polje za odabir datuma za koji će biti prikazana temperatura
 Opciono: input polje (2 poena), datepicker (3 poena)
b. Formu za kalkulaciju vremenske prognoze koja treba da omogući:
 Odabir jedinice mere u kojoj će temperature biti prikazana (Kelvin, Celsius,
Fahrenheit)
(2 poena)
 Odabir grada za koji se vrši kalkulacija temperature
(2 poena)
 Odabir datuma za koji se vrši kalkulacija temperature
 Opciono: input polje (2 poena), datepicker (3 poena)
 Dugme Calculate koje vrši prevođenje temperature iz 0C u odabranu jedinicu
(5 poena)
 Opciono: kalkulacija može da se vrši automatski pri promeni vrednosti
nekog od parametara (3 poena)
 Mesto za prikaz rezultata kalkulacije
 Opciono se mogu prikazati sličice koje opisuju izračunatu temperature
(2 poena)

Napomena: Instrukcije za koriscenje servisa koga treba pozivati za dobijanje podataka mogu se
pronaći na sledećoj adresi:

http://openweathermap.org/forecast16

Primer poziva servisa:

http://api.openweathermap.org/data/2.5/forecast/daily?q=London&mode=json&appid=2de143494
c0b295cca9337e1e96b00e0

Bonus: Svako originalno i inovativno rešenje koje doprinosi preglednosti ili funkcionalnosti
nagradjuje se dodatnim bonus poenima koji se računaju u ukupni zbir ukoliko nije osvojen
maksimalan broj poena.
 70 poena
2. Kreirati web aplikaciju koja prilikom startovanja otvara login stranu gde je potrebno uneti
username i password i kliknuti na dugme Login kako bi se otvorila centralna strana aplikacije.
Login je uspesan ukoliko je unet postojeći CustomerID i za username i za password.
(10 poena)
Na centralnoj strani aplikacije potrebno je obezbediti glavni meni gde su prisutne opcije: Moje
narudžbine, Proizvodi.
(2 poena)
Odabirom opcije Moje narudžbine prikazuju se nardžbine ulogovanog korisnika tako da se za
svaku narudžbinu vidi spisak proizvoda koji su tom narudžbinom obuhvaćeni, količina za svaki od
proizvoda, cena za svaki od proizvoda, ukupna cena narudžbine i datum narudžbine. (15 poena)
Odabirom opcije Proizvodi prikazuje se katalog svih proizvoda u vidu sortabilnog grida tako da se
za svaki proizvod vidi ime proizvoda, ime kategorije proizvoda, random izabrana slika i cena
proizvoda. (15 poena)
Potrebno je obezbediti pretragu na sledeći način:
 Postoje dva datumska polja (OD, DO)
 Postoji tekstualno polje
 Dugme pretraži (opciono)
Pretraga podrazumeva da su na strani prikazane samo narudžbine kreirane u odabranom
vremenskom opsegu koje sadrže neki proizvod koji u svom imenu sadrži vrednost unetu u
tekstualno polje za pretragu. Ukoliko je neko od polja za pretragu prazno ono se ignoriše pri
pretrazi. (15 poena mehanizam pretrage, 2 poena ukoliko su datumska polja datepicker-i,
3 poena ukoliko se pretraga poziva bez klika na dugme).
Uz najskuplju narudžbinu treba da stoji notifikacija sa porukom o važnosti te narudžbine.
(3 poena)

*5 poena – korišćenje jQuery kontrola i AngularJS-a zarad poboljšanja funkcionalnosti

Napomena:

Za rešavanje ovog zadatka potrebno je pronaći linkove Nortwind servisa kojima se dobija spisak
objekata sledećih tipova: Customer, Orders, Products.

Npr. Orders
http://services.odata.org/V3/Northwind/Northwind.svc/Orders?$expand=Order_Details&$form
at=json

Bonus: Svako originalno i inovativno rešenje koje doprinosi preglednosti ili funkcionalnosti
nagradjuje se dodatnim bonus poenima koji se računaju u ukupni zbir ukoliko nije osvojen
maksimalan broj poena.