CMS Content Management Systemen

CMS: wat het is  Website vanuit database met:  Teksten, beelden  Gebruikers  Beheerders  Redacteurs/journalisten  Gebruikers (lezers, kijkers)  Rubrieken (categorieën - navigatie)

CMS: front-end / back-end User Front-end: webserver Back-end: database-server Internet CMS  CMS-servers:  Ontvangen de input van de gebruiker  Halen info uit de databases  Verwerken dat tot een webpagina (html)  Sturen dat naar de aanvrager

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=“ ”), gesorteerd op datum (recentste bovenaan)  Output: opgemaakt “document”, gegenereerd uit een query  Bvb. Een rapport (afdruk), een webpagina (html)

CMS: databasetabel Tabel: Artikels Nr.KopBodyDatumAuteurRubriek De lente is… Brussel – Volgens de meteo… Belga Wetensch ap Brand in… Gent – Gisterenavond brak er… Bosmans Jos Regionaal Rode duivels… Lissabon – De Rode Duivels… Pelkmans Annie Sport

CMS: relationele database Tabel: Artikels Nr.KopBodyDatumAuteurRubriek Brand…Gent… <Auteurs: ><Rubrieken:403> Tabel: Auteurs Nr.NaamAfdeling Delanghe Marijke Economie Bosmans Jos Regionaal nieuws Tabel: Rubrieken Nr.Naam 402 Regio Antwerpen 403 Regio O-Vl relatie

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 CMS  Commerciële systemen  Op maat geprogrammeerd  Duur  Gratis systemen  Drupal  Joomla  Magneto (eCommerce) Magneto  Newscoop (nieuws) Newscoop  Open source

Drupal  Drupal (  Belgisch (Dries Buytaert)  Drupal komt van ‘druppel’  Bestaat sinds 2001  Open Source technologie:  CMF (Content Management Framework)  PHP, MySQL…

Drupal  2,1% van de websites wereldwijd gebruikt Drupal   extentions (uitbreid-modules)  Beschikbaar in 91 talen

Joomla  Joomla (  Swahili voor ‘all together’ of ‘as a whole’  Bestaat sinds 2006  Reeds keer gedownload  Open Source technologie:  CMF (Content Management Framework)  OOP (Object Oriented Programming)  MVC (Model View Controller)

Joomla  2,8 % van de websites wereldwijd gebruikt Joomla   Beschikbaar in 64 talen  extentions (uitbreidingen)

Kant en klare CMS  Blogs en wiki’s  Wordpress  Blogger  Tumblr  Google Sites,...  Basisversie gratis, pro-versie vaak betalend

Opbouw CMS  CMS kern  Modulair uitbreidbaar  Extentions: widgets, modules,... (Bv. Twitterfeed embedden)  Vormgeving  Via templates (soms aanpasbaar via CSS)  Of eigen design

Layout en indeling  3 kolommen structuur (meestal)  Smal - breed - smal  Drie evenredig brede  Tabbladen-structuur – categorieën  Portlets: kleine informatieblokken en -elementen (widgets…)  Homepage = Portaal

Portaal

Portaal: drie basisprincipes 1. Personalisatie Eigen voorkeuren kunnen instellen Eigen voorkeuren kunnen instellen Op vlak van inhoud Op vlak van inhoud Opbouw van de pagina Opbouw van de pagina Beveiligd met gebruikersnaam en paswoord Beveiligd met gebruikersnaam en paswoord

Portaal: drie basisprincipes 2. Intelligentie Portal onthoudt wat gebruiker belangrijk vindt Portal onthoudt wat gebruiker belangrijk vindt A.d.h.v. klikgedrag en zoekacties A.d.h.v. klikgedrag en zoekacties Vergelijken met andere bezoekers (Amazon-effect) Vergelijken met andere bezoekers (Amazon-effect)

Portaal: drie basisprincipes 3. Eén-loketfunctie One stop shopping One stop shopping Alle functies en infobronnen op 1 site Alle functies en infobronnen op 1 site Zonder meerdere keren te moeten inloggen Zonder meerdere keren te moeten inloggen Web of apps? Web of apps? Webzelfbediening (ik beslis wat ik zoek, en hoe) Webzelfbediening (ik beslis wat ik zoek, en hoe) App Selecteer de toptaken (idem aan het echte loket) App Selecteer de toptaken (idem aan het echte loket)

Budget although a website is a ‘digitized’ item 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:

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 Vooronderzoek/ analyse Strategie Strategie Concept Concept Ontwerp Ontwerp Beeldbewerking Beeldbewerking Copywriting/ redactie Copywriting/ redactie Projectcoördinatie/ managment Projectcoördinatie/ managment

Budgettering  2. Aankopen  Domein naam  Hosting  Web design en grafische elementen  Onderhoud  Zie meer details en voorbeelden: cost.html cost.html cost.html

Meer info  How Much Should A Website Cost?  Uitleg hoe te rekenen en welke kostenplaatsen  Met uitleg, voorbeelden, prijzen…     website-cost/ website-cost/ website-cost/  

Calculator Webpage FX How-much-should-web-site- cost.html Webpage FX How-much-should-web-site- cost.html

Calculator DesignQuote wizard.cfm DesignQuote wizard.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  EUR  Eenvoudige mobile site  – EUR  Eenvoudige app op maat  TapCrowd: uitgebreide rijke app  – EUR  Uitgebreide app op maat  EUR – EUR  Complexe app, integratie met backend systemen… Bron: Tapcrowd