WEB APPLICATION DEVELOPMENT TO RECORD VOLUNTEER WORK IN ASSOCIATIONS USING VISUAL STUDIO

Cilj završnog rada bio je objasniti način izrade objektno orijentirane web aplikacije s troslojnom arhitekturom i ukazati na prednosti i nedostatke takvog načina programiranja na primjeru aplikacije za evidenciju volonterskog rada kod udruga. Aplikacija je napravljena u alatu Visual Studio Community 2015. Koristi se objektno-orijentirani jezik C#. Kroz teoretski dio objašnjeni su pojmovi objektno-orijentirano programiranje, koncepti objektno orijentiranog programiranja, jezik C#, alat Visual Studio te MVC arhitektura. Nakon toga objašnjen je sam tijek izrade aplikacije s opisom, tablicama i slikama koje omogućavaju bolji uvid u sam programski kod. Uz svaki dio koda objašnjena je svrha takvog načina programiranja. Koristile su se dvije klase u modelima, Udruga i Volonter. Kako bi aplikacija funkcionirala koriste se kontroleri Udrugas i Volonters. Za izgled korisničkog sučelja izrađeni su pogledi pomoću HTML koda i CSS. Za ljepši vizualni identitet korišten je bootstrap koji daje aplikaciji dinamičnost i ugodniji rad. Na kraju rada prikazan je izgled web aplikacije kada se pokrene i prednosti i nedostaci, te poboljšanja koja aplikacija može imati. Aplikacija nije rađena za jednu udrugu te kao takva pogodna je za primjenu bilo koje volonterske udruge koja si želi priuštiti web stranicu. Isto tako omogućava volonterskim udrugama uvid u sve volontere koji djeluju na određenom području, pa bi se time povećala međusobna komunikativnost između udruga.The purpose of the final work was to explain the way of building object-oriented web application with three-tier architecture and to point out the advantages and disadvantages of such a programming method in the application example for volunteering records with associations. The application was created in the Visual Studio Community 2015 tool. The object-oriented language C # is used. Through the theoretical part, the concepts are object-oriented programming, object-oriented programming concepts, C # language, Visual Studio tool, and MVC architecture. After that, the description of the application itself, tables and images is explained, allowing a better insight into the code itself. With each part of the code the purpose of such programming is explained. In the application we have used two classes in models, the Udruga and the Volonter. In order for the application to work, the Udrugas and Volonters controllers are used. User Layout is created using HTML code and CSS code. For a more beautiful visual identity, a bootstrap is used that gives the application more dynamic and more comfortable operation. At the end of the final work, the appearance of a web application is displayed when it comes to the benefits and disadvantages and improvements that the application may have. The application is not for one association and as such is suitable for any volunteer association that want to afford the website. It also provides volunteer associations with insight into all volunteers working in a specific area, thus increasing mutual communication between associations