A complete guide to Joomla 2.5

+

Joomla! CMS Version 2.5

Deepak K.C. Department of Information Processing KTUAS

+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

+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)

+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

+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

+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….

+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

+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

+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

+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

+

Joomla 2.5 Installation

+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

+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

+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

You can now re-enable UAC

+Site & the administration pages

n  Site (Front-end): http://localhost/joomla

n  Administration page (Back-end): http://localhost/joomla/administrator

+

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

+Joomla Administration

+

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

+

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

+

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

+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

+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

+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

+Adding New category

n  Content->Category Manager->Add New Category

+Batch Processes for the selected categories

n  Set Access Level

n  Set Language

n  Select Category for Move/Copy

+Filter Options for categories

n  Select Status : Published, Unpublished, Archived, Trashed, All

n  Select Category

n  Select Access

n  Select Language

+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.

+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

+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

+Exercise

n  Create a category named Faculty and add Business, ICT, Nursing as sub categories.

n  Create a category named News

+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

+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.

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

+Article parameters

n  Global Article Parameters

n  Individual Article Parameters

+Individual Article Parameters

n  At the time of creating a new article

n  On selecting a single article

+Global Parameters

+Linking Article n  Linking article is required to make your articles and

corresponding pages accessible

n  Joomla Admin Area >> Menus >> Main Menu

+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.

+Articles

n  Archived Articles

n  Single Article

n  List All Categories

n  Category Blog

n  Category List

n  Featured Articles

n  Create Article

+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

+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

+

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

+

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

+

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

+

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

+

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

+

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

+

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

+

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

+

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

+

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

+

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

+

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

+

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

+

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

+

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

+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

+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.

+Menu Manager

+

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

Adding New menu

+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

+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.

+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

+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

+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.

+

Extension Manager

+ 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…

+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”

+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

+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

+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

+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

+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.

+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/

+

n  htdocs/templates/templatename

Template file structure

htdocs/joomla/templates/templatename

+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

Module positions for the newly installed template

+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.

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

+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

+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

+ 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

+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

+

Language Manager

+Language Manger

n  Extensions >> Language Manager

n  To set the default language for both the front-end and back-end of a Joomla site

+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

+To enable a new language

n  On the Language manager, select language for site or administrator tab and mark as default

+Exercise

n  Install Finnish Language

n  Make Finnish as default language for the back-end

+

Global Configuration

+

n  Login to admin end

n  Click Site

n  Select Global Configuration

Global Configuration

+Site Config

+System Config

+Server Config

+Permissions

+Text Filters

+

User Manager

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

+

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

+

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

+

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

+

n  Import your database to your new MySQL server

n  Use phpMyadmin to import your database into the new server

Step 4

+

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

+

n  Test your new installation

Step 6

+References

n  http://www.joomla.org/

n  http://www.contentmanager.eu.com/cms.htm

n  http://www.apachefriends.org/en/index.html

+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