Programmering och pannkakor: Webbplats för unga programmerare
2020 (Swedish)Independent thesis Basic level (university diploma), 10 credits / 15 HE credits
Student thesis
Abstract [en]
The goal with this project has been to design a website for a company that wants to continue pursuing one of their sustainability goals, by responding to the great demand they have encountered at their events called ”programming and pancakes”. The purpose of the website is to further develop the knowledge of young programmers, by offering them educational materials in the form of text, video and image and also provide information on upcoming events around Sweden. The project has been developed using the MEVN stack, which includes MongoDB, Express, Vue and Node.js. The layout of the site has been treated with Vue's own CSS-tool Vuetify, where responsiveness and accessibility for the web have been taken into account. Due to the size of the project, the site's work has been done in collaboration with a student colleague, which means that certain delimitations have been set for the division of responsibility for the various sub-goals. The report highlights in more detail the responsibilities that I have been involved in. To get a holistic view of the project and to emphasize what problems have been solved, there is a comprehensive description of my colleague's tasks. The result is the basis for a functioning website with an associated administration interface with associated CRUDfunctionality, where the company continues to take on responsibility for operations and continued maintenance of the site going forward.
Abstract [sv]
Målet med detta projekt har varit att utforma en webbplats åt ett företag som vill fortsätta sträva mot ett av deras hållbarhetsmål, genom att bemöta den stora efterfrågan som de har stött på vid deras evenemang kallad ”programmering och pannkakor”. Syftet med webbplatsen är att vidareutveckla kunskapen hos unga programmerare, genom att erbjuda de utbildningsmaterial i form utav text, video och bild och även ge upplysning om kommande evenemang runtom i Sverige. Projektet har arbetats fram med hjälp av MEVN-stacken där MongoDB, Express, Vue och Node.js ingår. Layouten för webbplatsen har behandlats med Vue:s egna CSS-verktyg vuetify, där responsivitet och tillgänglighet för webben har tagits till hänsyn. På grund av projektets storlek har webbplatsens arbete skett i samarbete med en studiekollega, vilket innebär att vissa avgränsningar har blivit satta för uppdelning av ansvaret för de olika delmålen. Rapporten belyser mer detaljerat de ansvarsuppgifter som jag varit delaktig i. För att få en helhetsbild av projektet samt understryka vilka problem som har blivit lösta, finns en övergripande beskrivning av min kollegas uppgifter. Resultatet ligger till grund för en fungerande webbplats med ett tillhörande administrationsgränssnitt med tillhörande CRUD-funktionalitet, där företaget fortsätter ta vid genom ansvar för drift och fortsatt underhåll av sidan framöver.
Place, publisher, year, edition, pages
2020. , p. 44
Keywords [sv]
Webbutveckling, MEVN-stacken, MongoDB, Express, Vue, Node.js, Vuetify, CSS, CRUD
National Category
Computer Engineering
Identifiers
URN: urn:nbn:se:miun:diva-39130Local ID: DT-V20-G2-023OAI: oai:DiVA.org:miun-39130DiVA, id: diva2:1437360
Subject / course
Computer Engineering DT1
Educational program
Web Development TWEUG 120 higher education credits
Supervisors
Examiners
2020-06-092020-06-092020-06-09Bibliographically approved