Mid Sweden University

The work described in this report has for purpose to create a new main design and a new user interface for the web based application WW Kundzon, which is a part of the web shop-solution WW Catering created and sold by a web agency. The application WW Kundzon is made for administrating e-commerce of catering products for the supermarkets that are using WW Catering and it’s an independent web application created with the programming laungauge PHP with the design pattern of MVC. The work has been done through several steps where the initializing part were carried out mainly for mapping the current sys-tem, followed by analyzing and concretizing the need of creating a new user interface for the platform. The main purpose has been to increase the usability as well as the impression in general of the platform. After that, sketches and prototypes have been created as drafts for in several steps being evaluated by the product owner as well as users of the current platform. Thereafter the main design sketch has been adjusted in order to be able to be implemented. The implementation has been started through several steps, where first of all a static main template was created using HTML, SASS/SCSS and the framework Bootstrap, which later on were divided into several smaller PHP-files adjusted to the file structure in order to make it possible to implement it in the web application, replacing the earlier user interface. The new user inteface has been tested with several different methods and has been evaluated in purpose to be prepared for the possibility to be taken into production and made available as a version 2.0 of the application WW Kundzon for both current and future customers. The report is being concluded with an analysis and a discussion about the work carried out, with starting point in different aspects.

Arbetet som beskrivs i den här rapporten har haft som syfte att skapa en ny grunddesign och ett nytt användargränssnitt till den webbaserade applikationen WW Kundzon, som är en del av e-handelslösningen WW Catering skapad och såld av en webbyrå. Applikationen WW Kundzon syftar till att administrera e-handel av cateringprodukter för de butiker som använder WW Catering och är en fristående webbapplikation skapad med programmeringsspråket PHP med MVC som designmönster. Arbetet har genomförts i flera steg där det inledningsvis handlat om att kartlägga nuvarande system, för att därefter analysera och konkretisera behovet att skapa ett nytt användargränssnitt för plattformen. Det övergripande syftet har varit att öka användbarheten och höja plattformens helhetsintryck. Därefter har skisser och prototyper skapats som förslag för att i flera steg utvärderas av såväl produktägaren som användare av den befintliga plattformen. Sedan har den grundläggande designskissen slutligen justerats för att därefter kunna implementeras. Implementeringen har påbörjats i flera steg, där först en statisk grundmall skapats med HTML, SASS/SCSS och ramverket Bootstrap, vilken sedan delats upp i flera mindre PHP-filer som anpassats med avseende på filstruktur för att kunna implementeras i webbapplikationen och ersätta tidigare gränssnitt. Det nya gränssnittet har testats med flera olika metoder och utvärderas i syfte att förberedas för möjligheten att tas i produktion och tillgängliggöras som version 2.0 av applikationen WW Kundzon för både befintliga och framtida kunder. Rapporten avslutas med analys och diskussion om det genomförda arbetet med utgångspunkt i olika aspekter.