CMS Content Management Systemen. CMS: wat het is Website vanuit database met: – Teksten, beelden – Gebruikers Beheerders Redacteurs Gebruikers (lezers,

Presentatie over: "CMS Content Management Systemen. CMS: wat het is Website vanuit database met: – Teksten, beelden – Gebruikers Beheerders Redacteurs Gebruikers (lezers,"— Transcript van de presentatie:

1 CMS Content Management Systemen

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

3 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

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.org – Belgisch (Dries Buytaert) – Drupal komt van ‘druppel’ – Bestaat sinds 2001 – Open Source technologie: CMF (Content Management Framework) PHP, MySQL…

12

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

14

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

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

17

18 Kant en klare CMS Websites, blogs – Wordpress – Blogger – Tumblr – Wix, Weebly,... – Basisversie gratis, pro-versie vaak betalend

19

20

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

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

23 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

24 Portaal

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

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

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

28 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

29 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

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

31 Budgettering Mogelijke uren Vooronderzoek/ analyse Strategie Concept Ontwerp Beeldbewerking Copywriting/ redactie Projectcoördinatie/ managment

32

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

34 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

35 Meer info – How Much Should A Website Cost? Uitleg hoe te rekenen en welke kostenplaatsen Met uitleg, voorbeelden, prijzen… – 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/cost-to-build-websites-2014/ http://www.executionists.com/blog/cost-to-build-websites-2014/ – http://www.redevolution.com/website-costs-explained/ http://www.redevolution.com/website-costs-explained/

36 Calculator DesignQuote http://www.designquote.net/html/dq_estimate_wi zard.cfm DesignQuote Calculator

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

38 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