Install Program Essay
Poohny Bear
ExecutiveSummaryRequirementAnalysisExample.pdf
Executive Summary
A demo restaurant ‘s website is a web application that provides a restaurant’s
information and services including its menu, multimedia, reservation, catering and online
ordering. The information should be publicly accessible to customers of all ages because
the restaurant serves food and beverages for all ages. Administrator interface which
requires authentication allows administrator to edit the content and appearance of the
website. A content management system (CMS), Drupal (version 7), will be used to
implement the content and its appearance. Additional Drupal modules provide a dynamic
content such as reservation system, multimedia and email functionalities in the website.
Additionally, an online ordering from an external system may also be integrated with the
website.
Requirement Analysis
Drupal
Drupal is a free and open source web development platform under the GNU
Public License which requires database-backend for installation. The platform provides
file maintenance tools and a high level of security that allows web developer to limit the
visibility of each content to authenticated or anonymous users. Drupal provides visual
presentation or design called “Theme” which is downloadable and easily installed.
Hundred of free themes that are fully customizable are provided in the drupal.org to help
web developers in building and launching their web contents with designs. At Drupal.org,
web developers will also find hundreds of downloadable web-features to plug-in and
make their web contents more dynamic and sophisticated.
Drupal Installation
1. Launch your web server and start Apache and MySQL if it is not running.
Below is XAMPP server interface on Windows.
Below is XAMPP server interface on Mac OS.
2. Go to your web server front page
XAMPP server: http://localhost/xampp/. If you are not using port 80 for
localhost, you will need to include that port number in the URL For example,
if the localhost are running on port 8080, then the URL should be
3. Locate phpMyAdmin link on the page and access it. phpMyAdmin page should
come up.
Windows:
Mac:
4. Create a database for a new drupal website
a. click on the database link on the top of phpMyAdmin page
b. enter a database name and click create
5. Windows: Download Drupal (drupal-7.39.zip) web content file and extract it
anywhere on your system.
Mac: Download Drupal (drupal-7.39.tar.gz) web content file and extract it
anywhere on your system.
6. Locate your web server folder (xampp) in your system and move the extracted
drupal folder to htdocs folder in the web server location.
Windows: Store drupal-7.39 in htdocs folder in xampp
Mac: Store drupal-7.39 in htdocs folder in xampp
Windows: Check inside the folder to make sure that you have its content
Mac: Check inside the folder to make sure that you have its content
7. Name your website by renaming the drupal folder to a name of your new website.
This example, I rename the default drupal-7.39 to sampleweb.
Windows:
Mac:
8. In browser, type in http://localhost/your_folder_name, so from the name above,
the link will be http://localhost/sampleweb, the drupal installation page should
come up as shown below.
Windows:
Mac:
9. Select “Standard” option and click “Save and continue”
10. Choose language and click “Save and continue”
Windows:
Mac:
For Mac users, you might run into the following errors.
1. File system
Fix it by doing the followings:
1.1 Go to the following folder:
/Applications/XAMPP/htdocs/your_drupal_folder/sites/default
In this case:
/Applications/XAMPP/htdocs/sampleweb/sites/default/
1.2 Create a new folder named “files”
1.3 Right click the “files” folder and select “Get info”.
1.4 In “Sharing & Permissions”, change Privilege of everyone to “Read & Write”.
2. Settings file
2.1 Go to the following folder:
/Applications/XAMPP/htdocs/your_drupal_folder/sites/default
In this case:
/Applications/XAMPP/htdocs/sampleweb/sites/default/
2.2 Copy & paste file “default.settings.php” into the same folder. You should
have the following files and folder now.
2.3 Rename
“default.settings.copy.php” to “settings.php” as shown below.
2.4 Right click the “settings.php” folder and select “Get info”.
2.5 In “Sharing & Permissions”, change Privilege of everyone to “Read & Write”.
Note: If you fix the error correctly, when you refresh the page, you should see the
page below.
11. Select “MySQL” database option. Enter the database name you created above.
Enter “root” for database username. We didn’t create password for “root” user so
click “Save and continue”. The browser should begin installation process.
Windows:
Mac:
12. The installation process should begin now.
Windows:
Mac:
13. Fill in Site Information and click “Save and continue”
Windows:
Mac:
14. Drupal site now should be ready to be viewed.
Windows:
Mac:
15. Click on “Visit your new site” link.
16. Your new default Drupal site should be shown as below.
Windows:
Mac:
Drupal Theme
Theme is a platform or template package designed by using CSS style sheet
and PHP server side language. When a new Drupal is installed, its installation script
assigns a default theme to a new website. Theme will be used for all content in a
Drupal site. A newly installed Drupal site also provides a few different themes for
user to choose. A number of free themes can also be found at
http://www.drupal.org. There are also commercial themes that can be purchased
from a number of vendors.
Changing Theme
1. Log in to your Drupal site with administrator access.
2. On the top menu, click on “Appearance”. A default theme upon installation of
a new Drupal website is Bartik theme. There are also other themes provided
for the website. To change theme, click on “Set Default” under the theme you
would like to make it default.
Change Theme Settings
1. Click on “Settings” of the current default theme.
2. Theme that allows changing of colors will provide the user similar to the
Bartik Theme’s color settings. The interface should show the pairs of theme’s
frames that allow color changing and their current colors.
3. Most of the themes in Drupal also allow logo to be changed.
To change logo, uncheck “Use the default logo”. The uploading image box
should be shown. Browse to select your file and choose a logo image, then
click “Save Configuration” button at the bottom of the page to change the
logo.
4. Logo and Site name at the top of the page can also be removed from the
website by unchecking them from “Toggle Display” list.
Note: The site name can also be changed via “Configuration” menu.
Click “Configuration” on the top menu.
Click on “Site Information” under “SYSTEM” option and enter a new site
name in the site name box.
Click “Save Configuration” at the bottom of the page. The new site name
should be appearing on the page
Adding a new theme with module
1. Activate “Update manager” module
a. Click on “Modules” tab.
b. Scroll down to “Update manager” module at the bottom of the page.
Make sure the module is checked. Then click “Save Configuration”.
2. Download a new theme at http://www.drupal.org.
3. Click “Download & Extend” on the top menu.
4. Select “Theme” tab on the right.
5. Download a theme that is compatible with Drupal Version.
Sample business theme files used in this tutorial:
Windows: business-7.x-1.11.zip Mac: business-7.x-1.11.tar.gz
6. Click on “Appearance” tab.
7. Click on “Install new theme”.
8. A dialog box appears for you to upload a new theme into your Drupal.
9. Click “Browse” button to select the theme you save on your computer then
click “Install”. The installation process should then begin.
Mac Users: If installation process is not started and the following page
appears, then extra steps are required.
a. Browse to the followings folder on your Mac.
/Applications/XAMPP/htdocs/your_drupal_site/sites/all/themes
For example:
/Applications/XAMPP/htdocs/sampleweb/sites/all/themes
b. Right click at the “themes” folder, then click “Get Info”.
Notice that my “Lock Image” is locked. I will need to unlock it first by
clicking at the lock image.
c. Under “Sharing & Permissions”, change Privileges of everyone to
“Read & Write” and shown below.
d. Go back to your Drupal site and enter the followings:
Username: daemon
Password: xampp
Then click continue.
10. “Update manager” module installs the new theme successfully.
11. Click “Enable newly added themes” option to go back to “Appearance” page.
12. Scroll down the page to see your newly added theme.
13. Click “Enable and set default” to activate your new theme for your Drupal
site.
14. Log out to see the new theme applied to your Drupal site.
Example of “Business 7-x-1.11” theme is shown below after activation.
Adding a new theme manually
1. Download a new theme at http://www.drupal.org.
2. Click “Download & Extend” on the top menu.
3. Select “Theme” tab on the right.
4. Download a theme that is compatible with Drupal Version to the following
folder:
Mac: /Applications/XAMPP/htdocs/your_drupal_folder/sites/all/themes/
Windows: C:\xampp\htdocs\ your_drupal_folder \sites\all\themes\
For example, the path to my folder is:
Mac: /Applications/XAMPP/htdocs/sampleweb/sites/all/themes/
Windows: C:\xampp\htdocs\sampleweb\sites\all\themes\
5. Extract the theme file.
6. Go back to “Appearance” in Drupal, the new theme should be available in the
“DISABLED THEMES”
Click “Enable and set default” to activate your new theme for your Drupal
site.
7. Log out to see the new theme applied to your Drupal site.
Example of “Business 7-x-1.11” theme is shown below after activation.
