This presentation covers a basic introduction of modules and components in Joomla!

1. Vishwash Gaur
© 2012 Vishwash Gaur. All rights reserved.
All registered trademarks, logos, products and service names belong to their
respective owners.
Image Credit: http://ayadipro.com/blog/high-tech-education/25-improvements-in-joomla-2-5/
Disclaimer: Images used on this slide are for representative purposes only and belong to their respective owners.

2.  Basic knowledge of HTML, PHP and MySQL
 Interest in MVC and CMS frameworks to reduce development
time
 A web server with PHP/MySQL installed on it
 Joomla! 2.5 package downloaded and installed
◦ it can be downloaded from http://www.joomla.org/download.html
 NOTE: This presentation is focused for the beginners in Joomla! and would
cover only a basic overview due to limited time. Further details can be
discussed separately later.

3. An overview of both the
Joomla! Extensions to
understand the
basics, conventions and
structure.

4.  What is a module?
◦ Modules are lightweight and flexible extensions
used for page rendering. These modules are often
“boxes” arranged around a component on a typical
page. A well-known example is the login module.
 Why should we use a module?
◦ Can work standalone
◦ Good for code reusability
◦ Can work with component for database linking
 Conventions
◦ Module name should be in small letters
◦ Module name should have a prefix “mod_”

6.  Depends on template
 Added in template using below code:
◦ <jdoc:include type="modules" name=“module-positon-
name" />
 Can be more than one modules on a page

7.  Go to Joomla! Admin Panel
 Access Top Menu>Extensions>Template
Manager
 Click on options button on the top-right side
of the toolbar
 Enable the “Preview module positions”
 Go to website front panel and add “?tp=1” to
the url
◦ It will reveal the module positions in a Joomla
template

9. Go to template manager

10. Click on options

11. Enable setting to preview
module positions

12. http://yoursite.com/index.php?tp=1
Open your
page with
“?tp=1” at the
end of url and
it will reveal
all Module
positions

13.  Mod_modulename – module folder
◦ mod_modulename.xml
◦ mod_modulename.php
◦ helper.php: This helper file contains a class to
provide various static functions to perform
operations. It could be used to perform some
calculation or to fetch data from DB.
◦ index.html: It is an empty file and created to
prevent direct access to the directory.
◦ tmpl folder
 default.php:
 index.html: It is an empty file and created to prevent
direct access to the directory.

14.  What is component?
◦ Components are the main functional units of
Joomla!; they can be seen as mini-applications.
◦ A component can contain a module and a plug-in
 Why should we use a component?
◦ To manage more functional part or application
◦ To provide backend handling to a front-end
functionality
 Conventions
◦ Component name should be prefixed by “com_” e.g.
com_componentname
◦ Component name should start with small letters

15.  Depends on template
 Added in template using below code:
◦ <jdoc:include type="component" />
 Can be only one component on a page

16. Image credit: http://www.slideshare.net/silenceit/joomlacontent-management-system

17. Website Backend:
Website Front-end:
admin/index.html
helloworld.xml admin/helloworld.php
site/index.html admin/controller.php
site/helloworld.php admin/models/index.html
admin/models/fields/index.html
site/controller.php
admin/models/fields/helloworld.php
site/views/index.html admin/models/forms/index.html
site/views/helloworld/index.html admin/models/forms/helloworld.xml
site/views/helloworld/view.html.php admin/models/helloworld.php
admin/models/helloworlds.php
site/views/helloworld/tmpl/index.html admin/views/index.html
site/views/helloworld/tmpl/default.xml admin/views/helloworlds/index.html
site/views/helloworld/tmpl/default.php admin/views/helloworlds/view.html.php
admin/views/helloworlds/tmpl/index.html
site/models/index.html
admin/views/helloworlds/tmpl/default.php
site/models/helloworld.php admin/views/helloworlds/tmpl/default_head.php
admin/views/helloworlds/tmpl/default_body.php
admin/views/helloworlds/tmpl/default_foot.php
admin/views/helloworld/index.html
admin/views/helloworld/view.html.php
admin/views/helloworld/tmpl/index.html
admin/views/helloworld/tmpl/edit.php
admin/tables/index.html
admin/tables/helloworld.php
admin/language/en-GB/en-GB.com_helloworld.ini
admin/language/en-GB/en-
GB.com_helloworld.menu.ini
admin/controllers/index.html
admin/controllers/helloworld.php
admin/controllers/helloworlds.php

18.  I look forward to learn and share more with you in
future too.
 I can be reached easily at my blog
www.vishwashgaur.com and/or using twitter
@vishwashgaur

19.  XAMP: http://www.apachefriends.org/en/xampp.html
 Joomla!: http://www.joomla.org/
 JED: http://extensions.joomla.org/
 Joomla! Forum: http://forum.joomla.org/
 Joomla! Magazine: http://magazine.joomla.org/authors/itemlist/user/65-Nicholas-G-Antimisiaris
 Joomla documentation: http://docs.joomla.org/
 Joomla 2.5 essential training: http://www.lynda.com/Joomla-tutorials/Joomla-Essential-Training/95699-2.html
 Joomla! For beginners guide 2012: http://www.danconia.com/joomla-for-beginners-guide-2012.html
 Joomla! Developers guide: http://cocoate.com/sites/cocoate.com/files/private/jdev.pdf