Presentatie ICT=Smart Meetup op de HAN in Nijmegen

1. The power of Joomla!
Rick Spaan
Marketing & Internet Solutions

2. Rick Spaan
• Eigenaar R2H Marketing & Internet Solutions
• Frontend developer
• Member Joomla! Certfication Team
• JLP (Joomla! Learning Partner)
• Joomla! Certified Administrator
• Joomla! Project Contributor
• Pizza Bugs & Fun

3. Wat is Joomla!?
Joomla! is een award-winning content management system
Fork van Mambo
Sinds 22 september 2005 (Release Joomla! 1.0)
Open Source en Full Community Driven
65.000.000 keer gedownload
https://github.com/joomla

4. Waarom Joomla!?
MVC Framework as basis met zeer goede API
Backward compatible vanaf 2.5.x
PHP7.x
Stabiel, veilig en snel
Gewoon omdat het goed is!
Het blijft een kwestie van smaak!

5. Componenten
Modules
Plugins
Templates
De structuur van Joomla!
Gebruikers
Talen

6. • Basisfunctionaliteit van het CMS
• Direct gekoppeld aan menu items
• Worden veelal gebruikt om te beheren (artikelen, categorieën,
gebruikers)
• Er wordt altijd een component geladen
Belangrijkste componenten
• com_content
• com_users
• com_contact
• com_tags
Componenten

7. • Weergave van component-data of eigen module-data
• Kunnen op elke modulepositie neergezet worden
• Welke posities aanwezig zijn is afhankelijk van de template
• Kunnen aan menu items gekoppeld worden
Belangrijke modules
• mod_menu
• mod_custom
• mod_login
(Adv. module manager van Peter van Westen – www.regularlabs.com)
Modules

8. • Voegen extra functionaliteiten toe
• Output is vaak niet direct zichtbaar
• Kunnen bijna alle taken vervullen in het systeem
• Werken op basis van triggers in het systeem
• Code injecteren of vervangen
Belangrijke plugins
• Captcha
• Editors
Plugins

9. • Verzorgen de weergave
• De template bestaat uit component gedeelte en module posities
• Elk HTML design kan worden omgezet naar een Joomla! template
• Meerdere templates op een site mogelijk
• Veel gratis en commerciële templates
• joomlashine.com
• joostrap.com
• gavick.com
Templates (theme)

10. Frontend indeling

11. Een website beheren – Basis structuur
Artikel 1
Artikel 2
Artikel 3
Artikel 4
Artikel 5
Artikel 6
Categorie 1
Categorie 1a
Categorie 1b
Menu item 1 – categorie(s) blog layout (home page)
Menu item 2 – Single article
Custom HTML module
Breadcrumbs module
Menu
Categories
Artikelen

12. • Er zijn veel instellingen mogelijk (Via de opties rechts boven in
het component). De instellingen worden overerft.
1. Globale instellingen (Global settings – Articles)
2. Individueel artikel instellingen (Options tab in article)
3. Menu item instellingen (Options tab in Menu)
Algemene instellingen
1 2 3
Via Componenten - Artikelen
Via de Configuratie

13. Maar wanneer komt nu de power???

14. Voor de eindgebruiker
• Meertaligheid
• Groot standaard aantal modules
• Tagging system
• Geavanceerd zoeken ik alle content (Search / Finder)
• Categorie nesting om content te sorteren
• Geavanceerd filteren in de backend voor eenvoudig beheer
• ACL (Access control list / Rechtenbeheer)
• Versiebeheer
• Alles voor SEO
• RSS integratie (Creëren en lezen)
• Veel shotcuts
• Volledige controle over blog layouts en lijsten
• Single click updates
• Makkelijk uitbreidbaar met veel krachtige extensies
• 2 Factor Authentication / Captcha on forms / e-mail cloak
• Enzovoort…
Joomla! - Out of de box compleet!

15. • Eenvoudig template systeem
• MVC framework (Design pattern Modal View Controller)
• Template overrides (core output aanpassen)
• Veel libraries al geïntegreerd (Zeer uitgebreide API)
• Github
• JFacebook / JLinkedin / Jgoogle / Jtwitter / Jopenstreetmap
• HTTP Transfers
• Stream file I/O
• Extract ZIP / TAR
• Image resizing and manipulation
• LESS / SASS compiler
• Microdata
• CLI
Joomla! hidden secrets - Nicholas Dionysopoulos
https://www.youtube.com/watch?v=_7fhtYfsU-w ()
Voor de developer

16. De kracht is ook de valkuil!!!
Gelukkig is er ACL (Access control list)
Controle over weergave in de frontend en backend voor:
Componenten / Modules / Inhoud / Menu items
(ACL manager van Sander Potjer / www.aclmanager.net)

17. ACL verschil tussen Super Administrator / Manager

18. Zelf aan de slag – Een template maken
Joomla! Template design
Niet zo moeilijk als het lijkt…
Basiskennis van PHP / HTML / CSS vereist

19. Eigen template 1 – templateDetails.xml
Creëer een folder in:
tempates/ met de naam myfirsttemplate
Bestanden in mappen aanmaken:
myfirsttemplate/
* css/
** template.css
* images/
** testimage.jpg
* index.php
* templateDetails.xml
Maak een ZIP file van de bestanden of
gebruik de discover functie in Joomla! om
de template te installeren.
<?xml version="1.0" encoding="utf-8"?>
<extension version="2.5" type="template">
<name>myfirsttemplate</name>
<creationDate>25-01-2017</creationDate>
<author>Rick Spaan</author>
<authorEmail>rick@r2h.nl</authorEmail>
<authorUrl>http://www.r2h.nl</authorUrl>
<copyright>Rick Spaan – R2H</copyright>
<license>GNU/GPL</license>
<version>1.0.0</version>
<description>My First template Project</description>
<files>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<folder>images</folder>
<folder>css</folder>
</files>
<positions>
<position>top</position>
<position>footer</position>
</positions>
</extension>

20. Voorwaarde om module positie:
<?php if ($this->countModules(‘top')) : ?>
<div class="slideshow">
<jdoc:include type="modules" name=“top" style=“xhtml" />
</div>
<?php endif; ?>
Afbeelding uit de /images folder van de template:
<img src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/images/testimage.jpg"
alt="Custom image" class="customImage" />
https://docs.joomla.org/Creating_a_basic_Joomla!_template/nl
Eigen template 2 – index.php

21. • Gebruik zo weinig mogelijk extensies
• Gebruik kwalitatief goede extensies
• Kies een goede template als basis
• Gebruik overrides voor aanpassingen (stick to the core)
• Zorg voor goede documentatie voor speciale instellingen
(Module class suffix en overrides) en begeleid de klant in het
leerproces.
• Gebruik ACL om het de klant makkelijk te maken
Gratis Joomla! testen of een eigen Joomla! website? Ja dat kan!
• https://www.joomla.com/ (life time)
• https://demo.joomla.org/ (90 dagen)
Tips

22. Joomla! 3.7 New Features and improvements
Te veel om op te noemen…

23. Custom fields
Eigen velden toevoegen aan alle content types

24. New 3.7 Features
Verwijderen van de ID’s in de URL:
Van: website.com/14-sample-data-articles/75-my-first-joomla-3-7-article
Naar: website.com/sample-data-articles/my-first-joomla-3-7-article
Zichtbaarheid standaard instellingen

25. New 3.7 Features
Content aanmaken via menu item

26. New 3.7 Features
Content language wordt automatisch aangemaakt bij installatie taal

27. Must have extensions
• JCE – Joomla! content Editor (Editor) Free / Commercial
• Advanced Module manager (Module management) Free / Commercial
• Akeeba backup (Backup and restore) Free / Commercial
• RSform (Forms) Commercial | RScontact (Contact form) Free
• AcyMailing (Newsletters) Free / Commercial
• Hikashop (Webshop) Free / Commercial
• Easyblog (Blogging) Commercial
• Osmap (Sitemap) Free / Commercial
• AdminExile (Admin URL security / Anti brute force hacking) Free
• SIGE (Image gallery plugin) Free
• DJ image Slider (Slideshow) Free

28. Waar moet ik beginnen?
• www.joomla.org (Joomla! website)
• http://training.joomla.org (video tutorials)
• http://docs.joomla.org (Documentation site)
• https://community.joomla.org/user-groups.html (User Groups)
• https://www.joomlacommunity.nl/agenda (Alle Joomla! evenementen)
• @RickR2H
• https://nl.linkedin.com/in/spaan
• rick@r2h.nl