C1004 HTML Term 3 2007 Project - Part 3, Documentation part 2

Home > Education, IDIC, Informatics > C1004 HTML Term 3 2007 Project – Part 3, Documentation part 2

C1004 HTML Term 3 2007 Project – Part 3, Documentation part 2

January 27th, 2009

II.3 Processing Specifications:

This section will explain the processing activities in the website’s forms. There are 3 forms in this website, contact us form, TOEFL sample form, and internal website search function. The processing and validation process in each form will be explained here.

II.3.1 Contact us form:

This form is used for the user to send a question to the company. There are 3 fields in this form, name, e-mail, confirm e-mail, and question field. Additionally, there are 2 buttons in this form that is submit button and reset button. The user entry in this form will be validated and upon successful form entry, user will be redirected to questionsuccess.html after he/she clicked the submit button. Here are the explanation of the validation process for each form’s field.

II.3.1.1 Name field

If user doesn’t make any input to the name field and press the submit button, following alert box will appear:

Alert box screenshot

II.3.1.2 E-mail field

After the name field, e-mail field will be checked. If the user leave it empty or give invalid e-mail address, following alert box will appear:

Alert box screenshot

II.3.1.2 Confirm e-mail field

The purpose of this field is to make sure that user entered his/her e-mail address correctly. So, the content of this field must be exactly the same with e-mail field’s content. If the user entered different value, following alert box will appear:

Alert box screenshot

II.3.1.3 Question field

This is the field to contain the user’s question. If the user leave this field empty, following alert box will appear:

Alert box screenshot

II.3.1.3 Clear form button

The “clear form” button is placed beside the form’s submit button. This button’s function is for the user to reset the form by clearing all the field’s value. After user click on this button, following alert box will appear:

Alert box screenshot

II.3.2 TOEFL Sample form

This form contain 40 sample of TOEFL questions. Each question has 4 choices of answer, and user can give his/her answer by clicking at the radio button beside an answer choice. After answering the questions, user can click the “get score” button below the last question (40^th question) to get the result about how many question he/she answered correctly, how many mistake that he/she make, his/her score, and also a comment.

The score is calculated from the number of correct answers multiplied by two. So the maximum possible score is 40 x 2 = 80, and the minimum score is 0 x 2 = 0. While, the comment which appear below the score is categorized by some range of score.

Below is the list of comment that may appear according to user’s score:

Score Range	Comment
0	You really need help with your English Skill
1 – 10	You have a poor English skill. You need to study harder. Join us! We make you better!
11 – 20	You showed a little skill, but that is not enough for TOEFL. Join us! We make you better!
21 – 40	You manage to answer some question, good. But that is not enough for TOEFL. Join us! We make you better!
41 – 60	Good job! But that is not enough for TOEFL. Join us! We make you better!
61 – 79	Very good! join our course and we make you far better!
80	PERFECT! But how you do in real TOEFL test? Join us! we will show you!

And here is the answer key for all the questions in this page:

no.	answer	no.	answer	no.	answer	no.	answer
1	A	11	D	21	A	31	A
2	C	12	B	22	C	32	B
3	A	13	D	23	A	33	C
4	C	14	A	24	B	34	B
5	D	15	D	25	A	35	C
6	B	16	B	26	C	36	B
7	D	17	B	27	D	37	D
8	A	18	C	28	B	38	A
9	D	19	C	29	A	39	B
10	A	20	D	30	A	40	A

II.3.2 Internal Website Search form

This form is made for the website user to search something inside this website according to a keyword that the user entered.

After user entered a keyword and clicked the “search” button, the JavaScript function will search for the entered keyword whether it match with a keyword from the keyword list or not, and then a small window will pop up.

If user entered a keyword that is not in the list, this pop up window will appear:

If user entered a keyword that match a keyword in the JavaScript code, this pop up window will appear: (for example: user inputed keyword “program”)

There are 74 keyword that can be searched in this internal website search function:

no.	keyword	no.	keyword
1	about us	41	malaysia
2	address	42	myanmar
3	adult	43	office address
4	ask	44	office addresses
5	branch	45	offices
6	branch address	46	paper based toefl
7	branch addresses	47	pbt
8	branches	48	philippines
9	brunei	49	private
10	camera	50	prize
11	cbt	51	profile
12	china	52	program
13	company profile	53	program feature
14	computer based toefl	54	program features
15	contact	55	programs
16	contact us	56	promotion
17	corporate	57	question
18	discount	58	questions
19	employee	59	sample
20	example	60	singapore
21	exclusive	61	sitemap
22	executive	62	student
23	facility	63	students
24	faq	64	term and condition
25	feature	65	test
26	features	66	thailand
27	f-reign educate	67	toefl
28	home	68	toefl question
29	how	69	toefl sample
30	ibt	70	toefl test
31	india	71	vacancy
32	indonesia	72	vietnam
33	internet based toefl	73	what is
34	invite and rewarded	74	who
35	job
36	job vacancy
37	location
38	locations
39	main
40	main page

Chapter III – Program Design

III.1 Structure Chart:

Chapter IV – Program Listing

Copy and paste your source code here.

Chapter V – Program Testing

V.1 Test Plan

Test No.	Test Description	Action
1	To test that main page appear when we open “mainpage.html”	Open mainpage.html
2	To test that “programs” page appear when we click on the link “program”	Click on “program”
3	To test that “students program” page appear when we click on the link “students program” from “programs” page	Click on “students program”
4	To test that “adult and executive program” page appear when we click on the link “adult and executive program” from “programs” page	Click on “adult and executive program”
5	To test that “corporate program” page appear when we click on the link “corporate program” from “programs” page	Click on “corporate program”
6	To test that “private class program” page appear when we click on the link “private class program” from “programs” page	Click on “private class program”
7	To test that “TOEFL sample” page appear when we click on the link “TOEFL sample”	Click on “TOEFL sample”
8	To test that “promotion” page appear when we click on the link “promotion”	Click on “promotion”
9	To test that “locations” page appear when we click on the link “locations”	Click on “locations”
10	To test that “Singapore” page appear when we click on the link “Singapore” from “locations” page	Click on “Singapore”
11	To test that “Indonesia” page appear when we click on the link “Indonesia” from “locations” page	Click on “Indonesia”
12	To test that “Malaysia” page appear when we click on the link “Malaysia” from “locations” page	Click on “Malaysia”
13	To test that “Vietnam” page appear when we click on the link “Vietnam” from “locations” page	Click on “Vietnam”
14	To test that “China” page appear when we click on the link “China” from “locations” page	Click on “China”
15	To test that “Myanmar” page appear when we click on the link “Myanmar” from “locations” page	Click on “Myanmar”
16	To test that “Thailand” page appear when we click on the link “Thailand” from “locations” page	Click on “Thailand”
17	To test that “India” page appear when we click on the link “India” from “locations” page	Click on “India”
18	To test that “Brunei” page appear when we click on the link “Brunei” from “locations” page	Click on “Brunei”
19	To test that “Philippines” page appear when we click on the link “Philippines” from “locations” page	Click on “Philippines”
20	To test that “about us” page appear when we click on the link “about us”	Click on “about us”
21	To test that “contact us” page appear when we click on the link “contact us”	Click on “contact us”
22	To test that “FAQ” page appear when we click on the link “FAQ”	Click on “FAQ”
23	To test that “sitemap” page appear when we click on the link “sitemap”	Click on “sitemap”
24	To test that name error message appear when user leave name field empty and click “submit” button in the “contact us” page	Click on “send your question”
25	To test that e-mail error message appear when user leave e-mail field empty or entered invalid e-mail address, and then click “submit” button in the “contact us” page	Click on “send your question”
26	To test that confirm e-mail error message appear when user leave confirm e-mail field empty or entered different e-mail address with the e-mail field value, and then click “submit” button in the “contact us” page	Click on “send your question”
27	To test that question error message appear when user leave question field empty and click “submit” button in the “contact us” page	Click on “send your question”
28	To test that alert box appear when user reset the form by clicking on “clear form” button in the “contact us” page	Click on “clear form”
29	To test that “questionsuccess.html” appear when user successfully completed the form and click “submit” button in the “contact us” page	Click on “send your question”
30	To test that e-mail client software appear when user click on the company’s e-mail address	Click on e-mail address
31	To test that a small window appear without any link when we type something or leave the search box empty and then click on the “search” button	Click on “search”
32	To test that a small window appear with link when we type a keyword (for example: TOEFL) and then click on the “search” button	Click on “search”
33	To test that the small window closed after the user click on the “close” button on the small window	Click on “close”
34	To test that the TOEFL sample form display the score = 0 and display the comment for 0 score if we leave all the answer blank or make a totally wrong answers and then click on “get score” button	Click on “get score”
35	To test that the TOEFL sample form display the score = 4 and display the comment for score range 1 until 10 if we make just 2 correct answer and then click on “get score” button	Click on “get score”
36	To test that the TOEFL sample form display the score = 12 and display the comment for score range 11 until 20 if we make just 6 correct answer and then click on “get score” button	Click on “get score”
37	To test that the TOEFL sample form display the score = 22 and display the comment for score range 21 until 40 if we make just 11 correct answer and then click on “get score” button	Click on “get score”
38	To test that the TOEFL sample form display the score = 44 and display the comment for score range 41 until 60 if we make just 22 correct answer and then click on “get score” button	Click on “get score”
39	To test that the TOEFL sample form display the score = 64 and display the comment for score range 61 until 79 if we make just 32 correct answer and then click on “get score” button	Click on “get score”
40	To test that the TOEFL sample form display the score = 80 and display the comment for 80 score if we answered all the question correctly and then click on “get score” button	Click on “get score”

V.2 Test Case & Test Result

Test case	1
Objectives	To test that main page appear when we open “mainpage.html”
Test action	Open mainpage.html
Expected result	Main page opened
Actual result	As shown below
Conclusion	Successful

Before

Screenshot before the test executed

After

Screenshot after the test action executed

Do this for each test case.

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).

admin Education, IDIC, Informatics C1004, HTML, HTML Project, IDIC, Informatics