Plug & Play by Omar Vasquez Jesus

Van genaratie op generatie u meest ambachtelijke banketbakker Naam Omar Vasquez Jesus Studentnummer 500704100 Klas Roze Docent J. Faber Vak Plug & Play Opdracht Eindopdracht Plug & Play Casus Banketbakkerij Datum 16 - 1 - 2015

Inleiding Dit document bevat informatie en keuzes gebaseerd op de eindopdracht voor het vak Plug and Play. Alle bevindingen in verband met de gekozen casus zijn samengevat en verwerkt in dit document. Ter afsluiting van het vak Plug and Play moet er en presentatie gemaakt worden over een van de gekozen Casussen (probleemstellingen). Deze presentatie wordt onderbouwd door dit document, de presentatie laat op een snelle en overzichtelijke manier de genomen stappen en onderbouwing van de keuzes zien. En is tevens de oplossing voor de gekozen casus. Aan de hand van de gegeven casussen kies je een casus in mijn geval is dit Casus 3: 1 Banketbakkerij Op de Hoek. Aan de hand van de gekozen casus en de bijbehorende probleemstellingen stel ik minimaal vijf criteria op waaraan een technische oplossing zou moeten voldoen. Denk hierbij aan functionaliteiten die in de applicatie moeten zitten maar ook bijvoorbeeld aan het gemak waarmee bepaalde acties kunnen worden uitgevoerd. Vervolgens zoek ik vijf applicaties die aan de criteria zouden kunnen voldoen. Aan de hand van een vergelijkend onderzoek bepaal ik welke drie van deze vijf applicaties het meeste kans hebben om een oplossing te zijn voor de casus. Deze drie installeer ik op de Virtual Box server. De drie ge誰nstalleerde applicaties worden vervolgens bestudeerd en beoordeeld op basis van onder andere het gemak waarmee ze kunnen worden ge誰nstalleerd, geconfigureerd (zowel qua inhoud als vormgeving) en in hoeverre ze aan de verwachting voldoen met betrekking tot de opgestelde criteria. De installatie die als beste uit deze vergelijking komt wordt verder uitgewerkt om een oplossing te vormen voor de door mijn gekozen casus.

1 Hogeschool van Amsterdam. (2015). Plug & Play: Plug & Play eindopdracht (blok 2). Reader Plug & Play. Amsterdam: Hogeschool van Amsterdam

Casus

Criteria technische oplossing 5 Functionaliteit eisen 5

Applicaties

Applicatie #1Magento 7/8 Applicatie #2 Prestashop 9/10 Applicatie #3 Tomato cart 11/12 Applicatie #4 VirtueMart 13/14 Applicatie #5 VamShop 15/16

Vergelijkend onderzoek

Vergelijkend onderzoek tabel 18

Virtual Box server installaties

Aplicatie #1 Magento 20/22 Aplicatie #2 Prestashop 23/26 Aplicatie #3 Tomato cart 27/30

Motivatie gekozen applicatie

Conclusie 32 Hosting 33 Webserver 33 Database 33 Communities 34 Gebruikers 34 Privacy 34 Security 34 Aanlevering 35 Content 35 Copyright 35

Aandachtspunten webshop 36 Webshop printscreens 37/56 Bronvermelding 57

Casus 3: Banketbakkerij Op de Hoek

Criteria technische oplossing

Banketbakkerij Op De Hoek wil een website om het assortiment aan verjaardags-, huwelijks-en andere taarten te tonen. Vooral bij verjaardagstaarten komt het tegenwoordig te vaak voor dat de klant aangeeft, de levertijd te lang te vinden. De klant wil en taart en wel nu, anders gaat hij naar de HEMA. De banketbakkerij heeft geëxperimenteerd met een vast assortiment maar dat was geen succes. Ook al komt een paar keer per dag wel iemand binnen die een taart wil, dan nog bleven te vaak de taarten onverkocht. Vooral bij slagroomtaarten is dat een groot probleem, maar een banketbakker zonder slagroomtaart in het assortiment is niet geloofwaardig. Extra zuur is dat de banketbakker een echte vakman is die regelmatig in de prijzen is gevallen met zijn taarten. Tot enkele jaren gelden trok de banketbakker zelfs klanten uit de regio.

- Functionaliteit - Gemak - Interface (etalage) - Snelle leertijd - Makkelijk categorieën toevoegen - Makkelijk producten toevoegen - Makkelijk foto’s/afbeeldingen toevoegen - Menu makkelijk aan te passen - Taal makkelijk aan te passen - Makkelijk templates te instaleren - Hoeveelheid (geschikte, gratis) templates

De bakkerij heeft onderzocht waarom het klantengedrag is veranderd. Bij jonge gezinnen blijken vaker dan 10 jaar geleden beide ouders te werken. Twee tot drie keer naar de banketbakker moeten voor een taart is echt uit de tijd. Daarom, en om de klanten uit de regio tegemoet te komen, heeft de bakkerij het plan opgevat om een digitale etalage in te richten. Dan kunnen klanten eerst online oriënteren, kunnen zij rustig het assortiment bekijken om vervolgens de bestelling door te geven.

Van genaratie op generatie u meest ambachtelijke banketbakker

Foto 1 (Google, 2015) banketbakkerij

Functionaliteit eisen - Makkelijk te bewerken webshop (CMS) - Taarten tonen op webiste - Geen vast assortiment - Vakmanschap tonen op website - Prijzen tonen op website - Klanten uit de regio uitnodigen - Webshop moet lijken op een digitale etalage - De klant moet zich makkelijk kunnen oriënteren - Assotiment moet zichtbaar zijn - Er kan besteld worden via de webshop

Applicaties Dit zijn de vijf open source applicaties die ik gekozen heb voor mijn casus: Banketbakkerij op de hoek. Aan de hand van deskresearch en de functionaliteiten en specificaties van de applicaties ga ik kijken en vergelijken welke drie applicaties van deze vijf het meeste geschikt zijn om te installeren op de Virtual Box server. hier volgen de vijf gekozen applicaties: #1 Magento

#2 Prestashop

#3 Tomato Cart

#4 VirtueMart

#5 VamShop

Applicatie #1 Magento

Onderbouwing

Magento is een professionele open source e-commerse CMS die flexibiliteit en controle biedt. Magento is gelanceerd op 31 maart 2008 en is ontwikkeld door Varien (tegenwoordig Magento Inc), het is ontworpen met het idee dat elke e-commerce implementatie op zichzelf uniek moet zijn omdat geen enkel bedrijf hetzelfde is. Magento is gebouwd met de Zend Framework. Het gebruikt de Entity-atribute-value (EAV) database model om data op te slaan. Magento is redelijk makkelijk in het gebruik en heeft een zeer actieve community. Voor elk probleem is er wel een antwoord. Nog belangrijker zijn de duizenden gratis en betaalde extensies voor Magento. Magento is voor zowel kleine webwinkels als grote webwinkels zeer geschikt.

- Instaleren duurt erg lang - Admin interface is niet erg overzichtelijk - Interface is niet gepast voor de casus -Open source -Honderden plugins -Honderden templates (ThemeForrest en TemplateMonster) -Grote community voor vragen -Zoekmachine vriendelijk -Nederlandse vertaling -Meerdere webshops vanuit één installatie (gezamenlijk voorraadbeheer) -Compleet in te richten voor de Nederlandse markt -Ook prima voor het buitenland (ook binnen één installatie) -Goede statistieken -Makkelijk split-testen

Het installeren neemt behoorlijk wat tijd in beslag. De basis heb je binnen een middag wel staan, maar dan begint het pas. Je moet veel verschillende dingen instellen en diverse tweaks toepassen. Doordat Magento wereldwijd wordt gebruikt dien je hem eerst volledig te tunen naar de Nederlandse markt. Je hebt behoorlijk wat kennis nodig om dit voor elkaar te krijgen.

Printscreen 1 (http://magento.com/, 2015)

Applicatie #2 Prestashop

Onderbouwing

PrestaShop is de meest betrouwbare en flexibele open source e-commerce CMS software. Sinds 2007, heeft PrestaShop een revolutie gebracht in de e-commerce industrie, door features te integreren die online winkeliers en de online verkoop van de online stores verhogen.

-Veel templates verkrijgbaar -Strakke lay-out -Makkelijk te begrijpen interface -Responsive web design ook voor mobiel en andere apparaten -Genoeg keus uit sjablonen voor de webshop -Uitgebreid netwerk van ontwerpers

Zoals gezegd is PrestaShop evenals Magento een Open Source e-commerce platform, en het is gratis te downloaden vanaf de website www.prestashop.com. Vervolgens kun je diverse modules (plug-ins), templates en thema’s downloaden via de website, zowel gratis als – voornamelijk – betaalde varianten. PrestaShop is gericht op het MKB – small & medium businesses. Technisch gezien maakt PrestaShop gebruik van de Smarty template engine voor de programmeertaal PHP. PrestaShop wordt momenteel volgens eigen schrijven in meer dan 125.000 online shops gebruikt. Er zijn geen officiele ondersteuningskanalen (support), maar de makers hebben een online forum gecreëerd voor de PrestaShop community waar vragen gesteld kunnen en oplossingen geboden worden. De huidige versie is 1.5.x.

Printscreen 1 (http://prestashop.com/, 2015)

Applicatie #3 Tomato cart

Onderbouwing

TomatoCart is een van de betere e-commerce platvormen waar je uit kan kiezen, om je online bedrijf te expanderen. Naast de vele verschillende features biedt TomatoCart ook veel modulair design en intu誰tieve gebruikers interface, deze open source e-commerce software maakt je dromen waar als je een succesvolle online store wilt runnen.

-Gebruikt bootstrap responisve CSS framework -Compatible met IE7, Firefox en Google Chrome -Heeft jQuery om Bootstrap componenten te ondersteunen -Multi-level drop-down menu

Printscreen 1 (http://tomatocart.com/, 2015)

Applicatie #4 VirtueMart

Onderbouwing

Joomla! is een prijs winnaar open source CMS, die gebruikt wordt voor het bouwen van krachtige websites voor bijna elk doel. VirtueMart is een open source e-commerce solutie die samen gebruikt wordt met Joomla. Dit betekent dat Virtuemart alleen gebruikt kan worden in combinatie met een Joomla installatie en niet als losse software kan worden ge誰nstalleerd. Het is geschreven in PHP en kan in typische PHP/MySQL omgevingen gebruikt worden.

-Automatisch bijbehorend zelf te maken veld voor een product -Downloadbare mediabestanden (gratis download) -Snelle mediasynchronisatie -Nieuwe triggers -Migraties van vrijwel alle data -Verkoper-weergave -Uitgebreid met lay-out voor TOS (Terms of Service) -Wettelijke informatie voor verkopers

De mogelijkheden van Virtuemart zijn bijna onbeperkt. Doordat het open source software is kunnen er verschillende plug-ins en modules worden ge誰nstalleerd om de standaard mogelijkheden verder uit te breiden, denk bijvoorbeeld aan de betaalmethoden.

Printscreen 1 (http://virtuemart.com/, 2015)

Applicatie #5 VamShop

Onderbouwing

VamCart is een gratis en open source e-commerce CMS die gebaseerd is op CakePHP.

-CakePHP -Geen duidelijke gebruikers interface -Past niet bij de gekozen casus -Weinig templates te vinden -Weinig tot geen assistentie op problemen

Printscreen 1 (http://vamshop.com/, 2015)

Vergelijkend onderzoek Aan de hand van de gedane deskresearch naar verschillende open source e-commerse CMS systemen, ben ik uitgekomen op een selectie van vijf CMS systemen deze zijn: -Magento -Prestashop -Tomato Cart -VirtueMart -VamShop Aan de hand van de opgestelde (technische criteria) voor een mogelijke oplossing voor de casus ben ik de verschillende systemen met elkaar gaan vergelijken. Ik heb rekening gehouden met de volgende punten om het vergelijken te vergemakkelijken en tot drie mogelijke kandidaten te komen. De technische criteria is als volgt:

Na het vergelijken van deze vijf CMS systemen doormiddel van de opgestelde criteria heb ik een tabel opgemaakt. De tabel geeft weer welke CMS systemen er als beste uit het vergelijkend onderzoek zijn gekomen, de waardes lopen van 1 tot en met 5, met 5 als laagste cijfer en 1 als hoogste cijfer. Het tabel geeft weer op welke aspecten de verschillende CMS systemen falen of juist slagen. (zie tabel) Als beste uit de test zijn de volgende systemen gekomen en deze zal ik vervolgens installeren op de Virtual Box. -Magento -Prestashop -Tomato Cart

- Functionaliteit - Gemak - Interface - Snelle leertijd - Makkelijk categorieĂŤn toevoegen - Makkelijk producten toevoegen - Makkelijk fotoâ&#x20AC;&#x2122;s/afbeeldingen toevoegen - Menu makkelijk aan te passen - Templates zijn makkelijk te installeren - Hoeveelheid (geschikte,gratis) templates

Lorem ipsum

Vergelijkend onderzoek tabel Magento Prestashop Virtuemart VamShop Tomato cart

Vergelijkend onderzoek tabel

Functionaliteit

Gemak

Interface (etalage)

Snelle leertijd

Makkelijk categorieĂŤn toevoegen

Makkelijk producten toevoegen

Makkelijk foto's/afbeeldingen toevoegen

Menu makkelijk aan te passen

Makkelijk templates te instaleren

Hoeveelheid (geschikte,gratis) templates

Totaal

36 (3)

21 (1)

39 (4)

42 (5)

27 (2)

Virtual Box server installaties Aan de hand van het vergelijkend onderzoek op de vijf applicaties die ik gekozen heb, zijn de volgende drie als beste uit de test gekomen: -Prestashop -Magento -Tomatocart Dit zijn de drie CMS systemen die ik ga installeren op de Virtual Box server. Doormiddel van de ervaringen en configuraties van deze gevoerde installaties en het voorgaande vergelijkend onderzoek, kan ik een beeld vormen van de applicaties. Zo kan ik mijn keuzes onderbouwen met welke van deze drie applicaties het meest geschikt is om als oplossing te bieden voor mijn casus. Hier volgen een aantal printscreens en de stappen van de gedane installaties van de applicaties op de Virtual Box server.

Afbeelding 1 (Google, 2015) Oracle vm virtual box

Applicatie #1 Magento

Printscreen 2 Magento installatie

Printscreen 3 Magento installatie

Printscreen 4 Magento installatie

Printscreen 5 Magento installatie

Printscreen 6 Magento installatie

Printscreen 7 Magento installatie

Printscreen Magento Admin Panel

Printscreen Magento Home Page

Applicatie #2 Prestashop

Printscreen 2 Prestashop installatie

Printscreen 3 Prestashop installatie

Printscreen 4 Prestashop installatie

Printscreen 5 Prestashop installatie

Printscreen 6 Prestashop installatie

Printscreen 7 Prestashop installatie

Printscreen 8 Prestashop installatie

Printscreen 9 Prestashop installatie

Printscreen 10 Prestashop Admin Panel

Printscreen 11 Prestashop Home Page

Applicatie #5 Tomato cart

Printscreen 2 Tomato Cart installatie

Printscreen 3 Tomato Cart installatie

Printscreen 4 Tomato Cart installatie

Printscreen 5 Tomato Cart installatie

Printscreen 6 Tomato Cart installatie

Printscreen 7 Tomato Cart installatie

Printscreen 8 Tomato Cart installatie

Printscreen 11 Tomato Cart installatie

Printscreen 9 Tomato Cart installatie

Printscreen 10 Tomato Cart installatie

Printscreen 12 Tomato Cart Admin Panel

Printscreen 13 Tomato Cart Front Page

Motivatie gekozen applicatie Van alle applicaties die geïnstalleerd zijn op de Virtual Box server is de Prestashop applicatie in tegenstelling tot Tomatocart en de Magento applicatie als beste naar voren gekomen. Tijdens mijn deskresearch naar de vijf applicaties die mogelijk een oplossing zouden kunnen bieden voor mijn casus, werd er geadviseerd op de mogelijkheden en opties van Prestashop. Op verschillende websites stond de applicatie meestal tussen de top drie van de meeste gebruikte/bekende e-commerse CMS systemen. Dit trok mijn aandacht, en zo ben ik me gaan verdiepen in Prestashop en de mogelijkheden die deze applicatie had te bieden, wat ik zag waren duidelijke interfaces, een groot aanbod templates en consistent vormgegeven webshops die passend waren voor verschillende doelgroepen. Tijdens de installatie van Prestashop is alles vrijwel soepel verlopen, de installatie interface was vrij duidelijk en de stappen waren makkelijk te volgen. De admin page van Prestashop heeft naar mijn mening naast Opencart en Wordpress ook het meest overzichtelijk en gebruikers vriendelijke interface. Als beginner, zonder al te veel vaardigheden of kennis van de techniek en de opties van een applicatie als Prestashop is het alsnog vrij simpel te begrijpen en te gebruiken. Dit zijn aspecten die in het geval van mijn Casus erg belangrijk zijn. Een banketbakker op de hoek zou dit makkelijk kunnen leren en zelf zijn eigen webshop/website kunnen beheren zonder al te veel gedoe. Templates toevoegen, categorieën aanmaken, producten tonen, foto’s uploaden en simpele modules instaleren is vrijwel makkelijk te bereiken met Prestashop. Daarnaast zijn er duizenden templates waar je uit kunt kiezen met veel mogelijkheden in ontwerp een soort. Prestashop biedt voor bijna elke webshop wel een fraaie, passende en gebruikers vriendelijke ontwerp. Het is dan ook daarom een van de meest gebruikte open source e-commerse CMS systeem.

Conclusie Door mijn deskresearch, vergelijkend onderzoek,installatie en gangbaarheid van Prestashop, ben ik tot de conclusie gekomen dat deze applicatie het beste aansluit op mijn casus (banketbakkerij op de hoek). Ik zal deze applicatie dan ook gebruiken voor het ontwerpen en maken van de webshop voor de banketbakker. Ik denk dat dit met Prestashop goed te doen is en dat het makkelijk is aan te passen. Met deze applicatie ga ik een webshop maken die aansluit bij mijn casus en voldoet aan de gegeven criteria waar de webshop aan moet voldoen. De belangrijke criteria waar de webshop van mijn casus aan moet voldoen zijn als volgt: - Ambachtelijke banketbakkerij (vormgeving,gevoel) - Aantal klanten is gedaald - Klanten hebben het druk en geen tijd om naar de banketbakkerij te gaan - Webshop is de oplossing hiervoor, klanten kunnen nu online bestellen (dit scheelt hen tijd) - Ambacht naar voren brengen in de vormgeving van de webshop. (fotoâ&#x20AC;&#x2122;s, logo, ban ners etc.) - Vele prijzen gewonnen - Prijzen tonen op webshop - Acties op de webshop tonen om klanten te trekken (mogelijke korting acties) - Klanten hebben weinig tijd en willen snel een taart bestellen en geleverd hebben - Makkelijke en simpele webshop interface (zo dat haastige klanten snel door het proces gaan) - Bekijken van het assortiment een en bestelling plaatsen - Bezorg dienst - Snelle service - Gebruiksvriendelijk en makkelijk te onderhouden/aan te passen

Hosting

Database

Webhosting is een dienst die particulieren of bedrijven ruimte aanbiedt voor het opslaan van informatie, afbeeldingen, of andere inhoud die toegankelijk is via een website. Om snelheid en veiligheid te garanderen en ervoor zorg te dragen dat een webpagina of een website altijd beschikbaar is, worden deze opgeslagen bij een hostingbedrijf.

De database die gebruikt is voor de webshop van de webshop voor Banketbakkerij op de hoek is MySQL. Op deze database staat het CMS systeem Prestashop opgeslagen.

Webserver Een webserver is een programma dat via een netwerk HTTP-verzoeken ontvangt en documenten naar de client stuurt. Als totum pro parte wordt in het dagelijks spraakgebruik ook wel de hele computer die de betreffende software uitvoert als webserver aangeduid. Het Engelse begrip server betekent zoveel als “dienstverlener”. De dienst, het leveren van documenten, wordt doorgaans verleend aan webbrowsers. De verzoeken aan een webserver moeten niet noodzakelijkerwijs via een fysiek netwerk gesteld worden, een dergelijke communicatie kan ook binnen één en dezelfde computer plaatsvinden.

Communities

Privacy

De communitie die via de webshop verbonden is zijn klanten en andere banketbakkers die kunnen onderdeel van de communitie worden via een facebook page of een link hiervan die op de webshop aanwezig is. Naast de reguliere facebook communitie zijn ook de volgende communities op de webshop aanwezig: Twitter, Google + en Pinterest.

Versie 0.1 Deze pagina is voor het laatst aangepast op 22-2-2015. Wij zijn er van bewust dat u vertrouwen stelt in ons. Wij zien het dan ook als onze verantwoordelijkheid om uw privacy te beschermen. Op deze pagina laten we u weten welke gegevens we verzamelen als u onze website gebruikt, waarom we deze gegevens verzamelen en hoe we hiermee uw gebruikservaring verbeteren. Zo snapt u precies hoe wij werken. Dit privacybeleid is van toepassing op de diensten van Banketbakkerij Op De Hoek. U dient zich ervan bewust te zijn dat [Bedrijfsnaam] niet verantwoordelijk is voor het privacybeleid van andere sites en bronnen. Door gebruik te maken van deze website geeft u aan het privacy beleid te accepteren. Banketbakkerij Op De Hoekrespecteert de privacy van alle gebruikers van haar site en draagt er zorg voor dat de persoonlijke informatie die u ons verschaft vertrouwelijk wordt behandeld.

Gebruikers

Security

De gebruikers van de webshop zijn de klanten en de beheerders. De beheerder in dit geval ben ik, maar omdat we met een CMS systeem werken die makkelijk aan te passen en te beheren is voor de gemiddelde gebruiker, Kan ook de banketbakkerij zelf als webshop beheerder fungeren.

Secure Sockets Layer (SSL) en diens opvolger Transport Layer Security (TLS), zijn encryptie-protocollen die communicatie op het internet beveiligen.

Aanlevering

De aanlevering van de webshop voor de Banketbakkerij Op De Hoek, is volledig naar wens van de klant. Aangeleverd met de verwerkte aandachtspunten voor de webshop, communitie, content en logo.

Op de inhoud en vormgeving van de uitingen van de Banketbakkerij Op De Hoek webshop Keurmerk (hieronder begrepen de correspondentie, de internetsite en iedere andere uiting daarvan, ongeacht de drager) rust auteursrecht en databankenrecht. Voor het overnemen, opslaan en verspreiden van (delen van) de inhoud en gebruik van de vormgeving, op welke wijze dan ook, dient u vooraf schriftelijke toestemming te hebben verkregen van de rechthebbende en/of de anketbakkerij Op De Hoek webshop.

Content De content op de webshop is genomen van andere webshops, Ik heb rondgekeken naar hoe de producten werden getoond op andere webshops en heb hier ook mijn keuzes op gebasseerd. Wel op een zodanige manier dat dit goed past bij de webshop voor Banketbakkerij Op De Hoek.

Aandachtspunten webshop

Korting op al onze verjaardagstaarten & slagroomtaart Om aandacht te vestigen op de dalende verkoop van de verjaardags en slagroomtaarten

Snelle levertijd! voor 15:00 besteld volgende dag in huis

De klant vind de levertijd niet snel genoeg en zal eerder naar de Hemas gaan, hier brengen we de snelle levertijd aan het licht

Onze ambachtelijke bakkerij heeft al drie jaar op rij de bakker met ster gewonnen De ambachtelijke banketbakkerij is al vaker in de prijzen gevallen, dit moet zichtbaar zijn op de webshop, het straalt namelijk ook de ambacht uit