Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

66
Expert Sessie - Joomla! Usability Gebruiksvriendelijkheid verhogen met template overrides Sander Potjer - Perfect Web Team @sanderpotjer #expertsessie

description

Door Joomla goed in te richten en de mogelijkheden optimaal te benutten kan je Joomla al een stuk gebruiksvriendelijker maken. Sander Potjer laat in deze presentatie zien hoe je het maximale uit Joomla haalt op het gebied van usability.

Transcript of Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Page 1: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Gebruiksvriendelijkheid verhogen met template overrides

Sander Potjer - Perfect Web Team @sanderpotjer

#expertsessie

Page 2: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Artikel toevoegen via frontend

Page 3: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Artikel toevoegen

Page 4: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Artikel toevoegen

Page 5: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Artikel toevoegen

Page 6: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Artikel toevoegen

Page 7: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Artikel toevoegen

Page 8: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Wat is een template override?

Page 9: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Template Override

Joomla! template overrides zijn een krachtige mogelijkheid om de standaard Joomla! output

naar eigen wens aan te passen.

Page 10: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Template Override

Joomla! template overrides zijn een krachtige mogelijkheid om de standaard Joomla! output

naar eigen wens aan te passen.

Zonder verlies van aanpassingen bij updates!

Page 11: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Wanneer te gebruiken• Bij ‘MVC’ extensies

• MVC staat voor

• M = Model (bevat de applicatie logica)

• V = View (bevat de logica om een pagina op te bouwen)

• C = Controller (schakel tussen het Model en de View)

• Wij bevinden ons in het ‘view’ gedeelte

Page 12: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

‘View’ van com_content

Page 13: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

‘View’ van com_content

Page 14: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

‘View’ van com_content

Page 15: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Maar… let op!• Updates in de gaten te houden voor zowel

extensies als Joomla core

• Veiligheidsverbeteringen door te voeren in overrides

Page 16: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Template Override voor toevoegen

artikel via frontend

Page 17: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override via backend

Page 18: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override via backend

Page 19: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override via backend

Page 20: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override via filescore file

components/com_content/views/form/tmpl/edit.php

override file

templates/naam/html/com_content/form/edit.php

Page 21: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override via filescore file

components/com_content/views/form/tmpl/edit.php

override file

templates/naam/html/com_content/form/edit.php

Page 22: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override via filescore file

components/com_content/views/category/tmpl/blog_item.php

override file

templates/naam/html/com_content/category/blog_item.php

Page 23: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override via filescore file

modules/mod_login/tmpl/default.php

override file

templates/naam/html/mod_login/default.php

Page 24: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Core Article Form

Page 25: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Core Article Form

Page 26: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Core Article Form

Page 27: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Page 28: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Page 29: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Page 30: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Page 31: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Page 32: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Page 33: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Page 34: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Page 35: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Page 36: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Wel afbeeldingen, geen links

Page 37: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Artikelen toevoegen, maar dan simpel

Page 38: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Het resultaat

Page 39: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override Article Form

Page 40: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override Article Form

Page 41: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override Article Form

Page 42: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override Article Form

Page 43: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override Article Form

Page 44: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override Article Form

Page 45: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override Article Form

Page 46: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override Article Form

Page 47: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override Article Form

Page 48: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override Article Form

Page 49: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override Article Form

Page 50: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override Article Form

Page 51: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Categorie selectie toevoegen

Page 52: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Categorie keuze

Page 53: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Categorie keuze

Page 54: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Categorie keuze

Page 55: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Categorie keuze

Page 56: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Categorie keuze

Page 57: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Categorie keuze

Page 58: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override log-uit button

Page 59: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override log-uit button

Page 60: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override log-uit buttoncore file

components/com_users/views/login/tmpl/default_logout.php

override file

templates/naam/html/com_users/login/default_logout.php

Page 61: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Override log-uit button

Page 62: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Backend overrides?

Page 63: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Usability test na aanpassingen

Page 64: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

Usability test• Standaard Joomla installatie blog voorbeelddata

• Login op de website

• Plaats een artikel op de homepage

• titel

• tekst

• afbeelding (strand.jpg)

• tag (lagotto)

• Log uit van de website

Page 65: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

2 x versneld

Page 66: Joomla websites gebruiksvriendelijk inrichten - Expert Sessie Joomla! Usability

Expert Sessie - Joomla! Usability

1:29