Digital skills
Introductie OLOD
De toenemende snelheid van verandering en disruptieve innovatie: Wat veranderd is
t.o.v. de 20e eeuw is dat de snelheid van verandering enorm is toegenomen en er veel
meer (vooral digitale) disruptieve innovatie optreedt.
"Disruptieve Innovatie" = een vorm van innovatie die nieuwe markten en waardeketens
doet ontstaan die uiteindelijk bestaande markten en waardeketens verstoren waardoor
vooraanstaande bedrijven, producten en diensten weggedrukt kunnen worden.
Tegenwoordig is dat bijna steeds een Disruptieve Innovatie die dankzij ICT (Information
and Communication Technology) mogelijk geworden is. We bevinden ons immers ook in
de "information age".
Wat voorbeelden van technologie die je in het oog moet houden als basis voor
"Disruptieve Innovatie":
- Artificiële intelligentie
- Blockchain
- Robotica
- IOT (internet of things)
- Data science en big data
Je kunt van een dubbeleffect spreken tegenwoordig waardoor de impact op het
bedrijfsweefsel nog krachtiger wordt: De combinatie van ‘Disruptieve Innovatie’ en
van de steeds maar toenemende ‘Snelheid van Verandering’ veroorzaken een dubbel
zo krachtige schokgolf.
Hoe ICT meestal de kern vormt van die ‘Disruptieve innovatie’? ICT oplossingen worden
de "enabler" (mogelijk makers) van:
• Nieuwe businessmodellen: abonnementen, tweedehandsmarkt,
prijsvormingstechnieken
• E-commerce: automatiseringsvoordeel buitenland (Amazon), overgang media,
sociale media, multichannel (= Je klanten kunnen vlot wisselen tussen e-
commerce, brick-and-mortar, telesales, fiels sales, en zijn als één klant met één
historiek gekend in alle kanalen.
• Mobile first: alle handeling vanaf mobiel platform (24/7), haalbaar platform,
virtueel contact en data
• Het nieuwe werken: volledige toegang tot alle bedrijfstoepassingen en je klanten,
vervangen legacy ICT (= vroegere technologie ongewijzigd blijven gebruiken)
• Bedrijfsvoering veranderingen: digitale platformen, online tools (planning), data
en analyses, reputatie is key, big data van kanalen, AI tools, efficiëntie
Agile: Je kunt dit ook omschrijven als 'Adapt en Adopt' : Je snel aanpassen aan een
wijzigende product en dienstenomgeving, en die nieuwe technologie of trend zelf nuttig
aanwenden om je competitiever te maken t.o.v. je concurrenten. Wat Darwin ooit
,schreef over de evolutie klopt perfect voor bedrijven. Daar waar je in de 20e eeuw
wellicht als bedrijf een product of dienst kon hebben en dat jaren, zelfs decenia's blijft
produceren of verkopen, dan is dat plots niet meer geldig. Het kan ontstellend snel
afgelopen zijn met je bedrijf omdat je markt plots verdwijnt. Vaak hebben ze het niet
zien aankomen dat een nieuwe technologie, vaak in een ander domein, hun markt
wegkaapt. (DVD box > Netflix)
Een website bouwen met CMS
Bouwstenen
HTML: de taal waarmee je webpagina’s opbouwt/beschrijft (creëert de structuur)
= Hyper Tekst Markup Language
❖ Het ondersteunt hypertekst: documenten en
bestanden die verbonden zijn door direct volgbare
verwijzingen, de zogenaamde hyperlinks (=
koppelingen).
❖ Opmaaktaal: eigen notaties, bestaat uit platte tekst
waarin met markeringstekens (= tag) is aangegeven
hoe de tekst moet worden geïnterpreteerd; tags in
het document geven alleen structuur en algemene
eigenschappen van de tekst aan, terwijl de details
van de presentatie apart door CSS document worden
gespecificeerd.
❖ Gebruiksinteractie: het aanklikken van verwijzingen, het invullen van tekstvelden en
het klikken in afbeeldingen
CSS: de taal waarmee je webpagina's hun opmaak geeft (geeft stijl
aan de website)
= Cascading Style Sheets
❖ Styles definiëren hoe HTML elementen moeten weergegeven
worden, werden toegevoegd omdat stijlen opnemen in HTML
tekst niet flexibel ging
❖ Stijlen worden bewaard als externe.css bestanden. Wijzig die, en
heel je website wijzigt qua looks!
JavaScript: de (programmeer)taal waarmee je logica
programmeert in een webpagina (verhoogt
interactiviteit)
❖ De tag <script> geeft aan dat wat nu volgt geen
HTML meer is maar wel de taal JavaScript.
Waarom niet meer Flash gebruiken?
❖ de mogelijkheid van goede werking van je website op tablet pc's, smartphones
hypothekeren - je hebt immer minder garantie dat die andere talen ondersteund
zullen zijn op dat platform. (bv. je website doet het niet op een smartphone)
,CMS = Content Management Systeem
= een software oplossing waarbij zonder technische kennis over website development
met een ‘what you see is what you get’ editor een vrij toonbare website kan ontwikkeld
worden. Het maakt gebruik van stijl templates. Je kan het installeren op je eigen servers
of in de cloud gehost.
Waarom?
- Iedereen binnen je bedrijf kan vlot wijzigingen aan de website aanbrengen.
- Geen ICT/webdesigner in bedrijf
- Consistente look
- Je moet je website actueel houden. De klant moet blijven aangetrokken worden om
je website opnieuw te gaan bekijken of raadplegen. -> makkelijk updates doorvoeren
ICT oplossingsvormen
• Public cloud computing: KMO kan gaan naar algemene IT hulp (zelf geen ICT
mensen nodig voor onderhoud), goedkoop maar wel standaard oplossing,
meestal in abonnement formule, automatisering
• Open source pakket: Vb. webwinkel met specifieke functie benodigdheden,
specifieke code die ze algemeen (in community) publiceren en wie interesse
heeft om toepassing te verbeteren, gaat erop in. Het voordeel hiervan is dat je als
KMO vlot uit verschillende mogelijkheden kan kiezen hierin. Je hebt wel nog een
kost: je moet investeren in een server omgeving om het op te installeren, en je
hebt ICT mensen nodig die zich inwerken in de oplossing om deze te
ondersteunen.
Een ICT vendor evalueren
Je moet product/prijs/service als een trio bekijken. Enkele elementen die je moet
nakijken bij het kiezen van je CRM:
Product Prijs Dienstverlening
- Kwaliteit - Prijsstrategie - Hulp van het bedrijf
- Performance - Implementatiekost - Serviceniveau
- Functionaliteit - Evolutie prijs bij - 24/7 beschikbaar
- Standaarden toename gebruik - Locatie
- Klantengebruik - Evolutie prijs in tijd - Ondersteunde talen
- Marktaandeel - Dienstverlening - Continuïteitsgarantie
- Cloudoplossing of - Meerprijs bij extra - Derden die diensten
lokale soft/hardware - Netwerkverkeer aanbieden
website bepaalt
maandprijs
Website usability
Website best practice
, Toegankelijkheid
Het gaat hier niet enkel over pure gebruiksvriendelijkheid, maar ook alle andere redenen
die ertoe kunnen leiden dat de gebruiker niet vlot toegang heeft tot de informatie op de
website.
1. Het laden van de webpagina’s verloopt voldoende snel
2. Zorg voor voldoende contrast tussen tekst en achtergrond door een
ergonomische huisstijl (leesbaarheid, kleurenblindheid)
3. Font grootte en lijnafstanden bieden een goede leesbaarheid (lettergrootte)
4. Wees spaarzaam met animatie (laden website vertragen)
5. Beelden voorzie je van een ALT Tag die samenvat waar het plaatje over handelt
= Zoekmachines kunnen beelden enkel indexeren en vindbaar maken als je hen
vertelt over wat het plaatje gaat. Als je wil dat jouw productfoto in de
zoekresultaten van een Google verschijnt moet je dus zorgen dat er een Alt Tag is
die duidelijk (aan Google) uitlegt waarover die foto gaat. (alternatieve tekst) (“alt”)
6. Site heeft een Not-found/404 Pagina -> 404 redirect
= Stel je webserver zo in dat in zo’n geval naar je home pagina of naar een andere
zinvolle alternatieve pagina gesprongen wordt zodat de bezoeker wel op je
website blijft hangen. (iets zinvol doen bij foutmelding)
7. De website maakt gebruik van responsive design
= benadering van webdesign waarbij de web developer streeft naar een optimale
webervaring voor een breed scala aan apparaten. Het ontwerp van een
responsive website schaalt mee met de afmetingen van een scherm, zonder in te
leveren op leesbaarheid van tekst of bruikbaarheid van de gebruikersinterface.
Identiteit
Wie voor het eerst je website vindt dient snel terug te vinden “Wie je bent”, “Wat je doet”,
“Waarom men vertrouwen in je bedrijf zou hebben”.
8. Bedrijfslogo is goed zichtbaar (maar niet overdreven groot) en linksboven
9. Toon een heldere bedrijfsslogan
10. Home-pagina valt in 5 seconden te snappen (zonder scrollen weten wat en wie)
11. Bedrijfsinformatie makkelijk te vinden en vertrouwen scheppend (“over ons”)
(logo’s betaalorganismen, kwaliteitslabels…)
12. HTTPS & SSL
❖ HTTPS is een andere (dan HTTP), beveiligde, manier om data te versturen. De extra ‘S’
staat voor Secured. Informatie wordt namelijk versleuteld zodat alleen de
verstuurder en ontvanger de informatie kunnen lezen. Met HTTPs weet u dus dat
gegevens ingetypt in de website niet door kwaadwillende partijen gezien kunnen
worden. De bezoeker wordt beschermd tegen derden. Hoe beter beveiligd, hoe hoger
je plaats in Google.
❖ Secure Sockets Layer = het versleutelen van de gegevens die worden verzonden
tussen een website en een browser, of tussen twee servers.
