Search

Cilj ovog završnog rada jest usporediti knjižnicu React.js za izradu dinamičnih web aplikacija i radni okvir Next.js, dodatak na knjižnicu React.js koji omogućava renderiranje aplikacije na poslužitelju. Izrađene su po dvije istovjetne aplikacije u obje tehnologije, a zatim uspoređen proces razvoja, kao i aplikacije koje su rezultat razvoja. Za statične aplikacije koje ne pružaju mogućnost izmjene podataka Next.js pokazao se kao bolji izbor jer pruža renderiranje na poslužitelju, koje je bitno radi boljeg rangiranja na internetskim tražilicama, ali i bolje performanse prilikom prvog učitavanja. Za aplikacije koje omogućavaju izmjenu podataka React se pokazao kao bolji izbor, jer unatoč nešto sporijem prvom učitavanju i nedostatku renderiranja na poslužitelju, React pruža mogućnost implementacije priručne memorije na klijentskoj strani, pa je nakon svake izmjene na poslužitelju moguće samo izmijeniti priručnu memoriju, dok je u Nextu potrebno opet dohvatiti sve podatke na trenutnoj stranici (pa čak i one koji se nisu promijenili). Također, takve su aplikacije uglavnom sakrivene iza autentifikacije pa renderiranje na poslužitelju i brzina prvog učitavanja nisu presudni. The aim of this bachelor thesis is to compare the dynamic web front-end library React.js with its companion for rendering these web applications on the server side, Next.js. Two identical pairs of applications were built, then analysed along with the process of their development. It is concluded that Next.js is a better option for static websites that do not allow mutating data as it allows for server-side rendering, making these applications better with search engines, as well as having better first load speed. React, however, is a better choice for web applications that allow for mutating data, as despite its lack of server-side rendering and slower first load, it allows for implementing a frontend cache which can be easily updated after mutating data, whereas applications built with Next.js need to refetch all the displayed data, even if some of it might not have changed. These applications are usually protected by authentication as well, so server-side rendering and first load speed are not of such importance.

Za što bolje rezultate, treninzi profesionalnih i rekreativnih sportaša trebaju biti pomno planirani, a njihov učinak na treninzima prikladno praćen. U tu svrhu u ovom radu predstavljamo novo programsko rješenje Fitweb. Kombinacijom web tehnologija i baza podataka korisnici imaju mogućnost lakše organizacije i planiranja treninga, kao i prikaza raznih statističkih analiza njihovog trenutnog napretka. Cilj ovog rješenja jest olakšavanje procesa pripreme i odabira najboljih vježbi korisnicima, čime se u konačnici postižu što bolji rezultati u što kraćem vremenu. U ovom radu opisat ćemo programsko rješenje, njegove funkcionalnosti i implementaciju te korištene tehnologije.

U ovom radu usporedit će se dva načina izrade Web sadržaja: najpoznatiji alat za upravljanje sadržajem –WordPress i ručno kodiranje. Prikazat će se općenito što su alati za upravljanje sadržajem (CMS) te koja je važnost WordPressa za Web razvoj. Također će se objasniti počeci Weba te zašto su HTML, CSS i JavaScript od iznimne važnosti za izradu Web sadržaja općenito. Drugi dio rada je praktični dio koji se bavi usporedbom kreiranja jednostavne Web stranice koristeći WordPress i ručno kodiranje. Pritom će se prikazati glavne prednosti, mane i mogućnosti oba načina izrade Web sadržaja. Cilj usporedbe je odgovoriti na pitanje: „Mogu li CMS alati zamijeniti ručno kodiranje Web stranica?” Zaključno će se raspraviti moguća budućnost za izradu Web sadržaja. This paper will compare two ways of creating Web content: the most well-known content management tool - WordPress and manual coding. It will be shown what Content Management Systems (CMS) are and what is the importance of WordPress for Web development. It will also explain the beginnings of the Web and why HTML, CSS and JavaScript are extremely important for creating Web content in general. The second part of the paper is a practical part that deals with the comparison of creating a simple Web site using WordPress and manual coding. The main advantages, disadvantages and possibilities of both ways of creating Web content will be presented. The aim of the comparison is to answer the question "Can CMS tools replace manual Website coding?" In conclusion, the possible future for the creation of Web content will be discussed.

Problem završnoga rada predstavlja izrada društvene mreže bazirane na pisanju osvrta na filmove. U radu se definira pojam društvene mreže te obrađuje povijest društvenih mreža, od samih početaka do globalnog fenomena koji iz dana u dan broji sve veći broj korisnika. Uvodi se u svijet web razvoja u okviru (eng. framework) Ruby on Rails te se predočavaju njegove mogućnosti. Velika zajednica Ruby on Rails programera te mnogo predočenih riješenih problema na internetu uvelike olakšavaju rješavanje bilo kakvih problema pri razvoju aplikacije. Korištenje baze podataka The Movie DB putem API-ja je uvelike olakšano objašnjenjima pronađenima na Git repozitoriju samog gem paketa. Učinkovitost samog okvira Ruby on Rails predočena je praktičnim radom. Zbog lakše instalacije Ruby on Rails okvira te prvobitne naklonosti Ruby on Rails okvira Unix-baziranim operacijskim sustavima, za potrebe samog razvoja aplikacije za operacijski sustav korištena je distribucija Linux operacijskog sustava Ubuntu 17.04. This bachelor's thesis details the development of a social network designed for writing film reviews. The term "social network" will be clearly defined including the history of social networks from their very beginnings, to the global phenomenon of today which is used by a constantly increasing number of users. The thesis also contains an introduction to the environment of the Ruby on Rails web application framework with an explanation of its capabilities. The large programming community gathered around Ruby on Rails has already dealt with numerous development issues, which greatly eases correcting any errors while developing the application. Using The Movie DB's database through their API is smooth and straightforward due to the examples found in the Git repository of The Movie DB’s gem package. The effectiveness of the Ruby on Rails framework is illustrated by its utilization in this thesis. Due to the easier installation of the Ruby on Rails framework, and the framework's initial predisposition towards Unix-based operating systems, this application has been developed using Ubuntu 17.04., distribution of the Linux operating system.

U sklopu ovog rada zamišljena je izrada web aplikacije koja bi trebala biti pomoć oko ispitivanja metoda analiza slike. Ustanovljeno je da je najlakši način to implementirati koristeći open source alate kao što su Apache, MySQL, PHP, HTML, CSS i Javascript te Ajax kako bi se moglo kasnije lakše nadograđivati, a i kako bi bilo pristupačnije svima. Izrađena aplikacija zapravo služi kao sučelje u kojem se mogu korisnici prijavljivati i stavljati svoja rješenja koja se kasnije onda mogu automatski s nekim drugim alatom testirati te pomoću izrađene aplikacije objaviti na Webu. Aplikacija ne podržava samo kreiranje jednog tipa natjecanja koje će imati sve iste elemente samo drugačije rokove nego može kreirati razne tipove natjecanja s obzirom o kakvom se točno problemu radi, s različitim tekstom, slikama, opisom, materijalima itd. Upravo i takvom jednom općenitošću i jednostavnošću razvoja se otvara prostor za daljnja nadograđivanja ukoliko se pokaže da je potrebno dodati neke nove funkcionalnosti. For the purpose of this thesis a web application has been developed that should be of help in analysing image evaluation methods. It has been agreed that the best way to do this is by using open source technologies like Apache, MySQL, PHP, HTML, CSS, JavaScript and Ajax in order to easier maintain and upgrade the solution, and in order to be more user friendly. The developed application purpose is to serve as an interface for the users so they can register to a challenge and upload their results on the Web. The application not only supports one type of challenge which will have the same elements every time except the starting and ending date, but it supports different types of challenges, depending the on the problem the challenge is about, with different text, pictures, description, materials etc. With this kind of simple and general usage development there is space for further upgrades if there is a need of adding new features.