Les 1. Front- End en Back- End

Welkom bij KD OoO

1 / 16
suivant
Slide 1: Diapositive
MBO

Cette leçon contient 16 diapositives, avec quiz interactif et diapositives de texte.

Éléments de cette leçon

Welkom bij KD OoO

Slide 1 - Diapositive

Presentie, Vragen/opmerkingen?

Slide 2 - Diapositive

Lesdoel 
Aan het eind van deze les weet je:
  • Wat de verschillen tussen een webshop en een website zijn;
  • Wat er bedoeld wordt met front- end en back-end;
  • Wat een Content Management Systeem (CMS) is;
  • Hoe een CMS en database met elkaar verbonden zijn;
  • Wat de voordelen van een CMS zijn;
  • Waarvoor de opmaaktalen HTML en CSS gebruikt worden.

Slide 3 - Diapositive

Vorige les
Vorige les hebben we het gehad over;
  • Het verschil tussen een webshop en een website.
  • De overeenkomst tussen een webshop en een website
  • Huiswerk; Front end, back end, CMS en database

Slide 4 - Diapositive

Theorie
Les 2 - Webwinkel cms
  • In deze les ga je kennismaken met het Content Management Systeem (CMS) van jouw webshop. 
  • Je leert wat een CMS is, hoe je het CMS kunt gebruiken en wat de voordelen van een CMS zijn.

Slide 5 - Diapositive

Theorie
Een webshop is een type (soort) website. Het verschil tussen een webshop en een ‘gewone’ website heeft te maken met het doel waarvoor ze gemaakt is. Het doel van een webshop is het verkopen van producten en/of diensten. Het doel van veel ‘gewone’ websites is om mensen te informeren over een bepaald onderwerp. Elke site (website of webshop) heeft een voor- en achterkant. Ook wel frontend & backend genoemd.

Slide 6 - Diapositive

Theorie
Frontend:
Met frontend wordt de ‘voorkant’ van de website of webshop bedoeld. De voorkant is datgene wat zichtbaar is voor de bezoeker zoals tekst, kleuren en afbeeldingen.
 

Slide 7 - Diapositive

Theorie
Backend:
Met backend wordt de ‘achterkant’ van de website of webshop bedoeld. De achterkant is alles wat niet direct zichtbaar is voor de bezoeker zoals de broncode, maar ook het registeren van een nieuwe gebruiker, de werking van de winkelwagen, het afreken proces, het ophalen van klantgegevens vanuit een database, etc.

Slide 8 - Diapositive

Theorie
CMS:
Samen vormen de frontend en backend de website of webshop. De website of webshop wordt meestal gekoppeld aan een Content Management Systeem (CMS).
Via het CMS kun je bijvoorbeeld teksten en foto’s aan je site toevoegen.  Het CMS is onderdeel van de backend. Bezoekers kunnen het CMS namelijk niet zien.

Slide 9 - Diapositive

Theorie
Database:
Als de site een CMS heeft, moet deze ook gekoppeld worden aan een database.
Een database is een opslagruimte waar gegevens gearchiveerd worden. 
In een database van een site wordt bijvoorbeeld de inhoud (content), die je als beheerder via het CMS aan je site hebt toegevoegd, opgeslagen. 

Slide 10 - Diapositive

Theorie
Database:
Als een bezoeker bijvoorbeeld een product bestelt via een webshop, wordt het proces omgedraaid. De bezoeker bestelt het product en laat hierbij zijn of haar gegevens achter. Dit doet de bezoeker (klant) aan de voorkant van de webshop. Deze gegevens worden in de database opgeslagen. Als de beheerder in het CMS inlogt, worden deze gegevens uit de database opgehaald. De beheerder kan dan bijvoorbeeld zien wat er besteld is, door wie er besteld is en waar de bestelling naartoe gestuurd moet worden. 

Slide 11 - Diapositive

Maak nu!

Slide 12 - Diapositive

Evaluatie

Slide 13 - Diapositive

Lesdoel bereikt?
En.... weet je nu:


Ja? Mooi! Goed gewerkt en opgelet!
Nee? Bekijk en oefen dan vooral nog in de ELO.
Heb je vragen? App/mail mij:06-48232723 /s.vos@vistacollege.nl

Slide 14 - Diapositive

Volgende les/huiswerk
  • Volgende les gaan we het CMS bespreken.
  • Huiswerk voor volgende week; de bijbehorende vragen 1 t/m 14 maken. Ga daarna verder met de praktijkopdrachten A t/m F van deze les.

Slide 15 - Diapositive

Wat vind je van deze les? Heb je iets gemist, zou je graag iets anders willen? Of wat je maar kwijt wilt aan mij ;-)

Slide 16 - Question ouverte