Website Development for the Website Development for the Leave/Travel System and for Leave/Travel System and for

Interfacing a DatabaseInterfacing a Database

Presentation Presentation By By

Linda M’mayiLinda M’mayiFort Valley State UniversityFort Valley State University

OutlineOutline

Introduction of projectIntroduction of project Purpose of projectPurpose of project Leave and Travel System AutomationLeave and Travel System Automation

• Website developmentWebsite development• Electronic formsElectronic forms

Web interfaces for databasesWeb interfaces for databases• CodeCharge Studio 2.3CodeCharge Studio 2.3®®

ConclucionConclucion

Website DevelopmentWebsite Development

Purpose:Purpose:• Facilitate the leave/travel request Facilitate the leave/travel request

processprocess• Facilitate manipulation of data in the Facilitate manipulation of data in the

databasedatabase

Divided into :Divided into :• Leave/Travel System WebsiteLeave/Travel System Website• Web interface for DatabaseWeb interface for Database

Leave/Travel WebsiteLeave/Travel Website

Purpose: Purpose: i.i. To provide online documentation for To provide online documentation for

travel staff on how to process requeststravel staff on how to process requestsii.ii. Facilitate training of new employees of Facilitate training of new employees of

the travel groupthe travel group

Process of developing the website:Process of developing the website:i.i. Identifying web content and designIdentifying web content and designii.ii. Creating travel website which contains Creating travel website which contains

three pages; index, FTMS, and the three pages; index, FTMS, and the miscellaneous miscellaneous

iii.iii. Editing and publishing the websiteEditing and publishing the website

Website content and designWebsite content and design

Collecting the content of Collecting the content of the websitethe website• Existing websiteExisting website• Soliciting information from Soliciting information from

travel stafftravel staff Selecting the suitable Selecting the suitable

website designwebsite design• Created templates and Created templates and

forwarded to group for forwarded to group for evaluationevaluation

Creating the WebsiteCreating the Website

Programming Language: HTMLProgramming Language: HTML Software: Dreamweaver MX 2004Software: Dreamweaver MX 2004®®

• Used for building web sites and Used for building web sites and applications.  applications. 

• Provides visual layout tools, application Provides visual layout tools, application development features, and code editing development features, and code editing support, enabling developers and support, enabling developers and designers to create websites designers to create websites

Adding informationAdding information

Created the three web pages with Created the three web pages with general content and miscellaneous general content and miscellaneous information such as:information such as:

Sample Letters: Sample Letters: • Typed in MS Word Typed in MS Word • Exported to DreamweaverExported to Dreamweaver

Links to other travel-related sitesLinks to other travel-related sites

Electronic FormsElectronic Forms FormsForms

• Purpose: To enable users to submit a variety of requests Purpose: To enable users to submit a variety of requests via the internet.via the internet.

• Advantages: Save time and costs, increased efficiency Advantages: Save time and costs, increased efficiency and accuracy in processing requests. and accuracy in processing requests.

Project Plan: an overview of what the project is, Project Plan: an overview of what the project is, its purpose and advantages. its purpose and advantages.

In this case,In this case,• the purpose of the formsthe purpose of the forms• what forms would be used forwhat forms would be used for• their benefitstheir benefits• and how they would be developed and implemented. and how they would be developed and implemented.

Sample Form for Conference Room Sample Form for Conference Room RequestsRequests

Developed using Dreamweaver software, Developed using Dreamweaver software, HTML and PerlHTML and Perl

comprised of :comprised of : (I) four HTML pages(I) four HTML pages

• a form page – user interfacea form page – user interface• a return page- displayed after user a return page- displayed after user

successfully submits a requestsuccessfully submits a request• a log page- keeps track of all requestsa log page- keeps track of all requests• an error log page- keeps track of errorsan error log page- keeps track of errors

(II) a Perl script (II) a Perl script

How the Form worksHow the Form works

Error log PageReturn Page

Log Page

Perl Script

Script is prompted to

run

Script places info from the user on the

log page

Script displays the return page

Script places any errors

users encounter

User submitting

request

Editing and PublishingEditing and Publishing

Final editing of the web pages was Final editing of the web pages was done done

Website published on the CD internal Website published on the CD internal serverserver

Documentation of how I created the Documentation of how I created the site and the electronic forms.site and the electronic forms.

Website Development using Website Development using CodeChargeCodeCharge

Software for creating database-driven Software for creating database-driven Web applications with minimal amount of Web applications with minimal amount of coding coding

Includes an Application BuilderIncludes an Application Builder Websites created by CodeCharge may be Websites created by CodeCharge may be

in PHP, ASP, ASP.Net, ColdFusion, Perl in PHP, ASP, ASP.Net, ColdFusion, Perl and JSP. and JSP.

Advantage:Advantage:i.i. CodeCharge can interface a variety of databases CodeCharge can interface a variety of databases

(MS Access, MS SQL, MySQL, Oracle, etc.) (MS Access, MS SQL, MySQL, Oracle, etc.) ii.ii. Minimal coding necessaryMinimal coding necessaryiii.iii. Detailed tutorials and online supportDetailed tutorials and online support

ODBCODBC Stands for Open Database ConnectivityStands for Open Database Connectivity Goal of ODBC: To enable access to data Goal of ODBC: To enable access to data

from any application, regardless of which from any application, regardless of which (DBMS) is handling it. (DBMS) is handling it.

It insert a middle layer (databaseIt insert a middle layer (database driver), driver), between application and DBMS which to between application and DBMS which to translates the application's queries into translates the application's queries into commands that the DBMS understands. commands that the DBMS understands.

Both the application and the DBMS must Both the application and the DBMS must be be ODBC-compliantODBC-compliant

Website/Database projectWebsite/Database project

Create sample MS Access Database with Create sample MS Access Database with two tables:two tables:• StudentInfoStudentInfo• AcademicInfoAcademicInfo

Use CodeCharge to develop the web Use CodeCharge to develop the web interfaceinterface

Use Application builder to set up Use Application builder to set up connection between website and database connection between website and database and select data to be displayedand select data to be displayed

Application BuilderApplication Builder

Sample Website in DevelopmentSample Website in Development

ConclusionConclusion

Leave and travel system Leave and travel system Automation is a gradual process. Automation is a gradual process.

I contributed the following:I contributed the following:1.1. Leave and travel websiteLeave and travel website

2.2. Electronic formsElectronic forms

3.3. Developing a website for manipulating Developing a website for manipulating data in databasedata in database

AcknowledgementsAcknowledgements

FermilabFermilab Ms. Dianne Engram and SIST CommitteeMs. Dianne Engram and SIST Committee Supervisor: Mari HerreraSupervisor: Mari Herrera Mentors: Cosmore Sylvester, Jamieson Mentors: Cosmore Sylvester, Jamieson

Olsen, Mr. Davenport and Dr. Herman Olsen, Mr. Davenport and Dr. Herman WhiteWhite

Computing Division particularly Program Computing Division particularly Program Support GroupSupport Group

Fellow InternsFellow Interns