C1004 HTML Term 3 2007 Project – Part 3, Documentation part 1
Hi again! This is the last part of the C1004 Module post series, this post contain the documentation part which is the last item that need to be submitted along with the completed website files. The actual documentation of my project consist of 287 pages that would be too much if I post it all here, so I will delete the graphics, screenshots, and program listing part (contain the source codes which is a lot :p).
TABLE OF CONTENTS
|
Chapter |
Sections |
Description |
Page |
|
|
|
Cover page |
1 |
|
|
|
Table of Contents |
2 |
|
I |
|
PROBLEM SPECIFICATION |
|
|
|
I.1 |
Company Profile |
3 |
|
|
I.2 |
Current System |
4 |
|
|
I.3 |
Problem Background |
4 |
|
|
I.4 |
Program Objectives |
5 |
|
|
I.5 |
Program Cost |
6 |
|
|
I.6 |
Program Screen Design |
7 |
|
II |
|
PROGRAM SPECIFICATION |
|
|
|
II.1 |
File Specification |
8 |
|
|
II.2 |
Input & Output Specification |
13 |
|
|
II.3 |
Processing Specification |
60 |
|
III |
|
PROGRAM DESIGN |
|
|
|
III.1 |
Structure Chart |
65 |
|
IV |
|
PROGRAM LISTING |
66 |
|
V |
|
PROGRAM TESTING |
|
|
|
V.1 |
Test Plan |
230 |
|
|
V.2 |
Test Case & Result |
233 |
|
|
V.3 |
Test Log |
273 |
|
VI |
|
USER GUIDE |
|
|
|
VI.1 |
Hardware & Software Specification |
274 |
|
|
VI.2 |
Getting Started |
275 |
|
|
VI.3 |
Operating Guide |
276 |
|
VII |
|
PROGRAM CONCLUSION |
|
|
|
VII.1 |
Program Strengths |
285 |
|
|
VII.2 |
Program Weakness |
286 |
|
|
VII.3 |
Program Enhancement |
286 |
|
|
|
REFERENCE |
287 |
Chapter I – Problem Specification
I.1 Company Profile
F-REIGN EDUCATE is a company which was founded in 1995 in Singapore. Its business is providing TOEFL preparation course and also provide a place to hold a TOEFL test. So, its customer is people who want and need to have TOEFL certification such as students, office staffs, and also professionals.
Starting from just a small company in 1995, F-REIGN EDUCATE now has expanded its small size and become a multinational company. It has opened its TOEFL preparation course centre in 10 countries including Singapore, Indonesia, Malaysia, Vietnam, China, Myanmar, Thailand, India, Brunei, and Philippines. Furthermore, it has become one of well known and trusted company which provide TOEFL preparation course in these countries and has help thousands people to get satisfying TOEFL score.
F-REIGN EDUCATE makes its way to a well known company which provide TOEFL preparation course just in few years because of its effective education program. It uses personal approach to give each individual a lesson which is suitable for his/her current English skill level. So, in this personal approach method, every person will take a pre-test before they start the course to measure his/her English skill, and then the result of this test will be used to decide which course program that he/she need to take, so they get the right lesson level in the course. This personal approach method has made F-REIGN EDUCATE become one of favorite choices for people who want to prepare themselves before taking a TOEFL course or people who want to improve their TOEFL score. Beside that, F-REIGN EDUCATE also offers various packets of course program which make it the most flexible course that provides its customer with rich choice of course program.
I.2 Current System
Currently, F-REIGN EDUCATE doesn’t have its own website. To overcome the competition with another company who run similar business, this company do all its advertising and publication of its TOEFL preparation course using local mass communication media such as local newspaper and radio stations. As the company have branches in 10 countries (Singapore, Indonesia, Malaysia, Vietnam, China, Myanmar, Thailand, India, Brunei, and Philippines), it has to advertise in newspapers and radio stations in these 10 countries. Additionally, the advertisement is not so effective because the advertisement content is limited. The company can’t list and describe all of its course programs and also its promotion program in one advertisement. So, the company will make some separated advertisement, one for promotion program, one for its “Students” program, one for its “Private Class” program, etc. Another limitation of the current advertisement is that it can’t effectively introduce the company’s personal approach method which gives all new students a pre-test to find out their initial English skill and also introduce them to TOEFL test questions.
I.3 Problem Background
Nowadays, TOEFL is used in both working and also education environment. Many company and also universities often require someone who wants to join the company or the university to have a certain TOEFL score. This condition makes more people need to have high TOEFL score, and then they started to search for TOEFL preparation courses, means that there is an increasing number of potential customer for F-REIGN EDUCATE. Beside that, this condition also results in increasing number of other newly opened TOEFL preparation course, which means that now the F-REIGN EDUCATE has more competitors.
Now, tighter competition among these similar companies is unavoidable. To overcome these problems, the company needs to increase its publication to make it the most popular name among the other companies which provide similar course. It makes F-REIGN EDUCATE forced to make more frequent and various publication such as advertisements in local newspaper and radio stations, in order to survive the competition. Of course, this make the company needs to spend more money to pay the publication costs. The problem become worse because F-REIGN EDUCATE has branches in 10 countries, so it has to pay the newspaper and radio advertisement costs in all 10 countries.
The F-REIGN EDUCATE management team needs a solution to solve this publication problem. They need a publication media that is simple and accessible for people in all these 10 countries where the company operates. So, they decided that the company needs to have a website. This website must be able to introduce people with all kind of course program provided by the company, enable people to send questions to the company, and also demonstrating the company’s personal approach by giving a little example of TOEFL test in the website which allow the user to try the sample questions.
I.4 Program Objectives
The F-REIGN EDUCATE has requested me to design the company’s website. The website will have information about the company, promotion program, course programs, company’s branch offices in 10 countries, FAQ (Frequently Asked Questions), sample of TOEFL questions, form to ask a question to the company, and also internal website search feature.
Information about each kind of course program will be found under programs page. The company’s promotion program will be found in promotion page. To provide the website user with complete information about the company’s branch offices address in 10 countries, the detail address about each branch office will be found under locations page which organized by the country.
Beside the FAQ page that gives answers for frequently asked questions, the website provides a form for the user to send a question to the company. Additionally, the website user can enjoy taking sample of TOEFL questions and also get their score and a comment about how good they do the sample questions.
Users will find it easy to navigate through the website as all pages will be just two or three clicks away from the main page. Each page will have a link back to the main page and also a link to the page above it to ensure that the website user will never get lost while browsing through the pages. Furthermore, each page will have an internal search function to help users find a topic that they want.
I.5 Program Cost
ü Standard Corporate Website
o 24 web pages
o 70 images and photos
o More than 20 internal links
o Up to 13 external links
o Cost: S$ 2,500.00
ü Maintenance
o Monthly update
o Cost: S$ 300.00
ü Additional Cost
o Add new pages: S$100/page
o Add picture/photo: S$20/picture
o Add new link: S$10/link
Note: All the price above is inclusive of 7% GST
I.5 Program Screen Design
Chapter II – Program Specifications
II.1 File Specifications:
1) mainpage.html
This is the main page. This page contain a short description about the company, a brief description about the company’s current promotion program, a description about the site’s TOEFL sample, and a list of all pages in form of selection form. Because this is the main page, so it has the most links than the other pages in this website.
2) programs.html
This page has links to each kind of course programs. When we click at the “programs” link in the header or the footer, this page will be loaded.
3) programs_students.html
This page contains the information about the course’s “Students” program. User can view a detailed description about this program in this page.
4) programs_adultandexecutive.html
This page contains the information about the course’s “Adult and Executive” program. User can view a detailed description about this program in this page.
5) programs_corporate.html
This page contains the information about the course’s “Corporate” program. User can view a detailed description about this program in this page.
6) programs_private.html
This page contains the information about the course’s “Private Class” program. User can view a detailed description about this program in this page.
7) promotion.html
This page has detailed information about the company’s current promotion program. User can view the promotion program’s prize and also its terms and condition.
toeflsample.html
This page has some sample of TOEFL test questions with multiple choices of answer for each question. User can do the questions, get their score and get a comment.
9) locations.html
This page has a list of 10 countries where the company has its branch offices. Each list item is in the form of a link. User can click the link to go to the corresponding page.
10) locations_singapore.html
This page contains information about the address of the company’s branch offices in Singapore with detailed contact information for each branch office.
11) locations_indonesia.html
This page contains information about the address of the company’s branch offices in Indonesia with detailed contact information for each branch office.
12) locations_malaysia.html
This page contains information about the address of the company’s branch offices in Malaysia with detailed contact information for each branch office.
13) locations_vietnam.html
This page contains information about the address of the company’s branch offices in Vietnam with detailed contact information for each branch office.
14) locations_china.html
This page contains information about the address of the company’s branch offices in China with detailed contact information for each branch office.
15) locations_myanmar.html
This page contains information about the address of the company’s branch offices in Myanmar with detailed contact information for each branch office.
16) locations_thailand.html
This page contains information about the address of the company’s branch offices in Thailand with detailed contact information for each branch office.
17) locations_india.html
This page contains information about the address of the company’s branch offices in India with detailed contact information for each branch office.
18) locations_brunei.html
This page contains information about the address of the company’s branch offices in Brunei with detailed contact information for each branch office.
19) locations_philippines.html
This page contains information about the address of the company’s branch offices in Philippines with detailed contact information for each branch office.
20) aboutus.html
This page contains a description about the F-REIGN EDUCATE. User can read about the company and also the company’s vision and mission.
21) contactus.html
This page has a form for the user to send a question to the company. User just needs to enter his/her name, e-mail address, and his/her question.
22) questionsuccess.html
This page will be loaded after user has successfully sent a question to the company using the “contact us” page. This page also has a button to go back to the main page.
23) faq.html
This page contains list of frequently asked questions and also its answer. User can try to find the answer of his/her question here.
24) sitemap.html
This page has links to all pages in the website. User can use this page to find out what kind of pages are there in this website.
25) pstyle.css
This file contains all CSS (Cascading Style Sheet) codes which is used in all the web pages in this website.
26) searchfunc.JAVASCRIPT
This file contains the JavaScript code for the internal search function that we can found in all the web pages in this website. This file also contains all kind of keywords that we can use in the search function. This JavaScript code is originally downloaded from http://www.javafile.com/sitesearch/search3.php
27) screw2.class
This is a Java Applet file used to show picture animation in the main page. This Applet is downloaded from http://www.appletcollection.com/screw.html
28) ticker1.class
This is a Java Applet file used to show moving text with changing colors in each web page in this website. This Applet is downloaded from
http://www.javascriptkit.com/java/java5.shtml
29) Wave. Class
This is a Java Applet file used to show random animation picture with red and black colors in each web page in this website. This Applet is downloaded from http://www.javafile.com/applets/fx/psycho/psycho.zip
30) lighthouse.jar
This is a Java Applet file used to make an external search function in the website with some options of search engine. This applet used in each web page in this website, placed below the website’s internal search function. This Applet is downloaded from
http://www.javafile.com/websearch/lhjava/lhjava.php
II.2 Input & Output Specifications:
In this section, for each page, give a diagram like this
II.2.1 mainpage.html
repeat for each page, i will skip this part because it consumes a lot of space. to be continued in next post….
To be continued in the next post….
Do you have any comment on this? maybe you have something to ask me or want to discuss with me about this?Or maybe you are IDIC student and taking this module also?
Feel free to use the comment box below (click here if you cannot see the comment box).
