CMS - Arteveldehogeschool

CMS
Content Management
Systemen
CMS: wat het is
• CMS: Content Management System
• Website vanuit database met:
– Teksten, beelden
– Rubrieken (categorieën - navigatie)
– Gebruikers
• Beheerders
• Redacteurs
• Gebruikers (lezers, kijkers)
CMS draait in de cloud
• Front End
– Eindgebruiker
– Webbrowser of webapp
• Back End
– Netwerk van servers
(cloud services)
– software en dataopslag
CMS: front-end / back-end
CMS
User
Internet
Front-end:
webserver
• CMS-servers:
–
–
–
–
Ontvangen de input van de gebruiker
Halen info uit de databases
Verwerken dat tot een webpagina (html)
Sturen dat naar de aanvrager
Back-end:
database-server
CMS: technisch
• Database-indelingen en -talen:
– SQL: standard query language
• = programmeertaal om bewerkingen met databases te
doen
• MySQL: open source
• MS SQL Enterprise & SQL Server
– Oracle Database, FileMaker Pro, MS Access
CMS: database
• Relationele databases:
– Relaties tussen de informatie in de databases
– Tabel: een gestructureerde lijst
• Bvb. Artikels
– Query: een selectie binnen 1 of meerdere tabellen
• Bvb. Alle artikels van de rubriek “Sport” van vandaag (datum=“200703-21”), gesorteerd op datum (recentste bovenaan)
– Output: opgemaakt “document”, gegenereerd uit een query
• Bvb. Een rapport (afdruk), een webpagina (html)
CMS: databasetabel
Tabel: Artikels
Nr.
Kop
Body
Datum
Auteur
Rubriek
20070320086
De lente
is…
Brussel –
Volgens de
meteo…
2007-03-20
Belga
Wetensch
ap
20070321001
Brand
in…
Gent –
2007-03-21
Gisterenavond
brak er…
Bosmans
Jos
Regionaal
20070321002
Rode
Lissabon – De
duivels… Rode
Duivels…
Pelkmans
Annie
Sport
2007-03-21
CMS: relationele database
Tabel: Artikels
Nr.
Kop
Body
Datum
Auteur
Rubriek
20070321001
Brand…
Gent…
2007-03-21
<Auteurs:2001003> <Rubrieken:403>
Tabel: Rubrieken
Tabel: Auteurs
Nr.
Naam
Afdeling
Nr.
Naam
2001002
Delanghe
Marijke
Economie
402
Regio Antwerpen
2001003
Bosmans
Jos
Regionaal
nieuws
403
Regio O-Vl
CMS: servers
• Servertechnologieën:
– ASP, ASP.net: Microsoft, standaard op MS-IIS
(Internet Information Server, draait op Windows
Server)
– PHP: Open Source, standaard op Apache Web
Server (Win, Linux, Mac OS X Server, Unix)
– CFM: Adobe Cold Fusion Server (vroeger van
Macromedia)
– Andere: JSP (SUN Solaris), Pearl (CGI),…
CMS: scripttalen
• Serverside-code:
– HTML + ASP/PHP/…
– De server voert de serverside-code uit
– En genereert HTML voor de client
• Clientside-code:
– Javascript
– Java
– ActionScript
– AJAX
Kant en klare ‘grote’ CMS
• Commerciële systemen
– Op maat geprogrammeerd
– Duur
• Gratis systemen
•
•
•
•
•
Drupal
Joomla
Wordpress
Magneto (eCommerce)
Newscoop (nieuws)
– Open source
Drupal
– Drupal (http://www.drupal.com, http://drupal.org)
– Belgisch (Dries Buytaert)
– Drupal komt van ‘druppel’
– Bestaat sinds 2001
– Open Source technologie:
• CMF (Content Management Framework)
• PHP, MySQL…
– 8% van de websites wereldwijd gebruikt Drupal
Joomla
– Joomla (http://www.joomla.org)
– Swahili voor ‘all together’ of ‘as a whole’
– Bestaat sinds 2003
– Open Source technologie:
• CMF (Content Management Framework)
• OOP (Object Oriented Programming)
• MVC (Model View Controller)
– 13% van de websites wereldwijd gebruikt Drupal
Wordpress
– Wordpress (https://nl.wordpress.com/)
– Bestaat sinds 2003
– Eerst blog-sofware, geëvolueerd tot volwaardig CMS
– Open Source technologie:
• PHP, MySQL
– Plugin architectuur en templates (plug and play)
– Ofwel hosten bij Wordpress (eenvoudiger,
goedkoper) ofwel op eigen server (of via hosting
firma)
– 26,4% van de websites wereldwijd gebruikt
Wordpress
Vergelijking
• http://www.arteveldehogeschool.be/drupalkarendegroof/module/module_c
ms/ppt/cms-comparrison-chart-infographic-2015.jpg
• Of:
http://www.arteveldehogeschool.be/drupalkarendegroof/module/module_c
ms/ppt/cms-comparrison-chart-infographic-2015.jpg
• Of: https://cmsreport.com/articles/2015-wordpress-vs-joomla-vs-drupalinfographic-13720
Kant en klare ‘kleine’ CMS
• Websites, blogs
– Wordpress
– Tumblr, Blogger (blogs)
– Wix, Weebly ,... (websites)
– Shopify (e-commerce)
– Basisversie gratis, pro-versie vaak betalend
– Meer info
https://makeawebsitehub.com/best-website-builder/
Opbouw CMS
CMS kern
• Modulair uitbreidbaar

– Extentions: widgets, modules, plugins...
(Bv. Twitterfeed embedden)
• Vormgeving
– Via templates (soms aanpasbaar via CSS)
– Of eigen design
Website of app?
•
•
Web of apps?
•
Web
•
App
zelfbediening
(ik beslis wat ik zoek, en hoe)
Selecteer de toptaken
(idem aan het echte loket)
Zie ook Powerpoint over Apps
Budget
although a website is
a ‘digitized’ item
a website is still
a product
but it’s also a
service
Budget
• Evolutie door de jaren heen
(website van 25 schermen voor een KMO)
Bron: http://www.webpagefx.com/How-much-should-web-site-cost.html
Budgettering
• Een budget wordt opgemaakt aan de hand
van 2 elementen
• 1. Uren
– Meestal werken met uurtarieven
– Inschatting: aantal uren nodig voor de job
x het uurtarief = toegevoegde waarde
– Basis: bij opmaak van een budget zet je alle
mogelijke onderdelen van een job op een rijtje.
Budgettering
• Mogelijke uren
•
•
•
•
•
•
•
Vooronderzoek/ analyse
Strategie
Concept
Ontwerp
Beeldbewerking
Copywriting/ redactie
Projectcoördinatie/ managment
Budgettering
• 2. Aankopen
•
•
•
•
•
Domein naam (dns.be)
Hosting
Web design en grafische elementen
Copywriting
Onderhoud
Calculator
Webpage FX
http://www.webpagefx.com/
How-much-should-web-sitecost.html
Mogelijke bronnen
How Much Should A Website Cost?
• Uitleg hoe te rekenen en welke kostenplaatsen
• Voorbeelden, prijzen…
–
–
–
–
http://www.executionists.com/much-website-cost-2016/
http://platowebdesign.com/web-design-pricing-calculator.php
https://www.designquote.net/html/dq_estimate_wizard.cfm
https://mazuzu.com/pricing.html#pages=0&layouts=0&complexity=0&emails=0&o
ptions
Calculator
DesignQuote Calculator
DesignQuote
http://www.designquote.net/html/dq_estimate_wi
zard.cfm
Marge op aankopen
• Marge varieert afhankelijk van de opdracht
• Bij productie varieert ze van 5 tot in sommige
gevallen 32%.
– Dekt het risico (verantwoordelijkheid voor fouten
bij bestelling)
– Dekt pre-financiering voor de klanten
– Betalen voor know-how die werd opgebouwd
(kennen van de markt en weten wie geschikt is
voor welke job)
Mobiele website/ app
– 500 - 1.000 EUR
• Eenvoudige mobile site
– 1.000 – 3.000 EUR
• Eenvoudige app op maat
• TapCrowd: uitgebreide rijke app
– 3.000 – 10.000 EUR
• Uitgebreide app op maat
– 10.000 EUR – 30.000 EUR
• Complexe app, integratie met backend systemen…
Bron: Tapcrowd