CMS

Week 1 - Theorie

Wat is een CMS?

Afspraken online les

  • Zet je webcam aan (da's veel aangenamer om les te geven)
  • Mute jezelf
  • Stel je vraag, of vraag het woord, via de chat

Format online les

  • 8u45                - Prestream
  • 9u00                - Start les (Theorie*)
  • 10u00-10u15 - Pauze
  • 10u15-12u45 - Praktijk

 

 

* Aanwezigheid sterk aangeraden

Summary

  • Intro
  • Wat is een CMS?
  • Waarom kies je voor een CMS?
  • Mogelijkheden
  • Welk CMS gebruiken?

 

Intro

Wie ben ik?

Pieter Mathys

  • Frontend Dev
  • Themer
  • Sitebuilder
  • Teacher

Born in

Sint-Katelijne-Waver

Belgium

Building websites since 2010

Work for

Contact

Facebook: Pieter Mathys

Twitter: @mathysp

Slack: weareimd.slack.com

 

Email:

mathysp@gmail.com

pieter.mathys@thomasmore.be

Wat gaan we net zien?

Wie heeft er al eens gehoord van een CMS?

 

Wat doet een CMS?

 

Welke CMS kennen jullie?

Samenvatting

  • Wat is een CMS
  • Wat zijn de mogelijkheden van een CMS
  • Hoe gebruik je een CMS
  • Hoe ontwikkel je een CMS
    • Wordpress, Drupal
    • Content modelling
    • Sitebuilding
    • User management
    • Etc

Wat is een CMS?

Content Management

System

CMS

  • Systeem om content te beheren

  • In de context van een website, een verzameling van tools om informatie te bewerken.

  • Gegevens en documenten publiceren op het internet, zonder technische kennis

Mogelijkheden

van een CMS

Beheren van content

  • Content wordt gebundled op basis van het type

  • Content kan verder ingedeeld worden dmv categorisatie & tagging

  • Geen kennis html/css nodig voor ingave content

  • Content zoeken

Moderatie comments

  • Comments zoeken

  • Comments aanpassen, verwijderen, publiceren, ... 

Gebruikersbeheer

  • Aanmaken en beheren van accounts

  • Custom roles & permissions

  • Raadplegen statistieken

Gebruikersbeheer v.b.

  • Onderhouders krijgen specifieke rol met (beperkte) functionaliteit

    • Webmaster -> kan enkel content plaatsen

    • Auteur -> maakt artikels

    • Editor -> keurt artikels goed/af

    • Blogger -> kan enkel blogs aanmaken

    • Administrator -> kan alles beheren (root user)

Gebruikersbeheer v.b.

  • Gebruikers van de website

    • Medewerker -> bijhouden gegevens zoals email, tel nr., voorkeuren, etc

    • Klant -> bijhouden adres, betalingsinformatie

Website structuur

  • Aanpassen menu’s & navigatiestructuren

  • Aanpassen layouts van pagina’s

Publiceren documenten

  • Beheer van bestanden

  • Bestanden uploaden bij artikels/formulieren

    • Gebruikers kunnen deze (eventueel) downloaden

  • Types: Allerhande

    • Pdf, Word, Excel, CSV, JPG, PNG, PSD, etc

Manipuleren images

  • Afbeeldingen automatisch laten bijsnijden/schalen naar specifieke afmetingen

  • Toevoegen van watermerk

  • Aanpassen van de kleuren, filter toevoegen

Formulieren

  • Aanmaken & beheren van formulieren

    • Contact

    • Inschrijven

  • Inzendingen worden bijgehouden, kunnen aangepast worden, geanalyseerd worden, ...

    • Vb: inschrijvingen voor een event -> registratie aanpassen

Automatische mails

  • Vb: Bij aanmaken gebruiker

  • Hangt af van de noden van de site

Waarom

kies je voor een CMS?

Sneller ontwikkelen

  • Je hebt een groot vertrekpunt
  • Heel wat functionaliteit out-of-the-box
    • Gebruikersbeheer (login, registratie)
    • Content-types (aanmaken, beheren)
    • Emails
    • etc
  • Bijna alles is configureerbaar

    • soms via modules
    • zelf maken/aanpassen

Vereenvoudiging

van de content publishing workflow

HTML website

  • Bij plaatsen van nieuwe content moet de eigenaar:
    • Developer aanspreken om nieuwe content te plaatsen
  • De developer moet dan:
    • De HTML/CSS updaten met nieuwe content
    • Geüpdatet HTML/CSS plaatsen op server
    • Nakijken
  • Developer koppelt terug naar klant, klant kijkt na 

CMS website

  • Bij plaatsen van nieuwe content moet de eigenaar:
    • Inloggen op zijn website
    • De nieuwe content aanmaken
    • De klant kijkt onmiddellijk het resultaat na

HTML <> CMS

Voor plaatsen content:

Geen interactie met de developer nodig

 

De klant kan volledig zelfstandig zijn website onderhouden

community

Reken op de

Community

Er werken duizenden mensen (vrijwilligers & professionelen) mee aan systemen zoals

Wordpress, Drupal, ...

 

... via het maken/onderhouden van

Theme's, plugins/modules, guides, installaties, ...

 

die iedereen kan downloaden,

al dan niet tegen betaling

 

 

Community

Als individu kan je nooit bereiken wat deze gemeenschappen samen doen.

 

Maak hiervan dus gebruik

Community

 

  • Download theme's
  • Gebruik plugins/modules om functionaliteit toe te voegen
  • Maak gebruik van de forums/issue-queues voor het bespreken van problemen met
  • Vraag raad

Community

  • Visit events
  • Make friends
  • Do amazing things
    • ​Write code
    • Give presentation
    • Host a community event

Job opportunities

Drupal is heel populair in België:

Intracto, ONE, Wunderkraut, Wijs, DropSolid, Calibrate, Dazzle, Mia, ...


Maar ook WordPress:

Emakina, Wijs, Vox Teneo, Dazzle, Cherry Pulp, 56k, Weebee, ...

Welk CMS?

Hoe kies je een CMS

Baseer je keuze op

  • Nood van het project
    • Heb je enkel blog-posts -> WP
    • Heb je uitgebreide content met verschillende types & categorisatie -> Drupal/Joomla/October
  • Je eigen kennis
    • ​Kies iets dat je kent

      • Blijf bij php als je geen ASP.Net kent

      • Kies iets waarmee je kan opleveren

This CMS is not like the others

Elk CMS heeft zijn eigen niche, met zijn eigen unieke features, of met een key focus op een bepaald aspect.

 

WP/Blogger = Simpele content/website

Magento/Shopify = E-commerce

Drupal = Content Modelling Framework

Populairste CMS 2017

Populairste CMS 2018

Populairste CMS 2020

WordPress

Niet te verwarren met wordpress.com

Best choice for beginners because of it’s ease-of-use, it works especially well for small to medium sized websites, blogs and smaller e-commerce stores.

Joomla

Great for e-commerce or social networking websites, but requires a basic understanding of technical skills.

 

Drupal

The most difficult, but also the most powerful. It requires a familiar understanding of HTML, CSS and PHP.

 

Meer voorbeelden:

Blogger

Magento

  • https://magento.com/

  • Enkel E-commerce

  • Heel complex systeem, veel technische kennis nodig

  • Voornamelijk voor grote E-commerce platformen

  • Is enkel goed in de E-commerce side of things, beheren van content etc is moeizaam

Typo3

Bitrix

PrestaShop

  • https://www.prestashop.com/en

  • Enkel E-commerce

  • Zowel voor developers als mensen zonder veel technische kennis

    • Download self-hosted solution

    • Automated solutions

      • Set-up-a-shop wizard

    • Find an expert

Shopify

  • https://www.shopify.com/

  • Enkel E-commerce

  • Create-your-own-online-shop-tool

  • Subscription based

  • APP

    • Volledig beheer via website

    • Geen development

SquareSpace/WIX

October CMS

Maak een keuze

 

CMS kies je op basis van een aantal variabelen:

  • Wat zijn de noden/vereisten van het project?

    • Wat moet de site (niet) kunnen

  • Hoe comfortabel voel je je bij CMS X/Y/Z?

  • Ken je de achterliggende technologie? (PHP/ASP.Net/Java)

Agencies

In een agency kiest men meestal voor 1 of een beperkt aantal CMS.

 

Zodoende kan men veel expertise opbouwen en gericht mensen aanwerven. Agencies kunnen zich op die manier ook positioneren op de markt.

 

Populaire combinatie: Wordpress & Drupal.

  • WP voor kleine projecten (<5k €)
  • Drupal voor al de rest

 

Opzetten CMS

Hoe installeer je een CMS

Requirements

Lokaal - site hosten (pick one)

 

WordPress source files - download latest WP

Lets get to it!

CMS1 W1 Theorie 18-19

By Pieter Mathys

CMS1 W1 Theorie 18-19

Wat is een CMS

  • 1,294