Web-aplikacija za učenje boja i brojeva za djecu

završni rad

• Naslov (engleski): Web application for learning colors and numbers for children
• Autor: Dominik Milošević
• Mentor: Gordan Ježić (mentor)
• Član povjerenstva: Gordan Ježić (predsjednik povjerenstva)
• Član povjerenstva: Katarina Mandarić (član povjerenstva)
• Član povjerenstva: Pavle Skočir (član povjerenstva)
• Ustanova koja je dodijelila akademski / stručni stupanj: Sveučilište u Zagrebu; Fakultet elektrotehnike i računarstva; Zagreb
• Datum i država obrane: 2020-06-30, Hrvatska
• Znanstveno / umjetničko područje, polje i grana: TEHNIČKE ZNANOSTI; Računarstvo
• Znanstveno / umjetničko područje, polje i grana: TEHNIČKE ZNANOSTI; Elektrotehnika

Sažetak

U radu je napravljena web-aplikacija za učenje boja i brojeva koja je namijenjena
kao pomoć djeci prilikom učenja boja i brojeva. Korištene tehnologije su Eclipse IDE
kao razvojna okolina, te Spring kao radni okvir za lakšu izradu aplikacije. Poslužiteljski
dio aplikacije pisan je u programskom jeziku Java, a klijentski dio aplikacije
izrađen je pomoću HTML jezika za označavanje, CSS tehnologije za stiliziranje
HTML dokumenata, te skriptnog jezika Javascript za dodavanje dinamičnosti i efekata
web-stranici. Za bazu podataka izabrana je PostgreSQL relacijska baza podataka. Komunikacija
poslužitelja i baze podataka odvija se preko JPA sučelja i vrata broj 5432,
a komunikacija klijenta i poslužitelja odvija se preko HTTP protokola i vrata 8080 uz
pomoć RESTful API sustava. Za dohvat i postavljanje podataka na poslužitelj koriste
se AJAX pozivi unutar Javascripta. Kao dodatna funkcionalnost koristi se Hue sustav
osvijetljenja koji s aplikacijom komunicira preko Philips Hue API sustava i služi
kao pomoć prilikom rješavanja kviza. Za korištenje Hue sustava potrebno je posjedovati
Hue most uključen u lokalnu internetsku mrežu, te barem jednu Hue žarulju.
Aplikacija je izrađena u obliku kviza i koristi se pomoću jednog od dostupnih web-preglednika.
Za pristup aplikaciji potrebno je izraditi korisnički profil nakon čega je
moguće pristupiti kvizu i statistici rješavanja kviza.

Sažetak (engleski)

The result of this project is a web application for children for learning colors and
numbers. The application is designed to help children learn colors and numbers. The
technologies used in its development are Eclipse IDE as development environment
and Spring as framework for easier development. Server side is created using Java
programming language while client side is created using HTML as markup language,
CSS for styling and Javascript as script programming language in order to make web
pages interactive. PostgreSQL is the relational database chosen for this project. Communication between server and database proceeds via JPA interface and port 5432
while client-server communication proceeds via HTTP protocol and port 8080 with
assistance of RESTful API. AJAX calls within Javascript are used for fetching and
posting data to a server. Hue lightning system is implemented as an additional functionality
of this application which communicates with the application via Philips Hue
API system and assists with taking the quiz. In order to be able to use the Hue system,
the user needs to have a Hue bridge connected to the local network and apply at least
one Hue bulb. The application has a form of a quiz which is accessed via one of the
available web browsers. To access the application, the user has to create a user profile.
After that, the user can access and use the application and its statistics.

• Ključne riječi: web-aplikacija; web-poslužitelj; web-preglednik; web-klijent; tehnologija; relacijska baza podataka; statistika; HTTP protokol; jezik za označavanje; REST; komunikacija; razvojno okruženje; programski jezik; radni okvir; skriptni jezik; kviz; AJAX poziv; Philips Hue
• Ključne riječi (engleski): web application; web server; web browser; web client; technology; relational database; statistics; HTTP protocol; markup language; REST; communication; development environment; programming language; framework; script language; quiz; AJAX call; Philips Hue
• Jezik: hrvatski
• URN:NBN: urn:nbn:hr:168:506387
• Studijski program: Naziv: Računarstvo; Vrsta studija: sveučilišni; Stupanj studija: preddiplomski; Akademski / stručni naziv: sveučilišni/a prvostupnik/ prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka računarstva (univ.bacc.ing.comp.)
• Vrsta resursa: Tekst
• Način izrade datoteke: Izvorno digitalna
• Prava pristupa: Zatvoreni pristup
• Datum i vrijeme pohrane: 2023-01-13 15:38:40