| Popis: |
Zadatak završnog rada je pokazati proces izrade cjelovite web aplikacije za planiranje treninga. Proces se sastoji od specifikacije zahtjeva, arhitekture sustava i implementacije. Kroz specifikaciju zahtjeva se jasno definiraju sve funkcionalnosti koje aplikacija mora pružati korisniku. Arhitektura definira strukturu cijele aplikacije. Podjelom arhitekture aplikacije na poslužiteljsku i klijentsku stranu, osigurava se bolja podjela rada i modularnost same arhitekture aplikacije. Pri izradi poslužiteljske strane korišten je razvojni okvir Java Spring Boot, koji sa svojom jednostavnošću, auto-konfiguracijom i boljim strukturiranjem koda, nadopunjuje Spring razvojni okvir, koji je temelj izrade tog dijela web aplikacije. Spring razmjenjuje podatke sa klijentskom stranom. Za izradu klijentske strane korišten je Angular razvojni okvir, koji omogućava strukturalan i modularan pristup izradi korisničkog sučelja, dinamičkih aspekata i prijenosa i razmjene podataka. To postiže kombinacijom HTML, CSS i TypeScript jezika. The goal of this paper is to show the process of creating a complete workout planner web application. The process consists of requirements specification, system architecture, and implementation. The requirements specification defines all the functionalities that the application must provide to the user. The architecture defines the structure of the entire application. By dividing the application architecture into server and client side, a better division of labor and modularity of the application architecture is ensured. Java Spring Boot framework is used to create the server side, which with its simplicity, auto-configuration and better code structuring complements the Spring framework, which is the basis for creating the server-side of the application. Spring exchanges data with the client side. Angular framework is used to create the client-side part. It provides a structural and modular approach to the development of the user interface, dynamic aspects and data transmission and exchange. It achieves it by combining HTML, CSS, and TypeScript languages. |
