Les 6: Webshop; stroomschema en schets, betaalmogelijkheden

• Dienstverlening en Producten
• Middelbare school
• vmbo k, g
• Leerjaar 3

Welkom GL3 KV Webshop

12.15 uur	Telefoon/oortjes weg in telefoontas	Huiswerk gemaakt?
12.20 uur	startopdracht op papier
12.25 uur	Theorie	Functionaliteiten Schetsen
12.40 uur	Zelfstandig werken	Stroomschema/schets Learningbox
13.10 uur	Inloggen Lesson Up	Betaalmiddelen
13.20 uur	Zelfstandig werken	Stroomschema/schets afmaken
13.40 uur	Opdracht inleveren
13.55 uur	Afsluiting en einde les

Startopdracht 

Eindtermen keuzevak Webshop doornemen en deze vragen in je eigen woorden beantwoorden op de achterkant van het blad.

- Wat weet ik tot nu al?
- Waar moet ik nu nog aan werken?

Inleveren bij docent

Lesdoelen

• je weet hoe een webshop is opgebouwd (welke onderdelen zijn   belangrijk)
• je weet wat een stroomschema is en hoe je deze kan ontwerpen
• je weet of jouw webshop alle functionaliteiten heeft die vereist zijn
• je weet op welke manieren je online kunt betalen

Belangrijke begrippen

Cloud

een plek om dingen online op te slaan. Op deze plek kun je gegevens, software en bestanden opslaan of opvragen. Deze gegevens, software of bestanden staan niet op je eigen computer.

Web(hosting)

Huren van ruimte voor een website.

URL

Een uniek adres naar één pagina van een website.

Een URL een volledig adres is dat de exacte locatie van een webpagina specificeert.

Domeinnaam

• Een unieke naam op het internet. 
• Een naam die niemand anders gebruikt: www. uniekenaam .nl. Een domeinnaam kun je kopen. 
• Jij bent dan de enige die dit adres mag en kan gebruiken

Unieke domeinnamen

Uitlegvideo

Opbouw van een website

1) code schrijven

2) software die bouwt op code

3) CMS 

Opbouw van een website

1) code schrijven

Eén van die manieren is een website schrijven met een programmeercode. Hiervoor moet je één of meerdere programmeertalen kunnen schrijven, zoals HTML of JavaScript.

Opbouw van een website

2) Software die bouwt op code

Deze manier van ontwerpen zit tussen alles zelf schrijven met codes en een sjabloon gebruiken in. Een klein beetje kennis van code is vaak wel handig, maar niet verplicht.

Opbouw van een website

3) CMS

CMS staat voor content management system. Een CMS is een website die verschillende mogelijkheden en sjablonen aanbiedt om in te werken, waar je jouw content in kunt plaatsen.

Dit is wordt het meest gebruikt.

Functionaliteiten

Jouw website moet bepaalde dingen kunnen, dit noem je functionaliteiten. 

Deze functionaliteiten bedenk je voordat je begint met het bouwen van een website.

Functionaliteiten

Let op!

Hoe meer mogelijkheden een website heeft, hoe duurder het wordt. Als je bijvoorbeeld een webshop hebt, moet je vaak betalen voor een koppeling naar de banken waar je klanten kunnen afrekenen.

Koppelingen naar social media zijn gratis.

Koppelingen op je website maakt je met hyperlinks. 

Hyperlink

• Een tekst of afbeelding die je doorverwijst naar een andere pagina als je erop klikt met de muis. 
• De knoppen in het menu zijn hyperlinks. 
• Soms is er een afbeelding met 'mail me' op een website. 
• Als je daarop klikt wordt je e-mailprogramma geopend. Die knop is ook een hyperlink.

Widget

Een widget is een klein programmaatje dat je in je website kunt gebruiken. 

Bijvoorbeeld een bewegwijzering van Google Maps, of een Share-knop, waarmee je de website makkelijk kunt delen via WhatsApp of e-mail. 

Deze kleine programmaatjes kun je vaak zo op je website kopiëren of slepen. 

Footer/Header/Navigatiebalk

Footer: dit staat onderaan op de website. Hier staan vaak in kleine lettertjes de auteursrechten, contactgegevens, etc.

Header: het bovenste gedeelte van je website. Je ziet dit  als eerste als je de website bezoekt. Het is het visitekaartje van je website.

Navigatie- of menubalk: een rij knoppen met woorden die verwijzen naar pagina's op jouw website.

Algemene voorwaarden 

Onderaan de webshop zet je een link naar de Algemene Voorwaarden. 

Hier staat in: 

Naam adres van de ondernemer, productaanbod, prijs, garantie, levertijd en betaalmogelijkheden 

Je kan een kant en klaar sjabloon bij de Kamer van  Koophandel halen en aanpassen met de naam van je bedrijf. 

Ruwe schets/wireframe

• Een schets die je tekent voordat je een website gaat bouwen. 
• In deze schets laat je zien wat de website allemaal moet kunnen en waar je dat kunt vinden op je website. 
• De schets hoeft niet gedetailleerd te zijn.
• Eenvoudige blokken die aangeven waar het menu, de tekstblokken, etc. staan zijn genoeg.

Webshop schetsen

Met een stroomschema bepaal je de volgorde en de structuur van je website. 

Je bedenkt de navigatie waarmee een gebruiker door jouw website heen kan klikken.

 
Om het overzichtelijk te houden volg je het volgende stappenplan

Stappenplan

• Bepaal eerst hoeveel pagina's er moeten komen. 
• Verdeel de wensen                                                                      

        en eisen in groepjes,
        wat hoort bij elkaar? 

• Maak naar aanleiding van de
  groepjes categorieën.
•   Maak verbindingen.

Webshop schetsen

De manier waarop je door een website heen klikt heet navigatie. De navigatie is heel belangrijk binnen een website.

Jij moet er dus voor zorgen dat de bezoeker op een logische en snelle manier door de website kan navigeren. Dat doe je door eerst een stroomschema te maken.

Opdracht Webshop schetsen

Maak een stroomschema van je webshop op A3 papier 
Dit ma je tekenen of knutselen (het knippen en opplakken van je knoppen op A3 papier)

voorbeeld 1 stroomschema 

voorbeeld 2 stroomschema

Tussendoor

Je mag inloggen in Lesson Up

Online betalen

Welke verschillende betaalmiddelen ken je?

Met welk betaalmiddel betaal jij het meest?

Cash geld

Debetkaart

Contactloos

Online/overschrijving

Smartphone- app of sms

Hoe werkt Paypal?

Waarom is Paypal volgens jou een veilige betaalmethode?

Wat is een voordeel van Paypal?

Paypal

• PayPal staat garant voor de aankoopbescherming. 
• Dit wil zeggen als het artikel niet aankomt of beschadigd is, dan kan bij PayPal een claim worden ingediend om het geld terug te krijgen.
  

Betaalmogelijkheden

iDeal

• Bij iDEAL wordt er online overgeboekt van de bankrekening van de consument naar de bankrekening van de ondernemer. 
• Iedere bank in Nederland biedt iDEAL aan.
• De voordelen van de webshophouder zijn: lage transactiekosten en het geld staat snel op je rekening.
  

Creditcard

• Bied je als bedrijf betalingen met een creditcard aan, dan heb je bij je webshop meteen een internationaal betaalmiddel beschikbaar. 
• Voor de klant zijn dan de aankopen verzekerd tegen diefstal, vermissing of beschadiging

Achteraf betalen

• Voor de service om achteraf te betalen gebruik je de betaalmethodes van AfterPay (nu Riverty) en Klarna. 
• Bij achteraf betalen betaalt de consument de registratiekosten.
  
• Een klant van een webshop moet de mogelijkheid krijgen om minimaal de helft achteraf te betalen. 
• Het geeft vertrouwen als een klant niet alles vooraf hoeft te betalen. Dit kan extra klanten opleveren. 
• Een nadeel voor jou is dat de klant te laat een betaling doet.

Zo......

Je mag je opdracht stroomschema/schets afmaken