Joomla/C2/Installing-Joomla-on-Windows/English
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:
|
Show Slide 3:
System Requirements |
To install Joomla in your system, you should have a system supporting:
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:
|
First of all, let us check if XAMPP is installed on our machine. | |
Click on Start menu
|
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
| |
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:
|
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) | 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:
|
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:
|
The Spoken Tutorial Project Team conducts workshops and gives certificates.
For more details, please write to us. |
Show Slide 13:
(About Spoken Tutorial Forum) |
|
Show Slide 14: |
|
Show Slide 15:
|
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. |