Usporedba interaktivnosti fotogalerija na mrežnim stranicama

• Main Author: Komarić, Mihaela
• Other Authors: Stanisavljević, Vladimir
• Format: Bachelor Thesis
• Language: Croatian
• Published: Sveučilište Sjever. Sveučilišni centar Varaždin. Odjel za multimediju. 2020
• Subjects: HTML5; CSS3; Bootstrap; responzivni web dizajn; fotogalerija; mobilni uređaj; HTML; responsive web design; photo gallery; mobile phone; TEHNIČKE ZNANOSTI. Grafička tehnologija. Procesi grafičke reprodukcije; TECHNICAL SCIENCES. Graphic Technology. Processes of Graphic Reproduction; sami
• Online Access: https://repozitorij.unin.hr/islandora/object/unin:3417; https://urn.nsk.hr/urn:nbn:hr:122:450702; https://repozitorij.unin.hr/islandora/object/unin:3417/datastream/PDF

Glavna ideja ovog završnog rada je analizirati i utvrditi razlike te spoznati prednosti i nedostatke upotrebe različitih metoda prikazivanja foto ili video galerija na mrežnim stranicama pritom koristeći dostupne tehnologije za razvoj web sučelja poput HTML5, CSS3, JavaScript i pojedinih gotovih biblioteka. U sami postupak provedbe analize fotogalerija uzeto je nekoliko stvarnih i funkcionalnih primjera iz prakse gdje su navedene prednosti i nedostaci istih. Cilj ovog rada bio je izraditi jednostavnu web HTML stranicu sa fotogalerijom, a koja ulogu ima identičnog prikazivanja funkcionalnosti na stolnom računalu i mobilnom uređaju tako zvani, „responzivni web dizajn“. U ovom radu korišteni su materijali iz vlastite zbirke fotografija. Za kreiranje ove jednostavne web stranice korišteno je besplatno CSS okruženje Bootstrap koje je omogućilo izvedbu responzivnosti. Za isticanje fotogalerije korištena je vanjska biblioteka Magnific Popup Javascript. Na samom završetku prikazuje se pozivanje potrebnih vanjskih datoteka. The main idea of this final thesis is analyzing and determining differences and comprehending advantages and disadvantages of different methods of displaying photo and video galleries on web pages using available technologies for developing web interfaces like HTML5, CSS3, JavaScript and few ready libraries. For the analysis of photo galleries are used several real and functional examples from practice where are stated advantages and disadvantages of said technologies. The aim of this final paper was to create simple HTML web page containing photo gallery with the function of identical representation of functionality on personal computer and smartphone, so called „responsive web design“. In this final paper are used materials from my own photography collection. For creating simple web was used free CSS framework Bootstrap which enabled responsivity. For emphasis of photo gallery was used external library Magnific Popup Javascript. In the end is shown inviting of necessary external files.