Difference between revisions of "PHP-and-MySQL/C2/XAMPP-in-Linux/English"
PoojaMoolya (Talk | contribs) |
|||
Line 1: | Line 1: | ||
− | ''' | + | {| |
+ | |- | ||
+ | || '''Slide Number 1 | ||
− | ''' | + | Title Slide''' |
+ | || Hello everyone. | ||
− | ''' | + | Welcome to this tutorial on ''' XAMPP Installation on Linux'''. |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
|- | |- | ||
− | | | + | || '''Slide Number 2 |
− | | | + | |
− | + | Learning Objectives''' | |
− | | | + | || In this tutorial, we will learn |
− | | | + | |
− | XAMPP | + | * How to install '''XAMPP''' on '''Linux''' |
− | + | * How to create & run a '''php''' file | |
− | + | ||
− | + | ||
− | * | + | |
|- | |- | ||
− | | | + | || '''Slide Number 3 |
− | | | + | |
− | + | System Requirement''' | |
+ | || To record this tutorial I am using | ||
− | + | * '''Ubuntu Linux OS 14.04''' | |
− | + | * '''FireFox''' Web Browser and | |
− | + | * '''Gedit''' Text editor | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
|- | |- | ||
− | | | + | || '''Slide Number 4 |
− | + | Pre-requisites''' | |
− | | | + | || To install '''XAMPP''', you should have- |
− | + | * A working '''Internet''' connection and | |
+ | * '''Admin''' access to your computer | ||
− | + | You should also have basic knowledge of '''Linux''' commands. | |
− | + | ||
− | + | ||
+ | If not, for relevant tutorials, please visit our website. | ||
|- | |- | ||
− | | | + | || '''Slide Number 5''' |
− | + | || '''XAMPP''' is a Free and Open Source web server package. | |
− | + | ||
− | | | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
|- | |- | ||
− | | | + | || '''Slide Number 6''' |
− | | | + | || '''XAMPP''' consists of, |
− | ''' | + | * '''Apache HTTP Server''' |
+ | * '''MySQL database''' | ||
+ | * '''Interpreters for scripts written in PHP and Perl''' | ||
|- | |- | ||
− | | | + | || '''Slide Number 7''' |
− | | | + | || '''XAMPP''' is easy to install. |
+ | It is available for '''GNU/Linux''', '''Mac''', '''Windows''' and '''Solaris''' operating systems. | ||
|- | |- | ||
− | | Switch to the | + | || Switch to the website. |
− | + | ||
− | + | Type | |
− | + | ||
− | + | ||
− | + | [https://www.apachefriends.org/download.html ml] | |
− | | | + | || Let's download '''XAMPP for Linux'''. |
− | + | Open the web browser on your machine. | |
− | + | ||
− | + | In the '''Address bar''', type | |
− | + | [https://www.apachefriends.org/download.html] | |
− | + | ||
− | + | ||
+ | and press '''Enter'''. | ||
|- | |- | ||
− | | | + | || Point to the various links. |
− | | | + | |
− | ''' | + | Point to '''XAMPP-LINUX''' link . |
+ | || Scroll down the page. | ||
− | + | Here '''XAMPP ''' is available to download for all Operating Systems. | |
+ | Visit '''XAMPP for Linux''' section. | ||
− | + | You can see the recent version of '''Xampp'''. | |
− | + | ||
|- | |- | ||
− | | | + | || Point to the version '''1.8.3 / PHP 5.5.19''' and click on '''Download(64 bit)'''. |
+ | || My system is a '''64bit OS'''. | ||
− | + | Under version '''1.8.3 / PHP 5.5.19'''. | |
− | + | I will select '''Download(64 bit)'''. | |
− | + | ||
− | ''' | + | The download will start. |
+ | |- | ||
+ | || | ||
+ | || I have already downloaded this file in my '''Downloads''' Folder. | ||
− | + | So I will skip downloading step. | |
+ | |- | ||
+ | || Open Terminal. | ||
+ | || Now open the terminal. | ||
+ | |- | ||
+ | || In the terminal window, type | ||
− | ''' | + | '''cd Downloads''' >> press '''Enter'''. |
+ | || On the terminal, type the command | ||
+ | '''cd space Downloads''' | ||
− | + | and press '''Enter'''. | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | This will change the current working directory to '''Downloads'''. | ||
|- | |- | ||
− | | | + | || Type |
− | |Type | + | |
− | + | '''ls''' >> press '''Enter'''. | |
− | + | Point to '''xampp-linux-x64-5.5.19-0-installer.run''' file | |
− | | | + | || Now, type the command |
− | + | '''ls ''' | |
− | + | ||
− | ''' | + | and press '''Enter'''. |
− | + | This will display the contents of the '''Downloads''' folder. | |
+ | Here is our '''XAMPP''' installation file. | ||
|- | |- | ||
− | | | + | || Type |
− | | Type | + | |
− | ''' | + | '''chmod +x xampp-linux-x64-5.5.19-0-installer.run''' |
− | + | >> press Enter | |
+ | || Let's give executable permission to the file. | ||
+ | So that we can run this file. | ||
− | + | type | |
+ | '''chmod +x''' filename | ||
+ | and press '''Enter'''. | ||
|- | |- | ||
− | | | + | || Type |
− | |Type | + | |
+ | '''sudo ./xampp-linux-x64-5.5.19-0-installer.run''' | ||
− | ''' | + | >>press '''Enter'''. |
+ | || Now to run the file, type | ||
+ | '''sudo ./ '''filename | ||
− | and press | + | and press '''Enter'''. |
+ | Enter the '''admin password''' if required. | ||
+ | |- | ||
+ | || Click on '''Next'''. | ||
+ | || '''Setup wizard''' dialogue box opens. | ||
+ | Click on '''Next''' button whenever required and follow the installation steps as shown. | ||
|- | |- | ||
− | | | + | || Uncheck '''Learn more about Bitnami for XAMPP''' check box >> Click on '''Next'''. |
− | | | + | || Uncheck '''Learn more about Bitnami for XAMPP''' check box. |
− | ''' | + | Click on '''Next'''. |
+ | |- | ||
+ | || Uncheck '''Launch XAMPP '''check box >> Click on '''Finish'''. | ||
+ | || Once the installation done, uncheck '''Launch XAMPP''' check box. | ||
− | + | And click on '''Finish'''. | |
+ | |- | ||
+ | || | ||
+ | || This installation will create '''lampp''' folder in the system's '''opt''' folder. | ||
+ | |- | ||
+ | || Click on '''Files''' Folder. | ||
+ | || Let's go there and have a look. | ||
+ | From the launcher on the left, click on '''Files''' folder icon. | ||
|- | |- | ||
− | | | + | || Click on '''Computer'''. |
+ | || On the left panel, Under '''Devices''' Section, click on '''Computer'''. | ||
+ | |- | ||
+ | || Open '''opt''' folder. | ||
+ | || You can see the system files. | ||
− | + | Double-click on '''opt''' folder to open it. | |
− | + | |- | |
− | >> | + | || Point to '''lampp''' folder >> |
− | + | ||
− | + | ||
− | + | ||
− | ''' | + | point to all folders. |
+ | || Here it is- the '''lampp''' folder. | ||
− | + | Open this folder. | |
+ | Here we can see several sub-folders. | ||
|- | |- | ||
− | | | + | || Point to '''htdocs''' folder. |
− | | | + | || Locate the folder named '''htdocs'''. |
− | + | This is our '''Web server Appache's root directory'''. | |
+ | We have to save our '''PHP''' code files inside this folder to run it. | ||
|- | |- | ||
− | | | + | || '''Slide Number 8 |
− | | | + | |
− | + | Apache's root directory''' | |
+ | || The '''Apache's root directory''' will be | ||
+ | * '''/opt/lampp/htdocs '''or | ||
+ | * '''/var/www''' | ||
+ | based on your installation process. | ||
|- | |- | ||
− | | | + | || Type |
− | | | + | |
+ | '''sudo chmod 777 -R /opt/lampp/htdocs''' | ||
− | + | >> press '''Enter'''. | |
+ | || To make '''htdocs''' folder writable, | ||
− | + | we have to change the permission. | |
− | + | So on the terminal, type | |
− | + | '''sudo chmod 777 -R /opt/lampp/htdocs''' | |
+ | and press '''Enter'''. | ||
|- | |- | ||
− | | | + | || Open Firefox |
− | + | In the Address bar type, | |
− | + | ||
− | + | '''localhost''' | |
− | ''' | + | >> press '''Enter'''. |
+ | || Now let's check whether '''Xampp''' is running or not. | ||
− | + | Open the web browser. | |
− | + | In the '''Address bar''', type '''localhost''' and press '''Enter'''. | |
+ | It shows message '''“Unable to connect”'''. | ||
|- | |- | ||
− | | | + | || In the terminal type, |
− | | | + | |
− | + | ||
− | '''sudo | + | '''sudo /opt/lampp/lampp start''' |
− | + | >>press '''Enter'''. | |
+ | || It seems '''Xampp''' services are not running. | ||
− | + | To start the services type on the terminal. | |
− | + | ||
− | + | '''sudo /opt/lampp/lampp start''' | |
− | ''' | + | and press '''Enter'''. |
− | + | ||
− | + | ||
+ | This will start all the '''Xampp services'''. | ||
|- | |- | ||
− | | | + | || Refresh web browser. |
− | | | + | Select '''English''' Language. |
+ | || Go back to the web browser and refresh the page. | ||
− | ''' | + | Here it is! The welcome screen of '''Xampp'''. |
− | + | It will ask us to choose the default language. | |
+ | I will select '''English'''. | ||
+ | |- | ||
+ | || | ||
+ | || '''Xampp '''is running perfectly now. | ||
− | + | Let's write a sample '''php''' code and run it. | |
− | + | ||
|- | |- | ||
− | | | + | || Create new folder '''phpacademy'''. |
+ | || In '''htdocs''' let's create a folder named '''phpacademy'''. | ||
− | + | In future, I will save all my '''php''' files in this folder. | |
+ | This is to ensure that my files don't get over written by someone else. | ||
+ | |- | ||
+ | || Open '''phpacademy'''. | ||
− | ''' | + | Create file '''demo.php'''. |
− | + | || Open the '''phpacademy''' folder. | |
− | + | Let us create a '''php''' file. | |
+ | Right-click and select '''New Document''' and ''' Empty document'''. | ||
+ | Name it as '''demo.php''' | ||
|- | |- | ||
− | | | + | || Open '''demo.php''' file in gedit. |
− | | | + | || Open the '''demo.php''' in Gedit text editor. |
+ | You can use any editor of your choice. | ||
|- | |- | ||
− | | | + | || Type code |
− | + | '''<?php | |
+ | echo “Hello India”; | ||
− | + | ?>''' | |
+ | || Start type following | ||
+ | '''<?php | ||
− | + | echo “Hello India”; | |
− | + | ||
+ | ?>''' | ||
|- | |- | ||
− | | | + | || Press '''Ctrl+s''' |
− | | | + | || To save the file press '''Ctrl ''' and ''' S''' keys simultaneously. |
− | + | ||
|- | |- | ||
− | | | + | || Swich to web browser |
− | | | + | |
+ | In the address bar type, | ||
− | + | '''localhost/phpacademy''' | |
− | + | ||
− | + | ||
− | + | >>press '''Enter''' | |
− | + | ||
− | + | ||
− | + | ||
+ | Point to all the files. | ||
+ | || Go back to the web browser. | ||
− | + | In the address bar type | |
+ | '''localhost/phpacademy''' | ||
+ | and press '''Enter'''. | ||
|- | |- | ||
− | | | + | || Point to '''demo.php''' file. |
− | | | + | |
− | + | Click on '''demo.php''' file. | |
− | + | Point to '''Hello India.''' | |
− | | | + | || This will display the list of files inside the '''phpacademy''' folder. |
− | |||
− | |||
− | + | Here is our file '''demo.php''', Click on it . | |
− | + | Message '''“Hello India”''' is displayed. | |
+ | |- | ||
+ | || Switch to terminal and type | ||
− | + | '''sudo /opt/lampp/lampp stop''' | |
− | + | >>press '''Enter''' | |
+ | || To stop '''Xampp services''', type on the terminal. | ||
− | + | '''sudo /opt/lampp/lampp stop''' | |
− | + | ||
− | + | ||
− | + | and press '''Enter'''. | |
− | + | '''XAMPP services''' will stop running. | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | Whenever you wish to run Xampp again in future, remember to start it first. | ||
|- | |- | ||
− | | | + | || '''Slide Number 9 |
+ | Summary''' | ||
+ | || Let us summarise, | ||
− | + | In this tutorial, we have learnt | |
− | + | ||
− | + | * How to install, start and stop '''XAMPP services'''. | |
+ | * How to create and run a '''PHP file'''. | ||
− | + | |- | |
+ | || '''Slide Number 10 | ||
− | + | About Spoken Tutorial Project''' | |
+ | || This video summarises the '''Spoken Tutorial project'''. | ||
+ | If you do not have good bandwidth, you can download and watch it. | ||
|- | |- | ||
− | | | + | || '''Slide Number 11 |
− | | | + | |
− | + | About Spoken Tutorial workshops''' | |
− | + | || The '''Spoken Tutorial Project''' Team conducts workshops and gives certificates. | |
− | + | ||
− | + | ||
− | + | ||
+ | For details, please write to us. | ||
+ | |- | ||
+ | || '''Slide Number 12 | ||
+ | Acknowledgement''' | ||
+ | || '''Spoken Tutorial Project''' is funded by NMEICT, MHRD, Government of India. | ||
+ | More information on this Mission is available at the link shown. | ||
+ | |- | ||
+ | || | ||
+ | || This is Kavita Kharad from IIT Bombay signing off. | ||
+ | Thank you for joining. | ||
+ | |- | ||
|} | |} |
Revision as of 15:01, 26 February 2015
Slide Number 1
Title Slide |
Hello everyone.
Welcome to this tutorial on XAMPP Installation on Linux. |
Slide Number 2
Learning Objectives |
In this tutorial, we will learn
|
Slide Number 3
System Requirement |
To record this tutorial I am using
|
Slide Number 4
Pre-requisites |
To install XAMPP, you should have-
You should also have basic knowledge of Linux commands. If not, for relevant tutorials, please visit our website. |
Slide Number 5 | XAMPP is a Free and Open Source web server package. |
Slide Number 6 | XAMPP consists of,
|
Slide Number 7 | XAMPP is easy to install.
It is available for GNU/Linux, Mac, Windows and Solaris operating systems. |
Switch to the website.
Type |
Let's download XAMPP for Linux.
Open the web browser on your machine. In the Address bar, type and press Enter. |
Point to the various links.
Point to XAMPP-LINUX link . |
Scroll down the page.
Here XAMPP is available to download for all Operating Systems. Visit XAMPP for Linux section. You can see the recent version of Xampp. |
Point to the version 1.8.3 / PHP 5.5.19 and click on Download(64 bit). | My system is a 64bit OS.
Under version 1.8.3 / PHP 5.5.19. I will select Download(64 bit). The download will start. |
I have already downloaded this file in my Downloads Folder.
So I will skip downloading step. | |
Open Terminal. | Now open the terminal. |
In the terminal window, type
cd Downloads >> press Enter. |
On the terminal, type the command
cd space Downloads and press Enter. This will change the current working directory to Downloads. |
Type
ls >> press Enter. Point to xampp-linux-x64-5.5.19-0-installer.run file |
Now, type the command
ls and press Enter. This will display the contents of the Downloads folder. Here is our XAMPP installation file. |
Type
chmod +x xampp-linux-x64-5.5.19-0-installer.run >> press Enter |
Let's give executable permission to the file.
So that we can run this file. type chmod +x filename and press Enter. |
Type
sudo ./xampp-linux-x64-5.5.19-0-installer.run >>press Enter. |
Now to run the file, type
sudo ./ filename and press Enter. Enter the admin password if required. |
Click on Next. | Setup wizard dialogue box opens.
Click on Next button whenever required and follow the installation steps as shown. |
Uncheck Learn more about Bitnami for XAMPP check box >> Click on Next. | Uncheck Learn more about Bitnami for XAMPP check box.
Click on Next. |
Uncheck Launch XAMPP check box >> Click on Finish. | Once the installation done, uncheck Launch XAMPP check box.
And click on Finish. |
This installation will create lampp folder in the system's opt folder. | |
Click on Files Folder. | Let's go there and have a look.
From the launcher on the left, click on Files folder icon. |
Click on Computer. | On the left panel, Under Devices Section, click on Computer. |
Open opt folder. | You can see the system files.
Double-click on opt folder to open it. |
Point to lampp folder >>
point to all folders. |
Here it is- the lampp folder.
Open this folder. Here we can see several sub-folders. |
Point to htdocs folder. | Locate the folder named htdocs.
This is our Web server Appache's root directory. We have to save our PHP code files inside this folder to run it. |
Slide Number 8
Apache's root directory |
The Apache's root directory will be
based on your installation process. |
Type
sudo chmod 777 -R /opt/lampp/htdocs >> press Enter. |
To make htdocs folder writable,
we have to change the permission. So on the terminal, type sudo chmod 777 -R /opt/lampp/htdocs and press Enter. |
Open Firefox
In the Address bar type, localhost >> press Enter. |
Now let's check whether Xampp is running or not.
Open the web browser. In the Address bar, type localhost and press Enter. It shows message “Unable to connect”. |
In the terminal type,
sudo /opt/lampp/lampp start >>press Enter. |
It seems Xampp services are not running.
To start the services type on the terminal. sudo /opt/lampp/lampp start and press Enter. This will start all the Xampp services. |
Refresh web browser.
Select English Language. |
Go back to the web browser and refresh the page.
Here it is! The welcome screen of Xampp. It will ask us to choose the default language. I will select English. |
Xampp is running perfectly now.
Let's write a sample php code and run it. | |
Create new folder phpacademy. | In htdocs let's create a folder named phpacademy.
In future, I will save all my php files in this folder. This is to ensure that my files don't get over written by someone else. |
Open phpacademy.
Create file demo.php. |
Open the phpacademy folder.
Let us create a php file. Right-click and select New Document and Empty document. Name it as demo.php |
Open demo.php file in gedit. | Open the demo.php in Gedit text editor.
You can use any editor of your choice. |
Type code
<?php echo “Hello India”; ?> |
Start type following
<?php echo “Hello India”; ?> |
Press Ctrl+s | To save the file press Ctrl and S keys simultaneously. |
Swich to web browser
In the address bar type, localhost/phpacademy >>press Enter Point to all the files. |
Go back to the web browser.
In the address bar type localhost/phpacademy and press Enter. |
Point to demo.php file.
Click on demo.php file. Point to Hello India. |
This will display the list of files inside the phpacademy folder.
Message “Hello India” is displayed. |
Switch to terminal and type
sudo /opt/lampp/lampp stop >>press Enter |
To stop Xampp services, type on the terminal.
sudo /opt/lampp/lampp stop and press Enter. XAMPP services will stop running. Whenever you wish to run Xampp again in future, remember to start it first. |
Slide Number 9
Summary |
Let us summarise,
In this tutorial, we have learnt
|
Slide Number 10
About Spoken Tutorial Project |
This video summarises the Spoken Tutorial project.
If you do not have good bandwidth, you can download and watch it. |
Slide Number 11
About Spoken Tutorial workshops |
The Spoken Tutorial Project Team conducts workshops and gives certificates.
For details, please write to us. |
Slide Number 12
Acknowledgement |
Spoken Tutorial Project is funded by NMEICT, MHRD, Government of India.
More information on this Mission is available at the link shown. |
This is Kavita Kharad from IIT Bombay signing off.
Thank you for joining. |