E-handel – design och kod-dokumentation: Utveckling av en modern e-handelsdesign och dokumentation av befintlig kodbas med diagram
2021 (Swedish)Independent thesis Basic level (university diploma), 10 credits / 15 HE credits
Student thesis
Abstract [en]
The purpose of the project has been to create documentation for the ecommerce platform Kodmyran´s frontend template "Responsive Theme Pro" and to develop a new frontend template for one of the company’s customers. The methodology for creating the documentation was to set up a test store, gradually go through the different files with code and link these together to create an understanding of how they are connected. Diagrams and shorter descriptive text about different files have been created and packaged in a PDF file. The model “flow-driven component diagram” I developed is a combination of several different UML techniques. The documentation is attached as a separate PDF file and should be considered as a living document. The second part of the project was to develop a design proposal and its own front-end template for Hozelock, a company who sells and manufactures garden products. A lot of focus has been on how the navigation and the different categories should be designed and placed. Through an analysis of Hozelock's product flora and graphic profile, the design has been created. An important lesson from the work has been how important it is to have good documentation when you come as a new developer to a large code base.
Abstract [sv]
Syftet med projektet var att skapa dokumentation över e-handelsplattformens Kodmyrans frontend-mall kallad ”Responsive Theme Pro”. Metodiken för att skapa dokumentationen har varit att sätta upp en egen testbutik, successivt gå igenom de olika filerna med kod och länka samman dessa samt skapa en förståelse för hur de hänger ihop. Diagram och kortare beskrivande text om olika filer skapats och paketerats i en PDF-fil. Den modell för diagram som utvecklades inom det här projektet döptes till, ”flödesdrivet komponentdiagram” och innebär en kombination av flera olika UML-tekniker. Dokumentationen finns bifogad som separat PDF-fil och skall ses som ett levande dokument. Den andra delen av projektet var att utveckla ett förslag på design och en egen frontend-mall till bolaget Hozelock som säljer och tillverkar trädgårdsprodukter. Mycket kraft och fokus har här legat på hur navigationen och de olika kategorierna skall utformas och placeras. Genom en analys av Hozelocks produktflora och grafiska profil så har designen skapats. En viktig lärdom från arbetet har varit hur viktigt det är med bra dokumentation när man kommer som ny utvecklare till en stor kodbas.
Place, publisher, year, edition, pages
2021. , p. 49
Keywords [sv]
Webbutveckling, e-handel, UX, PHP, CSS, UML, kod-dokumentation
National Category
Computer Engineering
Identifiers
URN: urn:nbn:se:miun:diva-42161Local ID: DT-V21-G2-006OAI: oai:DiVA.org:miun-42161DiVA, id: diva2:1562137
Subject / course
Computer Engineering DT1
Educational program
Web Development TWEUG 120 higher education credits
Supervisors
Examiners
2021-06-082021-06-082021-06-08Bibliographically approved