TABLE OF CONTENT

1. What is ………………………………………………………………. 2

2. Download and Install Joomla………………………………………………. 3 2.1 Pre-installation Check………………………………………………….... 3 2.2 Configuration …………………………………………………………… 4

3. Creating Content……………………………………………………………....9 3.1 Create a Category…………………………………………………………9 3.2 Create Article………………………………………………………………10

4. Modules……………………………………………………………………….. 12

5. How to Show Position for Template?...... 14

6. Menu……………………………………………………………………………16 6.1 How to Create Menu?...... 16

7. User……………………………………………………………………………. 18 7.1 Users Groups…………………………………………………………….. 18 7.2 Add New User……………………………………………………………..19

1

1. What is Joomla? Joomla is a free system for creating websites. It is an open source project, which, like most open source projects, is constantly in motion. It has been extremely successful for seven years now and is popular with millions of users worldwide. The word Joomla is a derivative of the word Joomla from the African language Swahili and means "all together".

The project Joomla is the result of a heated discussion between the Mambo Foundation, which was founded in August 2005, and its then-development team. Joomla is a development of the successful system Mambo. Joomla is used all over the world for simple homepages and for complex corporate websites as well. It is easy to install, easy to manage and very reliable.

The Joomla team has organized and reorganized itself throughout the last seven years to better meet the user demands.

2

2. Download and Install Joomla “Where and what to download?” “How to install?”

In order to install Joomla! on your local computer, it is necessary to set up your "own internet", for which you'll need a browser, a , a PHP environment and as well a Joomla supported system. We call this a solution stack and a server system.

A solution stack is a set of subsystems or components to make a fully functional Joomla website possible. The solution stack we need consists of: • the (, Windows, OSX) • the web server (Apache, IIS) • the database (MySQL, PostgreSQL) • the script language (PHP)

Requirements for Joomla! 3.x

Figure 1: Joomla 3.x requirements Download Joomla! 3 from http://joomla.org and unpack the files into your public document root folder of the web server (e.g.: /htdocs).

From now on, everything is going really fast because the Joomla! web installer is working for you. Go to URL http://localhost/.

2.1 Pre-installation Check The pre installation check helps you to verify whether your server environment is suitable for the installation of Joomla!. It appears with a selection of languages. As long as you see a red marker, your solution stack is not configured in a proper way and the installer refuses to install Joomla. Depending on your configuration, there can be differences.

The Joomla! Installer considers the configuration settings of the web server (in our case Apache), PHP, and the operating system. When using Unix-like Systems (Linux, Mac OS X), you have to pay attention to file permissions. This is particularly

3 important for the file configuration.. This file will be generated at the end of the installation with your personal values. If the installer can not write in the folder, Joomla! can not be created. In this case, configure the rights and then click the button Check Again.

Figure 2: Pre-installation Check Page 2.2 Configuration STEP 1 – Main Configuration In the main configuration page you have to describe your site and the administrator user. Furthermore, there is a switch to decide whether your site will be immediately visible for visitors (online) or if it will display a maintenance page (offline). This configuration setting is useful when you install Joomla directly in your live hosting environment (Figure 3).

Figure 3: Configuration – Main Page

4

STEP 2 – Database You can use various database servers with Joomla and you have to decide which database server you want to use and you need to enter your database parameters (Figure 4). In your local server environment you can create any number of .

In the MAMP package and in Ubuntu Linux, you have a MySQL user with the name root. The user root is the MySQL administrator and can, therefore, do everything in your MySQL system. The password depends on your server environment (no password is needed with XAMPP, with MAMP the password is root too).

When you are in a live hosting environment these parameters will be given to you by your provider.

Figure 4: Configuration – Database Enter the following values into your local installation: • host name: localhost • username: root • password: [only you know that]

Now select the database name. In a productive environment on a database server with a provider, you probably have a fixed quota of databases and the database credentials are predefined. If you have root permission on your database server, you can enter a name of a new database. Joomla! will then create that database.

You can select whether the tables of any existing Joomla! installation in this database should be cleared or saved and marked with the prefix bak_. The table prefix is really practical. In front of each table name generated by the web installer, it writes the text that you typed in the appropriate field.

As a default, the web installer suggests a randomly created one, like w02rh_. This has a simple reason. Sometimes you may only be able to get one MySQL database

5 from your provider. If you want to run two or more Joomla! sites, you have a problem, as the tables do not differ from each other. With the table prefix it is possible to distinguish several tables (w01client_ or w02client_). Here, you should use the default w02rh_. The prefix is also used to indicate saved data (bak_), see above.

STEP 3 – Finalisation In the third step, Joomla summarizes the configuration settings and asks if you want to install sample data (Figure 5).

Figure 5:Configuration – Finalisation

6

For security reasons, it’s necessary to remove the installation folder by clicking the Remove Installation Folder button.

Figure 6: Remove installation folder

After the removal of the installation folder it is possible to view the site (Figure 7) and to enter the administration area (/administrator) on Figure 8.

Figure 7: Main Site The Joomla control panel can be accessed by pointing to http://your_domain/administrator A login screen appears (Figure 8) and after a successful login you’ll see the administration area (Figure 9)

Figure 8: Administration login page

7

Figure 9: Joomla Control Panel

8

3. Creating Content Before you create any article, first of all you need to confirm what is the story of your article is about. Because we need to prepare a category that related to the story of your article. So, the articles and categories are manageable and will be easier to search and find later.

3.1 Create a Category You can start to create a category by following the steps

STEP 1 – Click Content → Categories → Add New Category (Figure 10)

Figure 10: Creating Category

STEP 2 – Insert new category name in Title field, and choose parent category. If you plan to make this category as parent, then you just don’t need tou select any category as parent category.

Figure 11: Creating Category

9

Click Save & Close button. On Category page, you can see your new category appear in the list (Figure 12).

Figure 12: List of Category

3.2 Create an Article Technically, an article in Joomla! is consists of • a title (headline) and an alias (in the url) • the text (a mixture of text, images, and other media) • a category where the article belongs to • an author and an alias for the author • access permissions • meta data for search engines and other robots and a lot of options how, where, to whom and when the article is displayed. Just a title is necessary, all the other fields have a default value or are optional.

You can start to create an article by following the steps

STEP 1 – Click Content → Articles → Add New Article (Figure 13)

Figure 13: Create Article

10

STEP 2 – Insert Title of article, story of the article in Content tab and select Category (Figure 14).

Figure 14: Creating Article Click Save & Close button. On Article page, you can see your new article appear in the list (Figure 15).

Figure 15: List of Articles

11

4. Modules A module is a content element that can be positioned on your website. A menu, for example, needs a module to be displayed. The Login box is also a module. You can create as many modules with predefined functions as you need and position them in the predefined area in the template.

Joomla comes with 24 pre-installed modules. You can see them with descriptions under Extensions → Module Manager → New (Figure 16)

Figure 16: Create New Module As example, we create a module using Custom HTML module. You need to fill up Title filed, Content Box and select Position (Figure 17) that will make the module appear on which side of your homepage (Figure 19). Click Save & Close button. On Module Manager page, you can see your new module appear in the list (Figure 18).

Figure 17: New Module - Custom HTML

12

Figure 18: Module Manager - List of Modules

Figure 19: Homepage - New Module Installed

13

5. How to show Position for Template? To arrange all modules on our homepage, we need to know the name of positions that been used by the Template. Different template using different name. But it is not possible if two or more than one templates will be use same name for their position.

We can enable Show Template Position first in Template option setting by following these steps.

STEP 1 – Click Extension → Templates → Options (Figure 20).

Figure 20: Template Manager STEP 2 – Click Enable on Preview Module Positions setting (Figure 21).

Figure 21: Enable Preview Module Positions Click Save & Close button. Go to your homepage site, and add this (/?tp=1) at the of your link. Example: http://localhost/joomla/?tp=1 Your homepage site will showing module positions name (Figure 22) .

14

Figure 22: Homepage - Show Position

15

6. Menu Menu is one of the way that public can get direct info when they surf our website. Single article, external link (redirect to another website), downloadable files, photo gallery and many more. Menu can be managed directly with each of contents public want to view.

6.1 How to create menu? As default, Joomla already created one menu that will set as default menu. This menu named as Main Menu (Figure 23).

Figure 23: Main Menu

Main Menu that created by Joomla! installation can be view and access at our homepage site, at the above of Login module (Figure 24).

Figure 24: Main Menu

As example, we will create new menu that linked to article that we already created before. Follow these steps. STEP 1 – Click Menu → Main Menu → Add New Menu (Figure 25).

16

Figure 25: Add New Menu

STEP 2 – Fill up Title field and select Menu Item Type (Figure 26).

Figure 26: Create new menu

Click Save & Close button. Go to your homepage site, and new menu named as Latest News already on Main Menu list (Figure 27).

Figure 27

17

7. User In Joomla, users are defined just not for administrator access for technical purpose only. But Joomla users consist of several types of roles called Users Groups. Each group will be restricted their access to certain functions depending on the role of the group itself.

7.1 User Group

Groups Role Homepage Backend login? login? Public Regular user No No Guest Regular user No No Manager -Manage certain function Yes Yes at the backend. Administrator -Administrator of website Yes Yes -Can delete, add new, disabled other users -can do most of what Super Users can do Registered -Regular user Yes No Author -Author Yes No

Editor -Author Yes No -Editor Publisher -Author Yes No -Editor -Publisher Super Users -Powerful user Yes Yes

18

7.2 Add New User Follow these steps to create new user.

STEP 1 – Click Users → Manage → Add New User (Figure 25).

Figure 28: Add New User STEP 2 – Fill up necessary field: Name, Login Name, Password, Confirm Password and Email on Account Details tab (Figure 29).

Figure 29: Add New User - Account Details

19

STEP 3 – Click on Assigned User Groups tab, tick on which group you want new user be assigned to (Figure 30).

Figure 30: Add New User - Assigned Groups

Click Save & Exit button. Now, on Users Manager, you can see new user listed (Figure 31).

Figure 31: User Manager

20