1. Website Development for the Leave/Travel System and for Interfacing a Database PresentationBy Linda M’mayi Fort Valley State University

2. Outline  Introduction of project  Purpose of project  Leave and Travel System Automation Website developmentWebsite development Electronic formsElectronic forms  Web interfaces for databases CodeCharge Studio 2.3 ®CodeCharge Studio 2.3 ®  Conclucion

3. Website Development Purpose: Facilitate the leave/travel request processFacilitate the leave/travel request process Facilitate manipulation of data in the databaseFacilitate manipulation of data in the database Divided into : Leave/Travel System WebsiteLeave/Travel System Website Web interface for DatabaseWeb interface for Database

4. Leave/Travel Website Purpose: Purpose: i.To provide online documentation for travel staff on how to process requests ii.Facilitate training of new employees of the travel group Process of developing the website: i.Identifying web content and design ii.Creating travel website which contains three pages; index, FTMS, and the miscellaneous iii.Editing and publishing the website

5. Website content and design  Collecting the content of the website Existing websiteExisting website Soliciting information from travel staffSoliciting information from travel staff  Selecting the suitable website design Created templates and forwarded to group for evaluationCreated templates and forwarded to group for evaluation

6. Creating the Website  Programming Language: HTML  Software: Dreamweaver MX 2004 ® Used for building web sites and applications.Used for building web sites and applications. Provides visual layout tools, application development features, and code editing support, enabling developers and designers to create websitesProvides visual layout tools, application development features, and code editing support, enabling developers and designers to create websites

7. Adding information  Created the three web pages with general content and miscellaneous information such as:  Sample Letters: Typed in MS WordTyped in MS Word Exported to DreamweaverExported to Dreamweaver  Links to other travel-related sites

8. Electronic Forms  Forms Purpose: To enable users to submit a variety of requests via the internet.Purpose: To enable users to submit a variety of requests via the internet. Advantages: Save time and costs, increased efficiency and accuracy in processing requests.Advantages: Save time and costs, increased efficiency and accuracy in processing requests.  Project Plan: an overview of what the project is, its purpose and advantages.  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.

9. Sample Form for Conference Room Requests  Developed using Dreamweaver software, HTML and Perl  comprised of :  (I) four HTML pages a form page – user interfacea form page – user interface a return page- displayed after user successfully submits a requesta return page- displayed after user successfully 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

10. How 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

11. Editing and Publishing  Final editing of the web pages was done  Website published on the CD internal server  Documentation of how I created the site and the electronic forms.

12. Website Development using CodeCharge Website Development using CodeCharge  Software for creating database-driven Web applications with minimal amount of coding  Includes an Application Builder  Websites created by CodeCharge may be in PHP, ASP, ASP.Net, ColdFusion, Perl and JSP.  Advantage: i. CodeCharge can interface a variety of databases (MS Access, MS SQL, MySQL, Oracle, etc.) ii. Minimal coding necessary iii. Detailed tutorials and online support

13. ODBC  Stands for Open Database Connectivity  Goal of ODBC: To enable access to data from any application, regardless of which (DBMS) is handling it.  It insert a middle layer (database driver), between application and DBMS which to translates the application's queries into commands that the DBMS understands.  Both the application and the DBMS must be ODBC-compliant

14. Website/Database project Website/Database project  Create sample MS Access Database with two tables: StudentInfoStudentInfo AcademicInfoAcademicInfo  Use CodeCharge to develop the web interface  Use Application builder to set up connection between website and database and select data to be displayed

15. Application Builder

16. Sample Website in Development

17. Conclusion  Leave and travel system Automation is a gradual process.  I contributed the following: 1. Leave and travel website 2. Electronic forms 3. Developing a website for manipulating data in database

18. Acknowledgements  Fermilab  Ms. Dianne Engram and SIST Committee  Supervisor: Mari Herrera  Mentors: Cosmore Sylvester, Jamieson Olsen, Mr. Davenport and Dr. Herman White  Computing Division particularly Program Support Group  Fellow Interns