Sveučilište Sjever Kolegij Prezime, ime, MBAG Test Bodovi

25. travnja 2023. Programski alati 3 I. KZ /30

1. (2) U IDE-u inicijalizirati HTML projekt s praznom stranicom i uključenom lokalnom kopijom jQuery
programske zbirke te odvojenom JavaScript datotekom (npr. skript.js) u koju će se pisati sav JavaScript kod
ostatka kolokvija.
(Za projekt inicijalizirati git repozitorij i spremiti inicijalnu verziju projekta s opisom "Kolokvij započet" i
oznakom (tag) "pocetak").
2. (4) Koristeći neki jQueryUI element za izbornike, kartice ili klavijaturu izvesti podizbore iz polja koje
sadrži podatke "Trokut", "Romobili".
3. (4) Generirana područja izbornika neki imaju plavu boju pozadine ili akcent, a pozadina prikazanog radnog
područja pojedine sekcije neka je svijetlo siva i tekst na njemu tamno sivi.
4. (2) U datoteci JavaScripta napisati funkciju povrsina koja za dva ulazna argumenta bridova (u
centimetrima) pravokutnog trokuta (a i b) te izračunava površinu trokuta i vraća rezultat u centimetrima
kvdaratnim.
5. (1) Za projekt prethodne stranice pohraniti prethodni kod u git repozitorij s oznakom verzije ("tag") "ver-
HTML" i nekim prikladnim opisom incijalnog rješenja stranice.
6. (6) Na stranici na izbornik "Trokut" na odgovarjući izbor otvoriti 2 ulazna <input> polja proizvoljnog tipa
(numeričko polje, klizač ili neki drugi tip) za unos bridova trokuta i na bilo koju promjenu njihovog
sadržaja ispod unosa odmah ispisati površinu izračunat funkcijom povrsina iz zadatka 4., a uz nju tekst o
veličini pravokutnog trokutaa u decimetrima i njegovoj kategoriji (za trokut površine <10dm 2 ispisati da je
„mali”, za površine do 100dm2 „srednji” i za veće od 100dm2 da je „veliki” trokut).
Površinu ispisati zaokruženu na jednu decimalu. Početne vrijednosti podatka neka su 3 i 4 cm, a minimalne
i maksimalne vrijednosti bridova neka su od 0 do 50 cm. Pri izradi rješenja obavezno koristiti jQuery.
7. (3) U odvojenoj datoteci projekta romobili.json dodati inicijalizaciju podataka objekata tipa romobil s
podacima naziva: rbr, proizvodjac, model, oznaka, god_proizv, logo. Popuniti polje s nekoliko proizvoljnih
podataka i JSON postaviti na arwen u direktorij s ostalim datotekama projetka. Stupac logo nek sadrži naziv
datoteke slike logotipa modela ili proizvođača. Na poslužitelj dodati i datoteke slika logo-a naziva
navedenih u stupcu logo. Datotke mogu biti bilo kojeg sadržaja.
8. (3) Za sekciju "Romobili" koristeći podatke iz prethodnog zadatka u JSONu inicijalizrati varijablu
podacima pribavljenim pomoću AJAX poziva sa poslužitelja te prolaskom kroz polje popuniti padajući
izbornik filtera s jedinstvenim nazivima proizvođača. Izbornik neka bude na vrhu stranice
9. (6) Na sekciji „Romobili” dopuniti HTML iz prethodnog zadataka dinamički generiranom tablicom sa
stupcima iz AJAX-om pribavljenog JSON-a i prikazom slike logotipa u nekom stupcu. Početno se prikazuje
tablica svih romobila, a na promjenu izbornika proizvođača samo romobili tog proizvođača. Tablicu izvesti
na proizvoljan način.
10. (1) Sav kod je potrebno postaviti na arwen u vaš prostor pod IKZ (http://arwen.unin.hr/~korisnik/PA3IKZ).
Prije predaje spremiti i označiti konačni kod u git repozitoriju s verzijom (tag) "predano" i predati u arhivi
cijeli direktorij projekta na Merlin u za to predviđeno mjesto.