Difference between revisions of "Joomla/C2/Installing-Joomla-on-Windows/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with " {| style="border-spacing:0;" | style="border:1pt solid #000001;padding:0.176cm;"| <u>'''''Visual Cue'''''</u> | style="border:1pt solid #000001;padding:0.176cm;"| <u>'''''Nar...")
 
 
Line 36: Line 36:
 
Web Server Distribution
 
Web Server Distribution
  
−
| style="border:1pt solid #000001;padding:0.176cm;"| Web server distributions give you''' Apache''',''' MySQL/MariaDB''' and''' PHP''' bundled in one.
+
| style="border:1pt solid #000001;padding:0.176cm;"| Web server distributions give you''' Apache, MySQL/MariaDB''' and''' PHP''' bundled in one.
  
 
You can either install these separately.
 
You can either install these separately.
  
−
Or use a web server distribution like''' XAMPP''',''' WAMP '''or '''LAMP'''.
+
Or use a web server distribution like''' XAMPP''',''' WAMPP''' or '''LAMPP'''.
  
 
|-
 
|-
Line 50: Line 50:
 
* '''Windows '''8 OS
 
* '''Windows '''8 OS
 
* '''Joomla''' 3.7.2
 
* '''Joomla''' 3.7.2
−
* '''Apache''',''' MySQL''' and''' PHP''' obtained through''' XAMPP''' 5.6.28  
+
* '''Apache, MySQL''' and''' PHP''' obtained through''' XAMPP''' 5.6.28  
  
 
|-
 
|-
Line 61: Line 61:
  
 
Type '''XAMPP'''
 
Type '''XAMPP'''
−
| style="border:1pt solid #000001;padding:0.176cm;"| Click on the '''windows''' icon on the keyboard and type '''XAMPP''' in the search bar
+
| style="border:1pt solid #000001;padding:0.176cm;"| Click on the '''Windows''' icon on the keyboard and type '''XAMPP''' in the search bar.
  
 
If you do not get any result, '''XAMPP''' is not installed.
 
If you do not get any result, '''XAMPP''' is not installed.

Latest revision as of 18:52, 15 June 2017

Visual Cue Narration
Show Slide 1:

Installing Joomla on Windows.

Welcome to the Spoken Tutorial on Installing Joomla on Windows.
Show Slide 2: In this tutorial, we will learn to:
  • Obtain Joomla
  • Create database and
  • Install Joomla
Show Slide 3:

System Requirements

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

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

Show Slide 4:

Web Server Distribution

Web server distributions give you Apache, MySQL/MariaDB and PHP bundled in one.

You can either install these separately.

Or use a web server distribution like XAMPP, WAMPP or LAMPP.

Show Slide 5:

Versions and OS

To record this tutorial, I will be using:
  • Windows 8 OS
  • Joomla 3.7.2
  • Apache, MySQL and PHP obtained through XAMPP 5.6.28
First of all, let us check if XAMPP is installed on our machine.
Click on Start menu


Type XAMPP

Click on the Windows icon on the keyboard and type XAMPP in the search bar.

If you do not get any result, XAMPP is not installed.

You have to do the XAMPP installation.

Slide 6:

XAMPP installation:

Refer to the XAMPP installation tutorial in the PHP & MySQL series on this website.

Follow the instruction given in this tutorial to install the latest version.

While recording this tutorial the latest version is 5.6.28

I have already installed XAMPP on my machine.
Click on XAMPP Control Panel.

Click on Start button to start Apache.

Click on the Start button to start MySQL.

Click on XAMPP Control Panel.

Start the Apache and MySQL services by clicking on START button on the respective services.

To stop the services, we have to click on STOP button.

Slide 7:

Error messages.

You may get some error messages like:

“Apache shutdown unexpectedly”

or

“Port 80 in use for Apache Server'”

or

“Unable to connect to any of the specified MySQL hosts for MySQL database.”

This is because the default ports allotted for Apache and MySQL is taken by other software.

Default port number for Apache is 80 and for MySQL is 3306.

Slide To change these ports refer to the XAMPP Installation tutorial in the PHP & MySQL series on this website.

Please allot proper port numbers before proceeding further.

Switch to browser Once you have installed and started XAMPP, switch to the browser.
Type http://localhost in the URL bar In the address bar, type localhost to see your XAMPP home page.
Click on phpinfo() In the menu on the top right of the page, click on phpinfo()
Press Ctrl + F and type DOCUMENT_ROOT in the search window and press Enter Now, press CTRL+ F key and search for DOCUMENT underscore ROOT.
Highlight C:/xampp/htdocs It will be something like C:/xampp/htdocs depending on where XAMPP is installed in your machine.

Please make a note of this because we will need to install Joomla in this particular folder.

Next, let us download Joomla.
Obtaining Joomla (Browser)

Go to Joomla official website http://www.joomla.org.

Go to Joomla official website http://www.joomla.org.
Point to the Download button. Click on Download & Extend in the top menu.

Click on Joomla Downloads and then click on “Download Joomla 3.7.2 Full Package, ZIP”.

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

Here click on Save File option. Then click on ‘Ok” button.

This will download Joomla.

At the time of making of this tutorial, latest stable version is 3.7.2
I have already downloaded this file and it is in my Downloads folder.
Press Windows + E Let us go to the Downloads folder. Here, is the file which we downloaded.
Right click and click Extract this file.

Browse to the joomla folder

Right-click on the zip file and select Extract All.

Then click on ‘Browse’ to choose the destination.

Now, we have to paste the folder in the webservers root directory.

Browse to the location C:\xampp\htdocs.

Click on ‘Make a new folder’ and type ‘Joomla’.

Click on ‘ok’. Then click on ‘Extract’.

This will create a new folder by name Joomla and extract the contents of the zip file.

Show Slide 8:

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.

And it comes along with XAMPP installation.

Switch to the browser Switch to the browser and go to the XAMPP homepage.
Creating Database:

Click on phpmyadmin

On the top right of the XAMPP page, you can see a link to phpmyadmin. Click on that.
Click on Users >> click on Add User Click on User accounts in the top menu. Scroll down and then click on Add User account.
Type Joomla-1 Enter a username, say, Joomla hyphen 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 Please 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 account, 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 scroll down to the bottom of the page.

Click the button Go at the bottom right of this page.

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

These will be required later to complete the Joomla installation.

Show Slide 8:

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 9:

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 underscore ROOT.

Installing Joomla (Switch to browser)

http://localhost/Joomla

Go to the browser.

In a new tab, type localhost slash Joomla.

Please note that 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, Configuration.

Joomla can be installed in multiple languages.

Select English. We will select English (United states) here.
In Main Configuration

Type Digital India

Scroll down to see the Main Configuration section.

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

I will have it as "Digital India".

Point to description box We will leave the description blank.
Type "priyanka@spoken-tutorial.org" in Email id. Email-id is a compulsory field. Please enter a valid email-id here.

I will give the id as

"priyanka@spoken-tutorial.org"

Type admin as username. Next, enter the username that you want for the Joomla Administrative page.

I will enter the username as admin.

Type admin123 as password. Enter a password for the Joomla Administrator.

I will enter admin123 as my admin password.

Re-type the password in the confirmation box.

Select No option for Site Offline (Yes/No) In Site Offline (Yes/No), please select No.

The site can be set online later on through the global configuration.

Click on Next Now, click on the Next button at the bottom-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 hyphen 1 as the username.

Note capital letter J in joomla.

Type joomla123 Then joomla123 as the password
Type Joomla-1 And Joomla hyphen 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 bottom right.

Point to Overview tab We are now in the Finalisation and Overview page.
Point to Finalisation section In the Finalisation section, locate Install Sample Data.
Point to the button Install Sample data By default, one of the radio buttons will be selected.

The options listed here, will install some sample articles, menus, plugins, etc. on the site.

These are useful for a beginner to understand Joomla.

Click None You may choose one of the options, when you are installing Joomla for the first time.

I do not wish to do so. So, I will choose the None option.

Scroll the page below and check the Overview information displayed here.
Click on the Install button. Now click on the Install button on the bottom-right.

This step may take some time.

Point to the message Once done, we will see the message "Congratulations! Joomla is now installed".
Point to Remove Installation Folder button. Scroll down and see, there is a Remove Installation Folder button.

Click on it to remove the installation folder.

If we get an error in this step, we must remove the folder manually.
Click on site button After successful removal of the installation folder, click on site button.

We have reached our website!

Since I did not install the sample data, I do not see menus, articles etc., right now.
Type localhost/joomla/administrator/ Let's go to the administrator page.

In the URL, type localhost slash Joomla slash administrator

Press Enter.

Type admin

Type admin123

Login with the administrator login and password.

I will type admin as username and admin123 as password.

Click on ‘Log in’ button.

As our website is installed, we have the administrator access.
Show Slide 10:

(Summary)

Let us summarize.

In this tutorial, we learnt to:

  • Download Joomla from Joomla website
  • Create database in phpmyadmin and
  • Install Joomla on a Windows machine.
Show Slide 11:

(About Spoken Tutorial Project)

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

Please download and watch it.

Show Slide 12:


(About Spoken Tutorial Project)

The Spoken Tutorial Project Team conducts workshops and gives certificates.

For more details, please write to us.

Show Slide 13:

(About Spoken Tutorial Forum)

  • Do you have questions in THIS Spoken Tutorial?
  • Please visit http://forums.spoken-tutorial.org
  • Choose the minute and second where you have the question
  • Explain your question briefly
  • Someone from our team will answer them
Show Slide 14:
  • The Spoken Tutorial forum is for specific questions on this tutorial
  • Please do not post unrelated and general questions on them
  • This will help reduce the clutter
  • With less clutter, we can use these discussion as instructional material
Show Slide 15:


(Acknowledgement)

Spoken Tutorial Project is funded by NMEICT, MHRD, Government of India.. More information on this mission is available at the link shown.
The script is contributed by priyanka.

This is NirmalaVenkat signing off.

Contributors and Content Editors

Nancyvarkey, Nirmala Venkat

Retrieved from "https://script.spoken-tutorial.org/index.php?title=Joomla/C2/Installing-Joomla-on-Windows/English&oldid=37454"