CMS Content Management Systemen

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

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

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 Websites, blogs – Wordpress – Blogger – Tumblr – Wix, Weebly,... – 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 Op vlak van inhoud Opbouw van de pagina Beveiligd met gebruikersnaam en paswoord

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

Portaal: drie basisprincipes 3.Eén-loketfunctie One stop shopping Alle functies en infobronnen op 1 site 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 Strategie Concept Ontwerp Beeldbewerking Copywriting/ redactie Projectcoördinatie/ managment

Budgettering 2. Aankopen Domein naam (dns.be)dns.be Hosting Web design en grafische elementen Copywriting Onderhoud

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

Meer info – How Much Should A Website Cost? Uitleg hoe te rekenen en welke kostenplaatsen Met uitleg, voorbeelden, prijzen… – – – –

Calculator DesignQuote zard.cfm DesignQuote Calculator

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