Department of Science and Technology Website Installation

8/14/2019 Department of Science and Technology Website Installation

1/7

Department of Science and Technology Website Installation

INTRODUCTION

This manual seeks to provide you with the necessary information you need in order to manage the

Department of Science and Technology (DOST) Website. You will be given in-depth instructions fo

installing the website pre-requisites such as the web-server, database and extensions. You will be provided

with the website files and tools to be used in the installation of the DOST IX website.

SYSTEM REQUIREMENTS

To successfully install and manage the DOST Website you must have a fully operationa

web server (Apache is the optimum), a database (MySQL is the optimum) and the server side

scripting language PHP together with specific modules that are activated within PHP for MySQL,

XML, and Zlib functionality amongst others.

SOFTWARE DEVELOPMENT TOOLS

Integrated Development Editor

Geany is a text editor using the GTK2 toolkit with basic features of an integrated

development environment. It was developed to provide a small and fast IDE, which has

only a few dependencies from other packages. It supports many filetypes and has

some nice features.

BASIC WEBSITE INSTALLATION

Installing the Web Server and DatabaseThis manual would prefer the user to use XAMPP is a very easy to install Apache

Distribution for Linux, Solaris, Windows and Mac OS X. The package includes the Apache

web server, MySQL, PHP, Perl, a FTP server and phpMyAdmin. You can get latest version of

XAMPP from these sites:

www.apachefriends.org/en/xampp.html

sourceforge.net/projects/xampp/files/

How to install xampp:

1. Run the installer. If you want, you can choose to install the Apache and MySQL

servers as services, which will make them start automatically every time youstart Windows. If you don't choose this option, you will need to use the XAMPP

Control Panel application to start the servers individually each time you need

them. This may be desirable if you don't intend to use your servers that often.

2. Upon completion of installation, the XAMPP Control Panel will open (if not, click

Start All Programs Apache Friends XAMPP XAMPP Control Panel). This too

lets you start and stop the various servers installed as part of XAMPP.

3. Start Apache and MySQL by clicking on the "Start" buttons next to each item. If

prompted by Windows Firewall, click the button labelled "Unblock".
http://www.apachefriends.org/en/xampp.htmlhttp://www.apachefriends.org/en/xampp.htmlhttp://www.apachefriends.org/en/xampp.htmlhttp://www.apachefriends.org/en/xampp.htmlhttp://www.apachefriends.org/en/xampp.html


2/7

4. Open you browser and type http://localhost/ on the address bar. If you are

directed to a page with the XAMPP logo, your installation was successful.

Congratulations!

Creating the Website Database

You will need a database file of the DOST Website to proceed.

1. Open you browser and type http://localhost/phpmyadmin/.

2. Provide the database name in the Create new database textbox and click the Create

button.

3. If nothing goes wrong, you will arrive at the screen below.
http://localhost/http://localhost/phpmyadmin/http://localhost/http://localhost/phpmyadmin/


3/7

4. Click the Import Tab on the right panel and browse for the sql file and click Go.

5. After you have selected the file click GO and it will import your database. It may

take a while to complete importing especially if your database is large.


4/7

6.

Template Parameters

JSN Epic provides 21 template parameters for superior convenient template management. Before learning about eachtemplate feature in details, lets first understand how to setup template parameters. You need to make following steps:

1) Go to template manager by menu Extensions -> Template Manager.

2) Click on template name JSN_Epic_PRO.

3) Here in the Template Edit page you will see the list of template parameters in section Parameters. Now you needto setup appropriate value for parameters you want.

4) Click button Save to save all changes you made.

Now, lets take a quick overview of all template parameters available in JSN Epic PRO.

Template Color


5/7

This parameter allows you to select template color variation to suite your company brand color. JSN Epic PRO provides 6major color variations for your taste. Each color variation covers not only the main background, but also color of drop-down menu, links, tables header and some other graphic elements.

For more information please read section Colors Variation of this document.

Template Font StyleThis parameter allows you to select template font style to match your website type. JSN Epic PRO provides 3 font stylesfor major website types. Each font style is actually a combination of 2 font types: one for content text, another for heading

text and main navigation text.For more information please read section Font Styles of this document.

Logo Path, Logo Width, Logo HeightThese 3 parameters allow you to setup your own logo image to replace the default JSN Epic logo.For more information please read section Logo of this document.

Logo LinkThis parameter allows you to setup the URL where the logo image should link to. In modern web design, there is a verycommon technique to make logo linkable to the website homepage. JSN Epic not only supports this technique, but it alsoallows you to setup your custom link if you want. You can leave this parameter empty if you do NOT want your logo to beclickable at all.For more information please read section Logo of this document.

Logo SloganThis parameter allows you to setup slogan text to be attached to the logo image ALT text for SEO purpose. This slogan

text is going to be one of the most top text of your page, so you can setup some keyword-rich string here for better SEO.For more information please read section Logo of this document.

Template WidthThis parameter allows you to setup overall template width. Here you can specify value in pixels and your template willhave that fixed width. Or you can specify value in percentage and your template will have fluid width at specifiedpercentage of browser windows width.For more information please read section Layout of this document.

Left Column WidthThis parameter allows you to setup left column width. You can specify value in percentage within range (18% - 33%) andonly whole number is allowed, for example 25% - correct, 25.5% - incorrectFor more information please read section Layout of this document.

Right Column WidthThis parameter allows you to setup right column width. You can specify value in percentage within range (18% - 33%) and

only whole number is allowed, for example 25% - correct, 25.5% - incorrectFor more information please read section Layout of this document.

Menu IconsThis parameter allows you to setup series of icons to be used in Icon Menu, one of the hottest features in JSN Epic. Bycombination XHTML, CSS and PHP Icon Menu allows you to assign up to 20 predefined icons to menu items andarrange them in horizontal line. This is perfect for top position in any kind of websites.For more information please read section Icon Menu of this document.

Show PathwayThis parameter allows you to specify whether to show pathway or not. Sometimes user want to completely remove thepathway to have cleaner content body part.

Enable Font Size SelectorThis parameter allows you to specify whether to enable font size selector or not. By allowing your visitors to select fontsize you can greatly enhance overall website accessibility and usability.

Enable Auto Icon linksThis parameter allows you to specify whether to enable auto link or not. JSN Epic is able to detect links to various popularfile extensions and assign icons accordingly. This feature utilizes modern CSS2 specification and allows you to have linkswith meaningful icons assigned without any modification in XHTML code. Currently JSN Epic supports 34 file types and itis truly amazing. Moreover, it can detect protocol type to assign icons to links to instant messengers, email, etc.For more information please read section Typography of this document.

Enable PNG Fix for IE6This parameter allows you to specify whether to enable PNG fix for IE6 or not. As we all know IE6 is not able to displayPNG-32 files with transparent background. JSN Epic has built-in script to fix this bug of IE6 and it works great in mostcases. However, sometimes there might be conflicts with gallery components and this feature should be turned off.

Enable Community Builder Style


6/7


7/7

Documents

Department of Science and Technology Website Installation