Nettsideutvikling for bandet "Frostbite"

Abstract

Dette bachelorprosjektet dekker utviklingen av den nye nettsiden til bandet kjent som «Frostbite». Gruppen har oppnådd følgende resultater ved å kombinere informasjonen vi har lært fra våre tidligere emner, samt resultatet av forskning på ny teknologi og optimale løsninger for å lage en nettside som passer godt både for Frostbite og NTNUs systemkrav.

I løpet av våre tidligere emner har vi lært nyttig informasjon som blant annet inkluderer hvordan vi kan utvikle programmer, applikasjoner, nettsider og databaser, samt implementere slik kode med høyt fokus på lav kobling, høy kohesjon, gjenbrukbarhet, stabilitet, dokumentasjon og design. Vi har også utforsket et bredt spekter av nettsideteknologier og lært hvordan man kobler sammen forskjellige tjenester gjennom avanserte og sikre dataoverføringsprotokoller. Databasesystem var også en viktig del av utdanningsprogrammet vårt, der vi lærte oss hvordan vi lagrer forskjellige typer data på en sikker måte gjennom en lang rekke med forskjellige databasebehandlingssystemer.

Ved å kombinere informasjonen vi lærte under programmering 1&2, samt systemutvikling, databaseapplikasjoner, nettverk og netteknologi, har vi utviklet en minimalistisk og elegant nettside som enkelt kan bli redigert direkte fra selve nettsiden. Dette betyr at medlemmene av Frostbite ikke trenger å kontakte noen eksterne utviklere dersom de ønsker å gjøre endringer i layout, farger eller innhold på nettsiden, de kan enkelt redigere dette gjennom selve nettsiden. Annen teknologi vi har forsket på og implementert inkluderer rike funksjoner som blant annet vårt flerlagsdesign, dette designet lar oss bruke en effekt kjent som «parallakseeffekten». En slik effekt gir nettstedet et spektakulært utseende av dybde og kompleksitet, samtidig som det forblir minimalistisk med tanke på design, ønske og oppsett.

Innhold som farger, bilder, sanger, billetter, singler og album kan enkelt redigeres gjennom vår egen skreddersydde sikre administrasjonsmeny. Denne menyen er kun tilgjengelig for autoriserte administratorer, i vårt tilfelle er dette Frostbite-medlemmene selv. Nettsiden er koblet til en ekstern back-end server kjent som Firebase, en tjeneste levert av Google LLC. Hver gang en autorisert administrator gjør endringer på siden, blir endringene lastet opp og lagret på serveren. Når en besøkende besøker nettsiden, hentes verdiene fra den eksterne databasen og brukes umiddelbart til å gi det siste designet, oppsettet og innholdet nettsiden har å tilby.

This bachelor project covers the development of the new webpage to the band known as “Frostbite”. The group has achieved the following results by combining the information we have learned from our earlier courses, as well as researching new technology and potential solutions to make a webpage that fits both Frostbites and NTNUs requirements.

During our earlier courses we have learned to develop programs, applications, websites, and databases, as well as implementing code with high focus on low coupling, high cohesion, reusability, stability, documentation, and design. We have also explored a wide range of website technologies and learned how to connect different services through advanced and secure data transfer protocols. Databases was also an important part of our education program, it taught us how to store different types of data remotely and securely in a wide variety of database management systems.

By combining the information we learned during programming 1&2, as well as system development, database applications, networking, and web technology, we have developed a minimalistic and sleek webpage that can easily be edited directly from the page itself. This means that the members of Frostbite will not have to contact any external developer if they wish to make changes to the layout, colours, or contents of the webpage, they can easily edit this through the page themselves. Other technology we have researched and implemented includes rich features such our multi-layered design which allows us to use an effect known as the “parallax effect” to give the website a spectacular look of depth and complexity while still remaining minimalistic in terms of design and layout.

Contents such as colours, images, songs, tickets, singles, and albums can easily be edited through our own custom-made secure administration menu. This menu is only accessible by authorized administrators, in our case this is the Frostbite members themselves. The webpage is connected to a remote back-end server known as Firebase, a service provided by Google LLC. Whenever an authorized administrator make changes to the page, the changes are uploaded and stored on the server. When a visitor visits the webpage, the values are fetched securely from the remote database and are instantly applied to give the latest design, layout, and contents the website has to offer.