Transcript CMS
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 CMS User Internet Front-end: webserver • CMS-servers: – – – – Ontvangen de input van de gebruiker Halen info uit de databases Verwerken dat tot een webpagina (html) Sturen dat naar de aanvrager Back-end: database-server 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=“200703-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 Wetensch ap 20070321001 Brand in… Gent – 2007-03-21 Gisterenavond brak er… Bosmans Jos Regionaal 20070321002 Rode Lissabon – De duivels… Rode Duivels… Pelkmans Annie Sport 2007-03-21 CMS: relationele database Tabel: Artikels Nr. Kop Body Datum Auteur Rubriek 20070321001 Brand… Gent… 2007-03-21 <Auteurs:2001003> <Rubrieken:403> Tabel: Rubrieken Tabel: Auteurs Nr. Naam Afdeling Nr. Naam 2001002 Delanghe Marijke Economie 402 Regio Antwerpen 2001003 Bosmans Jos Regionaal nieuws 403 Regio O-Vl 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 • App zelfbediening (ik beslis wat ik zoek, en hoe) Selecteer de toptaken (idem aan het echte loket) Budget 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: 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 Copywriting Onderhoud Calculator Webpage FX http://www.webpagefx.com/ How-much-should-web-sitecost.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/cost-to-build-websites-2014/ http://www.redevolution.com/website-costs-explained/ http://searchfindseo.com/how-much-does-it-cost-to-make-a-website/ Calculator DesignQuote http://www.designquote.net/html/dq_estimate_wi zard.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