CMS Content Management Systemen. CMS: wat het is  Website vanuit database met:  Teksten, beelden  Gebruikers  Beheerders  Redacteurs/journalisten.

Presentatie over: "CMS Content Management Systemen. CMS: wat het is  Website vanuit database met:  Teksten, beelden  Gebruikers  Beheerders  Redacteurs/journalisten."— Transcript van de presentatie:

1 CMS Content Management Systemen

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

3 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

4 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

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

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

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

8 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),…

9 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

10 Kant en klare CMS  Commerciële systemen  Op maat geprogrammeerd  Duur  Gratis systemen  Drupal  Joomla  Magneto (eCommerce) Magneto  Newscoop (nieuws) Newscoop  Open source

11 Drupal  Drupal (http://www.drupal.com, http://drupal.org) http://www.drupal.comhttp://drupal.orghttp://www.drupal.comhttp://drupal.org  Belgisch (Dries Buytaert)  Drupal komt van ‘druppel’  Bestaat sinds 2001  Open Source technologie:  CMF (Content Management Framework)  PHP, MySQL…

12 Drupal  2,1% van de websites wereldwijd gebruikt Drupal  http://www.whitehouse.gov, http://data.gov.uk http://www.whitehouse.govhttp://data.gov.uk http://www.whitehouse.govhttp://data.gov.uk  19.000 extentions (uitbreid-modules)  Beschikbaar in 91 talen

13

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

15 Joomla  2,8 % van de websites wereldwijd gebruikt Joomla  http://www.linux.com, http://www.guggenheim.org http://www.linux.comhttp://www.guggenheim.org http://www.linux.comhttp://www.guggenheim.org  Beschikbaar in 64 talen  9.400 extentions (uitbreidingen)

16

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

18 http://www.slideshare.net/Webnific/cms-comparisson-3850088

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

20 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

21 Portaal

22 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

23 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)

24 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)

25 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

26 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 http://www.webpagefx.com/How-much-should-web-site-cost.html

27 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.

28 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

29

30 Budgettering  2. Aankopen  Domein naam  Hosting  Web design en grafische elementen  Onderhoud  Zie meer details en voorbeelden: http://www.webpagefx.com/How-much-should-web-site- cost.html http://www.webpagefx.com/How-much-should-web-site- cost.html http://www.webpagefx.com/How-much-should-web-site- cost.html

31 Meer info  How Much Should A Website Cost?  Uitleg hoe te rekenen en welke kostenplaatsen  Met uitleg, voorbeelden, prijzen…  http://www.websearchsocial.com/how-much-should-a-website-cost http://www.websearchsocial.com/how-much-should-a-website-cost  http://www.thesitewizard.com/gettingstarted/cost-setting-up-website.shtml http://www.thesitewizard.com/gettingstarted/cost-setting-up-website.shtml  http://www.stratecomm.com/faqs/elements/ http://www.stratecomm.com/faqs/elements/  http://www.executionists.com/blog/blog/how-much-does-a-small-business- website-cost/ http://www.executionists.com/blog/blog/how-much-does-a-small-business- website-cost/ http://www.executionists.com/blog/blog/how-much-does-a-small-business- website-cost/  http://www.redevolution.com/website-costs-explained/ http://www.redevolution.com/website-costs-explained/  http://searchfindseo.com/how-much-does-it-cost-to-make-a-website/ http://searchfindseo.com/how-much-does-it-cost-to-make-a-website/

32 Calculator Webpage FX http://www.webpagefx.com/ How-much-should-web-site- cost.html Webpage FX http://www.webpagefx.com/ How-much-should-web-site- cost.html

33 Calculator DesignQuote http://www.designquote.net/html/dq_estimate_ wizard.cfm DesignQuote http://www.designquote.net/html/dq_estimate_ wizard.cfm

34 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)

35 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