Module 1: Website bouwen met CMS
Een CMS of Content Management Systeem: is een software oplossing waarbij zonder technische
kennis over website development met een WYSIWYG (what you see is what you get) editor een vrij
toonbare website kan ontwikkeld worden.
Waarom een CMS gebruiken:
De communicatieverantwoordelijke binnen je bedrijf moet geen ICT deskundige zijn want je kan vlot
wijzigingen aan de website aanbrengen.
ICT Oplossingsvormen:
• Een public cloud oplossing: Je maakt gebruik van een gehoste, reeds kant en klare technische
oplossing met een CMS (Content Management Systeem). Het enige wat je nog moet doen is
je website met het – typisch zeer makkelijk te gebruiken – CMS aan te maken. Meestal kun je
naast een website ook een webshop aanmaken. Van technisch beheer, beveiliging enz... hoef
je je niets aan te trekken – dat wordt allemaal geregeld door de cloud provider.
• Een open source oplossing: Je krijgt de software uit de community. Best kies je een van de
populairs CMS pakketten: Dan zal het immers later mogelijk zijn om zelf de inhoud vlot te
wijzigen zelfs als je geen webdesigner/IT-er bent. Je moet nu wel beslissen wie het technisch
onderhoud waarneemt, waar dit gehost wordt, wanneer je naar een volgende versie
overgaat, enz... Je hebt meer vrijheid, maar ook meer verantwoordelijkheden. Voorbeelden
zijn Wordpress, Joomla, Druppal,...
• Gelijkaardig aan open soure, maar niet gratis (en geen source code) dan is voor een COTS
oplossing gaan. Hier koop je een standaard product om websites mee te ontwikkelen. Je zal
opnieuw kosten hebben wil je een nieuwere versie hiervan. Tegenwoordig meer en meer in
een abonnementsformule ter vervanging van aankoop.
, • Of je gaat volledig voor maatwerk. Dat kan betekenen dat er veel custom geprogrammeerd
wordt. Misschien gebruik je pakketten zoals Adobe Dreamweaver, en is er geen CMS. Dit zal
er waarschijnlijk veel mooier en interactiever uitzien dan wat met een CMS mogelijk was.
Maar let op: mogelijk trap je in de val dat je steeds afhankelijk bent van het service bedrijf
om wijzigingen aan te brengen aan je website. Dit zal veel duurder uitvallen, en mogelijk zit
je nu vast aan die dienstverlener
Een ICT vendor evalueren kijken naar:
• Het product: heeft het de gewenste kwaliteit, performantie en functionaliteit? Volgt het
standaarden? Is het een cloudoplossing of heb je locale software of hardware in je bedrijf
nodig? Hoeveel klanten zijn er momenteel die dit product gebruiken/wat is het
marktaandeel?
• Prijs: Hoe relateert de prijs tot het scenario dat je wil volgen? Begrijp je alle prijselementen?
Is er een implementatiekost? Zijn de prijzen eenmalig te betalen, of per maand, of per jaar?
Is er een extra bedrag te betalen voor dienstverlening (men spreekt vaak van een
"supportcontract"). Wat is de meerprijs voor extra modules, extra functionaliteit, extra
capaciteit?
• Dienstverlening – Kun je hulp krijgen van dit bedrijf indien nodig, of is er enkel een mailadres
waar niemand op reageert... Wat is het serviceniveau dat men kan aanbieden. Zijn ze 24x7
bereikbaar ? Waar zitten ze fysisch, in welk land, en heeft dat gevolgen (data privacy,
economisch/politieke toestand). Welke talen worden ondersteund? Zijn er derden (andere
bedrijven) die diensten aanbieden voor dit product?
,Verder nog kijken naar:
• Wie heeft het product reeds geëvalueerd
• Wat zijn de klantenreferenties
• Financiële gezondheid van het bedrijf
, Module 2: Website usability
HTML5
Wat is HTML: HTML is de “taal” die gebruikt wordt om webpagina’s te beschrijven. Je browser leest
HTML instructies en weet daardoor hoe en wat te tonen.
HTML staat voor: Hyper Text Markup Language
Hypertext en hyperlinks: De wezenlijke eigenschap van HTML is dat deze hypertekst ondersteunt:
documenten en bestanden die verbonden zijn door direct volgbare verwijzingen, de zogenaamde
hyperlinks (in het Nederlands ook wel koppelingen genoemd).
Opmaaktaal: HTML is ook een opmaaktaal zoals vele andere, met notaties voor het aangeven van
nadruk in tekst, van kopjes, van indeling in paragrafen, van tabellen en van afbeeldingen en
multimedia.
HTML zelf voorziet alleen in zeer eenvoudige gebruiksinteractie:
• het aanklikken van verwijzingen
• het invullen van tekstvelden
• het klikken in afbeeldingen
CSS:
Wat is CSS: CSS staat voor Cascading Style Sheets. Styles definiëren hoe HTML elementen moeten
weergegeven worden. Styles werden aan HTML 4.0 toegevoegd omdat stijlen opnemen in de HTML
tekst niet flexibel was
XML:
Een CMS of Content Management Systeem: is een software oplossing waarbij zonder technische
kennis over website development met een WYSIWYG (what you see is what you get) editor een vrij
toonbare website kan ontwikkeld worden.
Waarom een CMS gebruiken:
De communicatieverantwoordelijke binnen je bedrijf moet geen ICT deskundige zijn want je kan vlot
wijzigingen aan de website aanbrengen.
ICT Oplossingsvormen:
• Een public cloud oplossing: Je maakt gebruik van een gehoste, reeds kant en klare technische
oplossing met een CMS (Content Management Systeem). Het enige wat je nog moet doen is
je website met het – typisch zeer makkelijk te gebruiken – CMS aan te maken. Meestal kun je
naast een website ook een webshop aanmaken. Van technisch beheer, beveiliging enz... hoef
je je niets aan te trekken – dat wordt allemaal geregeld door de cloud provider.
• Een open source oplossing: Je krijgt de software uit de community. Best kies je een van de
populairs CMS pakketten: Dan zal het immers later mogelijk zijn om zelf de inhoud vlot te
wijzigen zelfs als je geen webdesigner/IT-er bent. Je moet nu wel beslissen wie het technisch
onderhoud waarneemt, waar dit gehost wordt, wanneer je naar een volgende versie
overgaat, enz... Je hebt meer vrijheid, maar ook meer verantwoordelijkheden. Voorbeelden
zijn Wordpress, Joomla, Druppal,...
• Gelijkaardig aan open soure, maar niet gratis (en geen source code) dan is voor een COTS
oplossing gaan. Hier koop je een standaard product om websites mee te ontwikkelen. Je zal
opnieuw kosten hebben wil je een nieuwere versie hiervan. Tegenwoordig meer en meer in
een abonnementsformule ter vervanging van aankoop.
, • Of je gaat volledig voor maatwerk. Dat kan betekenen dat er veel custom geprogrammeerd
wordt. Misschien gebruik je pakketten zoals Adobe Dreamweaver, en is er geen CMS. Dit zal
er waarschijnlijk veel mooier en interactiever uitzien dan wat met een CMS mogelijk was.
Maar let op: mogelijk trap je in de val dat je steeds afhankelijk bent van het service bedrijf
om wijzigingen aan te brengen aan je website. Dit zal veel duurder uitvallen, en mogelijk zit
je nu vast aan die dienstverlener
Een ICT vendor evalueren kijken naar:
• Het product: heeft het de gewenste kwaliteit, performantie en functionaliteit? Volgt het
standaarden? Is het een cloudoplossing of heb je locale software of hardware in je bedrijf
nodig? Hoeveel klanten zijn er momenteel die dit product gebruiken/wat is het
marktaandeel?
• Prijs: Hoe relateert de prijs tot het scenario dat je wil volgen? Begrijp je alle prijselementen?
Is er een implementatiekost? Zijn de prijzen eenmalig te betalen, of per maand, of per jaar?
Is er een extra bedrag te betalen voor dienstverlening (men spreekt vaak van een
"supportcontract"). Wat is de meerprijs voor extra modules, extra functionaliteit, extra
capaciteit?
• Dienstverlening – Kun je hulp krijgen van dit bedrijf indien nodig, of is er enkel een mailadres
waar niemand op reageert... Wat is het serviceniveau dat men kan aanbieden. Zijn ze 24x7
bereikbaar ? Waar zitten ze fysisch, in welk land, en heeft dat gevolgen (data privacy,
economisch/politieke toestand). Welke talen worden ondersteund? Zijn er derden (andere
bedrijven) die diensten aanbieden voor dit product?
,Verder nog kijken naar:
• Wie heeft het product reeds geëvalueerd
• Wat zijn de klantenreferenties
• Financiële gezondheid van het bedrijf
, Module 2: Website usability
HTML5
Wat is HTML: HTML is de “taal” die gebruikt wordt om webpagina’s te beschrijven. Je browser leest
HTML instructies en weet daardoor hoe en wat te tonen.
HTML staat voor: Hyper Text Markup Language
Hypertext en hyperlinks: De wezenlijke eigenschap van HTML is dat deze hypertekst ondersteunt:
documenten en bestanden die verbonden zijn door direct volgbare verwijzingen, de zogenaamde
hyperlinks (in het Nederlands ook wel koppelingen genoemd).
Opmaaktaal: HTML is ook een opmaaktaal zoals vele andere, met notaties voor het aangeven van
nadruk in tekst, van kopjes, van indeling in paragrafen, van tabellen en van afbeeldingen en
multimedia.
HTML zelf voorziet alleen in zeer eenvoudige gebruiksinteractie:
• het aanklikken van verwijzingen
• het invullen van tekstvelden
• het klikken in afbeeldingen
CSS:
Wat is CSS: CSS staat voor Cascading Style Sheets. Styles definiëren hoe HTML elementen moeten
weergegeven worden. Styles werden aan HTML 4.0 toegevoegd omdat stijlen opnemen in de HTML
tekst niet flexibel was
XML:
