Introductie OLOD (de toenemende snelheid van verandering
en disruptieve innovatie - dubbeleffect verklaren. Wat
voorbeelden benoemen. Begrijp wat de impact voor een
bedrijf kan zijn, hoe een bedrijf veel meer “agile” dient te
reageren dan in de 20e eeuw. Hoe ICT meestal de kern vormt
van die "disruptieve innovatie"
Wie wil overleven moet agile zijn. 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.
Immers, er is iets veranderd in de wereld: Daar waar je in de 20e eeuw
wellicht als bedrijf een product of dienst kon hebben en dat jaren, zelfs
decennia 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. Wie vandaag
in zijn record shop een DVD box aan 30 Euro verkoopt moet het opnemen
tegen Netflix die online voor 10 Euro/maand een onbeperkt video aanbod
aanbiedt... Wie vandaag een boekenwinkel heeft dient het op te nemen
tegen online winkels en e-books.
Gereputeerde bedrijven, met goed management, zien het toch niet
aankomen en verdwijnen in snel tempo of moeten spartelen om net boven
water te blijven: Kodak, Nokia, Halfords, Bart Smit, Blokker,...
Oude technologie zoals telefoon en elektriciteit namen vaak meer dan 40
jaar voor 50 miljoen gebruikers bereikt werden. Nu nam het maar 4 jaar
om van 1 miljard smartphone gebruikers naar 2 miljard te gaan. Het
Augmented Reality spel "Pokemon Go" bereikte in 19 dagen 50 miljoen
gebruikers - iets compleet ondenkbaar in vorige eeuw, voor het internet.
In feite is het nog veel sneller nu: Als een firma zoals Google of Meta
beslissen een revolutionaire nieuwe toepassing uit te rollen, kunnen ze dat
op een paar dagen realiseren voor hun miljarden gebruikers dankzij hun
Android of Facebook/Instagram App platform.
"Disruptieve Innovatie" is: 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 mogelijk geworden
is. We bevinden ons immers ook in de "information age"
Dubbeleffect = De combinatie van Disruptieve Innovatie en van de
steeds maar toenemende Snelheid van Verandering veroorzaken een
dubbel zo krachtige schokgolf.
, Wat voorbeelden van technologie die je in het oog moet houden als basis
voor "Disruptieve Innovatie". Later in de cursus gaan we hier nog dieper op
in:
Artificiële intelligentie
Augmented reality en virtual reality
Autonome voertuigen
Blockchain
Data science en big data
Biotech en digitale biologie
IOT (internet of things)
3D printing en digitale manufacturing
Robotica
Een website bouwen met een CMS
o Bouwstenen (weten wat de toepassing van HTML / CSS /
JavaScript is en waarom Flash niet meer mag)
De browser op jouw toestel waarmee je een webpagina bekijkt
ontvangt typisch 3 verschillende types instructietalen van de
webserver. Ieder van die 3 talen heeft een ander doel, en is
gespecialiseerd voor dat doel. We hebben het over:
HTML5, de taal waarmee je web pagina’s opbouwt
Wat is HTML? -> STRUCTUUR
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
hyperlinks (in het Nederlands ook wel koppelingen genoemd).
, Opmaaktaal
Daarnaast is HTML 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 bestaat uit platte tekst waarin met markeringstekens is
aangegeven hoe de tekst moet worden geïnterpreteerd, bijvoorbeeld
als lijst of als opschrift. Zo'n markering wordt (naar het Engels) een
tag genoemd.
Tegenwoordig, volgens de HTML5 standaard, is het de bedoeling dat
de tags in het document alleen structuur en algemene
eigenschappen van de tekst aangeven, terwijl de details van de
presentatie apart van het document worden gespecificeerd, het CSS
document.
Dit heeft als voordelen dat de opmaak ineens kan worden gewijzigd
voor alle documenten tegelijk en dat er verschillende manieren van
opmaken kunnen worden gebruikt die bijvoorbeeld toegesneden
kunnen zijn op de eigenschappen van de gebruiker (misschien
kleurenblind of blind) of het weergevende apparaat (misschien een
klein beeldscherm of zwart-wit-papier).
HTML zelf voorziet alleen in zeer eenvoudige gebruiksinteractie:
het aanklikken van verwijzingen
het invullen van tekstvelden
het klikken in afbeeldingen
CSS3, de taal waarmee je webpagina's hun opmaak geeft
Wat is CSS3? -> OPMAAK
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
Externe Style Sheets sparen heel wat tijd uit: een CSS definitie wisselen
wisselt nu heel de “looks” van je website
External Style Sheets worden opgeslagen in CSS bestanden
, Styles lossen een groot probleem op:
HTML was nooit bedoeld om een document te formatteren.
HTML was bedoeld om de inhoud van een document vast te leggen
en daarbij wel aan te geven welk soort inhoud iets was (zoals een
bulletlijst), maar niet hoe de bullet van de bulletlijst er moest uitzien.
Door vanaf HTML 4 het concept van CSS te introduceren is nu het
formateringsdetail losgekoppeld, en kun je vlot de looks van een
hele website wijzigen zonder iets aan de HTML te moeten wijzigen.
CSS definieert hoe de HTML elementen worden weergegeven.
Stijlen worden bewaard als externe .css bestanden. Wijzig die, en
heel je website wijzigt qua looks!
JavaScript, de taal waarmee je logica programmeert in een
webpagina
JS staat voor JavaScript. Talen zoals HTML en CSS zijn beschrijvend. Je
kunt daar niet echt programma's mee schrijven die complexe
interacties besturen. Dan heb je een echte programmeertaal nodig.
Met de introductie van JavaScript ontstonden de eerste mogelijkheden
om webpagina's interactief te maken. Dit werd later Dynamic HTML
genoemd.
De start is gewoon HTML. De html tag "button" koppelt een in javascript
opgezette eigen functie met naam "myfunction()" aan de button. Als je
dus op de button klikt wordt die JavaScript functie aangeroepen.
De tag <script> geeft aan dat wat nu volgt geen HTML meer is maar
wel de taal JavaScript. Daar definiëren we wat de door ons aangemaakt
functie "myfunction" wel doet: een popup box doen verschijnen door de
ingebouwde functie "alert" te gebruiken.
Conclusie
Het trio HTML5, CSS3 en JS zijn de aanbevolen combinatie van tools om
een moderne website mee op te bouwen die op de meeste platformen
kunnen werken. Blijf indien mogelijk weg van andere talen en
technologie omdat deze de mogelijkheid van goede werking van je
website op tablet pc's, smartphones hypothekeren - Beruchte
voorbeelden van technologie die platformproblemen gaf waren "Flash"
(Adobe) en "Silverlight" (Microsoft) - nu beide obsolete. Het laatste wat
je wil is dat je website het niet doet op een smartphone...
