Search

Tema ovog završnog rada je izrada mobilne aplikacije za upravljanje osobnim računima čiji je cilj korisnicima omogućiti digitalno spremanje osobnih računa. U radu je prikazana izrada korisničke aplikacije i korištenje Firestore baze podataka koja služi kao poslužiteljski dio. Korisnički dio aplikacije implementiran je pomoću razvojnog okvira Flutter., The topic of this final thesis is the development of a mobile application for managing personal bills, the goal of which is to enable users saving their personal receipts in electronic form. This thesis describes the development process and the use of the Firestore database, which serves as the server part. The user part of the application is implemented using the Flutter development framework.

Istraživanje podmorja danas je vrlo aktualna tema, a ključnu ulogu u obavljanju podvodnih zadataka ili asistiranju ljudima u obavljanju istih imaju autonomne ronilice. Autonomne ronilice rješavaju niz zadataka, od samog mapiranja i snimanja podmorja do obavljanja fizičkih poslova kao postavljanja internetskih kablova, no koji god posao obavljala, osoba na površini mora imati sučelje kojim će nadgledati ili upravljati ronilicom. U sklopu ovog rada razvijeno je sučelje za upravljanje i praćenje autonomne ronilice pomoću programskog okruženja Qt. Programsko okruženje Qt koristi grafičke komponente koje međusobno komuniciraju signalima i specijalnim funkcijama za primanje i slanje podataka, a za razrješavanje događaja koriste JavaScript funkcije. Cilj rada bio je osmisliti raspored upravljačkih i mjerenih veličina ronilice te ih implementirati u sučelje. Odbrana struktura sastoji se od pet međusobno povezanih komponenata, statusne trake, upravljačke komponente, izbornika, grifičkog prikaza kretanja ronilice te komonente za prikaz upozorenja. Exploring the ocean is a trending topic nowadays and AUVs are the key to completing underwater tasks or assisting people in doing so. Today, AUVs execute a wide variety of tasks ranging from simple seabed mapping and recording the underwater life to complex, physical tasks such as laying down internet cables. Regardless of the task in question a person on the surface has to have an interface to monitor and control the AUV. Interface created for this project is being used for controlling and monitoring the AUV and was developed using the Qt software. The Qt software uses widgets that communicate with each other using signals and slots for sending and receiving data, and JavaScript for handling events. Goal of this project was to find the optimal layout of control and measured units and implement the layout in an interface. The chosen structure consist of five corresponding components, status bar, controls, menu, motion and alerts.

Cilj ovog rada je istražiti radni okvir Flutter kao moguće rješenje kod izrade višeplatformskih mobilnih aplikacija. Ovaj rad pruža teorijski pregled razvojnog okruženja i predočavanje njegovih prednosti i mana. U prvom dijelu su objašnjeni platformski slojevi Flutter okvira i Dart programski jezik. U praktičnom dijelu rada osmišljena je višeplatformska aplikacija kroz koju je demonstriran proces izrade pojedinih komponenti i objašnjena logika razvoja same aplikacije. Napravljena aplikacija koja prati dnevnu fizičku aktivnost, daje korisniku mogućnost praćenja dnevno konzumirane hrane i podsjetnike za unos medicinskih terapija je brza, robusna i u aspektu dizajna moderna, uz čiju će pomoć korisnik jasno i lako pratiti svoj dnevni izvještaj. The goal of this assignment was to explore Flutter framework as a possible solution in the development of multi-platform mobile applications. This paper provides a theoretical overview of the development environment and a presentation of its advantages and disadvantages. The first part explains the platform layers of the Flutter framework and the Dart programming language. In the practical part of the assignment, a multi-platform application was designed through which the process of making individual components was demonstrated and the logic of the development of the same applications was explained. The created application that monitors daily physical activity, gives the user the ability to track daily food consumption and reminders to input medicine therapy is fast, robust, and modern in terms of design, with which the user will clearly and easily track his daily report.

U početku završnog rada, obrađuje se povijest Android operacijskog sustava i njegova zastupljenost na tržištu, a također se i uspoređuje s drugim mobilnim operacijskom sustavima. Objašnjava se unutarnja struktura Android aplikacija i međusobna povezanost različitih elemenata. Zatim se objašnjava zadani problem i navode se alati koji će biti primijenjeni. Navodi se idejno rješenje problema, zajedno s korisničkim zahtjevima i ciljevima. Prikazuje se finalna inačica s cijelim korisničkim sučeljem i pojašnjeni su specifični dijelovi programskog koda. Zatim je aplikacija isprobana u stvarnim situacijama i dobiveni su rezultati koji govore o točnosti i korisnosti aplikacije. I, na kraju, aplikaciju isprobavaju različiti korisnici i daju svoja mišljenja. At the start of the thesis, the history of the Android operating system is studied, including its prevalence on the market. In addition, it is also compared to the other mobile operating systems. The internal structure of an Android application is explained, including the connection between different elements. Then, the thesis problem is explained and the different tools that will be used are mentioned. The solution to the problem is explained, including the user requirements and goals. The final version of the application is shown, together with the whole user interface, and specific parts of the code are shown and explained. Then, the application is tested in a real environment and situations, which yields results about its accuracy and usefulness. Finally, the application is tested by different users, who give their feedback.

Ovaj završni rad proučava načela oblikovanja sustava prilagođenih krajnjem korisniku i potrošaču prilagođenu metodologiju programiranja. Kao rezultat toga osmišljen je i ostvaren udomljenik za predlaganje komponenata u okviru potrošaču prilagođene metodologije za razvoj primjenskih programa. Udomljenik (web-widget) je web aplikacija s malim grafičkim korisničkim sučeljem razvijen koristeći HTML, CSS i JavaScript. Sučelju udomljenika za predlaganje komponenata posvećeno je najviše pažnje. Postoje brojni sustavi za predlaganje na Webu, a razlikuju se po algoritmima za predlaganje komponenti, sučeljima, ali i logistici i mogućnosti interakcije sustava s korisnikom. Uz pregled tehnologije udomljenika, u radu je ukratko opisana potrošaču prilagođena metodologija za razvoj primjenskih programa zasnovana na kompoziciji udomljenika u kontekstu sustava Geppeto. Udomljenik koji je rezultat ovog rada izgrađen je za Geppeto udomiteljsku stranicu i zasnovan je na postojećem poslužitelju za predlaganje komponenata i JavaScript biblioteci za komunikaciju s udomiteljskom stranicom i poslužiteljem. Sustav Geppeto razvijen je u Laboratoriju za potrošačko računarstvo na Fakultetu elektrotehnike i računarstva Sveučilišta u Zagrebu i predstavlja prototip okruženja za razvoj primjenskih programa prilagođen potrošaču. Koristeći Geppeto potrošači grade vlastite udomljenike kompozicijom postojećih udomljenika kroz intuitivne akcije nad njihovim grafičkim korisničkim sučeljima. Ostvareni udomljenik olakšava razvoj novih kompozicija udomljenika jer često može zamijeniti pretraživanje repozitorija u potrazi za odgovarajućim komponentama i predlažu se komponente koje su često korištene u kontekstu u kojem potrošač razvija novu kompoziciju. Ove prednosti dolaze do izražaja i uz nekoliko stotina udomljenika i kompozicija u Geppetu, a za očekivati je da bi se ovakav udomljenik pokazao još korisnijim uz veći broj udomljenika i kompozicija u repozitoriju. The final thesis examines the principles of design systems tailored to the end user and consumer custom programming methodology. As a result, designed and realized widget for proposing components within the consumer a customized methodology for the development of application programs. Web widget is a web application with small graphical user interface developed using HTML, CSS and JavaScript. The most effort and attention has been put in widget interface . There are numerous systems for the proposal on the Web. They are distinguished by proposing algorithms for components, interfaces, and the logistics and possibilities of interaction with the user. In addition to an overview of the technology of widgets in this thesis the consumer adapted methodology for the development of application programs based on the composition widget in the context of Geppeto is briefly described. Widget, as result of this work is built for Geppeto site and is based on an existing server to propose components and JavaScript library for communication with foster and server side. Geppeto system was developed in the Laboratory for consumer computing at the Faculty of Electrical Engineering and Computing, University of Zagreb and is a prototype environment for developing application programs adapted to the consumer. Using Geppeto consumers build their own widget composition of existing widget through intuitive actions of their graphical user interfaces. This widget facilitates the development of new compositions widget because it can often replace repository search looking for relevant components of the proposed components that are frequently used in the context in which the consumer develops a new composition. These advantages come to the fore and with a few hundred widget and composition in Geppetu, and it is expected that this would be even more helpful widget demonstrated by the increasing number of widget and composition in the repository.

IMUNES je sustav za simulaciju i emulaciju mreža temeljenih na IP protokolu koji radi u stvarnom vremenu. Njegove temeljne komponente su jezgra operacijskog sustava s podrškom za rad s više instanci mrežnog stoga te grafičko korisničko sučelje napisano u jeziku Tcl/Tk. Na početku rada dan je kratki pregled sustava IMUNES i programskog jezika Tcl/Tk. Kao praktični dio rada nanovo je implementirana komponenta grafičkog korisničkog sučelja za konfiguraciju mrežnih elemenata u sustavu IMUNES. Navedena komponenta izvedena je na modularan način čime je omogućeno jednostavno proširivanje sustava novim mrežnim elementima ili postojećih mrežnih elemenata novim korisničkim zahtjevima. Korisnička sučelja s konfiguracijskim parametrima mrežnih elemenata organizirana su na način da budu pregledna i jednostavna za uporabu.

Glavni je problem ovog rada bilo upoznavanje s Qt okvirom (multiplatformska razvojna okolina), njegovim glavnim značajkama (jednom napisana aplikacija radi na svim platformama jednako), mehanizmima rada (na principu koncepta signala i slotova) i upoznati sam koncept signala i slotova (koji uspješno rješavaju problem interakcije korisnika s grafičkim sučeljem), razumijeti Qt objektni model programiranja (koji dodaje mogućnost upravljanja memorijom i događajima te dinamička svojstva). Pomoću dobrih svojstava Qt okvira napravljena je aplikacija koja dokazuje jednostavnost korištenja i pokazuje sve dobre strane Qta. Na primjeru aplikacije pokazana je možda najbolja strana Qta, a to je jednak rad na svim operacijskim sustavima. Susreo sam se i sa problemima prenosivosti. Većinu njih Qt rješava automatski, a na neke programer mora sam misliti (npr. izgled sučelja na različitim platformama desktop/mobile ).