lOMoARcPSD|23825716
Hoofdstuk 1: Introductie
Agile zijn: door snelle ontwikkeling van ICT je ook wendbaar opstellen
o Is nodig om te overleven als bedrijf
o Tijdig beslissen tot de gepaste disruptieve innovatie om nieuwe markten, producten,
businessmodellen te betreden en werking bedrijf te transformeren
Adapt en Adopt: Je snel aanpassen aan een wijzigende product en dienstomgeving, en dien nieuwe
technologie of trend zelf nuttig aanwenden om je competitiever te maken t.o.v. je concurrenten.
Hoe?
o Snelheid verandering sterk gestegen tegenover 20ste eeuw
o Veel innovatie is disruptief
▪ Vorm van innovatie die nieuwe markten en waardeketen doet ontstaan die
uiteindelijk bestaande markten en waardeketen verstoten waardoor
vooraanstaande bedrijven, producten en diensten weggedrukt worden
▪ Meestal is dit door ICT mogelijke geworden
Conclusie
o Dubbeleffect = A en B veroorzaken een dubbele krachtige schokgolf
ICT als enabler voor disruptie en change
Door de invloed van ICT ondergaat de zakenwereld die diepgaande verandering. De investeringen in ICT nemen
dan ook snel toe. ICT oplossingen worden de “enabler” van:
- Nieuwe businessmodellen: aankoop wordt vervangen door abonnementen, pay-per-use (je betaalt voor
wat je verbruikt) (vb. Netflix)
- E-commerce
- Multichannel: je klanten kunnen vlot wisselen tussen e-commerce, brick-and-mortar, telesales, field
sales, en zijn als één klant met één historiek gekend in alle kanalen.
- Mobile first
- Het nieuwe werken: werken met volledige toegang tot alle bedrijfstoepassingen en je klanten is van
overal mogelijk: thuis, bij een klant, onderweg, in een co-sharing ruimte.
- Legancy ICT: ICT oplossingen die een bedrijf lang geleden, gebaseerd op de technologie van dat moment,
in gebruik heeft genomen en nog steeds grotendeels ongewijzigd gebruikt
- Bedrijfsvoering veranderingen: leveranciers en klanten worden via digitale platformen automatisch
aangestuurd voor bestellingen en leveringen.
Gedownload door Margot Vandewiele
, lOMoARcPSD|23825716
Hoofdstuk 2: Website Bouwen
A. Bouwstenen
HTML: Hyper Text Markup Language, the framework of your website
1. Gebruik
o Taal die gebruikt wordt om webpagina’s te beschrijven
o Browser leest HTML instructies en weet daardoor wat te tonen
2. Hypertext en hyperlinks
o Ondersteunt hypertext
•Bestanden die verbonden zijn door direct volgbare verwijzingen, hyperlinks
3. Opmaaktaal
o Notaties
o Platte tekst waarin met markeringstekens is aangegeven hoe de tekst moet
worden geïnterpreteerd, als lijst of als opschrift
•Markering = tag
4. Volgens HTML5
o Bedoeling dat tags in het document alleen structuur en algemene eigenschappen
van de tekst aangeven, details van presentatie apart gespecifieerd, in het CSS
document
•Opmaak kan eveneens worden gewijzigd voor alle documenten tegelijk, er
kunnen verschillende manieren van opmaken worden gebruikt afhankelijk
van de gebruiker (kleurenblind) of het weergevende apparaat
5. Voorziening HTML
o Het aanklikken van verwijzingen
o Het invullen van tekstvelden
o Het klikken van afbeeldingen
6. Andere soorten interacties ondersteunen
o Inbedden van scripts geschreven in taal van JavaScript
o Gestandaardiseerde vorm
o HTML niet ontworpen of geschikt voor het ondersteunen van willekeurige
grafische gebruikersomgevingen
Voorbeeld HTML
Tags komen altijd voor in paren. Wat tussen de paren staat zijn de
gegevens waarop de tag dient toegepast. De laatste van het
tagpaar begint met een "/". De tag "h1" betekent dat iets een
hoofdtitel (header1) is. Als je dus tussen een koppel h1 en /h1
tekst plaatst, dan zal die een hooftitel worden.
De DOCTYPE declaratie geeft aan dat wat volgt volgens de
HTML standaard is
De tekst tussen html en /html beschrijft de web pagina
De tekst tussen body en /body bevat de zichtbare pagina
inhoud
De tekst tussen h1 en /h1 is een hoofdtitel, tussen h2 en
o /h2 en ondertitel en tussen h3 en /h3 nog een lager
niveau titel
Gedownload door Margot Vandewiele
, lOMoARcPSD|23825716
De tekst tussen p en /p is een paragraaf met tekst
Een bullet lijst start en eindigt met ul en /ul (unordered list) en ieder lijntje start en eindigt
met li en /li
CSS: Cascading Style Sheets, the decoration
Gebruik
o Styles definiëren hoe HTML elementen
moeten weergegeven worden
o Looks van hele website wijzingen zonder iets aan
HTML te moeten wijzen
o Styles werden aan HTML 4.0 toegevoegd omdat
stijlen opnemen in de HTML tekst niet flexibel was
o Externe Style Sheets sparen heel wat tijd uit
•Een CSS definitie wisselen wisselt nu heel
de “looks” van je website
o External Style Sheets worden opgeslagen in
CSS bestanden
Lost groot probleem op
o HTML nooit bedoeld om document te formatteren
o Bedolet om inhoud document vast te leggen en wel aan te geven welk soort
inhoud iets was
•Bulletlist stond er in maar niet hoe bulletlist er moest uitzien
JS: Javascript
Programmeertaal
Gebruik
o Mogelijkheid om webpagina’s interactief te maken
o De html tag “button” koppelt een in javascript
opgezette eigen functie met naam “myfunction()” aan
de button.
o De tag <script> geeft aan dat wat nu volgt geen html
meer is maar wel de taal JavaScript.
o Een popup box doen verschijnene door de ingebouwde
“alert” te gebruiken
HTML en CSS beschrijvend
o Kan je niet echt programma’s mee schrijven
die complexe interacties besturen
Gedownload door Margot Vandewiele
, lOMoARcPSD|23825716
Conclusie
HTML5, CSS3, JS aanbevolen combinatie van tools om een moderne website mee te
kunnen bouwen die op meeste platformen kunnen werken
o Structuur
•HTML
•Framework of your website
•That was what you had in the early days
o Layout
•CSS
•The decoration
o Functionaliteit
•Javascript
•Ajax
•Net.
•Flash, Silverlight
NIET GEBRUIKEN
o Flash (Adobe)
o Silverlight (Microsoft)
o Hypothekeren mogelijkheid van gebruik op tablet pc’s, smartphones
B. CMS – een website bouwen met een content management systeem
CMS: content management system
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 CMS
Communicatieverantwoordelijk binnen je bedrijf die geen ICT deskundige is kan
vlot wijzigingen aanbrengen
Webdesign agency
o Voor elke wijziging moet je hen aansturen en betalen
Wel CMS Geen CMS
1) Frequente wijzigingen ⇨ Website wijzigt < 1 x per maandag
2) Geen ICT/webdesigner in bedrijf ⇨ ICT/webdesigner in bedrijf
3) Consistente look ⇨ Functionele vrijheid
4) Soms dead-end als meer functionaliteit
a. vereist
Gedownload door Margot Vandewiele
Hoofdstuk 1: Introductie
Agile zijn: door snelle ontwikkeling van ICT je ook wendbaar opstellen
o Is nodig om te overleven als bedrijf
o Tijdig beslissen tot de gepaste disruptieve innovatie om nieuwe markten, producten,
businessmodellen te betreden en werking bedrijf te transformeren
Adapt en Adopt: Je snel aanpassen aan een wijzigende product en dienstomgeving, en dien nieuwe
technologie of trend zelf nuttig aanwenden om je competitiever te maken t.o.v. je concurrenten.
Hoe?
o Snelheid verandering sterk gestegen tegenover 20ste eeuw
o Veel innovatie is disruptief
▪ Vorm van innovatie die nieuwe markten en waardeketen doet ontstaan die
uiteindelijk bestaande markten en waardeketen verstoten waardoor
vooraanstaande bedrijven, producten en diensten weggedrukt worden
▪ Meestal is dit door ICT mogelijke geworden
Conclusie
o Dubbeleffect = A en B veroorzaken een dubbele krachtige schokgolf
ICT als enabler voor disruptie en change
Door de invloed van ICT ondergaat de zakenwereld die diepgaande verandering. De investeringen in ICT nemen
dan ook snel toe. ICT oplossingen worden de “enabler” van:
- Nieuwe businessmodellen: aankoop wordt vervangen door abonnementen, pay-per-use (je betaalt voor
wat je verbruikt) (vb. Netflix)
- E-commerce
- Multichannel: je klanten kunnen vlot wisselen tussen e-commerce, brick-and-mortar, telesales, field
sales, en zijn als één klant met één historiek gekend in alle kanalen.
- Mobile first
- Het nieuwe werken: werken met volledige toegang tot alle bedrijfstoepassingen en je klanten is van
overal mogelijk: thuis, bij een klant, onderweg, in een co-sharing ruimte.
- Legancy ICT: ICT oplossingen die een bedrijf lang geleden, gebaseerd op de technologie van dat moment,
in gebruik heeft genomen en nog steeds grotendeels ongewijzigd gebruikt
- Bedrijfsvoering veranderingen: leveranciers en klanten worden via digitale platformen automatisch
aangestuurd voor bestellingen en leveringen.
Gedownload door Margot Vandewiele
, lOMoARcPSD|23825716
Hoofdstuk 2: Website Bouwen
A. Bouwstenen
HTML: Hyper Text Markup Language, the framework of your website
1. Gebruik
o Taal die gebruikt wordt om webpagina’s te beschrijven
o Browser leest HTML instructies en weet daardoor wat te tonen
2. Hypertext en hyperlinks
o Ondersteunt hypertext
•Bestanden die verbonden zijn door direct volgbare verwijzingen, hyperlinks
3. Opmaaktaal
o Notaties
o Platte tekst waarin met markeringstekens is aangegeven hoe de tekst moet
worden geïnterpreteerd, als lijst of als opschrift
•Markering = tag
4. Volgens HTML5
o Bedoeling dat tags in het document alleen structuur en algemene eigenschappen
van de tekst aangeven, details van presentatie apart gespecifieerd, in het CSS
document
•Opmaak kan eveneens worden gewijzigd voor alle documenten tegelijk, er
kunnen verschillende manieren van opmaken worden gebruikt afhankelijk
van de gebruiker (kleurenblind) of het weergevende apparaat
5. Voorziening HTML
o Het aanklikken van verwijzingen
o Het invullen van tekstvelden
o Het klikken van afbeeldingen
6. Andere soorten interacties ondersteunen
o Inbedden van scripts geschreven in taal van JavaScript
o Gestandaardiseerde vorm
o HTML niet ontworpen of geschikt voor het ondersteunen van willekeurige
grafische gebruikersomgevingen
Voorbeeld HTML
Tags komen altijd voor in paren. Wat tussen de paren staat zijn de
gegevens waarop de tag dient toegepast. De laatste van het
tagpaar begint met een "/". De tag "h1" betekent dat iets een
hoofdtitel (header1) is. Als je dus tussen een koppel h1 en /h1
tekst plaatst, dan zal die een hooftitel worden.
De DOCTYPE declaratie geeft aan dat wat volgt volgens de
HTML standaard is
De tekst tussen html en /html beschrijft de web pagina
De tekst tussen body en /body bevat de zichtbare pagina
inhoud
De tekst tussen h1 en /h1 is een hoofdtitel, tussen h2 en
o /h2 en ondertitel en tussen h3 en /h3 nog een lager
niveau titel
Gedownload door Margot Vandewiele
, lOMoARcPSD|23825716
De tekst tussen p en /p is een paragraaf met tekst
Een bullet lijst start en eindigt met ul en /ul (unordered list) en ieder lijntje start en eindigt
met li en /li
CSS: Cascading Style Sheets, the decoration
Gebruik
o Styles definiëren hoe HTML elementen
moeten weergegeven worden
o Looks van hele website wijzingen zonder iets aan
HTML te moeten wijzen
o Styles werden aan HTML 4.0 toegevoegd omdat
stijlen opnemen in de HTML tekst niet flexibel was
o Externe Style Sheets sparen heel wat tijd uit
•Een CSS definitie wisselen wisselt nu heel
de “looks” van je website
o External Style Sheets worden opgeslagen in
CSS bestanden
Lost groot probleem op
o HTML nooit bedoeld om document te formatteren
o Bedolet om inhoud document vast te leggen en wel aan te geven welk soort
inhoud iets was
•Bulletlist stond er in maar niet hoe bulletlist er moest uitzien
JS: Javascript
Programmeertaal
Gebruik
o Mogelijkheid om webpagina’s interactief te maken
o De html tag “button” koppelt een in javascript
opgezette eigen functie met naam “myfunction()” aan
de button.
o De tag <script> geeft aan dat wat nu volgt geen html
meer is maar wel de taal JavaScript.
o Een popup box doen verschijnene door de ingebouwde
“alert” te gebruiken
HTML en CSS beschrijvend
o Kan je niet echt programma’s mee schrijven
die complexe interacties besturen
Gedownload door Margot Vandewiele
, lOMoARcPSD|23825716
Conclusie
HTML5, CSS3, JS aanbevolen combinatie van tools om een moderne website mee te
kunnen bouwen die op meeste platformen kunnen werken
o Structuur
•HTML
•Framework of your website
•That was what you had in the early days
o Layout
•CSS
•The decoration
o Functionaliteit
•Javascript
•Ajax
•Net.
•Flash, Silverlight
NIET GEBRUIKEN
o Flash (Adobe)
o Silverlight (Microsoft)
o Hypothekeren mogelijkheid van gebruik op tablet pc’s, smartphones
B. CMS – een website bouwen met een content management systeem
CMS: content management system
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 CMS
Communicatieverantwoordelijk binnen je bedrijf die geen ICT deskundige is kan
vlot wijzigingen aanbrengen
Webdesign agency
o Voor elke wijziging moet je hen aansturen en betalen
Wel CMS Geen CMS
1) Frequente wijzigingen ⇨ Website wijzigt < 1 x per maandag
2) Geen ICT/webdesigner in bedrijf ⇨ ICT/webdesigner in bedrijf
3) Consistente look ⇨ Functionele vrijheid
4) Soms dead-end als meer functionaliteit
a. vereist
Gedownload door Margot Vandewiele
