Data Management - 01

Data Management
CMS Landschap

Inleiding

CMS

Content Management Systems

“A content management system can refer to any process or system that allows an individual or an organization to manage content. These systems can be online or offline, open source or proprietary, and focus on a single content type or manage a range of different types of content.”

Websites evolueren

Ook na de go-live blijft een website veranderen. Er worden verschillende soorten content:

toegevoegd: Nieuwe blogs, teamleden, extra features,...
verwijderd: Verouderde producten, verlopen events…
geüpdatet: Aanpassingen in prijzen, contactinfo…

Websites evolueren

Handmatig code of designs aanpassen is tijdrovend en foutgevoelig.
Er werken vaak verschillende profielen aan een website:
- Copywriters
- Designers
- Marketeers
- ...

Content Management

= Het organiseren, opslaan en bijwerken van inhoud in één centraal systeem.

Dynamische content
Eenvoudige beheer
Meerdere beheerders

→ En dat is precies waar een CMS ons helpt.

Evolutie Web

web 1.0

Web 1.0

Tim-Berners-Lee stelt html voor
De eerste websites waren eenvoudige HTML-tekstbestanden.
Er werd gebruik gemaakt van een FTP-programma om de bestanden naar een map onder een actieve webserver te kopiëren.

Web 1.0

Mosaic Browsers
Ondersteuning voor afbeeldingen

Web 1.0

Ongeveer van 1995 - 2000
Read-only-web
E-mails ondersteunden (in het begin) nog geen afbeeldingen, attachments, ....
Persoonlijke sites meestal op ISP-web servers
Geen of weinig interactie

Web 1.0

Content wordt via SSI (Server Side Includes) of via CGI (Common Gateway Interface) toegeleverd
+ Frames en tabellen om samen te brengen en te aligneren
Opdelen van de site, zaken scheiden van mekaar

Web 1.0

1996
- Browseroorlog Netscape vs Internet Explorer
  
  IE ondersteunt css,
  Netscape loopt erop vast
- een tweede 'strijd'
  server side scripting:
  PHP vs ASP vs JSP vs Python

Web 1.0 & DOM

1997
- Document Object Model wordt geïntroduceerd
- Dynamische html
- Je kan html-tags manipuleren
- AJAX:
  content opvragen en integreren zonder reload

Evolutie Web

web 2.0

Web 2.0

read & write web
Meer interactie, noodzaak naar CMS
- Nieuwe manieren om inhoud te presenteren
- Toename van
  - gebruikers gegenereerde inhoud
  - websites + koppelingen (CRM, stock, ...)
- Websites dagelijks bijwerken door verschillende mensen

Web 2.0

Web-as-platform
Software wordt geschreven voor het web ipv voor een besturingssyteem als Windows of Mac OS
Geboorte van API's waarbij communicatie tussen platformen ontstaat

Web 2.0

Interactie door
- blogs
- comments
- social media
- video
- audio
- podcasting
- rss-feeds
- polls & voting
- fun!

Web 2.0

De rol van een content management systeem is om meerdere gebruikers met verschillende machtigingsniveaus de mogelijkheid te bieden content voor een website of een gedeelte van de content te beheren

Evolutie Web

web 3.0

Web 3.0

read & write & execute
machine-to-machine
semantic web
- content behandelen
  op een humane
  manier
AI & machine learning

Web 3.0

Evolutie CMS

Printindustrie

Midden jaren ‘90 ontstaan
Onderhouden van documenten binnen bedrijven
- Websites werden eind jaren ’90 complexer
- Statische websites -> dynamische websites
Informatie bewaard in een database

regelmatige updates

1995 FileNet

Een van de eerste “CMS”
Documentbeheerprogramma
Documentweergave
Een hele workflow in

Monolitische CMS

CMS bevat alle benodigdheden voor het beheren en publiceren
Gekoppeld systeem:
- back-office en front-office zijn gekoppeld
Alles-in-één-oplossing

cnet.com (1995)

Templates + Database = PRISM

Presentation of
Real-Time
Interactive
Service
Material

cnet.com (1995)

Vignette (1996)

PRISM wordt overgekocht door Vignette en wordt StoryServer
Eerste Content Management Tool op de markt

Eind jaren '90

LAMP-stack
- Linux
- Apache
- MySQL
- PHP

2000

Populaire CMS'en

2001 - 2005

Pre-made sjablonen CMS'en, hosted CMS

sinds 2003

Hosted CMS

Gelimiteerde templates
Keuze uit welke host?
Kwaliteit van code
Use more, pay more
Membership-mogelijkheden
Geavanceerde opties zijn er niet altijd
Zelden volledige controle

Types CMS

Deze ken of gebruik je al

Canvas
Wikis
Google Business
Social Media
fb, instagram, ~~tik tak~~... euh tik tok

Types

Website Build Platformen
- wix, weebly, webflow,
Shop Build Platformen
- shopify,, prestashop, ...
Open-Source (monolitic) of semi open-source CMS
- wordpress, drupal, october cms, craft cms, magento, ...
- flat-file: grav cms, statamic
- headless: strapi CMS
Commercieel CMS
- Sitecore, custom web agency CMS, ...
Hosted Headless
- hygraph CMS, prepr.io, slicknode

keuzestress

Onderdelen CMS

Hosting CMS

Websites hosten

🏠 Je website = het huis dat je hebt gebouwd

🌍 Je domeinnaam = het adres van dat huis

💾 Hosting = de grond waar je het huis op plaatst

RECAP

💡 Zit deze leerstof wat ver? Herbekijk de slides over websites publiceren uit de module User Interface Prototyping.

Een website live zetten is zoals een huis bouwen:

Afbeeldingsbron

Cloud-hosted

Alles in de cloud
Geen setup
Geen serverbeheer (security updates, legacy code,...)

🏠 CMS hosten

Voorbeelden

Vb: in Webflow kies je voor elke website een Site Plan met bepaalde kost. De site zelf staat op de servers van Webflow.

Cloud-hosted

🏠 CMS hosten

Self-hosted

Hostingpakket kopen bij een provider
vb. Combell, One.com,...
Verantwoordelijk voor (security) updates
Je ontwikkelt alles lokaal en plaatst dan een kopie van je project folder op een server

🏠 CMS hosten

Voorbeelden

💾 Data opslaan

Database vs. flat file

💾 Data opslaan

Relationele database

Gegevens worden opgeslagen in tabellen:
- Rijen = entries
- kolommen = fields
Tabellen kunnen gelinkt zijn aan elkaar
🔎 uitgebreide query-mogelijkheden = zoeken