Usporedba razvojnih okvira za razvoj sučelja web-aplikacija

undergraduate thesis

• Title (english): Comparison of Frameworks for Development of Website Application
• Author: Martin Mašić
• Mentor: Ljiljana Brkić (mentor)
• Committee member: Ljiljana Brkić (predsjednik povjerenstva)
• Committee member: Agneza Šandić (član povjerenstva)
• Committee member: Juraj Dončević (član povjerenstva)
• Granter: University of Zagreb; Faculty of Electrical Engineering and Computing; Zagreb
• Defense date and country: 2019-03-01, Croatia
• Scientific / art field, discipline and subdiscipline: TECHNICAL SCIENCES; Computing

Abstract

U ovom radu proučeni su i opisani HTML i CSS standardi te elementi sučelja koje oni pružaju za izgradnju web stranica. Nakon toga, detaljno je istražen Twitter Bootstrap 4 razvojni okvir za izradu sučelja web stranica te su opisane njegove mnogobrojne mogućnosti. Uz to, razmotrena su i dva njemu alternativna razvojna okvira – Bulma i Materialize – i napravljena je njihova usporedba s Bootstrapom 4. Radi boljeg upoznavanja prednosti i nedostataka Bootstrapa 4 izgrađene su dvije inačice ogledne web stranice zamišljene firme, prva uz pomoć Bootstrapa 4,a druga pomoću Bulma razvojnog okvira. Te su inačice međusobno uspoređene u raznim praktičnim pogledima te je na temelju toga donesen zaključak o njihovoj prikladnosti za različite potrebe korisnika.

Abstract (english)

This paper studied and described HTML and CSS standards, as well as various interface elements they provide for building web pages. Futhermore, Twitter Bootstrap 4 framework for designing web interfaces was explored in detail and its various features were described. In addition, two alternative frameworks - Bulma and Materialize - were considered and compared with Boostrap 4. In order to gain a better outlook on the advantages and disadvantages of using Bootstrap 4 compared to other frameworks, two versions of an example website were build, one using Bootstrap and the other one with Bulma framework. These variants were compared in various practical aspects, the result being an assessment of different use-cases where each was thought to excel, as well as those where they might not be the best option.

• Keywords: HTML; CSS; web; razvojni okvir; web sučelje; Bootstrap 4; Bulma; Materialize; web stranice
• Keywords (english): HTML; CSS; web; framework; web interface; Bootstrap 4; Bulma; Materialize; website
• Language: croatian
• URN:NBN: urn:nbn:hr:168:668986
• 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: 2019-03-13 22:48:32