Difference between revisions of "Joomla/C2/Installing-Joomla-on-a-local-server/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
(Created page with '{| border=1 || '''Visual Cue''' || '''Narration''' |- || '''Show Slide 1''' Welcome to the Spoken Tutorial on '''Installing Joomla on local server''' || Welcome to the Spoken T…')
 
 
(One intermediate revision by the same user not shown)
Line 17: Line 17:
 
* Install Joomla
 
* Install Joomla
  
 
+
|| In this tutorial, we will learn to:
|| In this tutorial, we will learn how to:
+
 
* Obtain '''Joomla'''
 
* Obtain '''Joomla'''
 
* Create '''database'''
 
* Create '''database'''
 
* Permissions and  
 
* Permissions and  
 
* Install '''Joomla'''
 
* Install '''Joomla'''
 
  
 
|-
 
|-
Line 41: Line 39:
 
|| You can either install these separately or together, using a web-server distribution like
 
|| You can either install these separately or together, using a web-server distribution like
 
*'''XAMPP'''
 
*'''XAMPP'''
*'''LAMP''' or
+
*'''WAMP''' or
*'''WAMP'''
+
*'''LAMPP'''
 +
 
 +
 
 
Web-server distributions give you '''Apache''', '''MySQL''' and '''PHP''' bundled in one.
 
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.  
 
Refer to the '''PHP & MySQL''' spoken tutorials, for more details on '''XAMPP''' installation.  
 
  
 
|-
 
|-
Line 53: Line 54:
 
|| For this tutorial, we will be using:
 
|| For this tutorial, we will be using:
 
*'''Ubuntu''' 14.04
 
*'''Ubuntu''' 14.04
*'''Joomla''' 2.5.22
+
*'''Joomla''' 3.4.1
*'''Apache''', '''MySQL''' and '''PHP''' obtained through '''XAMPP''' 1.8.2
+
*'''Apache''', '''MySQL''' and '''PHP''' obtained through '''XAMPP''' 5.5.19
 
+
  
 
|-
 
|-
Line 67: Line 67:
 
|| Lets open the '''terminal''' by pressing '''Ctrl + Alt + T''' keys.  
 
|| Lets open the '''terminal''' by pressing '''Ctrl + Alt + T''' keys.  
 
Alternately, click on the '''“Terminal”''' icon in the launcher bar.
 
Alternately, click on the '''“Terminal”''' icon in the launcher bar.
 
  
 
|-
 
|-
 
|| Type '''sudo /opt/lampp/lampp start'''
 
|| Type '''sudo /opt/lampp/lampp start'''
  
|| Start '''XAMPP''' by typing '''sudo slash opt slash lampp slash lampp start'''
+
|| Start '''XAMPP''' by typing '''sudo space slash opt slash lampp slash lampp space start'''
  
 
|-
 
|-
||  
+
|| Enter the '''administrative''' password at the prompt.
 
+
|| 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'''.
+
  
 +
|| Enter the '''administrative''' password when prompted and press '''Enter'''.
 +
 
|-
 
|-
 
|| '''Switch to browser''' http://localhost
 
|| '''Switch to browser''' http://localhost
  
|| Now, switch to the browser, and type '''http colon slash slash localhost'''   
+
|| Now, switch to the browser, and type '''http colon double slash localhost'''   
 
+
  
 
|-
 
|-
 
|| Select '''English'''
 
|| Select '''English'''
  
|| You may require to select language if you are proceeding with it for the first time.  
+
|| For the very first time of installation, you have to select language.
 +
 
  
So, here let us select '''English'''  
+
So, here let us select '''English'''.
  
 
|-
 
|-
 
|| In the left menu >> click on '''phpinfo'''()  
 
|| In the left menu >> click on '''phpinfo'''()  
  
|| In the menu on the left of the screen, 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'''
+
|| Type '''Ctrl+F''' >> type '''DOCUMENT_ROOT''' in the search window  >> Press '''Enter'''
  
|| Now press Ctrl +F and search for '''DOCUMENT underscore ROOT.'''
+
|| Now press '''Ctrl + F''' keys and search for '''DOCUMENT underscore ROOT.'''
  
 
|-
 
|-
||  
+
|| Point to '''"Apache Environment".'''
  
|| It will be found in the table '''“Apache Environment”.'''
+
|| It will be found in the table '''"Apache Environment".'''
  
 
|-
 
|-
Line 121: Line 110:
  
 
|| Value of '''DOCUMENT underscore ROOT''' will be either
 
|| Value of '''DOCUMENT underscore ROOT''' will be either
*'''slash opt slash lampp slash htdocs''' or
+
* '''slash opt slash lampp slash htdocs''' or
*'''slash var slash www'''
+
* '''slash var slash www'''
  
 
|-
 
|-
Line 141: Line 130:
 
'''http://joomla.org/'''
 
'''http://joomla.org/'''
  
|| First we will download '''Joomla'''.
+
|| First let us download '''Joomla'''.
  
 
So, go to the official website of '''Joomla''', which is '''www dot joomla dot org'''.
 
So, go to the official website of '''Joomla''', which is '''www dot joomla dot org'''.
Line 148: Line 137:
 
|| Point to the '''Download''' button >>Click on it.
 
|| Point to the '''Download''' button >>Click on it.
  
|| You will find a '''Download''' button on this webpage. Click on it.  
+
|| Click on '''Download''' button on this webpage.  
  
 
|-
 
|-
 
||  
 
||  
  
|| You will be redirected to another webpage.
+
|| We will be redirected to another webpage.
  
 
|-
 
|-
|| Point to the '''“Download Joomla  2.5.22 Full Package, ZIP”'''. >>Click on it.
+
|| Point to the '''“Download Joomla  3.4.1 Full Package, ZIP”'''>>Click on it.
 +
 
 +
|| Here, we see a button that says '''“Download Joomla  3.4.1 Full Package, ZIP”'''.  
  
|| Here, you will see a button that says '''“Download Joomla  2.5.22 Full Package, ZIP”'''.
 
  
 
Click on that button.
 
Click on that button.
Line 169: Line 159:
 
Here click on '''Save File''' option and then click on '''OK.'''
 
Here click on '''Save File''' option and then click on '''OK.'''
  
It will download '''Joomla.'''
 
  
 +
This will download '''Joomla.'''
  
 
|-
 
|-
 
||  
 
||  
  
|| At the time of making of this tutorial, latest stable version was 2.5.22.  
+
|| At the time of making of this tutorial, latest stable version is 3.4.1. 
 +
 
 +
 
 +
The content covered in this tutorial is suitable for 3.4.x version.
  
 
|-
 
|-
Line 185: Line 178:
 
|| '''Extracting Joomla'''
 
|| '''Extracting Joomla'''
  
|| Let's create a new folder by the name '''joomla''' in our '''DOCUMENT_ROOT'''.
+
|| Next, we have to create a new folder named '''joomla''' in '''DOCUMENT underscore ROOT'''.
  
 
|-
 
|-
|| Type
+
|| In the '''terminal''' window, type
 
'''sudo mkdir /opt/lampp/htdocs/joomla'''
 
'''sudo mkdir /opt/lampp/htdocs/joomla'''
  
Line 200: Line 193:
  
 
|-
 
|-
||  
+
|| Type '''admin''' password
  
|| If prompted, enter your admin password. You will have to do so whenever prompted, as we proceed.
+
|| Enter your '''admin''' password, if prompted.  
 +
 
 +
You will have to do so whenever prompted, as we proceed.
  
 
|-
 
|-
Line 215: Line 210:
  
 
|-
 
|-
|| Keep the cursor on '''Downloads''' in the '''Home''' folder >> see the tool-tip.
+
|| Move 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.
 
|| Move the cursor on '''Downloads''' folder in the '''Home''' folder and see the tool-tip.
 +
  
 
On my system it is,  
 
On my system it is,  
'''slash home slash ravi slash Downloads'''
+
'''slash home slash fossee slash Downloads'''
  
 
|-
 
|-
|| Switch to the Terminal.
+
|| Switch to the '''terminal''' >> Type
Type
+
'''cd /home/fossee/Downloads'''
'''cd /home/Downloads'''
+
  
|| So, in the '''Terminal''', I will type the command:  
+
|| So, in the '''terminal''', I will type the command:  
  
'''cd space slash home slash ravi slash Downloads'''
+
'''cd space slash home slash fossee slash Downloads'''
  
 
and press '''Enter'''.
 
and press '''Enter'''.
 +
  
 
You will have to type the path shown on your system.
 
You will have to type the path shown on your system.
Line 238: Line 234:
 
||  
 
||  
  
|| Now we will extract the contents of the '''zip''' file of this folder into the '''joomla''' folder.
+
|| Now we will extract the contents of the '''zip''' file into the '''joomla''' folder.
  
 
|-
 
|-
Line 244: Line 240:
 
'''sudo unzip Joomla_2.5.22-Stable-Full_Package.zip -d  /opt/lampp/htdocs/joomla'''
 
'''sudo unzip Joomla_2.5.22-Stable-Full_Package.zip -d  /opt/lampp/htdocs/joomla'''
  
|| At the command prompt, type the command:
+
|| At the command prompt, type:
  
'''sudo space unzip space Joomla_2.5.22-Stable-Full_Package space hyphen d space slash opt slash lampp slash htdocs slash joomla'''
+
'''sudo space unzip space''' name of the '''Joomla''' file '''space hyphen d space slash opt slash lampp slash htdocs slash joomla slash'''
  
 
and press '''Enter.'''
 
and press '''Enter.'''
  
 
|-
 
|-
|| Type '''cd /opt/lampp/htdocs'''
+
||Press '''Ctrl + L'''
 +
||Let me clear the '''terminal''' by pressing '''Ctrl + L'''.
 +
 
 +
|-
 +
|| Go to '''DOCUMENT_ROOT'''>> Type '''cd /opt/lampp/htdocs'''
 +
 
 +
|| To specify the permissions of the folder '''joomla''', we will go to '''DOCUMENT underscore ROOT'''.
  
|| To specify the permissions of the folder '''joomla''', let's go to '''DOCUMENT_ROOT'''.
 
  
 
Type,  
 
Type,  
 
'''cd space slash opt slash lampp slash htdocs'''
 
'''cd space slash opt slash lampp slash htdocs'''
 +
 
and press '''Enter.'''
 
and press '''Enter.'''
  
Line 262: Line 264:
 
|| Type '''ls'''
 
|| Type '''ls'''
  
|| Let us list the files in this directory.  So, type '''ls''' and press '''Enter.'''
+
|| To list the files in this directory, type '''ls''' and press '''Enter.'''
  
 
|-
 
|-
 
|| Type '''sudo chmod 777 joomla/'''
 
|| Type '''sudo chmod 777 joomla/'''
  
|| Let's give '''read''', '''write''' and '''execute permissions''' to the '''owner''' and the '''group members''' of '''joomla''' folder.  
+
|| Let's give '''read, write''' and '''execute permissions''' to the '''owner''' and the '''group members''' of '''joomla''' folder.  
  
  
|-
+
So type -
||
+
 
+
|| So type -
+
 
'''sudo space chmod  space 777 space joomla slash'''
 
'''sudo space chmod  space 777 space joomla slash'''
  
Line 284: Line 283:
  
 
|| Before we go ahead with the installation, we need to create a database for '''Joomla'''.
 
|| Before we go ahead with the installation, we need to create a database for '''Joomla'''.
 +
  
 
We will do this in '''phpmyadmin'''.
 
We will do this in '''phpmyadmin'''.
 +
 +
  
 
'''Phpmyadmin''' is the graphical user interface for '''MySQL'''.
 
'''Phpmyadmin''' is the graphical user interface for '''MySQL'''.
 +
  
 
It comes along with '''XAMPP''' installation.
 
It comes along with '''XAMPP''' installation.
  
 
|-
 
|-
|| Switch to the browser and type http://localhost
+
|| Switch to the browser and type '''http://localhost'''
  
 
||Switch to the browser and type
 
||Switch to the browser and type
'''http colon slash slash localhost'''
+
'''http colon double slash localhost'''
  
 
|-
 
|-
Line 302: Line 305:
  
 
||On the '''XAMPP''' page, in the menu on the left, under '''Tools''', 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''' >> click on '''Add User'''
  
||Click on '''Users''' in the top menu and then click on '''Add User''', to create a new user.
+
||Click on '''Users''' in the top menu and then click on '''Add User'''.
  
 
|-
 
|-
 
||Type '''Joomla-1'''
 
||Type '''Joomla-1'''
  
||Enter a '''username''', let's say, '''Joomla-1'''
+
||Enter a '''username''', say, '''Joomla hyphen 1'''
  
 
|-
 
|-
Line 333: Line 325:
  
 
||Enter a '''password''' in the '''Password''' text-box, say '''joomla123'''.
 
||Enter a '''password''' in the '''Password''' text-box, say '''joomla123'''.
 +
  
 
You can enter any password of your choice.
 
You can enter any password of your choice.
Line 344: Line 337:
 
||Point to the option
 
||Point to the option
  
||Note – Pls do not respond to '''Generate Password''' prompt for now.   
+
||Please do not respond to '''Generate Password''' prompt for now.   
  
 
|-
 
|-
Line 356: Line 349:
  
 
||We will check that option and click the button '''Go''' at the bottom right of this page.
 
||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'''.
+
||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.
+
||Make a note of the '''username, password''' and '''database''' names.
  
These will be required later to complete the '''Joomla''' Installation.
+
These will be required later to complete the '''Joomla''' installation.
  
 
|-
 
|-
Line 377: Line 369:
 
*'''Database''' name and '''username''' need not be the same.
 
*'''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'''.
 
*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.
+
*Also, as per naming convention, '''username''' should not have any spaces in between.
 
+
  
 
|-
 
|-
Line 385: Line 376:
  
 
||We are now ready to install '''Joomla'''.
 
||We are now ready to install '''Joomla'''.
 +
  
 
We have '''XAMPP''' running and our '''database''' is ready.
 
We have '''XAMPP''' running and our '''database''' is ready.
  
And we have extracted '''Joomla''' into the folder '''joomla''' in '''DOCUMENT_ROOT'''.
 
  
 +
And we have extracted '''Joomla''' into the folder '''joomla''' in '''DOCUMENT underscore ROOT'''.
  
 
|-
 
|-
Line 398: Line 390:
 
||Go to the browser.
 
||Go to the browser.
  
Type '''http colon forward slash forward slash localhost forward slash joomla'''
+
Type '''http colon double slash localhost slash joomla'''
  
Pls note '''joomla''' is the folder into which we extracted.  
+
 
 +
Please note that '''joomla''' is the folder into which we extracted.  
  
  
Line 407: Line 400:
  
 
||Press '''Enter''' and you will see the '''Joomla''' installation page.
 
||Press '''Enter''' and you will see the '''Joomla''' installation page.
 
  
 
|-
 
|-
 
||
 
||
  
||By default, we are in step number one, that is, '''Language'''.  
+
||By default, we are in step number one, that is, '''Configuration'''.  
  
 
'''Joomla''' can be installed in multiple languages.
 
'''Joomla''' can be installed in multiple languages.
Line 420: Line 412:
  
 
||We will select '''English (United states)''' here.
 
||We will select '''English (United states)''' here.
 +
  
 
Click on '''Next''' button at the top right.
 
Click on '''Next''' button at the top right.
Line 426: Line 419:
 
||Click on '''Next''' button.
 
||Click on '''Next''' button.
  
||We are at the '''Pre-Installation Check''' stage.
+
||We are now on the '''Main Configuration''' page.
  
Let’s go with the default options.
+
Enter the sitename that you want your website to have.
  
Click on '''Next''' button at the top right.
+
 
 +
I will have it as '''"Digital India".'''
  
 
|-
 
|-
||Click on '''Next''' button.
+
|| Type '''"priyanka@spoken-tutorial.org"''' in '''Email id'''.
 +
||'''Email-id''' is a compulsory field.
 +
 
  
||Now we are on the '''Licence''' page.
+
Please enter a valid email-id here.
  
Please read and click '''Next''' at the top right.
+
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)'''
 +
 
 +
||Please select '''No''' option for '''Site Offline (Yes/No)'''.
 +
 
 +
The site can be set online later on through the global configuration.
 +
 
 +
 
 +
|-
 +
||
 +
||We will leave the description blank.
 +
 
 +
|-
 +
||Click on '''Next'''
 +
||Now, click on the '''Next''' button at the top-right.
  
 
|-
 
|-
Line 446: Line 472:
 
||So, we come to the '''Database Configuration''' page now.
 
||So, we come to the '''Database Configuration''' page now.
  
Select '''“MySQL”''' as the '''database type'''.
+
Select '''"MySQL"''' as the '''Database Type'''.
 
+
  
 
|-
 
|-
 
||Type '''localhost'''
 
||Type '''localhost'''
  
||Enter '''“localhost”''' as the '''Host Name'''
+
||Enter '''"localhost"''' as the '''Host Name'''
  
 
|-
 
|-
 
||Point to '''username''', '''password''' and '''database name'''.
 
||Point to '''username''', '''password''' and '''database name'''.
  
||Now, we have to enter the '''username''', '''password''' and '''database names'''.
+
||Now, we have to enter the '''username, password''' and '''database names'''.
  
These are the ones we created earlier, in '''phpmyadmin'''.
 
  
 +
These are the ones we created earlier, in '''phpmyadmin'''.
  
 
|-
 
|-
 
||Type '''Joomla-1'''
 
||Type '''Joomla-1'''
  
||I will enter '''Joomla-1''' as the '''username'''.
+
||I will enter '''Joomla hyphen 1''' as the '''username'''.
  
  
Line 477: Line 502:
 
||Type '''Joomla-1'''
 
||Type '''Joomla-1'''
  
||and '''Joomla-1''' as the '''database name.'''
+
||and '''Joomla hyphen 1''' as the '''database name.'''
  
  
Line 483: Line 508:
 
||
 
||
  
||Leave the '''table prefix''' as it is.
+
||Leave the '''Table Prefix''' as it is.
  
  
Line 490: Line 515:
  
 
||In '''Old Database Process''', select '''Backup'''.
 
||In '''Old Database Process''', select '''Backup'''.
 +
  
 
This is to take backup of tables, with identical names as in the database, when '''Joomla''' is upgraded.
 
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.
 
Click on '''Next''' button at the top right.
Line 497: Line 524:
 
|-
 
|-
 
||
 
||
 +
||We are now in the '''Finalisation and Overview''' page.
  
||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)'''
+
||Point to the button '''Install Sample data'''
  
||Next step is the '''FTP Configuration.'''
+
||In the '''Finalisation''' section, locate ''' Install Sample Data'''.
  
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.
 
  
|-
+
By default, one of the radio buttons will be selected.
||'''Main configuration (browser):'''
+
  
Type''' Digital India'''
 
  
||We are now on the ''' Main''' ''' Configuration''' page.
+
The options listed here, will install some sample articles, menus, plugins etc. on the site.
  
Enter the site name that you want your website to have.
 
  
I will write it as ''' Digital India'''
+
These are useful for a beginner to understand ''' Joomla'''.
  
 
|-
 
|-
||Type '''priyanka@spoken-tutorial.org'''  
+
||Click''' None'''
  
||Email id is a compulsory field. Please enter a valid email id here.  
+
||You may choose one of the options, when you are installing ''' Joomla''' for the first time.
  
I will give the id as ''' priyanka@spoken-tutorial.org'''
+
 
 +
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.
||Next, enter the ''' username''' that you want for the ''' Joomla''' administrative page.
+
  
 
|-
 
|-
||Type''' admin'''
+
||Click on the '''Install''' button.
 +
||Now click on the '''Install''' button on the top-right.
  
||I will enter ''' username''' as ''' admin.'''
+
This step may take some time.
  
 
|-
 
|-
||Type''' ''' '''admin123'''
+
||Point to the message
 +
||Now we will see the message '''"Congratulations!  Joomla is now installed"'''.
  
||Enter a password for the ''' Joomla''' administrator.
 
I will enter ''' admin123 ''' as the ''' Admin password.'''
 
  
 
|-
 
|-
||Retype''' admin123'''
+
||Point to ''' Remove Installation Folder ''' button.
 +
||Under the message, there is a ''' Remove Installation Folder ''' button.
  
||Retype the password in the confirmation box.
+
 
 +
Click on it to remove the installation folder.
  
 
|-
 
|-
||Point to the button '''Install Sample data'''
+
||
 +
||If we get an error in this step, we must remove the folder manually.
  
||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 got an error because I am not logged-in as ''' linux superuser'''.
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.
+
I don't have ''' delete permission''' either.
Here it informs about Joomla's security feature. Pls read this message.
+
  
 
|-
 
|-
||'''Click Remove Installation Folder button'''
+
||Switch to '''terminal.'''
  
||Under the message, there is a ''' Remove Installation Folder ''' button.
 
Click on it to remove the installation folder.
 
  
|-
+
Type '''cd joomla '''
||
+
||So, now let us switch to the ''' terminal.'''
  
||If you get an error in this step, you must remove the folder manually.
+
We will delete the installation folder manually from the '''joomla''' folder.  
I got an error because I am not logged-in as ''' linux''' ''' superuser''' and don't have ''' delete permission'''.
+
  
|-
 
||Switch to '''terminal.'''
 
  
 +
This is mandatory.  So please do not skip this step.
  
Type '''cd joomla '''
 
Type ''' sudo rm -rf installation/'''
 
  
 +
Type '''cd joomla'''.
  
||So, now let us switch to the ''' terminal.'''
+
|-
We will delete the installation folder manually from the '''joomla''' folder. This is mandatory.
+
||Type ''' sudo rm -rf installation/'''
 +
||Then type
 +
'''sudo space rm space hyphen rf space installation slash. '''
  
So, type
+
Press '''Enter'''.
'''cd joomla'''.
+
  
Then type
+
Enter the '''administrative password''', when prompted.
'''sudo space rm space hyphen rf space installation forward slash. '''
+
  
 
|-
 
|-
Line 607: Line 613:
  
 
||After successful removal of the installation folder, switch to the browser.
 
||After successful removal of the installation folder, switch to the browser.
 +
 +
 
Type
 
Type
'''localhost forward slash joomla'''
+
'''localhost slash joomla'''
 +
 
 +
 
  
You have reached your website!
+
We have reached our website!
  
 
|-
 
|-
Line 616: Line 626:
  
 
||Since I did not install sample data, I do not see '''menus, articles''' etc., right now.
 
||Since I did not install sample data, I do not see '''menus, articles''' etc., right now.
 
  
 
|-
 
|-
 
||Type ''' localhost/joomla/administrator/'''
 
||Type ''' localhost/joomla/administrator/'''
  
||Lets go to the '''administrator page ''' from where we can administer our website.
+
||Let's go to the '''administrator page ''' from where we can administer our website.
 +
 
  
 
So, go to
 
So, go to
'''localhost forward slash joomla forward slash administrator forward slash'''
+
'''localhost slash joomla slash administrator'''
 +
 
 +
Press '''Enter'''.
  
 
|-
 
|-
Line 632: Line 644:
  
  
||Login with your '''administrator ''' login and password.
+
||Login with the '''administrator ''' login and password.
I will type '''admin '''in '''username''' and '''admin123''' in '''password'''.
+
 
 +
 
 +
I will type '''admin '''as '''username''' and '''admin123''' as '''password'''.
  
 
|-
 
|-
 
||
 
||
  
||As your website is installed, you have the ''' administrator access.'''
+
||As our website is installed, we have the ''' administrator access.'''
  
 
|-
 
|-
Line 648: Line 662:
 
In this tutorial, we learnt to:
 
In this tutorial, we learnt to:
 
*Install '''Joomla''' from '''Joomla''' website
 
*Install '''Joomla''' from '''Joomla''' website
*Create database in '''phpmyadmin'''
+
*Create database in '''phpmyadmin''' and
 
*Install '''Joomla''' on local server
 
*Install '''Joomla''' on local server
  
Line 660: Line 674:
  
 
*Install ''' Joomla''' with the sample data.
 
*Install ''' Joomla''' with the sample data.
*Uninstall '''Joomla''' and then install a fresh '''Joomla''' without sample data.
+
*Uninstall '''Joomla''' and then  
 +
* Install a fresh '''Joomla''' without sample data.
 
*Compare the difference.
 
*Compare the difference.
  
Line 695: Line 710:
 
||
 
||
  
||This is Priyanka signing off. Thank you for joining.
+
||This script has been contributed by Priyanka and this is Ashwini Patil from IIT Bombay signing off. Thank you for joining.
  
 
|-
 
|-
 
|}
 
|}

Latest revision as of 11:27, 2 May 2015

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 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
  • WAMP or
  • LAMPP


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 3.4.1
  • Apache, MySQL and PHP obtained through XAMPP 5.5.19
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 space slash opt slash lampp slash lampp space start
Enter the administrative password at the prompt. Enter the administrative password when prompted and press Enter.
Switch to browser http://localhost Now, switch to the browser, and type http colon double slash localhost
Select English For the very first time of installation, you have to select language.


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 >> type DOCUMENT_ROOT in the search window >> Press Enter Now press Ctrl + F keys and search for DOCUMENT underscore ROOT.
Point to "Apache Environment". 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 let us 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. Click on Download button on this webpage.
We will be redirected to another webpage.
Point to the “Download Joomla 3.4.1 Full Package, ZIP”>>Click on it. Here, we see a button that says “Download Joomla 3.4.1 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.


This will download Joomla.

At the time of making of this tutorial, latest stable version is 3.4.1.


The content covered in this tutorial is suitable for 3.4.x version.

Switch to the Downloads folder >> Point to the file I have already downloaded this file and it is in my Downloads folder.
Extracting Joomla Next, we have to create a new folder named joomla in DOCUMENT underscore ROOT.
In the terminal window, 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.

Type admin password Enter your admin password, if prompted.

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.
Move 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 fossee slash Downloads

Switch to the terminal >> Type

cd /home/fossee/Downloads

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

cd space slash home slash fossee 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 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:

sudo space unzip space name of the Joomla file space hyphen d space slash opt slash lampp slash htdocs slash joomla slash

and press Enter.

Press Ctrl + L Let me clear the terminal by pressing Ctrl + L.
Go to DOCUMENT_ROOT>> Type cd /opt/lampp/htdocs To specify the permissions of the folder joomla, we will go to DOCUMENT underscore ROOT.


Type, cd space slash opt slash lampp slash htdocs

and press Enter.

Type ls To list the files in this directory, 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 double slash localhost

Creating Database:

Click on phpmyadmin

On the XAMPP page, in the menu on the left, under Tools, click on phpmyadmin.
Click on Users >> click on Add User Click on Users in the top menu and then click on Add User.
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, 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 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 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 underscore ROOT.

(Switch to browser)

http://localhost/joomla

Go to the browser.

Type http colon double slash 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' >> 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 now on the Main Configuration page.

Enter the sitename that you want your website to have.


I will have it as "Digital India".

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) Please select No option for Site Offline (Yes/No).

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


We will leave the description blank.
Click on Next Now, click on the Next button 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 hyphen 1 as the username.


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 top right.

We are now in the Finalisation and Overview page.


Point to the button Install Sample data In the Finalisation section, locate 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 top-right.

This step may take some time.

Point to the message Now we will see the message "Congratulations! Joomla is now installed".


Point to Remove Installation Folder button. Under the message, 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.


I got an error because I am not logged-in as linux superuser.


I don't have delete permission either.

Switch to terminal.


Type cd joomla

So, now let us switch to the terminal.

We will delete the installation folder manually from the joomla folder.


This is mandatory. So please do not skip this step.


Type cd joomla.

Type sudo rm -rf installation/ Then type

sudo space rm space hyphen rf space installation slash.

Press Enter.

Enter the administrative password, when prompted.

Switch to browser

Type localhost/joomla


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


Type localhost slash joomla


We have reached our website!

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


So, go to 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.

As our website is installed, we 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 and
  • 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 script has been contributed by Priyanka and this is Ashwini Patil from IIT Bombay signing off. Thank you for joining.

Contributors and Content Editors

Itspriyanka, Nancyvarkey