CMS

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 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 Front-end: webserver Back-end: database-server Internet User

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, FileMakerPro, 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

7. CMS: relationele database 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 ColdFusion 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) • Newscoop (nieuws) • Open source

11. 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…

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

14. Joomla • Joomla(http://www.joomla.org) • Swahili voor ‘alltogether’ 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 • Beschikbaar in 64 talen • 9.400 extentions (uitbreidingen)

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. Twitterfeedembedden) • 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 • Personalisatie • Eigen voorkeuren kunnen instellen • Op vlak van inhoud • Opbouw van de pagina • Beveiligd met gebruikersnaam en paswoord

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

24. Portaal: drie basisprincipes • Eén-loketfunctie • Onestop 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)

25. Budget although a website is a ‘digitized’ item a website is stilla 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

27. Budgettering • Een budget wordt opgemaakt aan de hand van 2 elementen • 1. Uren • Meestalwerken met uurtarieven • Inschatting: aantal uren nodig voor de jobx het uurtarief= toegevoegdewaarde • Basis: bij opmaak van een budget zet je alle mogelijke onderdelen van een job op een rijtje.

28. Budgettering • Mogelijkeuren • Vooronderzoek/ analyse • Strategie • Concept • Ontwerp • Beeldbewerking • Copywriting/ redactie • Projectcoördinatie/ managment

30. Budgettering • 2. Aankopen • Domeinnaam • Hosting • Web design en grafischeelementen • Copywriting • Onderhoud

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

32. 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/cost-to-build-websites-2014/ • http://www.redevolution.com/website-costs-explained/ • http://searchfindseo.com/how-much-does-it-cost-to-make-a-website/

33. Calculator DesignQuotehttp://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-financieringvoor de klanten • Betalen voor know-howdie 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: uitgebreiderijke app • 3.000 – 10.000 EUR • Uitgebreide app op maat • 10.000 EUR – 30.000 EUR • Complexe app, integratie met backend systemen… Bron: Tapcrowd