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