Introductie
Agile = Adapt & Adopt
• Aanpassen aan wijzigende product & dienstomgeving; nieuwe technologie/trend
• Competitief t.o.v. concurrent (cfr. Darwin)
• 20e eeuw: decennia produceren & verkopen → NU: Risico verdwijnen op de markt
- bv.: DVD vs. Netflix, boeken vs. E-book
- bv.: Nederlandse invasie webwinkels → gebruik digitale markten
- bv.: gereputeerde bedrijven verdwijnen snel/spartelen: Kodak, Blokker…
→ agile bedrijven overleven!
1 Toenemende snelheid van verandering en
disruptieve innovatie
1. Toename snelheid van verandering
• Vroeger: telefoon na 75 jaar 50 miljoen gebruikers, TV na 22 jaar
• Nu:
- Pokémon Go na 19 dagen 50 miljoen; smartphone in 4 jaar 1 → 2 miljard
- Nieuwe toepassing Google/Meta via Android/social media app in paar dagen miljarden
gebruikers
2. Meer disruptieve innovatie
• Doet nieuwe markten & waardeketens ontstaan die bestaande verstoren → vooraanstaande
bedrijven, producten & diensten weggedrukt
• Bv.: internet, smartphone, AI, AR & VR, autonome voertuigen, blockchain, 3D printing…
• Nu = information age = disruptieve innovatie dankzij ICT mogelijk geworden
• Digitale disruptie → 10x meer innovatie, 1/10e kost & 100x meer kracht in impact
Dubbeleffect → impact op bedrijfswereld krachtiger: disruptieve innovatie + snelheid van
verandering = dubbel zo krachtige schokgolf
• Multiplicator effect → agile ondernemen
• Bv. hype = veel klanten
• Impact technologische evolutie op bedrijfsvoering altijd groter en groter
2 ICT als enabler voor disruptie en change
ICT = Information and Communication Technologie
Enabler van… (hoe ICT kern is van disruptieve innocatie)
Nieuwe • Aankoop → abonnementen, pay-per-use
businessmodellen • bv.: Netflix, on demand kijken – Nieuwe markten (2ehands) –
prijsvorming: reverse auctions – klassieke bankfuncties → fintech
(Payconic, Apple pay…)
e-commerce • Uitbreiding: verse voeding, kledij…
• Grootte & automatiseringsvoordeel → toename dominantie buitenlandse
spelers (amazon, alibaba)
• Media fysiek → digitaal; verkoop via sociale media
• Multi-channel aanpak in Covid-19: wisselen e-commerce, brick-and-
mortar, telesales, field sales… + gekend zijn in alle kanalen
1
, Mobile first • Verwachting werknemers & klanten: alles via smartphone, 24/7
• Ook in ontwikkelingslanden
Het nieuwe • Werken met toegang tot alle bedrijfstoepassingen kan overal
werken • Intenser gebruikt collaboratietools & versneld vervangen van legacy ICT (=
oude technologie die nog werkt, enkel bruikbaar op kantoor)
Bedrijfsvoering • AI & big data → klant etc. beter kennen
veranderingen • Leveranciers & klanten aansturen voor bestellingen & leveringen,
efficiënter werken met plannings- en samenwerkingstools, beslissingen
obv data & analyses…
Een website bouwen met een CMS
1 Bouwstenen
Webpagina ontvangt 3 types instructietalen van webserver:
• HTML5 = web pagina’s opbouwen; structuur creëren, layout
• CSS3 = webpagina's opmaak geven; look and feel
• JavaScript = logica programmeren in een webpagina; interactiviteit, complexe functies…
→ aanbevolen combinatie moderne website! Geen andere talen → slechte werking!
→ “Flash” & “Silverlight” = platformproblemen
1.1 HTML
• Hyper Tekst Markup Language
• Webpagina’s beschrijven → hoe en wat tonen? = opmaaktaal
Kenmerken
• Ondersteunt hypertext = docs en bestanden verbonden door hyperlinks (koppelingen)
• Platte tekst: tags = structuur & algemene eigenschappen
- Eenvoudige gebruiksinteractie
- Details = CSS
+ opmaak wijzigen voor alle documenten tegelijk
+ verschillende opmaak manieren aangepast aan gebruiker (kleurenblind/blind) of apparaat
• Scripts = JavaScript = gestandaardiseerde vorm om andere soorten interactie te ondersteunen
1.2 CSS3
• Cascading Style Sheets
• Hoe HTML elementen weergeven?
• Stijlen opnemen in HTML tekst niet flexibel → CSS3 in HTML 4.0 = tijdbesparend
• External Style Sheets opgeslagen in CSS
Styles lossen groot probleem op!
• HTML ≠ document fomatteren, hoe iets eruit moet zien
• HTML = inhoud vastleggen & aangeven welk soort inhoud
• Tags in HTML 3.2 → instructies op alle pagina’s! + tijdrovend → HTML4: introductie CSS
1.3 JavaScript (JS)
• Programmeertaal voor complexe interactie
• Introductie JavaScript → “Dynamic HTML”
2
,2 CMS - Een website bouwen met een Content
Management Systeem
2.1 Wat?
• Softwareoplossing om website te ontwikkelen
• Geen kennis over website development nodig met
WYSIWYG editor
• Gebruikt stijl templates → makkelijk consistente look
tussen webpagina’s
• Installeren eigen servers
2.2 Waarom?
• Communicatieverantwoordelijk kan website wijzigen
• Webdesign agency als alternatief → betalend + te
weinig updates
2.3 ICT Oplossingsvormen
Vroeger Nu
• Aankoop kant-en-klaar duur softwarepakket • Public cloud computing
- = COTS, common of the shelve software - Gestandaardiseerd, abonnement
- Beheer door ICT personeel - Geen ICT mensen / installatie intern
- Elke update betalen - Goede kwaliteit, goedkoop
• Maatwerk via softwarebedrijf = duur en • Open source pakket
tijdrovend - Door vrijwilligers
- Verschillende bedrijfstoepassingen
- Principe: als je toepassing verbetert,
geef je oplossing terug aan de
gemeenschap
- Gratis, regelmatig nieuwe versies
- Kost: server omgeving voor installatie +
ICT mensen
3
, 3 Een ICT vendor evalueren
3.1 Kijk naar…
Weten naar welke 3 je moet kijken + enkele illustreren met na te kijken elementen
Product Prijs Service
Kwaliteit, performantie, Relatie prijs – scenario? Begrijp je Hulp indien nodig?
functionaliteit? prijselementen? Serviceniveau?
Volgt het standaarden? Implementatiekost? 24/7 beschikbaar?
Cloud/lokale software of Prijsevolutie bij gebruik? Locatie fysisch + gevolgen?
hardware nodig? Per maand, eenmalig, per jaar? (provacy, economisch…)
Marktaandeel? Aantal Supportcontract: extra bedrag voor Welke talen ondersteund?
klanten? dienstverlening?
Derden die diensten aanbieden
Meerprijs extra modules etc.? (+++ → verschillende offertes)
Pricedrivers CMS: maandelijkse Continuiteitsgarantie?
netwerk traffiek naar website, (financieel gezond,
aantal websites, beheerder logins… marktaandeel, overname)
+
Evaluaties van anderen → public cloud = googelen “free website builders 2020 reviews”
Klantenreferenties? → tevreden klanten die succesverhaal brengen, contact opnemen met klanten
Financiële gezondheid? → winstgevend? Veel klanten? → veilige keuzes bv. Microsoft, Oracle, Amazon
(too big to fail)
Website usability
Website bespreken + kennis aandachtspunten 4 tredes
1 Website best practice
• Best practices: website bouwen & bestaande kritisch beoordelen
• Betere ervaring bezoeker + zoekmachines helpen
1.1 Toegankelijkheid
→ Gebruiksvriendelijkheid + andere redenen moeilijke toegang tot site (bv.: niet laden/leesbaar…)
Snel genoeg laden, ook op tragere verbindingen → niet te complex!
• Objectieve meting via meettool: waterfall report, veel evaluatietools
Ergonomische huisstijl → voldoende contrast tekst vs. achtergrond
• Bv.: kleurenblind, moeilijk leesbare zones op foto’s met tekst, in de zon…
• Fouten:
- Lichte/donkere tekstkleuren op lichte/donkere achtergrond
- Veel neon of felle kleuren; te veel kleurtjes
- Kleurcombinaties moeilijk voor kleurenblindheid (bv.: rood & groen, blauw & grijs…) → tools!
Font grootte & lijnafstanden
• Net iets te groot = ideaal → leesbaar slechtzienden + niet storend perfecte ogen
• 5 regels + 1/2 “enters”
4