Joomla componenten bouwen met Component Creator, voor Joomladagen 2014

1. R.Kreijveld
Joomla component bouwen
met Component Creator
René Kreijveld

2. R.Kreijveld
Joomla Extensies
• Componenten
• Modules
• Plugins
• Templates
• Taalbestanden

3. R.Kreijveld
Joomla Extensies
• Op de JED (Joomla Extension Directory) zijn
heel veel extensies beschikbaar.
• En toch … soms zit die ene er niet bij die jouw
gewenste functionaliteiten biedt of er is te veel
of te weinig functionaliteit.
• En dus wil je zelf wat maken.

4. R.Kreijveld
Joomla Extensies
• Indien volgens Joomla standaarden gebouwd,
dan volgens MVC.
• Wat is MVC?

5. R.Kreijveld
MVC
• http://nl.wikipedia.org/wiki/Model-view-
controller-model
• MVC is een design pattern, dat het ontwerp
van een toepassing opdeelt in 3 eenheden:
Model, View, Controller

6. R.Kreijveld
MVC
ControllerControllerControllerController
ViewViewViewView ModelModelModelModel

7. R.Kreijveld

8. R.Kreijveld
Een eigen component …
• Dus als ik zelf een component wil bouwen,
moet ik een Controller, Models en Views
bouwen …
• Voor frontend en backend …
• Met kennis van PHP, MySQL, HTML, CSS,
Javascript en het Joomla framework …

9. R.Kreijveld
Da’s best PITTIG!Althans voor René Kreijveld … ;-)

10. R.Kreijveld
www.component-creator.com

11. R.Kreijveld

12. R.Kreijveld
Component Creator
• Bouwt Joomla 2.5 of 3.x componenten
• Joomla/MVC/ACL standaarden
• Meertalig
• Direct installeerbaar
• Alle standaard Joomla opties op data

13. R.Kreijveld
Component Creator
• Mogelijk om te werken met gerelateerde data
(1-to-many relaties)
• List en form view in backend
• List, detail en edit view in frontend

14. R.Kreijveld
Component Creator
• Alles draait in de browser (online)
• Twee varianten:
Gratis versie: componenten met 1 tabel
Betaalde versie: ongelimiteerde tabellen
• Betaalde versie € 19,00 per maand (jaar)
• Kortingcode jd14nl geeft 20% korting

15. R.Kreijveld
Component Creator -
Werkwijze1.Maak nieuw component, kies Joomla versie
(2.5/3.2)
2.Voeg tabel(len) of lege view(s) toe
3.Per tabel: bepaal backend en frontend views,
voeg kolommen toe in de tabel
4.Genereer component

16. R.Kreijveld

17. R.Kreijveld

18. R.Kreijveld

19. R.Kreijveld

20. R.Kreijveld

21. R.Kreijveld

22. R.Kreijveld
Bouw voorbeeld component
• com_ipfilter
• Functie: beheer IP-adressen per gebruiker.
• Doel: gebruiker mag alleen inloggen vanaf het
gekoppelde IP-adres (plugin).
• Component is een backend component, geen
frontend views.

23. R.Kreijveld
Datamodel
#__users#__users
idid
namename
usernameusername
emailemail
passwordpassword
……
#__users#__users
idid
namename
usernameusername
emailemail
passwordpassword
……
#__ipfilter_ip#__ipfilter_ip
idid
orderingordering
statestate
checked_outchecked_out
checked_out_timechecked_out_time
created_bycreated_by
useriduserid
ipadresipadres
errorerror
#__ipfilter_ip#__ipfilter_ip
idid
orderingordering
statestate
checked_outchecked_out
checked_out_timechecked_out_time
created_bycreated_by
useriduserid
ipadresipadres
errorerror

24. R.Kreijveld
com_ipfilter - werking
1.Gebruiker logt in met login/password
2.Ip-adres in database? ja: 3 nee: 4
3.Ip-adres gebruiker = Ip-adres in database?
ja: verder naar reguliere inlogverwerking, 4
nee: exit met foutmelding
4.Controle login/password

25. R.Kreijveld
com_ipfilter
Demo bouw component
Demo werking component

26. R.Kreijveld
Controle IP-adres bij login?
• Er bestaat een Joomla authenticatie plugin.
• Deze plugin controleert Joomla login
gegevens.
• Kunnen we deze plugin hergebruiken?

27. R.Kreijveld
plg_authentication_joomla
Kloon naar plg_authentication_joomla_ip
Aanpassen plg_authentication_joomla_ip
Installatie plg_authentication_joomla_ip
De-publiceer plg_authentication_joomla
Publiceer plg_authentication_joomla_ip

28. R.Kreijveld
Finale
• Test login met geldig ip-adres.
• Test login met ongeldig ip-adres.

29. R.Kreijveld
ipfilter component & plugin
Download component en plugin via:
http://www.rkrweb.nl/cc_jd14nl_unzip1st.zip

30. R.Kreijveld
Component Creator - plus
• Snel en gemakkelijk component bouwen
• Uitgebreide list en edit views in backend
• List en detail view in frontend

31. R.Kreijveld
Component Creator - min
• Geen many-to-many relaties mogelijk
• Zoeken en filteren in frontend standaard niet
aanwezig
• Geavanceerde zaken als onBeforeSave
events zelf bouwen
• Geen export/import

32. R.Kreijveld
Component Creator
http://www.component-
creator.com/nl/maak-een-account-aan

33. R.Kreijveld
Dankjewel!
• http://about.me/renekreijveld
• Twitter @renekreijveld
• Kortingcode jd14nl: 20%
geldig tot 31 maart 2014
• slideshare.com/renekreijveld