Förslag till förbättringar - Webbutik Second Hand Shop

Vidare ska bilduppladdningsprogrammet inkludera alla de tjugofyra klädesplaggen och visa dem löpande i Fancybox. Jag ser Webbutik Second Hand Shop som ett projekt i ständig utveckling och förändring. Det är en grund som kan byggas om utefter storleken på handeln och beroende på vad det är för artiklar som finns till försäljning. Designen och grafiken på webbplatsen kan utvecklas. Webbutiken Second Hand Shop är testad på webbriktlinjer.se[4]. Där är ett antal frågor att besvara och resultatet är att webbapplikationen uppfyller kraven till 93%. De löpande automatiserade numret(primärnyckel) för varje tabell i databasen ska visas på webbsidan för formuläret. Det fungerar nu genom att kunden fyller i ett slumpmässigt id, vilket inte är tanken. Den här funktionen ska ses över när det finns arbetstid för det.

Källförteckning

[1] Mittuniversitetet. Erika Tegström.

Inspelade föreläsningar kurs DT140G, under Möten i Adobe Connect:

Genomgång av Dataskyddsförordningen (GDPR). 2018-04-13.

[2] https://www.ipeer.se/fordelar-cdn.php Hämtad 2018-05-02.

[3] https://www.w3.org/WAI Hämtad 2018-05-02.

[4] Webbriktlinjer, "Testa din webbplats".

https://webbriktlinjer.se/testa-din-webbplats/

Hämtad 2018-05-02.

[5] webbriktlinjer.se/riktlinjer/91-skapa-en-flexibel-layout Hämtad 2018-05-02.

[6] Mittuniversitetet. Magnus Eriksson.

Inspelade föreläsningar kurs DT140G, under Möten i Adobe Connect:

Etik.

Hämtad 2018-04-19.

[7] Padron-McCarthy, T, Risch, T, Databasteknik. Upplaga 1:14.

Studentlitteratur AB, Lund. Printed in Poland 2015.

[8] Mittuniversitetet. Mattias Dahlgren.

Inspelade föreläsningar kurs DT091G, under mötestider 2017-01-20.

[9] https://www.illegalground.com Hämtad 2018-04.

[10] Frain, B. Responsive Web Design with HTML5 and CSS3.

Second edition. Birmingham, UK: Packt Publishing Ltd., August 2015.

[11] Krug, Steven, DON'T MAKE ME THINK, REVISITED.

A Common Sense Approach To Web Usability. USA: New Riders, 2014.

[12] www.php.net/manual/en/

Hämtad 2018-04.

Hämtad 2017-01.

[15] https://jqueryui.com Hämtad 2017-04.

[16] Mittuniversitetet. Mattias Dahlgren.

Inspelade föreläsningar kurs DT091G, under mötestider 2017-01-27.

[17] Tonnquist, Bo. Projektledning. Sjätte upplagan. Riga: Livonia Print.

Bo Tonnquist & Sanoma utbildning AB, 2016.

[18] Gustavsson, Tomas. Agile – Konsten att slutföra projekt. Tredje upplagan.

Egypten: Liber AB, 2014.

[19] www.w3school.com Hämtad 2018-05-02.

[20] www.wampserver.com/en/download-wampserver-64bits/

Publicerad 2016. Hämtad 2016-11-02.

[21] getbootstrap.com Hämtad 2017-09-06.

[22] Englund, H, Sundin, M, Tillgängliga webbplatser i praktiken.

Andra upplagan. Stockholm: Jure Förlag AB, 2008.

[23] Mittuniversitetet. Mattias Dahlgren.

Inspelade föreläsningar kurs DT093G, under mötestider 2016-12-08.

[24] Duckett, J, JAVASCRIPT & JQUERY.

Interactive front-end web development. Första upplagan.

USA: John Wiley & Sons Inc., 2014.

[25] Thomson, L, Welling, L, PHP and MySQL Web Development.

Fjärde upplagan. USA: Addison Wesley, 2008.

[26] Duckett, J, HTML & CSS. Design and build websites. Första upplagan.

USA: John Wiley & Sons Inc., 2014.

[27] www.google.com Hämtad 2017-04.

[28] https://webdesignskolan.se/php/formmail/formmail.php Hämtad 2018-04-12.

[29] https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/

Form_validation Hämtad 2018-04-12.

[30] https://www.w3.org/TR/WCAG-TECHS/H44.html Hämtad 2018-04-12.

[31] https://stackoverflow.com/questions/43286387/

adding-a-delete-button-in-php-on-each-row-of-a-mysql-table Hämtad 2018-04-05.

[32] https://stackoverflow.com/questions/26628812/

localstorage-how-to-save-a-checkbox Hämtad 2018-04-05.

[33] https://webdesignskolan.se/javascripts/popup/popup5.php#

Hämtad 2018-04.

[34] https://www.w3schools.com/bootstrap/bootstrap_modal.asp Hämtad 2018-04.

[35] https://www.google.com/maps/

Hämtad 2018-04-23.

[36] https://webaim.org/resources/contrastchecker/

Hämtad 2018-04-18.

[37] www.globalamalen.se/om-globala-malen/

mal-13-bekampa-klimatforandringarna/

Hämtad 2018-05-14.

[38] Mittuniversitetet. Checklistor för innehåll i den information som enligt dataskyddsförordningen ska ges när personuppgifter samlas in. PDF-fil.

Inspelade föreläsningar kurs DT140G, under Möten i Adobe Connect:

Dataskyddsförordningen (GDPR). 2018-04-13.

[39] https://www.photoshop.com/

Hämtad 2018-05-14.

Bilagor

1. Dokumentation av egen utvecklad programkod(Programbeskrivning).

2. ER-diagram över tabellerna och dess struktur.

3. Sitemap för gränssnittet administratör.

4. Wireframes för gränssnittet kund/besökare.

5. Wireframes för gränssnittet administratör.

6. Storyboard.

7. Flödesschema över webbsida reg.php.

8. Flödesschema över webbsida rega.php och sidanio.php.

9. Flödesschema över administratörsgränssnittets sidatrea.php, sidafema.php, sidasexa.php.

Figurer.

1. Gantt-schema med tillhörande milstolpeplan.

2. Databasens sex tabeller.

3. Flödesschema över beställningsfunktionen för respektive gränssnitt.

4. Sitemap över webbapplikationen och gränssnittet för kunder/besökare.

5. Egenutvecklad kod i filen bookingkorg.php.

6. Egenutvecklad kod i filen post.php.

7. Egenutvecklad kod i filen deletea.php.

8. Egenutvecklad kod i filen reg.php.

Bilaga 1(A):

Programbeskrivning

Kundens gränssnitt: Det är sammanlagt åtta webbsidor och två av dessa är tillgängliga endast för besökare. För att nå alla webbsidorna krävs en registrering av ett konto. Det lösenord som väljs här kommer användaren att kunna logga in med vid varje besök. Det finns en logga ut-knapp på varje sida och då hänvisas besökaren till första sidan. Efter att användaren stängt sin webbläsare är densamme utloggad. Gemensamt för de båda gränssnitten är att användaren måste uppge en emailadress vid registrering av konto. Samt att lösenordet krypteras i databasen och inte går att återskapa. På webbsida tre till webbsida sex finns en länk till beställningsformuläret, som ligger på en enskild webbsida. Här fyller kunden i vilket klädesplagg han/hon vill beställa, hämta eller få levererad från den fysiska butiken. Det blir då ett köp. Kundnummer fylls i samt namn osv. Det postas och en text med hela beställningen syns på webbsidan, som en första bekräftelse. Id:et på korgen går inte att dubblera.

Administratörens gränssnitt: Det är sammanlagt nio webbsidor och två av dessa är tillgängliga endast för besökare. För att nå alla webbsidorna krävs en registrering av ett konto. Det lösenord som väljs här kommer användaren att kunna logga in med vid varje besök. Det finns en logga ut-knapp på varje sida och då hänvisas besökaren till första sidan. Efter att användaren stängt sin webbläsare är densamme utloggad. På webbsida tre till webbsida sex finns en länk till beställningsformuläret, som ligger på en enskild webbsida. Här kan administratören sköta orderbekräftelse, fakturering, leverans samt betalning.

Det bockas av vilket plagg som har sålts. Det finns komplett fyra formulär till tabellerna i databasen, utöver registrering av konto samt inloggning. Under varje post som visas på webbsidorna bredvid formuläret finns funktionen Erase Post.

Webbutiken består av ett administratörsgränssnitt och ett gränssnitt för kunder/besökare. Det är ett hanteringssystem där innehållet består av sex tabeller. Två tabeller för inloggning och registrering för respektive gränssnitt, ett personregister, varugregister, en tabell för beställning(korg) samt en tabell för bekräftelse på beställning och leverans m m(varukorg)[Fig. 2]. Eftersom uppsatsen ska ha rimliga proportioner och sidinnehåll inkluderas fyra skärmdumpar som exempel på den egenutvecklade koden på webbutiken Second Hand Shop.

Figur 5.

Figur 6.

Figur 7.

Figur 8.

Bilaga 2.

Bilaga 3.

Bilaga 4.

Bilaga 5.

Bilaga 6.

Bilaga 7.

Bilaga 8.

In document Webbutik Second Hand Shop (Page 27-40)