Difference between revisions of "Drupal/C2/Installation-of-Drupal/English"

From Script | Spoken-Tutorial
Jump to: navigation, search
Line 22: Line 22:
  
 
| style="border:1pt solid #000000;padding:0.097cm;"| In this tutorial, we will learn to
 
| style="border:1pt solid #000000;padding:0.097cm;"| In this tutorial, we will learn to
 
+
* Download and install''' Drupal'''  
 
+
*on''' Ubuntu Linux''' and''' Windows''' operating systems.
* Download and install''' Drupal''' on''' Ubuntu Linux''' and''' Windows''' operating systems.
+
 
+
 
+
  
 
|-
 
|-
Line 34: Line 31:
  
  
| style="border:1pt solid #000000;padding:0.097cm;"| For this tutorial, you will need a working''' Internet''' connection to install the latest version from the web.
+
| style="border:1pt solid #000000;padding:0.097cm;"| For this tutorial, you will need -
 +
*A working''' Internet''' connection to install the latest version from the web.
 +
*Or you may be provided with the required local files.
  
 
Or you may be provided with the required local files.
 
  
 
You should also have a machine installed with either
 
You should also have a machine installed with either
Line 43: Line 40:
 
* '''Ubuntu Linux''' or
 
* '''Ubuntu Linux''' or
 
* '''Windows''' Operating System
 
* '''Windows''' Operating System
 
 
  
 
|-
 
|-
Line 50: Line 45:
  
 
Pre-requisites
 
Pre-requisites
 
 
  
 
| style="border:1pt solid #000000;padding:0.097cm;"| To follow this tutorial you should
 
| style="border:1pt solid #000000;padding:0.097cm;"| To follow this tutorial you should
 
 
* be familiar with either of the mentioned operating systems
 
* be familiar with either of the mentioned operating systems
 
 
  
 
|-
 
|-
Line 75: Line 65:
 
| style="border:1pt solid #000000;padding:0.097cm;"| Show the link
 
| style="border:1pt solid #000000;padding:0.097cm;"| Show the link
  
[https://bitnami.com/stack/drupal/installer https][https://bitnami.com/stack/drupal/installer ://][https://bitnami.com/stack/drupal/installer bitnami][https://bitnami.com/stack/drupal/installer .][https://bitnami.com/stack/drupal/installer com][https://bitnami.com/stack/drupal/installer /][https://bitnami.com/stack/drupal/installer stack][https://bitnami.com/stack/drupal/installer /][https://bitnami.com/stack/drupal/installer drupal][https://bitnami.com/stack/drupal/installer /][https://bitnami.com/stack/drupal/installer installer]
+
https://bitnami.com/stack/drupal/installer https
| style="border:1pt solid #000000;padding:0.097cm;"| Let’s open our preferred web browser and go to the URL shown.
+
| style="border:1pt solid #000000;padding:0.097cm;"| Let’s open our preferred web browser and go to the '''URL''' shown.
  
 
|-
 
|-
Line 87: Line 77:
  
  
As I am a''' Linux''' user, I will choose the''' Linux''' installer.
+
As I am a''' Linux''' user, I will choose the''' Linux installer'''.
  
 
|-
 
|-
Line 104: Line 94:
  
  
At the time of this recording, '''Drupal 8.1.3''' is the recommended version.  
+
At the time of this recording, '''Drupal 8.1.3''' is the '''Recommended''' version.  
  
  
Line 115: Line 105:
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;"| Click''' No thanks'''
 
| style="border:1pt solid #000000;padding:0.097cm;"| Click''' No thanks'''
| style="border:1pt solid #000000;padding:0.097cm;"| A popup window appears prompting us to create an account in''' bitnami''' website.
+
| style="border:1pt solid #000000;padding:0.097cm;"| A popup window appears prompting us to create an account in''' Bitnami''' website.
  
  
Line 132: Line 122:
  
  
If you have been provided with Bitnami installer files, you may use one of that instead of downloading.  
+
If you have been provided with '''Bitnami installer''' files, you may use one of that instead of downloading.  
  
 
|-
 
|-
Line 139: Line 129:
  
  
To run this installer file, we should have '''admin access.'''
+
To run this '''installer''' file, we should have '''admin access.'''
  
 
|-
 
|-
Line 155: Line 145:
 
| style="border:1pt solid #000000;padding:0.097cm;"| Click on '''Permissions''' tab -> '''Allow executing file as program''' option.
 
| style="border:1pt solid #000000;padding:0.097cm;"| Click on '''Permissions''' tab -> '''Allow executing file as program''' option.
  
 +
| style="border:1pt solid #000000;padding:0.097cm;"| Then click on '''Permissions''' tab.
  
Click on '''Close''' button
 
| style="border:1pt solid #000000;padding:0.097cm;"| Then click on '''Permissions''' tab and click on the check box of '''Allow executing file as program''' option.
 
  
 +
And click on the check box of '''Allow executing file as program''' option.
  
Click on '''Close''' button to close this window.
+
|-
 +
| style="border:1pt solid #000000;padding:0.097cm;"| Click on '''Close''' button
 +
| style="border:1pt solid #000000;padding:0.097cm;"| Click on '''Close''' button to close this window.
  
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;"| Double click on the installer file
 
| style="border:1pt solid #000000;padding:0.097cm;"| Double click on the installer file
| style="border:1pt solid #000000;padding:0.097cm;"| Now double-click on the '''installer file.'''
+
| style="border:1pt solid #000000;padding:0.097cm;"| Now double-click on the '''installer''' file.
  
 
|-
 
|-
Line 203: Line 195:
  
  
In windows it will be installed by default in '''C:''' or the main drive.
+
In '''Windows,''' it will be installed by default in '''C:''' or the main drive.
  
 
|-
 
|-
Line 223: Line 215:
  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;"| Type email id as priyaspoken@gmail.com
+
| style="border:1pt solid #000000;padding:0.097cm;"| Type email id as '''priyaspoken@gmail.com'''
| style="border:1pt solid #000000;padding:0.097cm;"| In the '''Email Address''' field I will type [mailto:priyaspoken@gmail.com priyaspoken][mailto:priyaspoken@gmail.com @][mailto:priyaspoken@gmail.com gmail][mailto:priyaspoken@gmail.com .][mailto:priyaspoken@gmail.com com]
+
| style="border:1pt solid #000000;padding:0.097cm;"| In the '''Email Address''' field I will type '''priyaspoken@gmail.com'''
  
  
Line 242: Line 234:
  
 
Type the password again
 
Type the password again
 
  
  
Line 259: Line 250:
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;"| Slide 5 Port details in a table
 
| style="border:1pt solid #000000;padding:0.097cm;"| Slide 5 Port details in a table
 
'''    '''
 
 
  
  
| style="border:1pt solid #000000;padding:0.097cm;"| In '''Linux''', the default listening port for '''Apache''' is '''8080 '''and for '''MySQL''' it is '''3306'''.  
+
| style="border:1pt solid #000000;padding:0.097cm;"| In '''Linux''', the default listening '''port''' for '''Apache''' is '''8080 '''and for '''MySQL''' it is '''3306'''.  
  
  
In '''Windows''', it is 80 and 3306.
+
In '''Windows''', it is '''80''' and '''3306'''.
  
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;"| Type '''3307'''
 
| style="border:1pt solid #000000;padding:0.097cm;"| Type '''3307'''
| style="border:1pt solid #000000;padding:0.097cm;"| If those ports are already in use by other applications, it will prompt for alternate ports to use.
+
| style="border:1pt solid #000000;padding:0.097cm;"| If those '''ports''' are already in use by other applications, it will prompt for alternate '''ports''' to use.
  
  
I have already installed''' MySQL''' on my machine. So it prompts for an alternate port.
+
I have already installed''' MySQL''' on my machine. So it prompts for an alternate '''port'''.
  
  
Line 280: Line 268:
  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;"| Click on''' Next''' button
+
| style="border:1pt solid #000000;padding:0.097cm;"| Click on''' Next'''  
 
| style="border:1pt solid #000000;padding:0.097cm;"| Click on the''' Next''' button.
 
| style="border:1pt solid #000000;padding:0.097cm;"| Click on the''' Next''' button.
  
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;"| Type site name as''' Drupal 8'''
 
| style="border:1pt solid #000000;padding:0.097cm;"| Type site name as''' Drupal 8'''
| style="border:1pt solid #000000;padding:0.097cm;"| Now we have to give a name to our Drupal site.
+
| style="border:1pt solid #000000;padding:0.097cm;"| Now we have to give a name to our '''Drupal site'''.
  
  
Line 344: Line 332:
 
* A database such as''' MySQL, PostgreSQL''' or''' Oracle'''
 
* A database such as''' MySQL, PostgreSQL''' or''' Oracle'''
 
* A web server such as''' Apache, Nginx''' or''' Hiawatha'''
 
* A web server such as''' Apache, Nginx''' or''' Hiawatha'''
 
 
 
| style="border:1pt solid #000000;padding:0.097cm;"| Note that to work on '''Drupal''' we need
 
| style="border:1pt solid #000000;padding:0.097cm;"| Note that to work on '''Drupal''' we need
  
Line 351: Line 337:
 
* And a '''web server '''such as''' Apache '''or''' Nginx '''
 
* And a '''web server '''such as''' Apache '''or''' Nginx '''
  
By default,''' Bitnami Drupal Stack''' comes with''' MySQL''' '''database '''and''' Apache''' '''web server'''.
+
 
 +
By default,''' Bitnami Drupal Stack''' comes with''' MySQL database '''and''' Apache web server'''.
  
 
|-
 
|-
Line 386: Line 373:
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;"| Click on''' Log in''' link
 
| style="border:1pt solid #000000;padding:0.097cm;"| Click on''' Log in''' link
| style="border:1pt solid #000000;padding:0.097cm;"| To login to the website, click on''' Log in''' link at the top right corner.
+
| style="border:1pt solid #000000;padding:0.097cm;"| To login to the '''website''', click on''' Log in''' link at the top right corner.
  
 
|-
 
|-
Line 397: Line 384:
  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;"| Point to [http://localhost:8080/drupal/ http][http://localhost:8080/drupal/ ://][http://localhost:8080/drupal/ localhost][http://localhost:8080/drupal/ :8080/][http://localhost:8080/drupal/ drupal][http://localhost:8080/drupal/ /]
+
| style="border:1pt solid #000000;padding:0.097cm;"| Point to '''http://localhost:8080/drupal/user/1'''
 
| style="border:1pt solid #000000;padding:0.097cm;"| In the '''address bar''', we can see the web address of our website  
 
| style="border:1pt solid #000000;padding:0.097cm;"| In the '''address bar''', we can see the web address of our website  
  
[http://localhost:8080/drupal/ http][http://localhost:8080/drupal/ ://][http://localhost:8080/drupal/ localhost][http://localhost:8080/drupal/ :8080/][http://localhost:8080/drupal/ drupal][http://localhost:8080/drupal/ /][http://localhost:8080/drupal/ user][http://localhost:8080/drupal/ /1]
+
'''http://localhost:8080/drupal/user/1'''
  
  
Line 407: Line 394:
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;"| '''127.0.0.1 '''instead of''' localhost'''  
 
| style="border:1pt solid #000000;padding:0.097cm;"| '''127.0.0.1 '''instead of''' localhost'''  
| style="border:1pt solid #000000;padding:0.097cm;"| Instead of this''' localhost, '''it may show you 127.0.0.1, based on your system configuration.
+
| style="border:1pt solid #000000;padding:0.097cm;"| Instead of this''' localhost, '''it may show you '''127.0.0.1''', based on your system configuration.
  
 
|-
 
|-
| style="border:1pt solid #000000;padding:0.097cm;"| Point to [http://localhost:8080/drupal/ http][http://localhost:8080/drupal/ ://][http://localhost:8080/drupal/ localhost][http://localhost:8080/drupal/ :8080/][http://localhost:8080/drupal/ drupal][http://localhost:8080/drupal/ /]
+
| style="border:1pt solid #000000;padding:0.097cm;"| Point to http://localhost:8080/drupal/  
 
+
 
+
  
 
| style="border:1pt solid #000000;padding:0.097cm;"| Next time onwards, we can access '''Drupal''' using the web address
 
| style="border:1pt solid #000000;padding:0.097cm;"| Next time onwards, we can access '''Drupal''' using the web address
  
* [http://localhost:8080/drupal/ http][http://localhost:8080/drupal/ ://][http://localhost:8080/drupal/ localhost][http://localhost:8080/drupal/ :8080/][http://localhost:8080/drupal/ drupal][http://localhost:8080/drupal/ /] or  
+
* '''http://localhost:8080/drupal/'''  or  
* [http://localhost/drupal/ http][http://localhost/drupal/ ://][http://localhost/drupal/ localhost][http://localhost/drupal/ /][http://localhost/drupal/ drupal][http://localhost/drupal/ / ]
+
* '''http://localhost/drupal/'''
  
If apache is listening on port 80.  
+
if '''Apache''' is listening on '''port 80'''.  
  
  
Line 434: Line 419:
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;"| Switch to '''File browser'''
 
| style="border:1pt solid #000000;padding:0.097cm;"| Switch to '''File browser'''
| style="background-color:#ffffff;border:1pt solid #000000;padding:0.097cm;"| Switch to File browser.
+
| style="background-color:#ffffff;border:1pt solid #000000;padding:0.097cm;"| Switch to '''File browser'''.
  
 
|-
 
|-
Line 446: Line 431:
 
|-
 
|-
 
| style="border:1pt solid #000000;padding:0.097cm;"| manager-linux-x64.run
 
| style="border:1pt solid #000000;padding:0.097cm;"| manager-linux-x64.run
| style="background-color:#ffffff;border:1pt solid #000000;padding:0.097cm;"| Here you can find the '''manager-linux-x64.run '''file. Double-click on it to open'''. '''
+
| style="background-color:#ffffff;border:1pt solid #000000;padding:0.097cm;"| Here you can find the '''manager-linux-x64.run '''file.  
 +
 
 +
 
 +
Double-click on it to open'''. '''
  
 
|-
 
|-
Line 456: Line 444:
  
  
'''Bitnami Drupal Stack '''control window''' '''will be open'''.'''
+
'''Bitnami Drupal Stack '''control window will be open.
  
 
|-
 
|-
Line 481: Line 469:
  
 
* Installation of''' Drupal''' on''' Ubuntu Linux''' and''' Windows''' operating systems.
 
* Installation of''' Drupal''' on''' Ubuntu Linux''' and''' Windows''' operating systems.
 
 
  
 
|-
 
|-
Line 500: Line 486:
  
 
Spoken Tutorial Workshops
 
Spoken Tutorial Workshops
 
  
  
Line 512: Line 497:
  
 
Acknowledgement
 
Acknowledgement
 
 
  
 
| style="border:0.75pt solid #000000;padding:0.106cm;"| Spoken Tutorial Project is funded by
 
| style="border:0.75pt solid #000000;padding:0.106cm;"| Spoken Tutorial Project is funded by

Revision as of 17:41, 22 July 2016

Title of script: Installation of Drupal

Author: Priya K

Keywords: Video tutorial, Drupal, installation, bitnami drupal stack, ubuntu linux, windows


Visual cue
Narration
Slide 1:

Installation of Drupal

Welcome to the spoken tutorial on Installation of Drupal.
Slide 2:Learning Objectives


In this tutorial, we will learn to
  • Download and install Drupal
  • on Ubuntu Linux and Windows operating systems.
Slide 3:

System requirement


For this tutorial, you will need -
  • A working Internet connection to install the latest version from the web.
  • Or you may be provided with the required local files.


You should also have a machine installed with either

  • Ubuntu Linux or
  • Windows Operating System
Slide 4:

Pre-requisites

To follow this tutorial you should
  • be familiar with either of the mentioned operating systems
Show the text


Bitnami Drupal Stack


There are many ways to install Drupal.


For this tutorial I will use Bitnami Drupal Stack as this is a very simple installation method.

Show the link

https://bitnami.com/stack/drupal/installer https

Let’s open our preferred web browser and go to the URL shown.
Scroll down and show the installers Scroll down and check installers for Windows and Linux operating systems.
Locate Linux installer You have to choose the installer as per your operating system.


As I am a Linux user, I will choose the Linux installer.

Point to the installer for Windows If you are a Windows user, choose the Drupal installer for Windows.
Point to Recommended


Here we can see all the different versions of Drupal.


If you are unsure about which version to download, you can download the Recommended version.


At the time of this recording, Drupal 8.1.3 is the Recommended version.


It could be different when you try.

Click Download button Click on the Download button at the right hand side.
Click No thanks A popup window appears prompting us to create an account in Bitnami website.


For now, click on “No thanks”.

Click on OK button Immediately, it will start downloading the installer.


Click on OK button to save the file.

The following installation steps are same for the Windows and Linux OS.


If you have been provided with Bitnami installer files, you may use one of that instead of downloading.

Open Downloads folder Open your Downloads folder where the installer file has been downloaded.


To run this installer file, we should have admin access.

Show the WINDOWS screenshot If you are a Windows user, right click on the installer file.


And then select Run as administrator option.

Right click on the installer file -> Properties If you are a Linux user, right click on the installer file and select Properties.
Click on Permissions tab -> Allow executing file as program option. Then click on Permissions tab.


And click on the check box of Allow executing file as program option.

Click on Close button Click on Close button to close this window.
Double click on the installer file Now double-click on the installer file.
Click on Next button The installation starts now.


Click on the Next button.

Click on each component and show the description


Here we can select the components that we want to install.


Click on each component and read the detailed information about them first.

Click on Next button I prefer to have all the components selected.

Click on Next button.

Point to the path


Click on browse option


In this window, we have to choose the folder where we want to install Drupal.


I will choose my Home folder.


In Windows, it will be installed by default in C: or the main drive.

Click on Next button Click on Next button.
Type real name as Priya Now we have to create a Drupal admin account.


I will type the real name as Priya


This name will be displayed in the application.


Please type your own name here.

Type email id as priyaspoken@gmail.com In the Email Address field I will type priyaspoken@gmail.com


Please use your own valid email address.

Next, we have to give our preferred username and password for the administrator.
Type login as admin In Login user name, I will type admin.
Type password as root


Type the password again


In Password, I will type a password.


Re-type the password for confirmation.


You can type any login name and password as per your choice.

Click on Next button Click on the Next button.
Slide 5 Port details in a table


In Linux, the default listening port for Apache is 8080 and for MySQL it is 3306.


In Windows, it is 80 and 3306.

Type 3307 If those ports are already in use by other applications, it will prompt for alternate ports to use.


I have already installed MySQL on my machine. So it prompts for an alternate port.


I will give 3307.

Click on Next Click on the Next button.
Type site name as Drupal 8 Now we have to give a name to our Drupal site.


I will type the name as Drupal 8.


You can give any name as per your choice.

Click on Next button Click on the Next button.
Click on the checkbox Here it asks us for Bitnami Cloud Hosting. For now I do not want this.


So click on the check box to deselect it.

Click on Next button Then click on the Next button.
Click on Next button Now Drupal is ready to be installed.


Click on the Next button.

Click on Finish button It could take several minutes to complete the installation.


Once the installation is finished, make sure the Launch Bitnami Drupal Stack is checked.


Then click on the Finish button.

Point to Bitnami Drupal Stack Bitnami Drupal Stack control window opens up automatically.
Click on Manage Servers tab Click on Manage Servers tab to see all the running services.
Point to MySQL Database and Apache Web Server Here we can see that MySQL Database and Apache Web Server are running now.
Slide 6:

Requirements for Drupal

  • A database such as MySQL, PostgreSQL or Oracle
  • A web server such as Apache, Nginx or Hiawatha
Note that to work on Drupal we need
  • A database such as MySQL, PostgreSQL or Oracle
  • And a web server such as Apache or Nginx


By default, Bitnami Drupal Stack comes with MySQL database and Apache web server.

Switch to control window Let’s switch back to the control window.
Point to Start, Stop and Restart buttons We can start, stop and restart the services by clicking on the appropriate buttons.
Click on Welcome tab Let's click on the Welcome tab.
Click on Go to Application button To start Drupal, click on Go to Application button on the right hand side.
Point to bitnami page The browser opens up automatically with the bitnami page.
Click on Access Drupal link Now click on Access Drupal link.


We are redirected to our Drupal website.

Highlight Drupal 8 Notice that the website name is Drupal 8.
Click on Log in link To login to the website, click on Log in link at the top right corner.
type the user name admin and password root Let’s type our user name and password which we created earlier.
Click on Login button Now, click on the Login button.
Point to http://localhost:8080/drupal/user/1 In the address bar, we can see the web address of our website

http://localhost:8080/drupal/user/1


In the next tutorial, we will learn what is /user/1.

127.0.0.1 instead of localhost Instead of this localhost, it may show you 127.0.0.1, based on your system configuration.
Point to http://localhost:8080/drupal/ Next time onwards, we can access Drupal using the web address

if Apache is listening on port 80.


<<PAUSE>>

Next let's see how to access the Bitnami Drupal Stack control window.
If you are a Linux user, please follow these steps.
Switch to File browser Switch to File browser.
Click Home under Places Then in the left sidebar, click on Home under Places.
Double-click on drupal-8.1.3-0 folder Now double-click on drupal-8.1.3-0 folder from the list.
manager-linux-x64.run Here you can find the manager-linux-x64.run file.


Double-click on it to open.

Go to Start Menu -> All Programs -> Bitnami Drupal Stack -> Bitnami Drupal Stack Manager Tool


If you are a Windows user, go to Start Menu -> All Programs -> Bitnami Drupal Stack -> Bitnami Drupal Stack Manager Tool


Bitnami Drupal Stack control window will be open.

Highlight running status Everytime when you open Drupal, please check whether all the servers are running.


<<PAUSE>>

With this, we come to the end of this tutorial.
Slide 7:

Summary


Let us summarize.


In this tutorial, we have learnt about

  • Installation of Drupal on Ubuntu Linux and Windows operating systems.
Slide 9:

Acknowledgement


The video at the following link summarises the Spoken Tutorial project.


Please download and watch it.

Slide 10:

Spoken Tutorial Workshops


The Spoken Tutorial Project Team conducts workshops and gives certificates to those who pass online tests.


For more details, please write to us.

Slide 11:

Acknowledgement

Spoken Tutorial Project is funded by
  • NMEICT, Ministry of Human Resource Development and
  • NVLI, Ministry of Culture

Government of India.

This is Priya from IIT Bombay. Thanks for joining.

Contributors and Content Editors

Nancyvarkey, Priyacst