Web-aplikacija za praćenje uspjeha studenata na predmetu Osnove elektrotehnike

undergraduate thesis

• Title (english): A web application for monitoring the success of students in the Fundamentals of Electrical Engineering course
• Author: Hary Samardžić
• Mentor: Martin Dadić (mentor)
• Committee member: Martin Dadić (predsjednik povjerenstva)
• Committee member: Frano Škopljanac-Mačina (član povjerenstva)
• Committee member: Luka Humski (član povjerenstva)
• Granter: University of Zagreb; Faculty of Electrical Engineering and Computing; Zagreb
• Defense date and country: 2024-09-10, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Computing

Abstract

U ovom radu opisan je razvoj aplikacije za praćenje uspjeha studenata na kolegiju Osnove elektrotehnike.Cilj je bio izraditi sustav koji omogućuje nastavnicima i obrazovnim institucijama detaljan uvid u napredak studenata, kako bi se poboljšala kvaliteta nastave i ishodi učenja.Razvoj aplikacije obuhvaća backend, frontend i bazu podataka. Backend je izgrađen korištenjem Node.js i Express.js za brzo i skalabilno upravljanje podacima, uz korištenje Prisma ORM-a i PostgreSQL baze podataka. CORS je korišten za omogućavanje sigurne i učinkovite razmjene podataka između frontenda i backenda.Frontend je izgrađen korištenjem React.js, što je omogućilo modularan i fleksibilan razvoj korisničkog sučelja. TailwindCSS je korišten za brzo stiliziranje komponenti, dok je Highcharts.js korišten za vizualizaciju podataka kroz interaktivne i pregledne grafove.

Abstract (english)

This paper describes the development of an application for monitoring the success of students in the Basics of Electrical Engineering course. The goal was to create a system that enables teachers and educational institutions to have a detailed insight into the progress of students, in order to improve the quality of teaching and learning outcomes. The development of the application includes backend, frontend and database. The backend is built using Node.js and Express.js for fast and scalable data management, using Prisma ORM and PostgreSQL database. CORS was used to enable secure and efficient data exchange between the frontend and the backend. The frontend was built using React.js, which enabled modular and flexible development of the user interface. TailwindCSS was used to quickly style components, while Highcharts.js was used to visualize data through interactive and overview graphs.

• Keywords: edukacija; aplikacija; Typescript
• Keywords (english): education; application; Typescript
• Language: croatian
• URN:NBN: urn:nbn:hr:168:025992
• Study programme: Title: Computing; Study programme type: university; Study level: undergraduate; Academic / professional title: sveučilišni/a prvostupnik/ prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka računarstva (sveučilišni/a prvostupnik/ prvostupnica (baccalaureus/baccalaurea) inženjer/inženjerka računarstva)
• Type of resource: Text
• File origin: Born digital
• Access conditions: Closed access
• Created on: 2024-11-07 05:42:26