This report is about creating a web-shop and marketing a web-bicycle. The basic idea of the web-bicycle is that it should be possible to connect the web-bicycle to the internet and register the exercise activity of the user in a database. Based on the registered information the user gets feedback from the experts to improve his/her health. Our commission in this project is to design a web-shop and a database for marketing the web-bicycle. The visitor of the web-shop should be able to get information about the web-bicycle, register him/herself, log in and send a reservation. The purpose of our thesis is to develop our knowledge and skills in creating an appealing, user friendly, dynamic website with connection to a database. This report contains scientific information about several web-related programming languages and technologies such as HTML, CSS, ASP.NET, VB.NET, JAVASCRIPT and AJAX. There is also information about the software that we used in our work, namely Visual Web Developer 2008 Express Edition, Adobe Photoshop CS and Microsoft Access.

<p>This report is about creating a web-shop and marketing a web-bicycle. The basic idea of the web-bicycle is that it should be possible to connect the web-bicycle to the internet and register the exercise activity of the user in a database. Based on the registered information the user gets feedback from the experts to improve his/her health.</p><p>Our commission in this project is to design a web-shop and a database for marketing the web-bicycle. The visitor of the web-shop should be able to get information about the web-bicycle, register him/herself, log in and send a reservation.</p><p>The purpose of our thesis is to develop our knowledge and skills in creating an appealing, user friendly, dynamic website with connection to a database. This report contains scientific information about several web-related programming languages and technologies such as HTML, CSS, ASP.NET, VB.NET, JAVASCRIPT and AJAX. There is also information about the software that we used in our work, namely Visual Web Developer 2008 Express Edition, Adobe Photoshop CS and Microsoft Access.</p>

<p>Paramount Salt Handicraft A wholesale Himalayan salt company was previously doing business in traditional way and was limited only to the local market. However from the start day management was planning to expand the business to more locations and to attract more customers. So to expand the business and to attract the international customers and customers from other cities of Sweden it was necessary to make it available over the internet so that customers can easily get knowledge about the company’s products and purchase them. So the need of an online web shop was realized to bring the company’s plan into reality. The online shop will be act as a medium of interaction between the customers and the company and it will enable the customers to buy products online and make payments electronically and after that the products will delivered to them. Throughout the process the customers can easily track the overall status of their orders.</p>

Paramount Salt Handicraft A wholesale Himalayan salt company was previously doing business in traditional way and was limited only to the local market. However from the start day management was planning to expand the business to more locations and to attract more customers. So to expand the business and to attract the international customers and customers from other cities of Sweden it was necessary to make it available over the internet so that customers can easily get knowledge about the company’s products and purchase them. So the need of an online web shop was realized to bring the company’s plan into reality. The online shop will be act as a medium of interaction between the customers and the company and it will enable the customers to buy products online and make payments electronically and after that the products will delivered to them. Throughout the process the customers can easily track the overall status of their orders.

<p>Denna undersökning utreder om det finns anledningar till att elektronisk handel skulle vara intressant för butiker i glesbygd. Landsbygd likställs i den här rapporten med glesbygd. I denna undersökning har metoderna litteraturstudie och telefonintervju använts. Fördelar med att införa en webbutik för butiker i glesbygd är att det kan ge en utökad kundkrets och ökade intäkter. Samtidigt kan ett webbutiksinförande vara svårt att genomföra. Det kan även vara svårt för butiker i glesbygd att få en webbutik lönsam med tanke på långa varuleveranser och få konsumenter. En webbutik kan heller inte ge den sociala kontakt som är viktig för konsumenter som bor i glesbygd. Denna undersökning visar att ett webbutiksinförande behöver begrundas utifrån varje butiks situation och att en webbutik i första hand är intressant för butiker i glesbygd som erbjuder produkter i en speciell nisch. En webbutik kan även vara en ny marknadsföringskanal för en traditionell matbutik.</p>

<p>Detta arbete behandlar utvecklingen av en komplett webbsida för Grenna Museum innehållande en administrerbar webbutik.</p><p>Implementationen är baserad på designoriginal från företaget Cargando. Baserat på denna design skapades grunden till webbsidan med hjälp av tekniker såsom XHTML och CSS. Därefter lades dynamiskt innehåll i text- såväl som bildformat till med hjälp av ASP.NET och språket C#. En databas skapades för att lagra textinnehåll såväl som produktinformation, båda vilka är möjliga att redigera i webbsidans administrationsgränssnitt.</p><p>Resultatet av arbetet är en fullt fungerande webbapplikation med avancerade möjligheter till produktadministration. Arbetet har visat att verktygen som .NET-ramverket erbjuder varit lämpliga att nyttja för applikationer av denna typ. Webbsidan är redo att lanseras och samarbetet mellan författaren och uppdragsgivaren har fungerat mycket väl.</p>

Den här rapporten beskriver det självständiga arbetet med att skapa en webbutik för en second hand butik där klädesplagg visas upp till försäljning. Projektets syfte är att författaren tillsammans med handledaren på den webbaserade tidskriften Illegal Ground ska utveckla en webbplats som lätt kan administreras från ett administratörsgränssnitt samt att vara lätt tillgängligt för kunden/besökaren. Den testas och ska vara lämplig utifrån webbriktlinjer.se. Det innebär att varje individ i samhället ska kunna delta på lika villkor, oavsett etnisk bakgrund eller funktionsnedsättning. Lagen som kom i maj 2018; GDPR ska efterlevas genom att ett pop-up fönster finns på startsidan och vid formulären för registrering av kund och administratör. Det ska bland annat finnas funktionalitet för att webbutikens varor lätt ska kunna bytas ut från klädesplagg till artiklar av annan art, samt applikationen ska kunna lagra information från de olika tabellerna. Det här för att administratören ska kunna plocka ut data vid senare tillfälle. En av sidorna ska vara på engelska, samt det ska finnas en länk till denna på varje webbsida. Webbutiken ska vara allmängiltig för konceptet second hand med de etiska aspekter det innbär och och applikationen ska bygga på responsiv webbdesign och först och främst fungera på mobila enheter, typ Iphone 6. Det är begreppet ”mobile first” som gäller. De tekniker och verktyg som används är HTML, HTML5, CSS, CSS3, media queries, JavaScript, PHP med databas i frågespråket SQL, Bootstrap, Adobe Photoshop CC 2017, Projektledning m fl. Kurslitteratur från samtliga kurser i Webbutvecklingsprogrammet för studier och fördjupning i problem som uppstår under utvecklingen av webbutiken. Här ingår inspelade föreläsningar och relevanta webbsidor på internet. Metoden är främst att via iterationer av prototyper föra utvecklingen av applikationen i rätt riktning. Det hela har resulterat i en webbapplikation enligt mobile first, som fungerar väl vad gäller att registrera konto samt att välja och beställa av det urval av klädesplagg som finns till försäljning. Webbutiken Second Hand Shop fungerar för både kund och administratör. I gränssnittet för administratör finns viktiga funktioner för att organisera ett företags register.

Denna undersökning utreder om det finns anledningar till att elektronisk handel skulle vara intressant för butiker i glesbygd. Landsbygd likställs i den här rapporten med glesbygd. I denna undersökning har metoderna litteraturstudie och telefonintervju använts. Fördelar med att införa en webbutik för butiker i glesbygd är att det kan ge en utökad kundkrets och ökade intäkter. Samtidigt kan ett webbutiksinförande vara svårt att genomföra. Det kan även vara svårt för butiker i glesbygd att få en webbutik lönsam med tanke på långa varuleveranser och få konsumenter. En webbutik kan heller inte ge den sociala kontakt som är viktig för konsumenter som bor i glesbygd. Denna undersökning visar att ett webbutiksinförande behöver begrundas utifrån varje butiks situation och att en webbutik i första hand är intressant för butiker i glesbygd som erbjuder produkter i en speciell nisch. En webbutik kan även vara en ny marknadsföringskanal för en traditionell matbutik.

Studies show that web shops with a good design and easy-to-navigate structure positively affect the usability. To test this claim, LiU-store's current web shop was developed according to design and navigation principles and according to the wishes of the customer group. The purpose of the work is to determine whether a development of LiU-store's web shop, based on navigability and design, can appeal to university students. The web shop’s design was iteratively developed and implemented functionality was supported by the feasibility study as well as research in the area. Changes from the original webshop were implemented after an evaluation of functionality in the feasibility study and after further tests that were carried out during the work. A definitive test was performed to compare the developed website with the current one. The result showed that after the development, the usability of the web shop was perceived as 90 out of 100 on the System Usability Scale (SUS), while LiU-store's previous design was rated 61.7 out of 100. The factors causing the higher usability seem to be the presence of a search function, the presence of sorting and filtering functions and a site structure with few layers that minimizes the amount of clicks. / Studier visar att webbutiker med en god design och lättnavigerad uppbyggnad positivt påverkar användbarheten. För att testa detta påstående utvecklades LiU-stores nuvarande webbutik efter design- och navigeringsprinciper samt efter kundgruppens önskemål. Syftet med arbetet är att avgöra huruvida en utveckling av LiU-stores webbutik, med utgångspunkt i navigerbarhet och design, kan tilltala universitetsstudenter. Webbutikens design utvecklades iterativt och implementerad funktionalitet underbyggdes av förstudien såväl som forskning inom området. Förändringar från den ursprungliga webbutiken implementerades efter en värdering av funktionalitet i förstudien samt efter ytterligare tester som utfördes under arbetes gång. Ett slutgiltigt test utfördes för att jämföra den utvecklade hemsidan med den nuvarande. Resultatet visade att efter utvecklingen uppfattades webbutikens användbarhet som 90 av 100 på systemanvändbarhetsskalan SUS, medan LiU-stores tidigare design värderas till 61,7 av 100. De faktorer som orsakade den högre användbarheten tycks vara förekomsten av en sökfunktion, förekomsten av sorterings- och filtreringsfunktioner samt en sidstruktur med få lager som minimerar antalet klick.

This project report describes and goes through the purpose of the project, which has been to create an online store for the company Porslinblomman, which specializes in selling mainly antique things such as antiques, glass, vases, plates, and other valuable antique objects. Porslinblomman wants to be able to reach out to more customers and be able to be more visible to everyone who is interested in their sale of antique items and at the same time also reduce their costs as they must pay a certain percentage fee for each item they sell and don’t want to be tied to the platform they have their store right now. In order for this to be achieved, they need their own online store, so they avoid the unnecessary costs they have today and also have the opportunity to place ads and improve company’s visibility to their customers. They company have expressed that the most important thing is to have a basic function for the company’s web store such as displaying the products, adding new products in a smooth way, making the website responsive for different devices and of course a way for the customers to but the products they offer. Their online store will be build using JavaScript library React.js Tailwind as the frontend and Firebase as the backend where the data is saved and retrieves its information from. / Denna projektrapport beskriver och går igenom syftet med projektet som har varit att skapa en webbutik åt företaget Porslinblomman som specialiserar sig på att främst sälja antika saker så som antika glas, vaser, tallrikar och andra värdefulla antika objekt. Porslinblomman vill kunna nå ut till flera kunder och kunna synas mer för alla som är intresserade av deras försäljning av antika saker och samtidigt dra ner på sina kostnader då de måste betala en viss procent för varje såld vara de säljer och inte längre vara bundna till plattformen de har sin butik idag. För att detta ska kunna uppnås så behöver de en egen webbutik så de slipper de onödiga kostnaderna de har idag och även ha möjligheten att lägga ut annonser och förbättra företagets synlighet för deras kunder. Företaget har uttryckt sig att det viktigaste är att ha en grundfunktion för företagets webbplats så som att visa produkterna, lägga till nya produkter på ett smidigt sätt, göra webbplatsen responsiv för olika enheter och såklart ett sätt för kunder att köpa produkterna de erbjuder. Deras webbutik kommer att byggas med hjälp av JavaScript biblioteket React.js, TailwindCSS som frontend och Firebase som backend där datan är sparad och hämtar sin information ifrån