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

UserFront-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=“2007-03-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 Wetenschap

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

CMS: relationele database

Tabel: Artikels

Nr. Kop Body Datum Auteur Rubriek

20070321001 Brand… Gent… 2007-03-21 <Auteurs:2001003> <Rubrieken:403>

Tabel: AuteursNr. Naam Afdeling

2001002 Delanghe Marijke

Economie

2001003 Bosmans Jos

Regionaal nieuws

Tabel: RubriekenNr. 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) 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…

Drupal

2,1% van de websites wereldwijd gebruikt Drupal http://www.whitehouse.gov, http://data.gov.uk

19.000 extentions (uitbreid-modules) Beschikbaar in 91 talen

Joomla

Joomla (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)

Joomla

2,8 % van de websites wereldwijd gebruikt Joomla http://www.linux.com, http://www.guggenheim.org

Beschikbaar in 64 talen 9.400 extentions (uitbreidingen)

Kant en klare CMS

Blogs en wiki’s Wordpress Blogger Tumblr Google Sites,...

Basisversie gratis, pro-versie vaak betalend

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

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 zelfbediening (ik beslis wat ik zoek, en hoe)

• App Selecteer de toptaken (idem aan het echte loket)

Budget

although a website is a ‘digitized’ item a website is stilla 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 Hosting Web design en grafische elementen Onderhoud Zie meer details en voorbeelden:

http://www.webpagefx.com/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…

http://www.websearchsocial.com/how-much-should-a-website-cost http://www.thesitewizard.com/gettingstarted/cost-setting-up-website.shtml http://www.stratecomm.com/faqs/elements/ http://www.executionists.com/blog/blog/how-much-does-a-small-business-

website-cost/

http://www.redevolution.com/website-costs-explained/ http://searchfindseo.com/how-much-does-it-cost-to-make-a-website/

Calculator

Webpage FXhttp://www.webpagefx.com/How-much-should-web-site-cost.html

Calculator

DesignQuotehttp

://www.designquote.net/html/dq_estimate_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

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