The document discusses Joomla! CMS version 2.5. It provides an overview of content management systems and their advantages. It then describes features of Joomla!, how it can be used to build different types of websites, and includes examples of existing Joomla! sites. It also summarizes the installation process for Joomla! and describes some of its core administration features.

1. +
Joomla! CMS Version 2.5
Deepak K.C.
Department of Information Processing
KTUAS

2. +
Content Management System
(CMS)
n A software that keeps track of every piece of
content on your website
n Content : text, photos, music, video, documents …
n Advantages of using CMS
n No technical skill or knowledge to manage
n Management through an easy to use browser based
interface
n Increased control over website
n Publishing variety of content
n Improved time to market with content changes
n Lower cost per page
Download Joomla : http://joomlacode.org/gf/download/frsrelease/
18322/80354/Joomla_2.5.11-Stable-Full_Package.zip

3. +
Joomla!
n An award winning content management system (CMS)
n Enables to build website & online applications
n Features of Joomla!
n Ease-of-use
n Easy content management
n Extensibility
n Open source
n Widely Accepted (More than 30 Million Downloads - 2012)

4. +
Joomla can be used to build
n Corporate Web sites or portals
n Corporate intranets and extranets
n Online magazines, newspapers, and publications
n E-commerce and online reservations
n Government applications
n Small business Web sites
n Non-profit and organizational Web sites
n Community-based portals
n School and church Web sites
n Personal or family homepages

5. +
Joomla! Sites
n MTV Networks Quizilla (Social networking) - http://www.quizilla.com
n IHOP (Restaurant chain) - http://www.ihop.com
n Harvard University (Educational) - http://gsas.harvard.edu
n Citibank (Financial institution intranet) - Not publicly accessible
n The Green Maven (Eco-resources) - http://www.greenmaven.com
n Outdoor Photographer (Magazine) -
http://www.outdoorphotographer.com
n PlayShakespeare.com (Cultural) - http://www.playshakespeare.com
n Senso Interiors (Furniture design) - http://www.sensointeriors.co.za
More sites at : http://community.joomla.org/showcase

6. +
Features included with the core
system
n WYSIWYG Content Editor
n Content Scheduling
n User Management
n Access Control
n Media Manager
n Language Manager
n Banner Manager
n Contact Manager
n Polls
n Search
n Web Links Management
n Content Syndication
n News Feed aggregation & display
n Template Management
n Search Engine Friendly URLs
• In addition to these core features,Joomla is extendable
• With over 4000 open source extensions available for free or low cost,you can
customize the site to include the functionalities you need.Photo Gallery,Web
shop,Booking system etc….

7. +
Why Joomla?
n More than 4500 extensions available – meaning more
functionalities
n Easy to customize the appearance of the site
n E-commerce options
n Easy to find help for Joomla! Site (Wide Developer Support)
n Decent documentation
n Active and dynamic community – providing support in the
forums and one can be assured of the ongoing vitality of the
project
n Affordable development costs

8. +
The Joomla! Open Source License
n Released under the GNU License (GNU GPL)
n The GNU General Public License grants users four freedoms
n The freedom to run the program for any purpose
n The freedom to study how the program works and adapt it to your
needs
n The freedom to redistribute copies so you can help others
n The freedom to improve the program and release your
improvements to the public so that the whole community benefits

9. +
Joomla Architecture
n Designed to run on the popular LAMP stack
n LAMP: Linux with the Apache web server, the MySQL
database & the PHP programming language
n Joomla! is primarily written in PHP
n .css, .html
n .ini , .js
n .php , .xml
n XAMP,WAMP, MAMP

10. +
Joomla! Support & important sites
n Over 200,000 community users and contributors
n http://community.joomla.org/
n Joomla! Main site – http://www.joomla.org
n Joomla! Code – http://www.joomlacode.org
n Joomla! Developer site – http://developer.joomla.org
n Joomla! Extensions Directory – http://extensions.joomla.org
n Joomla! Documentation – http://docs.joomla.org
n Joomla! Forums – http://forum.joomla.org

11. +
Joomla 2.5 Installation

12. +
The installation process
n Downloading & installing a web server called Apache, a
database called MySQL & a scripting language PHP
n Downloaded together as one package
n XAMPP – Windows
n MAMP – MAC OS X
n LAMP – Linux
n Downloading & installing Joomla
n Configuring Joomla

13. +
Download & Install XAMPP
n XAMPP Windows 1.8.1
n http://www.apachefriends.org/download.php?xampp-
win32-1.8.1-VC9-installer.exe
n XAMPP for Windows FAQ
n http://www.apachefriends.org/en/faq-xampp-windows.html
Apache 2.4.2, MySQL 5.5.27, PHP 5.4.7, OpenSSL 1.0.1c, phpMyAdmin
3.5.2.2, XAMPP Control Panel 3.1.0,Webalizer 2.23-04, Mercury Mail
Transport System v4.62, FileZilla FTP Server 0.9.41,Tomcat 7.0.30 (with
mod_proxy_ajp as connector), Strawberry Perl 5.16.0.1 Portable

14. +
Installation process
n Disable UAC
n Search UAC
n Select Change User Account Control settings
n Drop the icon to Never notify and restart your Windows Right click
the installation file and select run as administrator
n Follow on screen instructions

22. You can now re-enable UAC

32. +
Site & the administration pages
n Site (Front-end): http://localhost/joomla
n Administration page (Back-end):
http://localhost/joomla/administrator

33. +
Joomla Back-end
To build your website you need to log into the administrator area.
You can log in by opening the corresponding URL in your web browser
http://localhost/joomla/administrator
Provide your username & password that have been set during the installation

34. +
Joomla Administration

35. +
n Access Level : A method or functionality for the site administrator to control access to
articles or functionality.
n Archives : Articles can be removed from the general content areas and placed in an
archive.This is most often used with blog-type sites as the archived articles can be use
to organize old articles according to month posted
n Article : An article is a page of content created with Joomla’s New Article functionality.
Using Article manager, article can be created, edited, deleted, published, unpublished
or archived.
n Component:The major units of functionality that provide output in the main content area
of a page. Components are the most complex individual units in the system.They are
sometimes constituting complete applications in themselves
n Extensions: A generic term that refers to any component, module or plugin that is
added to default joomla system. Extension can be added, deleted or managed through
admin system’s extension manager
Joomla Vocabulary

36. +
n Module :They are typically output in the secondary areas of the page that is
mostly outside the content area.They are simply containers that hold text or
pictures and provide limited functionality like a login box.
n Module Positions:They are places on the page where module can be
assigned to appear
n News feeds: It refers to RSS or similar syndication formats.
n Plugin :They are helper applications that enable additional functionality in
the sites components, articles or modules
n Template: It controls the presentation layer of joomla site.Templates can be
installed and installed templates are collected inside the template manager
where they can be edited.
n Language pack: New language packs can be added through the extension
manager and installed language packs are collected inside the language
manager.
Joomla Vocabulary

37. +
n The visibility of modules depend on
n Whether the module is enabled
n Whether the module is assigned to the page you are viewing
n Whether the viewer has sufficient access privileges to view the
module
Modules & module positions

39. +
The Front-End
n The interface that is seen by the visitor to the site.
n The target of your output
n The place where visitors access the site’s content &
functionality
n By default the site content and site is visible to everyone
however the visibility of content and functionality can be
restricted

41. +
My first page in Joomla
n Click Add New Article icon from the Administration front-page
n Type the title of the article
n Select Category (leave it uncategorized – as we have not yet
made any)
n Select Save or Save & Close or Save & New
Content >> Article Manager >> Add New Article

42. +
Category Managers
n The category manager can be used to create, edit and delete
categories in a site.
n Categories are created to categorize articles.
n Each category if needed can have sub categories
n Examples : Faculty can be a category and it can have sub
categories like
n BIT
n BM
n Nursing
n Social Service

43. +
Adding New category
n Content->Category Manager->Add New Category

44. +
Batch Processes for the selected
categories
n Set Access Level
n Set Language
n Select Category for Move/Copy

45. +
Filter Options for categories
n Select Status : Published, Unpublished, Archived,Trashed, All
n Select Category
n Select Access
n Select Language

46. +
Category Levels
n Select Max Levels:
n Lets you show only items whose category is at or above the
specified level in the category hierarchy
n - Select max levels
n Show all items regardless of level of their assigned
category.
n 1:
n Only show items whose category is at the top level in the
category hierarchy (in other words, with categories whose
parent category is "- No Parent -".)
n 2- 10:
n Only show items whose category is in the top 2-10 levels in the
category hierarchy.

47. +
Uncategorized Content
n During the creation of article
n You have the option to assign the article to either an existing
category or to leave it uncategorized
n An uncategorized article is outside the system’s hierarchy
n Article wont be shown in any page that displays the contents
according to the articles membership in category
n Uncategorized articles wont show up in Joomla’s latest News
module

48. +
Content Structure
n Flat Sites
n Does not rely on multiple levels of nested articles
n Appropriate for smaller sites that has little content
n Does not require to use the typical category structure to hold
articles
n Multilevel Sites
n Content hierarchy : categories and sub categories
n Blog sites
n Typically contain a home page that contains numerous articles
which are ordered chronologically, with the newest items first
n Can achieve by selecting Category Blog Menu Item Type at the
time of creating Menu item

49. +
Exercise
n Create a category named Faculty and add Business, ICT,
Nursing as sub categories.
n Create a category named News

50. +
Article Manager
n Create new article
n Edit the existing article
n Publish or un-publish article
n Mark article as featured
n Archive articles
n Check in
n Trash
n Options
n Help
n Batch processes
n Set Access level
n Set Language
n Select Category for Move/
Copy

51. +
Adding new article
n Content->Article Manager->Add New Article.
n Only the Title field is mandatory. Enter the article title.
n You can also select your category from the corresponding
drop-down menu.
n Change the article State to Published.

52. Click Save or Save & Close or Save and New to save the article

53. +
Article parameters
n Global Article Parameters
n Individual Article Parameters

54. +
Individual Article
Parameters
n At the time of creating a new
article
n On selecting a single article

55. +
Global Parameters

56. +
Linking Article
n Linking article is required to make your articles and
corresponding pages accessible
n Joomla Admin Area >> Menus >> Main Menu

57. +
Linking Article
n Open your Joomla admin area->Menus->Main Menu.Click
on the New button.
n Choose the Menu Item Type from the corresponding dialog.
n If you want to link a standard article pick the Single Article
option.
n Then enter the link title in the Menu Title field and select
the corresponding article which will be linked through the
Select Article functionality.
n Save the changes and view the new menu item located on
your frontend.

58. +
Articles
n Archived Articles
n Single Article
n List All Categories
n Category Blog
n Category List
n Featured Articles
n Create Article

59. +
Exercise
n Create following articles
n Home Page
n Administration: http://bit.tokem.fi/ktuas/administration.html
n Visiting Us : http://bit.tokem.fi/ktuas/visiting-us.html
n News
n Summer Holidays are Coming
n Reminder to enroll for the next academic year

60. +
Publish Article as Home Page
n In order to make one of your articles the home page for the
web site, navigate to the Joomla admin area->Menus->Main
Menus
n Select the article and click on the Home icon

61. +
n By default, all articles created in Joomla are presented as
single page
n Multipage articles are created by using the page-break
button
n The button is located at the bottom of the article editing
window
Creating multipage articles

62. +
n Access the article editing dialogue
n Place the cursor where you want to split the article
n Click the Page-break button.The page break window opens.
n Type a page title for the new page
n Type a table of content Alias for the page
n Click Insert page break
Splitting a single page article into
multiple pages

63. +
n From the Admin end main page, click Article Manager
n Publishing and un-publishing articles
n Modifying Articles
n Copying Articles
n Moving Articles
n Deleting Articles
n Permanently Deleting Articles
n Archiving Articles
n Unarchiving Articles
Managing Existing Articles

64. +
n Access the Article Manager and click the icon in the
published column. Clicking the icon toggles between
published & unpublished.
n Another way is to select a single article or group of articles
by clicking the checkbox near to the article’s name in the
Article Manager, then click Publish or Un-publish icon on the
toolbar at top right.
Publishing & Un-Publishing Article

65. +
n Existing article can be modified at any time by accessing the
Article Manager either by
n Clicking the article name or
n Clicking the checkbox next to the article name and then clicking
the Edit icon on the Article Manager toolbar
n Changes made to the article are applied once you save the
article.
Modifying Articles

66. +
n Possible to create copies of articles
n Steps to copy articles
n Access the Article Manager
n Select the article you want to copy by clicking the checkbox next
to the article’s title
n Under “Select Category for Move/Copy”, select category name
and check Copy
n Click Process
n After the article is copied, you can edit it.
Copying Articles

67. +
n Possible to move articles from one category to another
n Steps to Move articles
n Access the Article Manager
n Select the article or articles you want to Move by clicking the
checkbox next to the article’s title.
n Under “Select Category for Move/Copy”, select category name
and check Move
n Click Process to move the article.
Moving Articles

68. +
n Deleting articles is a two step process
n Articles are first moved to trash
n Select article or articles and then click Trash from the right top tool
bar.
n Articles in trash can be restored at any time you want or you can
permanently delete them
n To permanently delete the article
n Select status “Trashed”
n On the right top toolbar, select Empty Trash to permanently delete
article or
n In the status column check the button to re-store the article
Deleting articles

69. +
n To remove an article from the primary content area of the site
without deleting it, article or articles can be archived
n Steps to archive articles
n Access the article manager
n Check the checkbox next to the articles you want to archive
n Click the Archive icon on the top-right toolbar
Archiving Articles

70. +
n Archived articles can be restored to the general content area
of your site by un-archiving them
n Steps to un-archive articles
n Access the article manager
n Click the checkbox next to the articles you want to un-archive
n Click the Publish button from the right top tool bar to un-archive
or publish the article in the general content
Un-archiving articles

71. +
n Archived articles are not accessible to the front-end site
visitors unless the archive module is published
n Archive module contains link to the articles organized for
view by date.
n By default the module is unpublished
n You need to publish the module and assign it to the position
and pages you desire the module to be visible to the front-
end site visitors
Archive Module

72. +
n Joomla prevent another user from editing the article if the
article is in use by another user or article has been left open
in an editing window or improperly closed.
n Using Check in from the right top toolbar, you can close all
articles that are currently open and blocked for editing are
forced to close
Global check in

73. +
n WYSIWYG is easy to use
n The most popular feature of CMS
n WYSIWYG:What you see is what you get
n Let you view your text formatting as you work
n Interface similar to typical desktop word processing tools
such as Open Office or Microsoft Word.
n TinyMCE is the default editor in Joomla
n Possible to install other editors also
WYSiWYG Editors

74. +
n Includes number of configuration options, multiple toolbars
n Works like desktop word processor
n Enables you to view your work as you go
n Feature includes : Bold, Italic, Underline, Strikethrough, align
left, align center, align right, align fully, styles, format, font
family, bullet list, numbered list, decrease indent, increase
indent, undo, redo, link, unlink, insert anchor, insert image,
cleanup code……
TinyMCE Editor

75. +
n Media manager is used to add image and other media files to
the system
n It helps to keep media files organized
Media Manager

76. +
Menu Manager
n Login to the backend of Joomla
n Menus >> Menu Manager
n Menus allow users to navigate through site
n A menu is an object containing one or more menu items
n Each menu items point to a logical page on the site
n A menu module is required to place the menu on the page

77. +
Adding menu to the site
n Create a new menu (using this screen).
n Create one or more new menu items on the menu. Each menu
item will have a specific menu item type.
n Create one or more menu modules to display the menu on the
site.When you create the modules, you will select which menu
items (pages) the modules will show on.

78. +
Menu Manager

79. +
n Menu Manager >> Click on the new button or select a menu
and click on the ‘Edit’ Button.
Adding New menu

80. +
Adding new menu items
n Under Menu Manger click Menu Items and select new on the
top
n Select Menu Item type & type menu title then Select menu
Location and click save

81. +
Quick Tips
n Give descriptive title for new menus¨
n Better to use English alphanumeric characters without space in
the Unique Name field.
n If you don't enter a Module title, no module will be created and
the menu cannot be displayed in the front end
n You can use the Module Manager later to create a new
mod_mainmenu module, and assign it to the menu.
n If you delete an existing menu, do not forget that all the menu
items of the respective menu will be also deleted.
n The Main Menu has your default menu item, so it should not be
deleted.

82. +
Sub Menu items
n Follow the same normal process to create a menu
n Under Parent Item, select the menu item root under which
you want the sub menu to be created

83. +
Exercise
n Create the following menus
n Home, AboutUs,VisitingUs, News, Departments
n For Departments create sub menus
n ICT
n Business
n Nursing
n Health-Care

84. +
Menu on the front-end
n To display menu on the front-end, we need to make Menu
module and select position in the template
n To include sub menus, Under the Menu Module, Check yes
for Show Sub Menu Items.

85. +
Extension Manager

86. +Extensions
n Add-ons to expand the functionality of Joomla
n 1000s of extensions available
n 5 types of extensions
n Component
n A mini application rendering the main body of the page
n Examples: contacts, news feeds
n Module
n Smaller extension
n Rendering small elements that displays across multiple pages
n Examples: menus, slideshows, breadcrumbs
n Plugin
n A section of code that runs when a pre-defined event happened within
Joomla!
n Examples: Editors are plugins that run when an edit session is opened
n Language Extension
n Allows multilingual site both Front-end & back end for which a language
extension exists
n Template controls
n To control the way , the content of a website is displayed : location, layout of
elements, colors, fonts…

87. +
Installation Methods
n Common installation method
n Download one or more archive files (.zip or tar.gz) from the
extension providers website to your local directory on your
computer
n Browse to the location where you downloaded the extension’s
archive file
n Press “Upload File & Install”

88. +
Tips
n List of Joomla Extensions : http://extensions.joomla.org/
n Use only those third party extensions if really neeeded
n Do not use your live site for testing purpose
n Joomla! Extensions may be infected by virus or malware
n Installing from remote URL locations can be dangerous
n On installing a component extension, it will be listed as a New menu
item in the Components menu
n On installing a module, it will be added to the list of Modules in the
Module Manager where you can enable/disable
n On installing plugin extension, it will be added to the list of the Plugin
Manager where you can enable/disable
n An installed language extension will be added to the Site of
Administrator list of the Language Manager

89. +
Exercise
n Install the following component
n Joomgallery
n http://www.en.joomgallery.net/downloads/joomgallery-for-
joomla-25/component/joomgallery/download.html
n Add 3 categories
n Add few images to each of those categories
n Install the following module
n http://www.en.joomgallery.net/downloads/joomgallery-for-
joomla-25/modules/joomcategories.html
n Make the module visible on the front-end

90. +
Template
n The style of the visual layout of your menus, modules &
articles
n Lots of templates and templates providers
n Types of templates: commercial & non-commercial

92. +
Installing a template
n Download a template that you wish to use
n Check the compatibility with the version of your Joomla
n Log in to your admin end >> Administrator >> Extensions >>
Extensions Manager >>
Browse the appropriate template file , click Upload and Install

93. +
Changing Template
n Extensions >> Template Manager >> Choose the template
you wish to use and click on the start icon in the default
column
n Remember, the module positions defined in a template is not
always same, therefore after changing template you might
need to change the module positions in-order to make them
visible or in the appropriate place.

95. +
Sites for Joomla Templates
n http://www.joomla24.com/
n http://www.osskins.com/
n http://www.bestofjoomla.com/
n http://www.joomfreak.com/joomla-templates.html
n http://www.joomlaos.de/

96. +
n htdocs/templates/templatename
Template file structure
htdocs/joomla/templates/templatename

97. +
Exercise
n Installing a Joomla template and enabling it
n Download the template (Outsourcing)
n Install it
n Enable it
n Arrange the module positions

98. Module positions for the newly installed template

99. +
Contact Manager
n Accessed from the back-end Joomla! Administrator Panel
n To manage contact in Joomla Website
n How to access??
n Components → Contacts → Contacts from the drop-down menu
of the Joomla! Administrator Panel.

100. Contact Manager screen allows to add contact information to the Joomla site.
Categories can be used to categorize contacts

101. +
Adding a New categories
n On the Contact Manger screen, select categories and click
the New icon on the top to add a new category
n Type the category title and necessary information. Click save

102. +
Adding a new contact
n On the Contact Manger screen, select Contacts and click the
New icon on the top to add a new contact
n Type the contact name and necessary information. Click save

103. +
Displaying Contact in the front-
end
n To display contact, we need to add a menu item
n Menus >> Select the menu where you want to add a new
item >> Click Add new item >> On Menu item type
select one of the following action
n Fill in the required information and click Save

104. +
Exercise
n Add two contact categories
n Add two contacts to each category made in the first task
n Create a contact us page and link to one of the user among
the contacts you created
n Create a page to display list of contacts from one of your
category made earlier

105. +
Language Manager

106. +
Language Manger
n Extensions >> Language Manager
n To set the default language for both the front-end and back-
end of a Joomla site

107. +
Installing a new language
n On Language Manager screen click Install Language
n Search for the language you want to install
n Check the language or languages to install and click install
on the top

108. +
To enable a new language
n On the Language manager, select language for site or
administrator tab and mark as default

109. +
Exercise
n Install Finnish Language
n Make Finnish as default language for the back-end

110. +
Global Configuration

111. +
n Login to admin end
n Click Site
n Select Global Configuration
Global Configuration

112. +
Site Config

113. +
System Config

114. +
Server Config

115. +
Permissions

116. +
Text Filters

117. +
User Manager
http://help.joomla.org/proxy/index.php?
option=com_help&keyref=Help25:Users_User_Manager

118. +
n Backup everything
n Zip all your Joomla files and download it to a folder in your
local system
n If your current site is already in some server, you can use FTP
client like Filezilla to download your files
Step 1

119. +
n Export your Joomla database
n Use phpMyadmin to export your database
n Most hosting companies have phpMyadmin already installed
n Be sure to export your entire database
Step 2

120. +
n Upload all your files to the new server (new system)
n Again you can use FTP client like filezilla to upload all your
files to the server
Step 3

121. +
n Import your database to your new MySQL server
n Use phpMyadmin to import your database into the new
server
Step 4

122. +
n Modify configuration.php in your new server (system)
n You need to modify the following parameters:
n public $user = 'root’;
n public $password = 'root’;
n public $db = 'joomla123';
n public $log_path = '/Volumes/Deepak/www/joomla/logs';
n public $tmp_path = '/Volumes/Deepak/www/joomla/tmp';
Step 5

123. +
n Test your new installation
Step 6

124. +
References
n http://www.joomla.org/
n http://www.contentmanager.eu.com/cms.htm
n http://www.apachefriends.org/en/index.html

125. +
Final Exercise
n Lets try to make Menus of bit.tokem.fi, top menu and the
menu on left
n Lets create the following pages
n http://bit.tokem.fi/ktuas/home.html
n http://bit.tokem.fi/ktuas/ketoakku.html
n http://bit.tokem.fi/ktuas/discover-finland.html
n Enable search feature on the website