Joomla/C2/Installing-Joomla-on-a-local-server/English

From Script | Spoken-Tutorial
Revision as of 12:44, 22 August 2014 by Itspriyanka (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
Visual Cue Narration
Show Slide 1

Welcome to the Spoken Tutorial on Installing Joomla on local server

Welcome to the Spoken Tutorial on Installing Joomla on local server
Show Slide 2

Learning Objectives

  • Download Joomla
  • Create database
  • Permissions
  • Install Joomla


In this tutorial, we will learn how to:
  • Obtain Joomla
  • Create database
  • Permissions and
  • Install Joomla


Show Slide 3

Systems Prerequisites

To install Joomla in your system, you should have a system supporting:
  • Apache 2.x + or IIS 7+
  • MySQL 5.0.4 + and
  • PHP 5.2.4 +

Please note that MySQL 6 and higher versions are currently not supported.

Show Slide 4

Installation of Apache, MySQL and PHP

You can either install these separately or together, using a web-server distribution like
  • XAMPP
  • LAMP or
  • WAMP

Web-server distributions give you Apache, MySQL and PHP bundled in one. Refer to the PHP & MySQL spoken tutorials, for more details on XAMPP installation.


Show Slide 5

Versions and OS

For this tutorial, we will be using:
  • Ubuntu 14.04
  • Joomla 2.5.22
  • Apache, MySQL and PHP obtained through XAMPP 1.8.2


First of all, let me check if XAMPP is installed on my machine.
Open terminal by pressing Ctrl+T Lets open the terminal by pressing Ctrl + Alt + T keys.

Alternately, click on the “Terminal” icon in the launcher bar.


Type sudo /opt/lampp/lampp start Start XAMPP by typing sudo slash opt slash lampp slash lampp start
It will prompt for your administrative password.
Enter administrator password >> Press Enter Enter the password for the administrator account through which you are logged in.
Let me enter my administrative password and press Enter.
Switch to browser http://localhost Now, switch to the browser, and type http colon slash slash localhost


Select English You may require to select language if you are proceeding with it for the first time.

So, here let us select English

In the left menu >> click on phpinfo() In the menu on the left of the screen, click on phpinfo().
Type Ctrl+F and write DOCUMENT_ROOT in the search window >> Press Enter Now press Ctrl +F and search for DOCUMENT underscore ROOT.
It will be found in the table “Apache Environment”.
Value of DOCUMENT underscore ROOT will be either
  • slash opt slash lampp slash htdocs or
  • slash var slash www
Point or highlight /opt/lampp/htdocs. In my machine, it is slash opt slash lampp slash htdocs.
Please note this path.

We are going to install Joomla here.

Download Joomla (Browser)

http://joomla.org/

First we will download Joomla.

So, go to the official website of Joomla, which is www dot joomla dot org.

Point to the Download button >>Click on it. You will find a Download button on this webpage. Click on it.
You will be redirected to another webpage.
Point to the “Download Joomla 2.5.22 Full Package, ZIP”. >>Click on it. Here, you will see a button that says “Download Joomla 2.5.22 Full Package, ZIP”.

Click on that button.

Click on Save File >> then on OK Immediately, a small dialog box will open.

Here click on Save File option and then click on OK.

It will download Joomla.


At the time of making of this tutorial, latest stable version was 2.5.22.
Switch to the Downloads folder >> Point to the file I have already downloaded this file and it is in my Downloads folder.
Extracting Joomla Let's create a new folder by the name joomla in our DOCUMENT_ROOT.
Type

sudo mkdir /opt/lampp/htdocs/joomla

Go to the terminal window.

So, at the prompt, type

sudo space mkdir space slash opt slash lampp slash htdocs slash joomla

and press Enter.

If prompted, enter your admin password. You will have to do so whenever prompted, as we proceed.
We now change directory to Downloads.
Click on the folder window. To see the required path, come to the folder window.
Keep the cursor on Downloads in the Home folder >> see the tool-tip. Move the cursor on Downloads folder in the Home folder and see the tool-tip.

On my system it is, slash home slash ravi slash Downloads

Switch to the Terminal.

Type cd /home/Downloads

So, in the Terminal, I will type the command:

cd space slash home slash ravi slash Downloads

and press Enter.

You will have to type the path shown on your system.

Now we will extract the contents of the zip file of this folder into the joomla folder.
Type

sudo unzip Joomla_2.5.22-Stable-Full_Package.zip -d /opt/lampp/htdocs/joomla

At the command prompt, type the command:

sudo space unzip space Joomla_2.5.22-Stable-Full_Package space hyphen d space slash opt slash lampp slash htdocs slash joomla

and press Enter.

Type cd /opt/lampp/htdocs To specify the permissions of the folder joomla, let's go to DOCUMENT_ROOT.

Type, cd space slash opt slash lampp slash htdocs and press Enter.

Type ls Let us list the files in this directory. So, type ls and press Enter.
Type sudo chmod 777 joomla/ Let's give read, write and execute permissions to the owner and the group members of joomla folder.


So type -

sudo space chmod space 777 space joomla slash

and press Enter.

Show Slide 6:

Creating database

Before we go ahead with the installation, we need to create a database for Joomla.

We will do this in phpmyadmin.

Phpmyadmin is the graphical user interface for MySQL.

It comes along with XAMPP installation.

Switch to the browser and type http://localhost Switch to the browser and type

http colon slash slash localhost

Creating Database:

Click on phpmyadmin

On the XAMPP page, in the menu on the left, under Tools, click on phpmyadmin.


We can also create the database and user on MySQL command line.
However, phpmyadmin is much simpler and user friendly.
Click on Users >> click on Add User Click on Users in the top menu and then click on Add User, to create a new user.
Type Joomla-1 Enter a username, let's say, Joomla-1
Select Local from the dropdown From Host dropdown list, select Local.
In Password textbox >> Type joomla123 Enter a password in the Password text-box, say joomla123.

You can enter any password of your choice.

Re-type joomla123 Enter the same password in the Re-type textbox.
Point to the option Note – Pls do not respond to Generate Password prompt for now.
Point to Create a database with the same name and grant all privileges Under Database for user, we can see the option

Create a database with the same name and grant all privileges.

Click on it >> Click on Go button We will check that option and click the button Go at the bottom right of this page.


This will create a new database with the name Joomla-1 and with a user Joomla-1.
Make a note of the username, password and database names.

These will be required later to complete the Joomla Installation.

Show Slide 7:

Rules and Naming Conventions

Please note:
  • Database name and username need not be the same.
  • To have different names, you can first create the database and then create a user for that database.
  • Also, as per naming convention; username should not have any spaces in between.


Show Slide 8:

Prerequisites completed

We are now ready to install Joomla.

We have XAMPP running and our database is ready.

And we have extracted Joomla into the folder joomla in DOCUMENT_ROOT.


(Switch to browser)

http://localhost/joomla

Go to the browser.

Type http colon forward slash forward slash localhost forward slash joomla

Pls note – joomla is the folder into which we extracted.


Press Enter Press Enter and you will see the Joomla installation page.


By default, we are in step number one, that is, Language.

Joomla can be installed in multiple languages.

Select English' >> click on Next button. We will select English (United states) here.

Click on Next button at the top right.

Click on Next button. We are at the Pre-Installation Check stage.

Let’s go with the default options.

Click on Next button at the top right.

Click on Next button. Now we are on the Licence page.

Please read and click Next at the top right.

Database (browser):

Select MySQL from DropDownList

So, we come to the Database Configuration page now.

Select “MySQL” as the database type.


Type localhost Enter “localhost” as the Host Name
Point to username, password and database name. Now, we have to enter the username, password and database names.

These are the ones we created earlier, in phpmyadmin.


Type Joomla-1 I will enter Joomla-1 as the username.


Type joomla123 Then joomla123 as the password


Type Joomla-1 and Joomla-1 as the database name.


Leave the table prefix as it is.


Select Backup >> Click Next In Old Database Process, select Backup.

This is to take backup of tables, with identical names as in the database, when Joomla is upgraded.

Click on Next button at the top right.

This step may take some time.

Its because the server tries to connect to the database and check the configurations.

It will give an error if MySQL is not running or if you have given any incorrect details.

FTP Configurations (browser) Next step is the FTP Configuration.

We don’t need to enable FTP because we are installing Joomla on our local server. So, click on Next button at the top right.

Main configuration (browser):

Type Digital India

We are now on the Main Configuration page.

Enter the site name that you want your website to have.

I will write it as Digital India

Type priyanka@spoken-tutorial.org Email id is a compulsory field. Please enter a valid email id here.

I will give the id as priyanka@spoken-tutorial.org

Next, enter the username that you want for the Joomla administrative page.
Type admin I will enter username as admin.
Type admin123 Enter a password for the Joomla administrator.

I will enter admin123 as the Admin password.

Retype admin123 Retype the password in the confirmation box.
Point to the button Install Sample data There is a button named Install Sample Data below the admin details.

This will install the site with some sample articles, menus, plugins etc. These help a beginner to understand Joomla.

Click Next You may press this button if you wish, when you are installing Joomla for the first time.

I will not do so. Click Next button at the top right.

Final Step (browser and terminal) We are on the Finish page, the final step in the installation process.

Here it informs about Joomla's security feature. Pls read this message.

Click Remove Installation Folder button Under the message, there is a Remove Installation Folder button.

Click on it to remove the installation folder.

If you get an error in this step, you must remove the folder manually.

I got an error because I am not logged-in as linux superuser and don't have delete permission.

Switch to terminal.


Type cd joomla Type sudo rm -rf installation/


So, now let us switch to the terminal.

We will delete the installation folder manually from the joomla folder. This is mandatory.

So, type cd joomla.

Then type sudo space rm space hyphen rf space installation forward slash.

Switch to browser

Type localhost/joomla


After successful removal of the installation folder, switch to the browser.

Type localhost forward slash joomla

You have reached your website!

Since I did not install sample data, I do not see menus, articles etc., right now.


Type localhost/joomla/administrator/ Lets go to the administrator page from where we can administer our website.

So, go to localhost forward slash joomla forward slash administrator forward slash

Type admin

Type admin123


Login with your administrator login and password.

I will type admin in username and admin123 in password.

As your website is installed, you have the administrator access.
Show Slide 9:

(Summary)

Let us summarize.

In this tutorial, we learnt to:

  • Install Joomla from Joomla website
  • Create database in phpmyadmin
  • Install Joomla on local server
Show Slide 10:


(Assignment)

Let's come to the assignment now.
  • Install Joomla with the sample data.
  • Uninstall Joomla and then install a fresh Joomla without sample data.
  • Compare the difference.
Show Slide 11:

(About Spoken Tutorial Project)

The video at this link, summarizes the Spoken Tutorial project.

If you do not have good bandwidth, you can download and watch it.

Show Slide 12:

(About Spoken Tutorial Project) Slide will be as given earlier

The Spoken Tutorial Project Team
  • conducts workshops using spoken tutorials and
  • gives certificates on passing online tests.

For more details, please write to us.

Show Slide 13:

(Acknowledgement)


Spoken Tutorial Project is supported by NMEICT, MHRD, Government of India.
This is Priyanka signing off. Thank you for joining.

Contributors and Content Editors

Itspriyanka, Nancyvarkey