Search

This bachelor thesis describes the development of a web application whose primary goal is to optimize an internal time tracking process in the company Zurich Customer Active Management. The main functionalities include viewing all assigned tasks of a specific sprint to a logged-in user, access to the daily, weekly, and monthly work calendar, viewing Teams meetings, viewing statistics of working hours and recorded work in Jira Software, and recording work. Communication between the API from our application and the APIs from Jira and Teams is simulated using the MongoDB database. Diplomsko delo opisuje razvoj spletne aplikacije, katere primarni cilj je optimizacija internega procesa sledenja časa v podjetju Zurich Customer Active Management. Glavne funkcionalnosti zajemajo pregledovanje vseh dodeljenih nalog določenega sprinta prijavljenemu uporabniku, dostop do dnevnega, tedenskega in mesečnega delovnega koledarja, pregledovanje sestankov v Teamsu, ogled statistike delovnih ur in zabeleženega dela v Jira Software ter beleženje dela. Komunikacija med API-jem naše aplikacije in API-ji iz Jire in Teamsa je simulirana s pomočjo baze podatkov MongoDB.

Diplomsko delo zajema razvoj spletne aplikacije za zdravnike, katere namen je pediatrom olajšati delo pri kliničnem odločanju glede zdravljenja s terapevtsko hipotermijo pri novorojenčkih s hipoksično-ishemično encefalopatijo ter pri sledenju velikosti možganskih ventriklov v neonatalnem obdobju. Prvi segment spletne aplikacije omogoča vnos stanja pacienta ter sprehod skozi kriterije, ki določajo potek zdravljenja s terapevtsko hipertermijo. Drugi segment aplikacije omgoča vnos velikosti pacientovih možganskih ventriklov, na podlagi vnosa aplikacija nato izriše grafe, ki omogočajo primerjavo pacienta z referenčnimi populacijskimi vrednostmi. Ker bo aplikacija gostovana na zastarelih strežnikih in ker si informacijski oddelek ne more privoščiti kompleksnega vzdrževanja aplikacije, je aplikacija razvita brez zalednega sistema, uporabniški vmesnik pa je sestavljen iz v naprej generiranih statičnih datotek, ki so preprosto namestljive na praktično vsak strežnik. Aplikacija omogoča preprosto dodajanje novih smernic ter vizualizacij. Razvita je v JavaScript ogrodju SvelteKit, za CSS (angl. cascading style sheets) knjžnico pa smo uporabili Tailwind. Spletna aplikacija je odzivno oblikovana, kar pomeni, da je primerna tudi za uporabo na mobilnih napravah. Aplikacija bo kmalu naložena v produkcijsko okolje, prek katerega bodo lahko pediatri do nje dostopali pri svojem vsakodnevnem kliničnem delu. The aim of the thesis is to facilitate paediatricians in clinical decision-making regarding therapeutic hypothermia treatment in neonates with hypoxic-ischaemic encephalopathy and in tracking the size of cerebral ventricles in the neonatal period. The first segment of the web application allows paediatricians to enter the patient’s condition and to walk through the criteria that determine the course of therapeutic hyperthermia treatment. The second segment of the application allows the input of the patient’s ventricular size, which is then used to generate graphs that allow the comparison of the patient with reference population values. As the application will be hosted on outdated servers and as the IT department cannot afford complex maintenance of the application, the application is developed without a back-end system and the user interface consists of pre-generated static files that are easily installable on virtually any server. The application allows easy addition of new guidelines and visualisations. It is developed in the JavaScript framework SvelteKit, and Tailwind was used as CSS framework. The web app is responsively designed, which means that it is also suitable for use on mobile devices. The app will soon be uploaded into the production environment through which paediatricians will be able to access it in their daily clinical work.

Poleg besedilnega dela diplomske naloge je bil izdelan tudi računalniški program. V diplomskem delu predstavimo proces prehoda podjetja na poslovanje v oblaku, kjer podrobneje opišemo potek razvoja in ne programiranja ali tehničnih podrobnosti. Uporaba programske rešitve v gospodarstvu namreč pomeni razvoj, saj uporaba informacijskih tehnologij izboljša učinkovitost poslovanja podjetij. Digitalna preobrazba pa ni nujno enostavna. Dodatno delo z visokimi stroški v začetni dobi zahteva naklonjenost vodilnega kadra. Večja podjetja morajo ustvariti nov oddelek za informacijske tehnologije in s tem dodatna delovna mesta. Digitalno preobrazbo olajšajo ponudniki gostovanj, kajti lastno strojno opremo lahko nadomestimo z gostovanjem. Ta cenovno ugodna spletna storitev nudi strokovno opravljanje IT nalog. To pa je zgolj računalnik nekje drugje – v oblaku. Predstavljen bo stvarni primer podjetja in možnosti uporabe oblaka. Če poznamo ovire in prednosti uporabe spletnih tehnologij, zmoremo prepoznati uporabne rešitve, katere nudi. Skozi besedilo želimo pokazati ustrezno strokoven pristop k razvoju, ki smo se ga naučili tekom študija. The thesis project also includes a computer program. The thesis presents the process of a company’s transition to cloud-based operations, outlining the development process in detail, without delving into programming or technical details. Software solutions drive business growth and improvement, as the use of IT enhances efficiency. The digital transformation can be challenging, with initial costs and the need for management support make the transition less straightforward. Larger companies may need to establish a new information technology department, creating new job opportunities. The cost-effective hosting services offered by providers make the transition easier, as they offer an alternative to owning and maintaining hardware. With the help of these professional IT services, the computer is simply located elsewhere - in the cloud. The thesis presents a real-life example of a company and the potential use of cloud technology. By understanding the challenges and benefits of web technologies, one can identify the best solutions available. The aim of this thesis is to show a professional and well-informed approach to software development, which was gained through the course of study.

Živimo v času, ko igrajo podatki in analize le-teh pomembno vlogo v številnih dejavnostih, kot je trgovanje, saj nam podatki npr. povedo, katera storitev je na svetovnem trgu najbolj iskana ali potrebovana, kateri trendi se spreminjajo ter kaj lahko pričakujemo v bližnji prihodnosti. Podatki so objavljeni na spletu ali pa so dostopni v raznih digitalnih oblikah. Problem pa nastane, ko imamo ogromno količino podatkov, brez analiz le-teh, analize podatkov pa niso enostavne in so časovno zahtevne. Za diplomsko delo sem se odločil izdelati spletno aplikacijo, ki bo iz spletne platforme parlameter.si pridobila podatke o govorih politikov in ponudila enostavno analizo in vizualizacijo podatkov glede na stranke, katerim pripadajo posamezni politiki. Za razvoj predvidene spletne aplikacije sem uporabil programski jezik Python, saj je enostaven za uporabo in omogoča hiter razvoj v primerjavi z drugimi jeziki, tudi zaradi številnih knjižnic uporabnih programskih rešitev. Python je prav tako primeren za delo s podatkovnimi bazami, z uporabo knjižnice Python Dash pa poskrbim za razvoj spletnega uporabniškega vmesnika. Python Dash je namreč preprosta knjižnica za gradnjo spletnih vmesnikov za vizualizacijo podatkov. Sloni na kombinaciji podatkov, ki jih posredujemo (Dash components), vizualizaciji podatkov (Plotly graphs) in povezavi med tema dvema komponentama (Callback). Za bazo podatkov sem uporabil SQLite, saj pisanje in iskanje podatkov v bazi poteka zelo hitro glede na podatke, ki sem jih pridobil iz spletne strani v formatu JSON. Spletni vmesnik je enostavna spletna stran s komponentami v označevalnem jeziku HTML, ki je omogočila filtriranje podatkov, da sem prišel do želenega rezultata v obliki grafa in statistike poleg grafa. Za oblikovanje izgleda spletne aplikacije sem uporabil prekrivne sloge (Cascading Style Sheets, CSS). We live in a time where data and data analysis are more and more activities such as trading, as data tells us a lot, e.g., which service is the most sought after or needed on the market, which trends are changing, or short-term predictions. The data is usually published online or in various digital formats. However, when we have access to vast amounts of data, the problem of their analysis arises. For my diploma work, I decided to create a web application to obtain data on politicians' speeches from the online platform parlameter.si and offer various means of analysis and visualizations of fetched data, considering the political affiliations of the individuals. I developed the planned web application using the Python programming language. It is easy to use and enables fast development compared to other languages, also due to the many libraries of helpful software solutions. Python is also suitable for working with databases. I use the Python Dash library to build an online user interface for data analysis and visualization. It relies on a combination of the data we provide (Dash components), plotting data (Plotly graphs), and the connection between these two components (Callback). I use SQLite for building the database, as writing and searching for data in the database is very fast based on the data I will obtain from the website in the “.json” format. The developed web page with components in HTML markup language allows us to filter the data necessary for analysis and visualization. I will use Cascading Style Sheets (CSS) to design the look of the components of the web application.

Cilj diplomskega dela je izdelati hitro, varno in uporabniku prijazno spletno trgovino ter aplikacijo za upravljanje vsebin s sodobnimi tehnologijami, ki se uporabljajo pri razvoju enostranskih spletnih aplikacij. Aplikaciji pridobivata in posodabljata podatke preko skupnega aplikacijskega programskega vmesnika - API, izdelanega s pomočjo tehnologije Node.js in Express.js ter nerelacijske podatkovne baze MongoDB. Aplikacija za upravljanje vsebin je razvita s pomočjo odprtokodne knjižnice React.js in je namenjena upravitelju spletne trgovine, ki ima možnost upravljanja s podatki v spletni trgovini. Spletna trgovina je razvita z ogrodjem Next.js in kupcem omogoča hiter ter varen nakup izdelkov preko spleta, z možnostjo plačila s kreditno kartico. Izdelane aplikacije zadostujejo vsem zahtevam, ki sem si jih zadal na začetku razvoja in imajo še veliko možnosti za izboljšave. The goal of the thesis is to create a fast, secure, and user-friendly webstore and a content management application using modern technologies commonly used in the development of single-page web applications. The applications obtain and update data through a common application programming interface (API) created using Node.js and Express.js, as well as a non-relational MongoDB database. The content management application is developed using the open-source React.js library and is intended for the webstore manager, who has the ability to manage the website's data. The webstore is developed using the Next.js framework and allows customers to quickly and safely purchase products online, including the option to pay by credit card. The developed applications meet all the requirements I set at the beginning of the development and have many opportunities for improvements.

Glavni cilj diplomskega dela je prenovitev spletne strani nogometnega kluba Tolmin, tako da bo posodabljanje podatkov samodejno. Vsi podatki so pridobljeni s tehniko spletnega strganja podatkov, vendar je potrebno poudariti, da upravitelji strani lahko te podatke tudi spreminjajo in po potrebi dopolnjujejo. Ta rešitev drastično pospeši vnos podatkov, saj na ta način ročno vnašanje ni več potrebno, obenem pa so sedaj prikazani tudi podatki, za katere so poprej morali uporabniki obiskati spletno stran Nogometne Zveze Slovenije. Celotna stran ima sedaj tudi prenovljen izgled, ki je z možnostjo samodejnega prilagajanja prijaznejši do uporabnikov, saj do spletne strani dostopajo z različnih naprav. V diplomski nalogi je predstavljen postopek in pristop za uspešno strganje, posodabljanje in kontrolo pridobljenih podatkov. The main goal of the thesis is to redesign the website of Tolmin football club so that data updates are automated. All data is obtained through web scraping techniques, but it is important to emphasize that site administrators can also modify and supplement this data as needed. This solution drastically speeds up data entry, as manual input is no longer necessary, and now includes information that users previously had to visit the website of the Football Association of Slovenia to access. The entire site now has a revamped appearance, which is more user-friendly with the ability to automatically adapt to various devices. The thesis presents a process and approach for successfully scraping, updating, and controlling acquired data.

Diplomsko delo obravnava optimizacijo nabave tabletirnega orodja. Naš cilj je bil pohitriti proces nabave, zato smo ga prenesli v digitalno obliko. To je omogočilo večji nadzor in sledljivost procesa. Osredotočili smo se na uporabnike in njihovo interakcijo s sistemom ter pravilno delovanje programske opreme. Pri razvoju sistema smo sodelovali z uporabniki, ki so na tedenskih sestankih dopolnjevali svoje zahteve. Razvili smo spletno aplikacijo REST, ki je povezana s podatkovno bazo v katero beležimo podatke. Aplikacija omogoča naročanje in prevzemanje orodja, potrjevanje naročil in prevzemov, vnašanje novih načrtov orodij, pregled vnesenih načrtov in stanj naročil. Sistem ob določenih akcijah uporabnikov, pošlje ostalim ključnim uporabnikom e-poštno obvestilo. Spletno aplikacijo smo testirali in jo nato namestili na strežnik. Izvedli smo anketo končnih uporabnikov. Pokazalo se je, da so z aplikacijo v povprečju zadovoljni. In this thesis, we optimized the process of buying the tools for tablet presses. We digitized the process to make it more transparent and faster. The emphasis during development was on users and their interaction with the application, as well as on the functionality of the system. We continuously collaborated with the users on weekly meetings where they iteratively complemented their requirements. We developed a web REST application that interacts with a database where data is stored. The application allows users to place orders for tools, to approve or reject those orders, and to accept and check the tools when they arrive at the plant. Users can also insert new or update old product designs or review existing finished or unfinished tool orders and introduce new designs. After the user interacts with the system, it notifies all key users via e-mail. We tested the web application and published it on a web server. To assess the usefulness of our application, we conducted a poll with users. In general, the users are satisfied with the application.

Cilj diplomske naloge je bil razviti spletno aplikacijo, ki uporabnikom omogoča sledenju svojega napredka v fitnesu. Glavni poudarek je bil na preprosti uporabi apliacije in preglednosti zbranih podatkov. Aplikacija je zgrajena po arhitekturnem vzorcu MVC in uporablja Express.js ter strežnik Node.js. Za podatkovna bazo je uporabljena MongoDB in Mongoose za lažjo komunikacijo med podatkovno bazo in aplikacijo, za bolj dinamičen izgled aplikacije pa je bila uporabljena JavaScript knjižnjica Handlebars. Diplomska naloga predstavi tehnologije in orodja, ki so bila uporabljena pri implementaciji, opiše postopek analize in načrtovanja, predstavi izgled in uporabo aplikacije in na koncu poda sklepne ugotovitve. The goal of the thesis was to develop a web application that allows users to track their progress in fitness. The main emphasis was on the simple use of the application and the clarity of the collected data. The application is built according to the MVC architectural pattern and uses Express.js and the Node.js server. MongoDB and Mongoose were used for the data base, and for a more dynamic look of the application, the Handlebars JavaScript library was used. The thesis presents the technologies and tools used in the implementation, describes the process of analysis and planning, presents the appearance and use of the application, and finally presents the conclusions.

Dandanes vsi radi kuhamo in za prebiranje receptov uporabljamo kuharske knjige, vse pogosteje pa se za ta namen poslužujemo tudi spleta. Obstaja tudi že kar nekaj spletnih strani, ki ponujajo obilico receptov in iskanja po njih. Večina že obstoječih rešitev pa se premalo osredinja na dobro strukturiran in preprost ogled receptov, ki bi kuharju nudil kar največ pomoči. Tovrstna spletišča imajo tako prostor, ki naj bi bil prvenstveno namenjen receptu, nasičen z raznimi oglasi in s priporočili, ki uporabnika med kuhanjem ne zanimajo oziroma celo otežkočajo kuhanje. Zato smo se odločili za implementacijo novega spletišča za recepte, pri čemer je bil cilj ustvariti spletno aplikacijo, ki uporabnikom omogoča ogled kuharskih receptov, komentiranje in njihovo všečkanje ter objavljanje novih receptov. V okviru diplomskega dela smo tako razvili spletno aplikacijo, ki uporabniku ponuja preprost strukturiran postopek za izvedbo recepta ter omogoča všečkanje in komentiranje receptov ter s tem deljenje svojega mnenja o tem receptu in seveda možnost objavljanja svojih receptov. Aplikacijo smo dali testirati tudi nekaj poskusnim uporabnikom. Ti so bili z aplikacijo zadovoljni in bi jo uporabljali tudi v prihodnje. Nowadays, we all love to cook and use cookbooks to read recipes, and we also use the Internet more and more often for this purpose. There are also already quite a few websites that offer an abundance of recipes and allow searching for them. Most of the already existing solutions, however, does not focus enough on a well-structured and simple display of recipes, which would provide the cook with as much help as possible. These types of websites have a space that should be mainly dedicated to the recipe, but is saturated with various advertisements and recommendations that do not interest users while they are cooking, or even make cooking difficult. That's why we decided to implement a new recipe web pages, where the goal was to create a web application that allows the user to view cooking recipes and comment, like and publish new recipes. As part of the diploma, we developed an online application that offers the user a simple structured process for making a recipe and also allows liking and commenting on recipes and thus sharing his opinion about this recipe and, of course, the possibility to publish his recipes. The application was also tested by several users. Trial users were satisfied with the application and would continue to use it in the future.

V diplomski nalogi se bomo ukvarjali z izdelavo informacijskega sistema za podporo marin. Konˇcni izdelek bo spletna aplikacija, izdelana z orodjem VueJS. Reˇsitev bo digitalizirala postopek upravljanja marine. Reˇsevali bomo problem urejanja oziroma popravila privezov, hranjenje informacij o trenutnem stanju marine in tudi moˇznost plaˇcila oziroma rezervacije le teh. Za izboljˇsano uporabniˇsko izkuˇsnjo bomo aplikaciji dodali interni forum za komunikacijo med strankami znotraj marine. Pri izdelavi bomo uporabil storitve Amazon web services, Google maps API, Bootstrap in ostale Vue komponente. Za izbrano tematiko smo se odloˇcili, ker po pregledu podroˇcja nismo naˇsli primerne reˇsitve za omenjeni problem. We will deal with the development of a marine management support information system. The final product will be a web application created with the VueJS tool. Our solution will digitize the marina management process. We will solve the problem of arranging or repairing moorings, storing information about the current state of the marina and also the possibility of purchasing or booking them. For an improved user experience, we will add an internal forum for communication between clients within the marina to the app. We will use Amazon web services, Google maps API, Bootstrap and other Vue components in the production. I decided on the chosen topic because after reviewing the area I did not find a suitable solution for the mentioned problem.

Diplomsko delo obravnava koncept semantičnega spleta in tehnologije, ki se uporabljajo za njegovo izvajanje, ter potencial decentraliziranih tehnologij, kot je veriženje blokov, za rušenje tradicionalnih internetnih modelov in omogočanje novih načinov organiziranja in dostopa do informacij. Naslavlja izzive iskanja zanesljivih in zaupanja vrednih podatkov v hitro rastočem in vse bolj povezanem svetu interneta. V okviru diplomske naloge je poudarek na gradbeništvu, kjer se uvajajo novi izdelki in rešitve, vendar so informacije o njih pogosto nepopolne. Predstavljena je zasnova decentraliziranega dnevnika za stavbe s pomočjo tehnologije OriginTrail. Zajema tudi izvedbo zastavljenega sistema, ki deluje kot spletna aplikacija. Izdelana decentralizirana aplikacija stremi k zagotavljanju transparentnih in sledljivih informacij o gradbenih izdelkih in storitvah ter obenem podpira razvoj bolj trajnostnih in energetsko učinkovitih zasnov stavb in gradbenih praks. This thesis examines the concept of the Semantic Web and the technologies used to implement it, as well as the potential of decentralised technologies such as blockchain to disrupt traditional Internet models and enable new ways of organising and accessing information. It addresses the challenges of finding reliable and trustworthy information in the fast-growing and increasingly connected world of the Internet. The thesis focuses on the construction industry, where new products and solutions are introduced but information about them is often incomplete. The design of a decentralised building log using OriginTrail technology is presented. It also covers the implementation of the conceived system, which works as a web application. The decentralised application developed aims at providing transparent and traceable information on building products and services, while supporting the development of more sustainable and energy efficient building designs and construction practices.

Slovenija je domeno .si domeno registrirala leta 1992 pri organizaciji IANA. Danes je Javni zavod Arnes tisti, ki upravlja s slovenskim naslovnim prostorom. Namen projekta je bil izboljšati uporabnikovo izkušnjo pri registraciji slovenskih domen. Za izboljšavo, je bilo treba na novo zasnovati čelni del aplikacije. Za to bomo uporabili ogrodje Nuxt.js, ki temelji na odprtokodnem ogrodju Vue. Pri tem bomo uporabljali tudi programski jezik TypeScript, ki nam v primerjavi v JavaScriptom zmanjša možnost pojavitve napak v produkciji in omogoča lažje obvladovanje večjih projektov. V aplikaciji bomo poskrbeli za implementacijo prijave z modulom Nuxt Auth, za kreiranje, brisanje, ogled in posodobitev posameznih kontaktov, domen in imenskih strežnikov. Podprta je pa tudi možnost prenosa več domen hkrati. Slovenia applied for a new top-level domain .si and successfully registered it in 1992. Today, the Arnes Public Institution is the one that manages the Slovenian address space. The purpose of the project was to improve the user experience when registering Slovenian domains. The current application is written in an old programming language which is not scalable, so a redesign of the whole frontend of the application was necessary. We used the Nuxt framework, which is a framework built on Vue.js. During the development, we also used the TypeScript programming language, which, compared to JavaScript, reduces the possibility of errors in production and makes it easier to manage major projects. Some of the functions that we implemented in this applications are: login functionality implemented with the Nuxt Auth module, creating, deleting, viewing and updating individual contacts, domains and nameservers. Bulk transfers are also possible in the application.

V današnjem svetu ima splet ogromno vlogo. Veliko vidikov življenja se prepleta z uporabo spletnih aplikacij. Eden izmed njih je naročanje na termine storitev. Izkaže se, da veliko ponudnikov storitev uporablja zastarele dolgotrajne tehnike naročanja ali pa sploh ne ponujajo možnosti neverbalnega naročanja. Čeprav podobne rešitve že obstajajo, smo se odločili za implementacijo lastne, saj smo želeli razviti enostaven in unikaten uporabniški vmesnik. Poskrbeli smo, da se spletna aplikacija na vseh napravah pravilno obnaša in zagotavlja konsistentno uporabniško izkušnjo. Z uporabo sodobne zbirke tehnologij MEAN smo razvili spletno aplikacijo, katere uporaba je preprosta in intuitivna ne glede na izkušnje uporabnika s spletnimi aplikacijami. In today's world, the web plays a huge role. Many aspects of life are intertwined with the use of web applications. One of these is booking service appointments. It turns out that many service providers use outdated, time-consuming booking techniques or do not offer a non-verbal booking options at all. Although similar solutions already exist, we decided to implement our own because we wanted to develop a simple and unique user interface. We've made sure the web app behaves correctly on all devices and provides a consistent user experience. Using MEAN's modern suite of technologies, we have developed a web application that is simple and intuitive to use, regardless of the user's experience with web applications.

With the increasing number of molecular biology techniques, large numbers of oligonucleotides are frequently involved in individual research projects. Thus, a dedicated electronic oligonucleotide management system is expected to provide several benefits such as increased oligonucleotide traceability, facilitated sharing of oligonucleotides between laboratories, and simplified (bulk) ordering of oligonucleotides. Herein, we describe OligoPrime, an information system for oligonucleotide management, which presents a computational support for all steps in an oligonucleotide lifecycle, namely, from its ordering and storage to its application, and disposal. OligoPrime is easy to use since it is accessible via a web browser and does not require any installation from the end user’s perspective. It allows filtering and search of oligonucleotides by various parameters, which include the exact location of an oligonucleotide, its sequence, and availability. The oligonucleotide database behind the system is shared among the researchers working in the same laboratory or research group. Users might have different roles which define the access permissions and range from students to researchers and primary investigators. Furthermore, OligoPrime is easy to manage and install and is based on open-source software solutions. Its code is freely available at https://github.com/OligoPrime. Moreover, an implementation of OligoPrime, which can be used for testing is available at http://oligoprime.xyz/. To our knowledge, OligoPrime is the only software solution dedicated specifically to oligonucleotide management. We strongly believe that it has a large potential to enhance the transparency of use and to simplify the management of oligonucleotides in academic laboratories and research groups.

V diplomskem delu smo v vlogi mladega razvijalca raziskovali tehnologije in ogrodja za razvoj spletnih aplikacij na strani odjemalca. V njej smo opravili pregled teoretičnih izhodišč izbranega področja. Analizirali smo pomen tehnologij in ogrodij za razvoj spletnih aplikacij. Uporabili smo deskriptivno metodo raziskovanja, vsako tehnologijo in ogrodja smo podrobno opisali ter izpostavili prednosti in slabosti. Raziskovane tehnologije so bile sistemi za nadzor različic, linterji in urejevalniki kode, pregledovalniki tipov in enostranske spletne aplikacije. Zasnovali smo raziskovalni načrt in poiskali podatke na strokovnih spletnih platformah. Zbrane podatke smo uporabili pri izvedbi empirične raziskave najbolj razširjenih JavaScript ogrodij. Z rezultatom raziskave smo dobili vpogled v trg ogrodij, ki so na voljo razvijalcem in jih analizirali. Na osnovi vseh ugotovitev smo naredili sklop tehnologij in ogrodij za sodoben razvoj na strani odjemalca in zasledili naš cilj diplomskega dela. Dodajamo, da je skupnost razvijalcev na strokovnih platformah zelo pomembna, saj se na ta način izmenjuje znanje. Mreženje predstavlja temelj pri reševanju vsakodnevnih problemov, s katerimi se srečujejo razvijalci začetniki. In the thesis, we explored technologies and frameworks for developing client-side web applications from the perspective of a young developer. We reviewed the theoretical background of the chosen field. The relevance of technologies and frameworks for web application development were analysed. We used a descriptive research method to describe each technology and framework in detail and highlight the advantages and disadvantages. The technologies investigated were version control systems, linters and code formatters, type checkers and single-page web applications. We defined a research agenda and searched for data on professional online platforms. The collected data was used to conduct an empirical study of the most widely used JavaScript frameworks. The research results provided deep insight into the market of frameworks available to developers. Based on the findings, we made a set of technologies and frameworks for modern client-side development and achieved our objective of the thesis. We want to add that the community of developers on professional platforms is very important for sharing knowledge. Networking is a fundamental part of solving everyday problems faced by junior developers.

Koncept pametne hiše se nanaša na oddaljeno upravljanje in nadzor različnih naprav v hiši s pomočjo omrežnih ali mobilinih naprav. Pri tem je ključen preprost grafični uporabniški vmesnik, ki mora biti prilagojen potrebam uporabnika. V diplomskem delu predstavite izdelavo spletne aplikacije za upravljanje in nadzor konkretne pametne hiše, ki predstavlja primer takega vmesnika. V okviru tega najprej predstavite ozadje, uporabljene tehnologije ter že realiziran strojni del pametne hiše. Pri zasnovi rešitve izhajajte iz specifičnih zahtev uporabnika. Predstavite njen razvoj in uporabo, na koncu pa kratko analizirajte opravljeno delo. The concept of the smart home is focused on the distance management and control of a house using the web or mobile devices. The crucial part of it is a simple graphical user interface based on specific user requirements. The diploma thesis presents the development of a web application for smart home management and control, which is an example of such a user interface. First, describe the context, used technologies, and already realized hardware solution of a specific smart home. The design of the solution is based on specific user requirements. Then, present its development and use. Finally, analyze shortly the completed work.

V diplomski nalogi smo razvili spletno aplikacijo, ki omogoča izdelavo programov za vrtalni stroj. Podjetje vrtalni stroj uporablja za vrtanje izvrtin v gumirane valje, ki se uporabljajo v papirni industriji. Aplikacija ima dve zaslonski maski, eno za vnos parametrov matematičnega vzorca in drugo za pregled shranjenih vzorcev. Dostopna je v lokalnem omrežju podjetja, do nje lahko dostopata tako operater v proizvodnji kot tehnolog v pisarni. Aplikacija omogoča hitro izdelavo vrtalnih programov in izvrtine po obodu valja razdeli bolj enakomerno kot stare aplikacije. Vrtalni program operater preko obstoječega vmesnika prenese na krmilnik vrtalnega stroja in sproži vrtanje. Aplikacija omogoča tudi avtomatsko iskanje optimalnih parametrov za slepo vrtani valj in shranjevanje že uporabljenih vzorcev v podatkovno bazo, kar uporabniku prihrani čas ponovnega vnosa podatkov. In the thesis, we developed a web application which allows program generation for drilling machines. The company uses a drilling machine to drill holes into the rubber covers of rolls which are used in the paper industry. The application includes two web pages, one for input parameters of mathematical patterns and the other for a list of saved patterns. It is available in the company's local network so it can be accessed in the production by an operator and in an office by a technologist. The application allows quick drilling program generation and arranges holes around the circumference of a roll more equidistantly than older applications. An operator transmits the program onto the controller of a drilling machine and triggers drilling. The application also allows automatic search for optimal parameters for drilling blind roles and includes saving patterns to a database for later use.

Uporaba interneta je vse bolj razširjena na različnih področjih in za različne namene. Spletne aplikacije so vse bolj napredne in ponujajo različne uporabniške izkušnje. V ta namen se o uporabniku shranjujejo podatki, ki so lahko samo neškodljivi piškotki, lahko pa so tudi osebni podatki. Na številnih spletnih mestih zahtevajo prijavo z uporabniškim imenom in geslom, do katerih bi lahko dobili dostop zlonamerni ljudje in z njimi škodovali spletnim uporabnikom za svoj dobiček. V diplomskem delu je predstavljena spletna varnost, oziroma njene pomanjkljivosti. Predstavili smo petnajst različnih zlonamernih ranljivosti po priporočilih OWASP, nato pa smo jih analizirali na spletni aplikaciji NOVA Portal. Ta je namenjena pregledu in kreiranju ponudb ter pogodb za predstavnike in stranke lizing financiranja. Za vsak napad je opisano delovanje in njegov vpliv na spletni aplikaciji NOVA Portal. V primeru odkritih varnostnih tveganj je zapisana tudi ustrezna rešitev za odpravo teh. Ob ustreznem upoštevanju rešitev je mogoče izboljšati spletno varnost. The use of the internet is widespread in various fields and for various purposes. Web applications are increasingly advanced and offer many better user experiences. For this purpose the user data is stored in various forms. There are implemented only harmless cookies or the personal data is stored. Many websites require login with a username and password, which malicious people could gain access to and use to harm online users for their own profit. The thesis presents the web application security and fifteen critical vulnerabilities from OWASP recomendations. Afterwards, they are applied on the NOVA Portal application, which is intended for review and creation of offers and contracts for representatives and customers of leasing financing. For each attack, the operation and its impact are described on the NOVA Portal web application. In case of discovered security risks, it was also written down the appropriate solution for its elimination. With proper consideration of solutions, online security can be improved.

Diplomska naloga predstavlja razvoj spletne aplikacije Diplomko za oddajo diplomskega dela, ki pomaga pri reševanju številnih problemov s katerimi se srečujejo tako mentorji kot študenti pri obdelavi, pregledu in ocenjevanju diplomskih nalog. Mentorji se največkrat srečujejo s problemom pregleda podatkov študentov pod svojim mentorstvom, problemom dostopa do kontaktnih podatkov študenta za posamezno delo in pregledov nad sprotnimi popravki diplomskega dela posameznega študenta. Študenti se srečujejo predvsem s problemom komunikacije, saj nimajo direktnega pregleda nad statusom svojega diplomskega dela in lahko z uporabo obstoječih komunikacijskih rešitev kakšno informacijo spregledajo ali izgubijo. Mentorji in študenti trenutno največkrat komunicirajo s pomočjo e-pošte. Cilj razvoja spletne aplikacije Diplomko je centralizirati in poenostaviti komunikacijo med mentorjem in študentom, omogočiti pregled podatkov študentov in njihovih diplomskih nalog, ter možnost ocenjevanja diplomskih del znotraj spletne aplikacije Diplomko. Za izdelavo čelnega dela spletne aplikacije Diplomko je uporabljeno ogrodje Next.js, kateri je integriran s programskim jezikom TypeScript in oblikovan s pomočjo ogrodja Tailwind CSS. Čelni del komunicira z zalednim delom preko vmesnika API, kateri za podatkovno bazo uporablja orodje Prisma. The thesis presents the development of the website application called Diplomko for thesis submission, which helps to solve many problems faced by both mentors and students in the processing, review, and evaluation of theses. Mentors are most often faced with the problem of reviewing the data of students under their supervision, the problem of accessing student contact details for a particular thesis, and the problem of reviewing the online corrections of a particular student's thesis. Students are mainly confronted with the problem of communication, as they do not have a direct overview of the status of their thesis and may overlook or lose information using existing communication solutions. Currently, mentors and students communicate mostly by e-mail. The aim of the development of the Diplomko website application is to centralize and simplify the communication between mentor and student, to provide an overview of students' data and theses, and to allow the possibility of grading theses within the Diploma web application. The front-end of the Diplomko website application is built using the Next.js framework, which is integrated with the TypeScript programming language and designed using the Tailwind CSS framework. The front-end communicates with the back-end via an API, which uses the Prisma tool as its database.

V Sloveniji je veliko ljudi, ki se ukvarjajo z rejo ovac. Za uspešno rejo pa je potrebno voditi tudi evidenco. Veliko majhnih rejcev trenutno nima specializirane rešitve za elektronsko vodenje evidence in beleženje dogodkov v zvezi s svojimi čredami. Večina jih vodi evidenco na papirju. To vodi v težave, saj se podatki lahko izgubijo, če si stvari ne beležijo sproti. Prav tako lahko liste kam založijo. Cilj diplomske naloge je bil izdelati prototip sistema, ki bo uporabnikom olajšal delo. Pri izdelavi spletne aplikacije smo najprej pridobili zahteve uporabnikov. Na podlagi tega smo načrtali podatkovni model in funkcionalnosti. Po tem smo izbrali primerne tehnologije in prototip tudi izdelali. Prototip spletne aplikacije omogoča dodajanje, urejanje in pregled nad podatki o ovcah, ovnih, čredah, kotitvah, gonitvah in jagenjčkih. Vključuje tudi evidenco lokacij, na katerih so se črede nahajale. Ta evidenca vsebuje tako hlev kot vse pašnike. Uporabniki, ki jim je aplikacija namenjena, so različnih starosti in imajo različne stopnje znanj upravljanja z računalniki. Oblikovana je bila z mislijo, da mora biti enostavna za uporabo, hkrati pa vključevati vse potrebne funkcionalnosti. There are many sheep breeders in Slovenia. For a successful husbandry, it is necessary to keep good records. Many small breeders currently do not have a specialized solution for digital record keeping. Most of them are currently keeping records on paper. This leads to problems, as data can be forgotten if it is not promptly written down. The papers can also be lost. The goal of the thesis was to create a prototype of a system that will make the user's work easier. When developing the prototype, we first gathered user requests. Then we designed the model and the functionalities. After choosing the appropriate technologies, we implemented the prototype. The web application allows adding, editing and viewing data on ewes, rams, flocks, births, matings and lambs. It also contains a record of locations where the herds are located. The record of locations includes barns as well as pastures. The web application is intended for users of different ages and with different levels of computer management skills. It has been designed with the idea of effortless usage, combined with the inclusion of all the necessary functionalities.

Projektno vodenje je ključnega pomena za kakovostno zaključevanje projektov, programske rešitve pa poskrbijo za optimizacijo projektnega vodenja. Na trgu je veliko posplošenih programskih rešitev za projektno vodenje, vendar se podjetja vseeno odločajo za takšne, ki so prilagojene podjetju, saj je z njimi lahko projektno vodenje optimizirano za točno določeno storitev. V magistrskem delu je predstavljena spletna aplikacija za projektno vodenje, ki je bila po meri implementirana za podjetje Lipro, d. o. o. Poleg opisa vseh uporabljenih tehnologij pri izgradnji aplikacije, so v delu navedene tudi zahteve produkta. Podrobno je prikazan razvoj podatkovne baze produkta s pomočjo programa Microsoft Access. Opisanih je tudi nekaj funkcionalnosti programske rešitve, kot na primer logika za vpis, ter pošiljanje obrazcev s pomočjo PHP, na koncu pa je predstavljen uporabniški vmesnik aplikacije ter s tem tudi celoten končni produkt. Project management is crucial for quality project completion and software solutions ensure the optimization of project management. There are many generalized software solutions for project management on the market, but companies are still deciding for personalized software solutions, which enable project management to be optimized for a specific service. This master's thesis presents the web application for project management, which was custom-implemented for the company Lipro, d. o. o. In addition to the description of all the technologies used for creating the application, the product requirements are also described in the thesis. The development of the product database using Microsoft Access is shown in detail. Some of the functionalities of the application are also described, such as the logic for login and submitting forms using PHP. At the end the user interface of the application and thus the entire final product are presented.

Dokazila uporabljamo za dokazovanje verodostojnosti informacij, posameznikovih sposobnosti in dosežkov ter identitete pri različnih postopkih, bodisi v javnem bodisi zasebnem sektorju. Zaradi raznolikosti dokazil se ta hranijo v različnih centraliziranih registrih, nekatera pa so celo zgolj v papirnati oziroma ne-digitalni obliki in jih je potrebno za dokazovanje skenirati in priložiti kot sliko. Kot rešitev mnogih pomanjkljivosti trenutnega stanja dokazil na spletu se v teoriji in praksi vse bolj omenja tehnologija preverljivih dokazil in verige blokov. Namen diplomskega dela je implementacija informacijske rešitve, ki bo na varen način digitalizirala postopke izdajanja, imetja in prilaganja preverljivih dokazil, ki jih izdajajo in sprejemajo (različni) organi javne uprave Republike Slovenije. Diplomsko delo je razdeljeno na teoretični in praktični del. Prvi del obsega predstavitev tehnologije preverljivih dokazil, decentraliziranih identifikatorjev in verige blokov ter analizo projektov, raziskav in regulacij na področju preverljivih dokazil in tehnologije veriženja blokov znotraj Evropske unije in širše. Praktični del obsega specifikacijo funkcionalnih in nefunkcionalnih zahtev, načrtovanje in razvoj spletne ter mobilne aplikacije. Spletna aplikacija omogoča izdajanje ter pregled preverljivih dokazil in ustvarjanje zahtevkov za overjanje. Mobilna aplikacija omogoča prevzemanje preverljivih dokazil na uporabnikovo mobilno napravo, ustvarjanje preverljivih prezentacij ter prilaganje dokazil pri postopkih overjanja. Obe aplikaciji sta napisani v programskem jeziku TypeScript. Za demonstracijo in vrednotenje izdelane rešitve smo si izbrali prilaganje dokazil pri postopku vpisa v študentski dom. Pri tem smo potrdili obe postavljeni hipotezi, in sicer da je celoten postopek mogoče varno in zanesljivo nadomestiti z uporabo preverljivih dokazil ter da je izdelana rešitev pozitivno vplivala na vse akterje v postopku. Izdelano rešitev je z nekaj nadgradnjami in spremembami mogoče uporabiti v kateri koli organizaciji, ki bi rada v svoje procese vključila digitalizacijo izdajanja, imetja ter prilaganja dokazil. Credentials are used to prove the credibility of information, individual skills, achievements, and identity in a variety of processes, whether in the public or private sector. Due to the diversity of credentials, they are stored in various centralized registries. Moreover, some of them are only in paper or non-digital form which requires to be scanned and attached as an image to include in online processes. Verifiable credentials and blockchain technology are progressively being mentioned in theory and practice as a solution to many of the shortcomings of the current state of online credentials. The thesis aims to implement an IT solution that will digitize securely the procedures of issuing, holding, and verifying verifiable credentials issued and accepted by (various) public administration organizations of the Republic of Slovenia. The thesis is divided into a theoretical and a practical part. The first part includes a presentation of verifiable credentials technology, decentralized identifiers, and blockchain, as well as an analysis of projects, research, and regulation in the field of verifiable credentials and blockchain technology within the European Union and beyond. The practical part covers the specification of functional and non-functional requirements and the design and development of web and mobile applications. The web application allows the issuance and review of verifiable credentials and the creation of verification policy requests. The mobile application allows the transfer of verifiable credentials to the user's mobile device, the creation of verifiable presentations, and the customization of proofs in the verification process. Both applications are written in the TypeScript programming language. To demonstrate and evaluate the solution, we have chosen to adapt the proof of credentials in the dormitory enrolment process. In doing so, we validated both hypotheses, namely that the whole process can be safely and reliably replaced using verifiable credentials and that the designed solution has a positive impact on all actors involved in the process. With a few upgrades and modifications, the developed solution can be used in any organization wishing to digitize the issuing, holding, and verification of credentials in its processes.

V okviru diplomske naloge smo predstavili izzive posameznikov, ki opravljajo svoje obveznosti od doma. Na trgu obstaja veliko spletnih aplikacij in sistemov, ki omogočajo lažji potek dela, vsak posameznik pa mora najti takšno rešitev, ki zadovolji njegove potrebe. V ta namen smo z uporabo najsodobnejših tehnologij razvili prototip spletne aplikacije, ki uporabnikom omogoča ustvarjanje projektov, razporeditev in spremljanje nalog znotraj projektov, vodenje statistike in skupinski klepet. Ta aplikacija ni namenjena samo za posameznike, vendar je tudi namenjena za podjetja in manjše skupine, kjer delodajalec določa člane skupine, hkrati pa mora vzdrževati projekte in skrbeti za nemoteno delo. The thesis presents the challenges of individuals who work from home. There are many web-based applications and systems on the market that facilitate workflow, but it is up to each individual to find a solution that meets their needs. In light of this, we have developed a prototype web application using state of the art technologies that allows users to create projects, schedule and track tasks within projects, keep track of statistics and allow them to engage in group conversations. This application is intended not only for individuals but also for companies and small groups, where the group's members are determined by the employer. At the same time, the employer has to maintain the projects and keep the work flowing smoothly.

Diplomska naloga opisuje razvoj spletnega sistema za upravljanje in analiziranje eksperimentov strojnega učenja. Sistem omogoča deljenje eksperimentov v eno ali več opravil z medsebojnimi odvisnostmi, primerjanje in prikazovanje rezultatov. Za razliko od obstoječih sistemov in storitev je v predstavljenem sistemu poudarek na centralizirani organizaciji in upravljanju eksperimetnov, ki je ločena od izvajanja eksperimentov, ki ni predmet te naloge. Jedro sistema je REST vmesnik, namenjen tako komunikaciji z uporabniškim vmesnikom kot z delavci, ki eksperimente izvajajo. The thesis describes the development of a web-based system for managing and analyzing machine learning experiments. The system allows dividing experiments in one or more tasks with mutual dependencies, comparing and displaying the results. Unlike existing systems and services, the presented system emphasizes the centralized organization and management of experiments, which is separate from the execution of experiments, which is not the subject of this thesis. The core of the system is a REST interface, intended for both communication with the user interface and with the workers performing the experiments.

Cilj diplomskega dela je razviti spletno aplikacijo, ki omogoča vnos, pregled ter obdelavo podatkov v uporabne strukture. Namen je olajšati delo vodjem degustacij, ki vnašajo podatke o izvedenih degustacijah in prodajah vin, ter narediti te podatke bolj berljive, lažje zapisljive, varnejše in uporabnejše. Glavne funkcionalnosti so beleženje dogodkov in prodaje, upravljanje podatkov ter pregled statistike. Aplikacija je razvita v razvojnem ogrodju Laravel po arhitekturi MVC, za podatkovno bazo uporablja MySQL, vse skupaj pa teče na domačem serverju Linux-okolja. Diplomska naloga v prvem delu opisuje uporabljena orodja in tehnologije, v glavnem delu pa prikaže potek razvoja od analize in načrtovanja do implementacije ter postavitve aplikacije v produkcijsko okolje. Na koncu so podane sklepne ugotovitve in načrti za prihodnje nadgradnje. The goal of the thesis is to develop a web application that enables input, review and use of data in useful structures. The purpose is to facilitate the job for the tasting presenters who afterwards enter data in the wine tasting records and to make those records more readable, more useful, safer and easier to write. The main functionalities are event and retail sale recordings, data management and statistics overview. The application is built in the Laravel framework with MVC architecture and uses MySQL for the database. All together will run on a home server of a Linux type. The first part of the thesis describes the technologies and development tools used for building the application while its main part presents the development itself. The final part consists of a conclusion and plans on the application’s future upgrades.

Diplomsko delo predstavlja posodobitev spletnega foruma »Slo-Tech« po načelih uporabniško usmerjenega načrtovanja (UUN). Najprej je predstavljena različica modela UUN, ki je sestavljena iz šestih korakov. To so razčlemba opravil, zbiranje zahtev, zgodnje načrtovanje, izdelava prototipov, ovrednotenje in izvedba. Prvemu delu naloge sledi opis uporabe načel UUN na praktičnem primeru, to je posodobitev grafičnega vmesnika spletnega foruma »Slo-Tech«. Izvedel sem več ponovitev razčlembe opravil, sprotnega vrednotenja in razvoja digitalnih prototipov. Končni izdelek je posodobljen spletni forum, ki se lahko uporablja na namiznih računalnikih, prenosnikih, tabličnih računalnikih, pametnih mobilnih telefonih in drugih elektronskih napravah (npr. Xbox One) z nameščenim modernim spletnim brskalnikom. Izdelavi posodobljenega vmesnika je sledilo objektivno in subjektivno vrednotenje obstoječega in posodobljenega uporabniškega vmesnika. Posodobljeni vmesnik se je pri objektivnem vrednotenju izkazal za boljšega, saj je bilo za izvedbo vseh nalog v povprečju potrebnega manj časa in korakov. Subjektivno vrednotenje sem izvedel z vprašalnikom severno-ameriške vesoljske agencije (ang. North American Space Agency), ki pri vrednotenju pokaže, kako obremenjen je bil uporabnik pri izvedbi posamezne naloge (ang. Task Load Index), in vprašalnik o uporabniški izkušnji oziroma UEQ (User Experience Questionnaire). Skupna obremenitev po vprašalniku NASA TLX se je pri posodobljenem vmesniku izkazala za nižjo v primerjavi z obstoječim vmesnikom, kljub temu, da posamezni faktorji obremenitve ne kažejo statistično značilnih razlik med vmesnikoma. Rezultati UEQ so pokazali, da so vsi elementi uporabniške izkušnje pri posodobljenem vmesniku boljši v primerjavi s starejšo različico. Uporabniški vmesnik posodobljenega foruma se je tako izkazal za atraktivnejšega, preglednejšega, učinkovitejšega, bolj vodljivega in originalnega, uporabnika pa tudi bolj stimulira k uporabi spletnega foruma. In this thesis I updated the graphical user interface of the Slovenian online message board »Slo-Tech” with the help of the principles of user-centred design. With the update of the graphical user interface, I applied the version of the UCD version which I presented in this thesis. Firstly, I presented a version of the UCD model which includes six stages. The order of the stages is the following: hierarchical task analysis, the gathering of requirements, (digital) design prototyping, evaluation, and implementation. After the first part, I then applied the UCD model to a practical example, in which I updated the graphical user interface of the afore mentioned online board using all main stages of the UCD model, with multiple iterations of task analysis, evaluation, and prototyping. The result is an updated online board, which can be interacted with on any computer, tablets, smartphones, or even other electronic devices like the Xbox One, which have a modern web browser installed. With the help of some users, I then evaluated the updated message board objectively, so that I measured the number of steps and the time taken by the user to complete a specific task. The updated user interface proved to be better, because on average it took the users less time to perform every task. Afterwards, I also performed a subjective evaluation with the help of the NASA Task Load Index. The overall Index over the updated online board is lower the Index of the old version, although based of the individual factors, the differences are not necessary statistically significant by each of the four tasks the user had to perform. The results of the User Experience Questionnaire have shown that all elements of the updated online board are better that the old one. The user interface proved to be more attractive, more manageable, and more effective. The updated online board stimulates the user to use it and is also more steerable and more original compared to Its old counterpart.

In this graduation project we design and implement an online resource reservation system. The system primarily addresses the needs of academic environment and can be used for organized access to research and educational equipment, but is also adaptable. In accordance with modern webdevelopment trends, the core of the system is a REST API that is utilized by the web frontend, but can also be used by the administrators to automate certain tasks. We also evaluate user experience of the frontend. The system is freely available under an open-source license. V tem diplomskem projektu oblikujemo in implementiramo spletni sistem za rezervacijo virov. Sistem nagovarja predvsem potrebe akademskega okolja in se lahko uporablja za organiziran dostop do raziskovalne in izobraževalne opreme, hkrati pa je tudi prilagodljiv. V skladu s sodobnimi trendi spletnega razvoja je jedro sistema REST API, ki ga uporablja spletni vmesnik, lahko pa ga uporabljajo tudi skrbniki za avtomatizacijo določenih opravil. Ocenjujemo tudi uporabniško izkušnjo frontenda. Sistem je prosto dostopen pod odprtokodno licenco.

Preverjanje prisotnosti poteka na obveznih vajah ali predavanjih ter pri opravljanju kolokvijev in izpitov. Sam proces se skoraj vedno nagiba v eno izmed dveh skrajnosti velikokrat je preveč natančen in predolg, na primer ko profesor obhodi celotno predavalnico in označi vsakega posebej, ali pa je premalo natančen, nezaupljiv in krajši, na primer ko se študenti podpišejo na list papirja, ki kroži okoli po predavalnici. V okviru diplomske naloge smo razvili sistem za beleženje prisotnosti s pomočjo računalniškega vida, ki vsebuje najboljše lastnosti obeh ekstremov. Študentje se, ob zahtevi profesorja, sprehodijo do naprave in pokažejo študentsko izkaznico. Sistem s tehnikami OCR razpozna vpisne številke in jih posreduje spletnemu strežniku, ki jih shrani v podatkovno bazo. Profesorjem je na voljo spletna aplikacija, kjer lahko napravo za določen termin rezervirajo. Po končanem preverjanju lahko dostopijo do evidence ter jo po potrebi tudi izvozijo. Tak način identifikacije je hitrejši in enostavnejši, a kljub temu izjemno zanesljiv. Attendance is checked in obligatory auditory exercises or lectures and in colloquia and examinations. The process itself almost always tends to one of two extremes: it is often too detailed and too long, e.g. when the professor goes around the whole lecture hall and ticks each one individually, or it is too imprecise, not reliable enough and too short, e.g. when students sign a piece of paper that is passed around the lecture hall. We implemented an attendance system, that contains the best features of both extremes. Students, when asked by the professor, walk by the device and show their student IDs. The system recognises the registration numbers with ORC techniques and sends them to the server, which stores them in a database. Professors have an access to a web application where they can book the device for a specific term. Once the verification is complete, they can access and, if necessary, export the records. This way of identification is faster and simpler, but still extremely reliable.

Danes imamo po svetu veliko arhivov s podatki, ki jih želimo predstaviti na nek uporaben način. Včasih se pojavi želja po možnosti iskanja po teh podatkih, zato se poslužujemo izdelave informacijskih rešitev, ki nam to omogočajo. V okviru te diplomske naloge je bilo potrebno izdelati takšno rešitev, in sicer za iskanje po arhivu TV oddaj. Za shranjevanje in iskanje po podatkih smo uporabili tehnologijo Elasticsearch, saj je zelo primerna za reševanje tovrstnih problemov. Prvi cilj naloge je bila implementacija skript, ki so znale podatke iz arhiva ustrezno strukturirati in zapisati v podatkovno bazo Elasticsearch. Drugi cilj pa je bil razvoj spletne aplikacije, ki je uporabniku ponujala iskalnik po oddajah. Kljub nekaj oviram, ki so se pojavile pri delu, smo na koncu izdelali rešitev, ki je dosegala vse zastavljene cilje. Rezultat naloge je tako spletna aplikacija, ki omogoča iskanje po metapodatkih oddaj in po podnapisih ter govoru v njih. Zadetki iskanja se prikazujejo na zaslonu, tako da lahko uporabnik vidi različne podatke o oddajah, poleg tega pa je na voljo tudi možnost ogleda video posnetkov posameznih oddaj. Today, we have many archives around the world with data that we want to present in a useful way. Sometimes we want to be able to search this data, so we build IT solutions that allow us to do this. In the context of this thesis, it was necessary to develop such a solution for searching the TV archive. We used Elasticsearch to store and search the data, as it is well suited for this type of problems. The first goal of the task was to implement scripts that were able to properly structure the data from the archive and write it to the Elasticsearch database. The second objective was to develop a web application that offered the user a search engine for shows. Despite a few obstacles, we ended up with a solution that met all our objectives. The result is a web application that searches the metadata of the shows and the subtitles and speech in them. Search hits are displayed on the screen so that the user can see various information about the broadcasts, and there is also the option to watch video clips of individual broadcasts.

Glavni cilj diplomske naloge je bil ugotoviti, katera knjižnica je najboljša za implementacijo stanja v ogrodju Angular. V ta namen je bilo treba razviti osnovno aplikacijo in še 3 aplikacije, vsaka z uporabo druge knjižnice za obvladovanje stanja. Pred začetkom smo raziskali, katere knjižnice so trenutno najbolj priljubljene med uporabniki, da smo lahko izbrali 3 najbolj ustrezne. Po izbiri knjižnic in razvoju aplikacij pa smo s pomočjo drevesa kriterijev in pod-kriterijev, zalogami vrednosti in utežmi izračunali skupno oceno za vsako knjižnico in zapisali ugotovitve. Ugotovili smo, da je bila v vseh razen enem kriteriju najboljša knjižnica NgRx, ki je bila tudi končna zmagovalka primerjave. Na drugem mestu je bila knjižnica Akita, na zadnjem pa knjižnica NgXs. Knjižnica NgRx je prevladala predvsem pri kriterijih skupnosti in podpore ter kakovosti pripomočkov za razvoj. The main goal of this thesis was to determine which library is the best for implementing the state into an app developed using Angular. For that, it was necessary to develop a basic app and three more apps, each developed using a different state management library. Before development we had to research which libraries are the most popular in the community so we could choose the three most popular to compare. After the development, we graded each library using a tree of criteria and the weights that each of them had on the final grade. In the end, we gathered our thoughts on the grading. We discovered that in all but one criterium the NgRx library was the winner, which led to it being the winner of the whole comparison. The second place went to Akita and in the last place was the NgXs library. NgRx was dominant mainly in the criteria of community & support and in the quality of the development tools.

The diploma thesis encompasses the design and development of a web application for making social plans. The goal is to provide people with a simple, intuitive, and secure way to make social plans with other people or friends online. The provided services of the application include: creating social plans, joining them, chatting with the members within a plan, giving them positive or negative feedback, and adding them as friends afterward. The application is built upon the client-server architecture. The client is a Vue.js web application, and the server is a Node.js REST API. By using this architecture we make room for multiple client applications in the future, such as a mobile application. Moreover, a NoSQL MongoDB database was used and the Mongoose ODM was used for all communication with the database to provide better security and to prevent the risk of external injection attacks. The user interface follows familiar and intuitive Material design guidelines. The server is hosted on Heroku, and the web application is deployed on Netlify, which makes it accessible to the users from any device with a browser, connected to the Internet. Diplomsko nalogo vključuje načrtovanje in razvoj spletne aplikacije za izdelavo družabnih načrtov. Cilj je zagotoviti preprost, intuitiven, a varen način za ustvarjanje družabnih načrtov z neznanci ali prijatelji na spletu. Storitve, ki jih nudi aplikacija, so: ustvarjanje družabnih načrtov, pridružitev le-tem, komunikacijo s člani znotraj načrta, dajanje pozitivnih ali negativnih povratnih informacij in naknadno dodajanje med prijatelje. Aplikacija je zgrajena na arhitekturi odjemalec-strežnik. Odjemalec je spletna aplikacija Vue.js, strežnik pa Node.js REST API. Z uporabo te arhitekture naredimo prostor za več odjemalskih aplikacij v prihodnosti, kot je mobilna aplikacija. Poleg tega je bila uporabljena NoSQL podatkovna baza MongoDB, ter Mongoose ODM za vso komunikacijo s podatkovno bazo, da se zagotovi večja varnost in prepreči tveganje zunanjih napadov z vbrizgavanjem kode. Uporabniški vmesnik sledi znanim in intuitivnim smernicam Material design. Strežnik je nameščen na storitvi Heroku, spletna aplikacija pa na storitvi Netlify, zaradi česar je uporabnikom dostopna s katere koli naprave z brskalnikom, povezane v Internet.

Merjenje tresljajev je pomemben del zagotavljanja pravilnega delovanja naprav in varnosti ljudi, predstavlja pa nam lahko tudi podatek o uporabi določenega objekta, v našem primeru košarkarskega koša. Razvili smo spletno aplikacijo, s pomočjo katere bodo lahko uporabniki preverili zasedenost košarkarskih igrišč. Glavno oviro nam je predstavljala otežena dostopnost do električne energije, kar je krojilo večino izbir v procesu razvoja. S pomočjo meritev tresljajev in testiranja različnih pospeškomerov smo izbrali najbolj primerno mesto montaže naše naprave na tablo koša ter najprimernejše šok stikalo, z meritvami napetosti na referenčnem uporu pa smo potrdili preračune porabe ter polnjenja baterije s sončno celico. Vibration measurement represents an important step in ensuring optimal machine operation and safety of their operators, furthermore, it can enable the collection of data about the use of a particular object, in our case a basketball hoop. We developed a web application informing users of a basketball court occupancy. Our main challenge was minimising the energy consumption as it is not readily available on top of basketball boards, which influenced most of the design process. By recording vibration and testing different accelerometers we decided on the most optimal mounting point for our device on the board and the most suitable shock switch. Moreover, consumption measurements confirmed our preliminary calculations and showed, that our devices should work uninterrupted throughout the year.

V diplomski nalogi obravnavamo reševanje enačbe gibanja s poudarkom na modelu z eno prostostno stopnjo in na izvedbi rešitev s pomočjo spletne aplikacije, ki smo jo razvili z namenom učenja dinamičnega odziva enostavne konstrukcije z izvedbo numeričnih eksperimentov. V prvem delu diplomske naloge predstavimo osnove teorije dinamične analize in razvijemo dve splošni numerični rešitvi ter specifični analitični rešitvi za primer lastnega nihanja in konstantne obtežbe. V drugem delu je opisan razvoj spletne aplikacije, ki vključuje programske skripte za analizo dinamičnega odziva modela z eno prostostno stopnjo, ki smo jih razvili v programskem jeziku Python. Delovni tok aplikacije je predstavljen na kratko v predzadnjem poglavju. V zadnjem delu diplomske naloge demonstriramo uporabo spletne aplikacije na osnovi testnih primerov, kjer spreminjamo parametre konstrukcije, vrste in lastnosti obtežbe, izbiro metode analize in parametre metode. Vsi izvedeni izračuni se tudi shranjujejo v bazo podatkov, vezano na uporabnika, tako da lahko uporabnik izbira različne izračune in jih med seboj primerja. Pokažemo, da lahko uporabnik primerja dinamični odziv konstrukcij na osnovi grafov, ki prikazujejo različne količine v odvisnosti od časa. Na ta način lahko dobi boljši občutek in vpogled tako v fenomene dinamičnega odziva konstrukcije kot tudi v natančnost numeričnih metod. Rezultate si lahko uporabnik tudi izvozi v obliki grafov. Z novo spletno aplikacijo smo zahtevno in težko predstavljivo teorijo dinamike približali študentom ter vpeljali možnost interaktivnega učenja s pomočjo numeričnih eksperimentov. S testnimi primeri smo pokazali, da razvita spletna aplikacija omogoča reševanje osnovnih dinamičnih problemov z malo vloženega truda, pri čemer ima študent več časa, da pripravi zanimive primere, ob tem pa preučuje tudi natančnost numeričnih metod dinamične analize konstrukcij. Spletno aplikacijo je možno v prihodnosti nadgraditi, na primer z novimi primeri iz dinamike konstrukcij, z dodatnim seznamom akcelerogramov, novimi numeričnimi metodami in različnimi vrstami prikaza rezultatov. The graduation thesis addresses solutions to the equation of motion by focusing on the single-degree-of-freedom model and the implementation of solutions in terms of a web application developed for learning the dynamic response of a simple structure by performing numerical experiments. In the first part of the thesis, we present the theoretical background of dynamic analysis of the structural model and derive two general numerical solutions and specific analytical solutions for the free vibration case and constant load case. In the second part, we describe the development of the web application that includes Python scripts to analyze the dynamic response of the single-degree-of-freedom model. The workflow of the application is briefly presented in the penultimate chapter. In the last part of the thesis, we demonstrate the use of the application by several examples involving different structural parameters, load types with various properties, and different analysis methods and their parameters. All performed calculations are also stored in the user’s personal database so that the user can select several cases and compare them in terms of structural response history diagrams. We show that the user can compare the structural dynamic responses by graphs presenting different time-dependent quantities, making it possible for the user to improve insights into the phenomena of the dynamic response of structures and the accuracy of numeric methods. The user can also export the results in the form of graphs. With the new web application, we brought the challenging and difficult-to-conceive theory of structural dynamics closer to students and introduced the possibility of interactive learning based on numerical experiments. We have shown that the developed application enables students to solve basic problems of structural dynamics with little effort. Consequently, students can use the extra time to design interesting numerical experiments and investigate the accuracy of numerical analysis methods. However, the web application can be upgraded in the future with new examples from structural dynamics, an additional list of accelerograms, more numerical methods, and other forms of result representation.

Cilj diplomske naloge je razvoj prototipa spletne in mobilne aplikacije za prodajo domačih prehranskih produktov, prek katere bodo obstoječe in potencialne nove stranke imele lažji pregled nad ponudbo izdelkov in oddajale naročila za nakupe. Prav tako bo lastniku trgovine omogočilo lažji pregled nad željami kupcev, statistiko prodaje in samimi nakupljenimi količinami določenega produkta, od katerih je odvisna potrebna zaloga tega. Prototip aplikacije sem najprej razvil kot spletno stran v ogrodju Vue.js in jo nato s pomočjo ponudnika GoNative pretvoril v mobilno aplikacijo za Android operacijski sistem. Za registracijo uporabnikov, košarico in zaključek nakupa sem uporabil Snipcart. Integracija tega je zelo hitra, njegova uporabnost pa je, da spremenim spletno stran v spletno trgovino. Snipcart prek svoje administracije omogoča ogled statistike prodaje, zgodovine naročil, upravljanje uporabnikov in še nekatere druge funkcionalnosti, ki za potrebe te diplomske naloge niso ključne. Za shranjevanje podatkov o izdelkih, novicah in pričevanjih sem uporabil Firebase ponudnika Google, ki omogoča, da se spremembe in novosti v trgovini uporabniku prikazujejo v realnem času. The aim of the thesis is to develop a prototype of an online and mobile application for the sale of domestic food products, through which existing and potential new customers will more easily have an overview of the product offer and place orders for purchases. It will also give the store owner an easier overview of customer preferences, sales statistics and the purchased quantities of a particular product, on which the required stock depends. I first developed the prototype app as a website in the Vue.js framework and then turned it into a mobile app for the Android operating system with the help of a GoNative. For the shopping cart, chekout process and registering users I used Snipcart. Its integration is very fast and its usefulness is to turn a website into an online store. Through its administration, Snipcart enables the viewing of sales statistics, order history, user management and some other functionalities that are not crucial for the needs of this thesis. To store products, news, and testimonials data, I used Google’s Firebase, which allows changes and innovations in the store to be displayed to the user in real-time.

V nalogi je predstavljen postopek določitve optimalne poti med dvema točkama, ki je zasnovan na odprtokodnih rešitvah. Pod pojmom »optimalna pot« se razume najkrajšo pot med dvema točkama z upoštevanjem enosmernih cest in prepovedi zavijanja v kompleksnih križiščih. Izdelali smo spletno aplikacijo, ki uporabniku omogoča vnos začetne in končne točke za navigacijo ter ogled rezultata. Vhodni podatki so sloj cest ter sloj prepovedi zavijanja za območje občine Kranj. Podatki so shranjeni v PostgreSQL podatkovni bazi z razširitvijo PostGIS. Izračun optimalne poti je narejen z razširitvijo pgRouting. Razvoj postopka za določitev optimalne poti je ustvarjen v programskem jeziku Python. Povezava na bazo je izvedena preko knjižnice psycopg2. Spletna aplikacija je izdelana s programskima jezikoma Python in JavaScript. Največji izziv je bila kombinacija različnih tehnologij in povezava le-teh v ustrezno strukturo za določitev in prikaz optimalne poti iz podatkov v bazi do spletne aplikacije. The thesis presents the procedure for calculating the optimal route between two points, based on opensource solutions. The term "optimal route" represents the shortest route between two points considering one-way streets and turn restrictions in complex intersections. We created a web application to display the results, allowing user to define start and end points to calculate navigation, and view the result. The input data are roads and turn restrictions for the area of the municipality of Kranj. The data is stored in a PostgreSQL database with PostGIS extension. The optimal path was calculated using pgRouting extension. The whole procedure was developed in the programming language Python. Connection to the database was implemented using Python library psycopg2. The web application is created through Python and JavaScript programming languages. The biggest challenge was in connecting different technologies in correct system structure for optimal path calculation from database to web application.

E-učenje je prihodnost in odlično dopolnilo k že dobro uveljavljenim tradicionalnim metodam poučevanja. Je dosegljivo 24/7, cenovno dostopno, široko in se lahko prilagodi posameznikovi hitrosti, interesu ter tipu učenja. Če k temu dodamo še elemente, ki se jih poslužuje industrija računalniških iger, lahko študenta dodatno spodbudimo k učenju. Na naši fakulteti se je skupina profesorjev in študentov odločila, da bodo izdelali svojo aplikacijo za e-učenje. Naša naloga je bila prispevati k zalednemu delu te aplikacije. Napisan je bil za izvajalno okolje Node.js. Aplikacija je znana pod imenom eQuiz. V prvem delu diplomskega dela naredimo pregled sorodnih del na področju e-učenja ter prednosti in slabosti različnih načinov učenja. V drugem delu je predstavljena specifikacija aplikacije. Napisana je z uporabniškega vidika. V tretjem delu, ki bi se lahko bral tudi kot dokumentacija zalednega dela, so predstavljeni tehnični problemi ter rešitve s katerimi smo se srečevali med izdelavo aplikacije. Čisto na koncu so podana še navodila za vzdrževanje aplikacije. Aplikacija v času pisanja te diplomske naloge gostuje na spletnem naslovu equiz.fri1.uni-lj.si in je dostopna vsakomur, ki se želi registrirati in poizkusiti reševanje nalog. E-learning is the future of education and is greatly complementing already well-established traditional teaching methods. It is available 24/7, affordable, broad, and it can adapt to the individual's speed, interest, and type of learning. If in addition, we add elements that are used by the computer game industry, one can encourage the students to learn more. At our faculty, a group of professors and students decided to create their own e-learning application. Our job was to contribute to the back-end part of the application. It was written for the Node.js runtime environment and it is known under the name eQuiz. The first part of the thesis provides an overview of related works in the field of e-learning and the advantages and disadvantages of different approaches to learning. The second part presents the specification of the application. It is written from the user's point of view. The third part, (one could read it as the documentation of the back-end part) presents the technical problems and solutions we encountered during the development of the application. At the very end, the instructions for maintaining the application are given. At the time of writing this thesis, the application is hosted on the web address equiz.fri1.uni-lj.si and is available to anyone who wants to register and try to solve some challenges.

Diplomsko delo obravnava razvoj prototipa spletne aplikacije myFRI z uporabo programskega jezika JavaScript. Glavni cilj aplikacije je poenostaviti vsakodnevno obiskovanje fakultete za študente na Fakulteti za računalništvo in informatiko. Delo obsega predstavitev uporabljenih tehnologij in orodij za razvoj aplikacij za več platform, predvsem delovanje knjižnic programskega jezika JavaScript jQuery in D3.js ter tehnologije SVG. Aplikacija podpira delovanje na platformah Windows, iOS ter Linux. Sestavljajo jo štiri glavne komponente: urejevalnik besedil, urnik, koledar in interaktivni zemljevid fakultete. Vsebuje povezave do zunanjih sistemov eUčilnice, StudIS-a in urnika FRI-a. Urejevalnik besedil vsebuje veliko možnosti slogovnega urejanja besedila, shranjevanje in nalaganju le-tega. Vsebuje tudi povezavo do koledarja za dodajanje dogodkov, s čemer ima enostaven pregled in možnost spreminjanja le-teh. Urnik omogoča vnašanje in urejanje izobraževanj, preverjanje prekrivanja zasedenih ur, vsebuje pa tudi povezave do urejevalnika besedil in interaktivnega zemljevida. Interaktivni zemljevid omogoča iskanje prostorov in osebja, prikazuje pa tudi dodatne informacije o njih. Vse komponente aplikacije so zasnovane modularno. Končni izdelek diplomske naloge je delujoči prototip aplikacije. Thesis presents development of myFRI application prototype using programming language JavaScript. Main goal of this application is to make life easier for students of the Faculty of computer and information science in Ljubljana. Thesis includes overview of technologies and tools used in application development for multiple platforms, mainly JavaScript, jQuery and D3.js libraries and SVG technology. Application works on Windows, iOS and Linux platforms. It consists of four major components: text editor, timetable, calendar and interactive map. It also includes links to existing systems, namely eUčilnica, StudIS and FRI timetable. Text editor includes a lot of options for text styling, saving and loading notes as well as connection to calendar for adding events. In calendar users can add and edit events and have a simple overview of them. Timetable allows adding and editing of classes. It also includes connections to text editor and interactive map as well as checking for possible class overlap. Interactive map allows searching for rooms and staff. It also displays additional information about them. Components have modular design. Final product of thesis is a working prototype.

Leta 2018 je bila na FRI v sodelovanju z Onkološkim inštitutom Ljubljana razvita aplikacija mPRO Mamma, ki se je kasneje preimenovala v Onkoved. Z njo lahko bolnice z rakom na dojkah spremljajo stranske učinke kemoterapije. Zaradi uspeha aplikacije in pozitivnih rezultatov raziskave njenega vpliva na kakovost življenja bolnic, je Onkološki inštitut Ljubljana izrazil željo, da bi zgradili zaledni sistem, ki bi omogočal varno hranjenje podatkov, zbranih z aplikacijo. Poleg zalednega sistema naj bi tako razvili še spletno aplikacijo, ki bi uporabnikom omogočala vizualizacijo teh podatkov na čim bolj prijazen način. V diplomski nalogi bomo opisali razvoj in prikazali delovanje omenjenih rešitev. In 2018, in collaboration with the Institute of Oncology Ljubljana, the app mPRO Mamma, which was later renamed to Onkoved, was developed as part of a diploma thesis at UL FRI University. Patients with breast cancer can use it to help track side effects of chemotherapy. Due to the app's success and positive results of the research on its effect on the quality of life of patients, the Institute of Oncology Ljubljana requested that we build a back-end system to enable safe keeping of the data gathered by the app. Besides the back-end system, we would also develop a web application that enables the visualization of said data in a user-friendly manner. In this diploma thesis we will describe the development process and demonstrate the performance of aforementioned solutions.

Geološki zavod Slovenije je odgovoren za razvoj sistema za zbiranje podatkov o mineralnih surovinah, pridobljenih iz lokalnih PB več ponudnikov v eno skupno nabiralno PB. Zaradi morebitnih napak pri pridobivanju podatkov je potrebno izdelati proces, ki bo posodabljal referenčno nabiralno PB. Pomanjkanje programerjem pomembnih informacij zahteva po koncu izvajanja nabiralnega procesa razviti poročila, ki prikazujejo uspešnost pridobivanja zapisov. Za sledenje napredku v količini pridobljenih podatkov potrebujemo rešitev za prikaz količine nabranih podatkov skozi čas. Zaradi človeku težko berljive oblike podatkov o lokalnih PB smo razvili poročilo, ki te podatke prikaže v enostavni tabelarični strukturi. Izdelana rešitev vsebuje svojo PB imenovano M4EU-system-info. V PB M4EU-system-info se zapisujejo podatki iz nabiralnega sistema, ki je za uporabo te potreboval nadgradnjo. Geological Institute of Slovenia is responsible for the development of a system for collecting data of mineral resources obtained from local DBs of several providers into one common DB collection. Due to possible data retrieval errors, it is necessary to create a process that will update the reference harvesting DB. The lack of useful information for programmers requires developing reports showing the success of data harvesting. To track progress in the amount of data harvested, we need a solution to show the amount of data collected over time. Due to the human hard-to-read format of local DB data, we developed a report that displays this data in a simple tabular structure. The manufactured solution contains its own DB called M4EU-system-info. DB M4EU-system-info records data from the harvesting system that required an upgrade in order to use it.

V diplomskem delu smo se usmerili v razvoj prototipa spletne aplikacije za pomoč podjetjem pri upravljanju projektov za podjetja z majhnim številom zaposlenih. Pregledali smo trg aplikacij za upravljanje in vodenje projektov ter določili najprimernejše funkcionalnosti za mala podjetja. Hkrati smo zbrali zahteve podjetja, za katerega se je aplikacija razvila, te zahteve smo nato združili s zahtevami, ki smo jih pridobili iz analize trga. Aplikacija vsebuje možnost sprejemanja novih projektov, razdeljevanje projektov na naloge, predajo nalog zaposlenim in merjenje dolžine dela, ki ga opravi vsak zaposleni pri določeni nalogi. Podjetju daje možnost nadzora nad dejavnostjo zaposlenih in njihovo zasedenostjo, hkrati je vključen tudi spletni sistem za video konference in možnost komentiranja posameznih nalog, kar daje uporabnikom možnost hitrega komuniciranja. In the diploma thesis, we have developed a prototype of a project management web application for small enterprises. We have analyzed the market of project management applications to identify the most appropriate functionalities for small businesses. We have also acquired the requirements of the company for which this application was developed, adding them to those obtained from the market analysis. The developed web application provides the option to create new projects, divide projects into tasks, and assign them to a suitable employee. Besides all of that, it can also track the time that an employee needs to finish a specific task. It gives the company the power to monitor employees’ activity and their occupancy. We also developed a functionality that enables users to video call each other and add comments into the comment section at each task.

Magistrsko delo obravnava možnost uporabe majhnega računalnika imenovanega Raspberry Pi in njegovo nadgradnjo za namene izvajanja visokofrekvenčnih meritev z velikim dinamičnim razponom. Poleg tega preuči orodja in protokole na področju interneta stvari za izdelavo spletne aplikacije. V drugem delu je predstavljen način uporabe aplikacije, možnosti uporabnikovega spremljanja tovrstnih meritev v realnem času ter izvedba analize signalov po ustrezni metodi, na kar se navezuje tudi predstavljena teorija s področja procesiranja signalov. This master thesis deals with the possibility of using a small computer called Raspberry Pi, for the purpose of performing high-frequency measurements with a large dynamic range. Further, with the purpose of creating web application, tools and protocols in the field of the Internet of Things are presented. In the second part it is shown how the user can use developed web application to monitor measurements and perform signal analysis in real time. In addition, the theoretical background of appropriate signal processing method is presented.

Diplomsko delo zajema analizo, načrtovanje in razvoj spletne aplikacije, ki omogoča elektronsko naročanje hrane in pijače v restavracijah. Namen aplikacije je olajšati delo natakarjem in nuditi kakovostnejšo postrežbo gostom. Ključne funkcionalnosti so oddajanje naročil za gosta ter nadzor in upravljanje naročil za natakarja in kuharja. Omogočeno je naročanje preko aplikacije ali z neposrednim stikom z natakarjem. Aplikacija je zasnovana kot visokonivojska arhitektura (model odjemalec-strežnik), ki jo sestavljajo aplikacija, strežnik in podatkovna baza. Za razvoj aplikacije so uporabljeni ogrodje Vue in programski jeziki JavaScript, Python ter MySQL za podatkovno bazo. The diploma thesis covers the analysis, design, and development of a web application for restaurant's electronic ordering of food and beverages. The purpose of the application is to facilitate the waiter's work and provide better quality service to guests. The key functionalities are placing orders by the guest and the control and management of orders by the waiter and the chef. It is possible to order via this application or directly contact the waiter. The application is designed as a high-level architecture (client-server model), consisting of the application, server, and database. The Vue framework and JavaScript, Python, and MySQL database languages are used in the development of the application.

V diplomski nalogi predstavljamo razvoj spletne aplikacije, s katero želimo urediti arhivsko gradivo v Knjižnici Mirana Jarca. Poleg knjižnega gradiva v knjižnici hranijo tudi raznovrstno neknjižno gradivo, med drugim obsežno zbirko starih razglednic, fotografij, ekslibrisov, podobic in drugega. Za začetek smo se osredotočili na ureditev le ene vrste slikovnega gradiva – razglednic. Z razvito spletno aplikacijo smo razglednice uredili, jim določili fizično lokacijo ter povezavo do digitalizirane kopije. Uporabniki aplikacije tako lahko sami poiščejo, izberejo in knjižnici posredujejo naročilo zanje. Zaposleni v knjižnici ob prejetem naročilu gradivo v digitalizirani obliki hitro in učinkovito pripravijo ter naročilo izvedejo. S tem smo izboljšali celoten proces izvedbe, od prejema naročila, iskanja do priprave gradiva ter olajšali delo zaposlenim, ki se lahko zaradi hitrejšega postopka naročila gradiva bolj posvetijo ostalim delovnim nalogam. Za razvoj aplikacije smo izbrali ogrodje Blazor, ki omogoča razvoj spletne aplikacije v jeziku C# brez uporabe javascript-a. V zaključku naloge smo delovanje spletne aplikacije preverili v praksi in predvideli bodoče nadgradnje njene funkcionalnosti. This thesis describes the development of a web application for managing the library’s archive collection. Apart from book materials, the library saves special collections of visual materials containing old postcards, photographs, exlibrises, images and other items. Our focus is on one type of visual materials, namely postcards. The aim of the web application is to create a catalogue of the postcards, were the location of their storage within the library and a link to a digitalized copy is included. Users of the web application can search, select and request access to these digitalized materials. The library staff can then use the web application to efficiently process the request and prepare the materials. The whole process of requesting, receiving the request, finding the item and preparing it for the user, as well as the work process have been improved. The Blazor framework is used to create the application as it enables its development in C# without using Javascript. As a final step, the functioning of the web application was tested in the real environment. It's potential future development was envisaged as well.

Dandanes se na spletu pojavlja vedno več raziskovalnih metod iz področja analize in napovedovanja dobe uporabnosti hitro pokvarljivih živil. Vsaka raziskovalna metoda lahko pri raziskovanju uporablja različne parametre, ki se razlikujejo glede na format, strukturo ali pa samo vrsto podatkov. Namen te diplomske naloge je izdelati spletno aplikacijo s primerno podatkovno shemo za pregled in urejanje publikacij. Preko nje je mogoče dodajati, urejati, brisati in iskati po vnesenih metodah in drugih podatkih. Dostop do posameznih delov aplikacije je dovoljen le določenim uporabnikom z ustreznimi uporabniškimi pravicami. Predstavljen je celoten proces načrtovanja in implementacije aplikacije, ki je zasnovana kot mikrostoritev v programskem jeziku Go. Podane so zahteve, ki jih je potrebno upoštevati pri zasnovi arhitekture spletne aplikacije iz vidika varnosti podatkov, hitrosti razvoja in hitrosti aplikacije. Predstavljena je s primerom uporabe testnih podatkov za publikacije s področja hladne verige. Nowadays, more and more research methods are appearing in the field of analysis and prediction of perishable foods shelf-life. Each research method may use different parameters in its research, which often vary according to format, structure or just the type of data. The aim of this thesis is to develop a web-based application with a suitable data structure for reviewing and editing the publications. Through the application it is possible to add, edit, delete and search through the entered methods and other data. Access to individual parts of the application is restricted to specific users with the appropriate user rights. Presented is the complete design process and implementation of the application, which is designed as a microservice in the Go programming language. Given are requirements to be taken into account in the design of the web application architecture in terms of data security, development time and the speed of the application itself. The application is presented with an example of test data for publications in the field of cold chain.

Če pri športnih aktivnostih uporabljamo tehnologijo, ki zahteva, da ročno aktiviramo začetek aktivnosti, se lahko pogosto zgodi, da na aktivacijo pozabimo ali pa se nanjo spomnimo, ko smo že na polovici poti. To bomo reševali s pomočjo brezžičnega modula, ki ga bo pametni telefon zaznal preko tehnologije Bluetooth. Ko bo telefon zaznal bližino modula, bo aktiviral aktivnost namesto uporabnika. Po zaključeni aktivnosti se bo le-ta naložila na strežnik in uporabnik bo imel vpogled v vse svoje zabeležene poti in osnovno statistiko. Če pri športnih aktivnostih uporabljamo tehnologijo, ki zahteva, da ročno aktiviramo začetek aktivnosti, se lahko pogosto zgodi, da na aktivacijo pozabimo ali pa se nanjo spomnimo, ko smo že na polovici poti. To bomo reševali s pomočjo brezžičnega modula, ki ga bo pametni telefon zaznal preko tehnologije Bluetooth. Ko bo telefon zaznal bližino modula, bo aktiviral aktivnost namesto uporabnika. Po zaključeni aktivnosti se bo le-ta naložila na strežnik in uporabnik bo imel vpogled v vse svoje zabeležene poti in osnovno statistiko.

Namen diplomske naloge je bil razvoj spletne aplikacije, ki članom znotraj skavtske organizacije poenostavi in poenoti komunikacijo, obveščanje in sodelovanje. Cilj aplikacije je nadomestiti več storitev, ki se trenutno uporabljajo za ta namen. Preko spletnega vmesnika, narejenega v ogrodju Angular, lahko člani med seboj komunicirajo z uporabo realnočasovnega klepeta, ogledujejo aktivne dogodke ter prejemajo razna obvestila. Vodilnim članom pa omogoča tudi, da s svojimi člani lažje in učinkovito upravljajo, z njimi komunicirajo in jih obveščajo preko objavljanja obvestil. Spletni vmesnik pridobiva podatke preko podatkovnega vmesnika narejenega v ogrodju Laravel. Za realnočasovne posodobitve vsebine pa se uporablja komunikacijski protokol WebSocket. Razvita spletna aplikacija je bila dobro sprejeta in zadostuje ciljem, ki smo si jih zadali na začetku razvoja. The aim of this diploma thesis was the development of a web application that simplifies and unifies communication, informing and cooperation for members of scouts organization. The goal of the web application is to replace several services currently used for this purpose. Through the web interface created with the Angular framework, members can communicate with each other using real-time chat, view active events and receive various notifications. It also enables leading members to easily and efficiently manage, communicate and inform their members through posts. The web interface retrieves data via an application programming interface developed with Laravel framework. To achieve real-time data updates, the WebSocket communication protocol is used. The developed web application was well accepted and achieved the goals set at the beginning of the development.

Senzorski podatki, ki so merjeni ob različnih časovnih intervalih, se lahko prikažejo na različne načine, pri tem pa je ljudem najbljižji grafični prikaz. Diplomska naloga zajema načrtovanje in izdelavo spletne aplikacije za uvoz obstoječih podatkov v lastno podatkovno bazo ter vizualizacijo podatkov v obliki tabele, črtnega grafikona in stolpičnega diagrama. Uvoz podatkov je mogoč na tri različne načine: ročni uvoz z dodatnim vnosom metapodatkov za podane meritve, ki zahteva nekoliko več uporabniške interakcije uvoz iz datoteke brez dodatne interakcije uporabnika ter uvoz iz oddaljene storitve Google Drive, ki omogoča pridobivanje podatkov iz drugih obstoječih sistemov. Spletna aplikacija je razvita v programskem jeziku PHP in ogrodju Laravel, pri gradnji uporabniškega vmesnika pa sta uporabljeni ogrodji Vue.js in Tailwind. Vizualizacija podatkov je urejena s pomočjo knjižnice za vizualiziranje Amcharts. Ob prikazanih podatkih je uporabniku na voljo tudi izvoz v obliki slike ali datoteke .csv. Sensory data measured at different time intervals can be displayed in different ways, however, presenting it in a graphical representation has been found to be the easiest to understand by many users. This diploma thesis includes the planning and development of a web application for the import of existing data into its own database, and the visualization of data in the form of a table, line chart, and column chart. Data import is possible in three different ways: manual import with additional metadata entry for given measurements, which requires slightly more user interaction import from file without additional user interaction and import from a remote service Google Drive that allows retrieval of data from other existing systems. The web application is developed in the PHP programming language and the Laravel framework. The user interface is developed with Vue.js and Tailwind frameworks. Data visualization is arranged using the Amcharts visualization library. In addition to a display, the user can also export data in the form of an image or .csv file.