INDIVIDUAL PROJECT REPORT

TITLE
SCHOOL EDUCATIONAL WEBS

CANDIDATE`S INDEXNO/NAME
DIT/06/032 /W.H.A.U.ARIYARATNE.

SUPERVISOR`S NAME

DATE OF SUBMISSION

22/10/2006

DECLARATION
I certify that this dissertation does not incorporate, without acknowledgement, any material previously submitted for a degree or diploma in any University and to the best of my knowledge and belief, it does not contain any material previously published or written by another person or myself except where due reference is made in the text. I also hereby give consent for my dissertation, if accepted, to be made available for photocopying and for interlibrary loans, and for the title and summary to be made available to out side organizations. Signature of Candidate Date//

.. Name of the Candidate .. Countersigned by: Signature of Supervisor(s) Date: /. / . Name of Supervisor(s) II

ACKNOWLEDGEMENTS
Our Thanks Goes To
MR DAMSO KALANSOORIYA (SOFTWARE ENGINEER) WWW.SCHOOLS.COM (TUTORIAL PROVIDER) TEACHERS SUPERVISOR EVERYONE BEHIND THSEEN AND WHO ACTIVELY INVOLVED.

III

IV

TABLE OF CONTENTS
CHAPTER
CHAPTER 01 INTRODUCTION.

PAGE

1
1.1 INTRODUCTION TO THE CHAPTER. . 1. 2 P R O J E C T I S A B O U T 1.3 IMPORTANCE OF THE PROJECT.. 1.4 GOALS AND OBJECTIVES 01 01 01 02

1.5 SYSTEM REQUIREMENTS02 1.6 USER REQUIREMENTS (CLIENT SIDE)..02 1.7 STRUCTURE OF THE DISSERTATION TEXT.03 CHAPTER 02 BACKGROUND. 2.1 INTRODUCTION.. 04 2.2 SIMILAR WEB SITES AND THEIR FEATURES.. 04
Figure 2.2.1 (Google Search Results)04 Figure 2. 2. 2 Figure 2. 2. 3 Figure 2.2.4 (Kids Web Page)05 (Web development for schools06 (Example WEB PAGES)..06

2.3 BRIGHT IDEAS BORN FROM..06 EXISTING WEB SITES. 2.4 TAKING THE CHALLENGE OF SCHOOL 07 EDUCATIONAL WEBS.

TABLE OF CONTENTS PAGE

CHAPTER 03 ANALYSIS AND DESIGN

1
3.1 INTRODUCTION 3.2 REQUIREMENT ANALYSIS
Fig 3.2.1 Design view of the parents` table..

08 08
08

Fig 3.2.2 Design view of the teachers` table.09 Fig 3.2.3 Design view of the tense table.09

3.3 ALGORITHMS AND DATAFLOW DIAGRAMS 09

3.3.1 Data Flow From Registration Form To Database10 Fig 3.3.1 Dataflow Diagram 1(Registration Form)10

3.3.2 Password Login Process11

Fig 3.3.2 Dataflow Diagram 2(Password Login).. 11

CHAPTER 04 USER INTERFACES. 4.1 INTRODUCTION12 4.2 INTERFACES..12

4.2.1 Homepage. (Screenshot Given) ..12 4.2.3 Data Entry Page. (Screenshot Given).13 4.2.4 Executable Module Linked Page. (Screenshot Given)13 4.2.5 Password Login Window. (Screenshot Given)..14 4.2.6 Pages That Dont Maintain Full Homepage Theme.15 (Screenshot Given) 4.2.7 Slide Show Interface. (Screenshot Given).15 4.2.8 Database Search Interface. (Two Screenshots Given).16

4.3 THEME AND RESOLUTION SPECIFICATION16

VI

TABLE OF CONTENTS
PAGE
CHAPTER 05 IMPLEMENTATION

1
5.1 INTRODUCTION.17 5 . 2 I N S T A L L A T I O N 17
5.2.1 Preparation Of Software Environment.17 5.2.2 Client Side And Other Software Requirements. (Table).. 18 5.2.3 Hardware.18

5.3 SETTING UP THE WEB SITE..19 5.4 DEVELOPMENT TOOLS AND REUSABLE CODES..19
5 . 4 . 1 D e v e l o p m e n t T o o l s ..19 5.4.2 Reusable Codes.19 5.4.3 Platform Independence19

CHAPTER 06 TESTING 6.1 INTRODUCTION.20 6.2 FORM VALIDATION TEST. (Screenshot and table).20
6.2.1 Case 1..21 6.2.2 Case 2(Screenshot)21

6.3 PASSWORD LOGIN TEST (Screenshot)22 Table 6.3....22

VII

TABLE OF CONTENTS
PAGE CHAPTER 07 EVALUATION 7.1 INTRODUCTION. 23 7.2 KNOWLEDGE ACQUIRED 23 7.3 OBJETIVES ACHIEVED. 23 7.4 FURTHER IMPROVEMENTS TO BE DONE.24 7.5 DEVIATIONS FROM THE ORIGINAL PLAN24 7.6 NON-ACHIEVED OBJECTIVES.25 CHAPTER 08 CONCLUSIONS 8.1 INTRODUCTION...26 8.2 CRITICAL APPRAISAL26 8.3 FURTHER DEVELOPMENT26 8.4 PROBLEMS BEYOND THE CONTROL..26 8.5 NON-ACHIEVED OBJECTIVES.27 8.6 UPDATING..27 REFERENCES.. .28
A p p e n d i x A - D e s i g n D o c u m e n t a t i o n .29 Figure 1(parents` table)..29 Figure 2(Teachers` table)29 Figure 3(sentences)..30 Appendix B-System Documentation..31 Appendix C-User Documentation32. Figure 1.32 Figure 1.33 Appendix D- Management.34 Appendix E-Code Listing.35

VIII

C H AP T E R 1 - I n t r o d u ct i o n .

1.1

INTRODUCTION TO THE CHAPTER.

It is discussed here, actually what the project is about. First the case for the need for this project is introduced. Then goals and objectives are explained. Thirdly user and system requirements are taken into account. At last structure of the dissertation is

1. 2 P R O J E C T I S A B O U T .
Actually it is a web site that has been created to support the Sri Lankan school education system. It contains lesson materials, everyones section, and psychological counseling services via email and kids section. Registration for teachers and parents is provided too. So site has given the title school educational webs

1.3 IMPORTANCE OF THE PROJECT.

There has been no user-friendly web site in the specified

area, which suits Sri Lankan culture.

To enhance the co-operation among teaches, parents and

students, which is a must in school education.

It is better introducing the schools the concept of e

learning.

There must be some room on the web for primary

education.

Even the Sri Lankan kids should be introduced the world

of IT (Information technology).

1.4 GOALS AND OBJECTIVES. Help the srilankan students in homework and develop their skills in extra activities. Help srilankan teachers and parents to build good civilians of students by giving physiological advises concerning student problems. Enhance the coordination among teachers, parents and students.

1.5 SYSTEM REQUIREMENTS.

Hardware Pentium 4 processor (1.7ghz). 256MB RAM, 40MB hard disk space. Modem. Dial-up Internet connection. (Utp cable) Multimedia controls. Stereo speakers. Software IIS server. Windows XP (os) Ms office 2000 Macromedia flash player.

1.6 USER REQUIREMENTS. (CLIENT SIDE)

Hardware . Pentium 4 processor (1.7ghz). 256MB RAM, 40MB hard disk space. Modem. Dial-up Internet connection. (Utp cable) Multimedia controls. Stereo speakers. Windows XP (os) Ms office 2000 Macromedia flash player. Web browser. (Internet explorer is available within the windows OS) Software

1.7 STRUCTURE OF THE DISSERTATION TEXT.

Chapter 2 Chapter 3 Chapter 4 Chapter 5 Chapter 6 Chapter 7 Chapter 8 References. Appendix A Appendix B Appendix C Appendix D

Background of the project. Analysis and Design. User Interfaces. Implementation Testing. Evaluation. Conclusions. References. Design Documentation. System Documentation User documentation. Management. Code listing.

Appendix E

CHAPTER 2 -Background.
2.1 INTRODUCTION.
In chapter 2, project web site and other similar web sites are compared. Thereby birth of the project web site is explained. How, strongly features of existed work help the developer and further developments done to overcome the weaknesses of the existing work are explained within four pages.

2.2 SIMILAR WEB SITES AND THEIR FEATURES.

If you typed the string school educational web sites in the google (google.com) search engine, the search result follows,

Figure 2.2.1

But when clicked most of the links in the very first page, it resulted in having sites under following categories, 1. Web site creation for schools. 2. Kids website. 3. Websites for teachers. 4. High school web sites. 5. Primary school websites.

Some sites follow,

Figure 2.2.2

(Kids web page)

Figure 2.2.3

(Web development for schools)

Continued

Screen shots show the web pages of web sites that provide webdeveloping knowledge for schools. So their ideas seem commercial by asking teachers and students to pay in order to provide it solutions. Actually these are not the expected results for the given search text, from the point of view of a Sri Lankan.It is better if some party could have created a web site that helps School children in their education and cooperate the teachers, students and parents within the same Site.
Figure 2.2.4

2.3 BRIGHT IDEAS BORN FROM EXISTING WEB SITES.

As figure 2.2.1, it shows a nice set of colors that can win kids` hearts. It gave some strength towards creating the web theme. In figure 2.2.4, sites give formal impression that is school educational web site must have a formal look but being a little bit artistic.

2.4 TAKING THE CHALLENGE OF SCHOOL EDUCATIONAL WEBS.

As a result of preceded analysis, finally the challenge was taken. That is to build a web site. It was given the title school educational webs. The title has imposed an international impression. But site was focused on srilankan school education. It was extracted the theme materials from similar work on the Internet. Web pages were created in native languages while giving very European look. Most needed school educational materials such as multiplication table, periodic table, mathematical formulas, scientific formulas, religious articles, English grammar lessons, aesthetic subject lessons and kids articles has found its way to pages under different categories. Teachers, parents and students are allowed to visit the same web site for different purposes.

C H AP T E R 3 - A n a l y s i s A n d D e s i g n .
3.1-INTRODUCTION.
It will be explained about requirement analysis, fact-finding database design and dataflow of the project using diagrammatic illustrations.

3.2 REQUIREMENT ANALYSIS. As the project proceeds the necessity of a database arisen. When it was to register parents, and teachers and parents details had to be saved in a database. So separate tables for teachers and parents were created in the same database. Later another table was added to the database to keep example English sentences. There were no relationships created among tables, as it was not possible. Teacher and parent data had to be gathered across the each registration form. The sentence table was filled manually with reference to Standard English grammar publications. Tables, parents teachers and sentence are shown in the design view by following figures respectively. (Fig 3.2.1,fig 3.2.2 and fig 3.2.3).

Fig 3.2.1
8

Fig 3.2.2

Fig 3.2.3.

3.3 ALGORITHMS AND DATAFLOW DIAGRAMS.

In this sub section, it will be discussed, how data validation and password validation are carried out algorithmically.

3.3.1 Data Flow From Registration Form To Database

Start.

Data input acros s text field.

Is data valid?

No.

Display Error message .

Yes No If message box OK?

Yes .

Text field is reset.

Is all the fields were filled?

No.

Display Error message. See whether

Yes.

Data is passed to database.

Display User greeting.

End.

Fig 3.3.1

10

3.3.2 Password Login Process.

Start.

Input password

Is number of characters equal 6? Yes .

No.

Display Enter six character s

No. Is it correct?

Display Invalid password

Yes . Display Thank you click the link below Email

End.

Fig 3.3.2

11

C H AP T E R 4 - U s e r I n t e r f a c e s .
4.1 INTRODUCTION
Here it is illustrated that how user interacts with interfaces. Only basic interfaces are used and why they are so created is explained. 4.2.1 Homepage.

4.2 INTERFACES

1. Banner carries the main objective of the project graphically. That is school education is commonly about sports, science, languages, arts, nature and human behavior. Combination of photos represents that spirit. 2. Animated banner header has been used to absorb the web visitors` attraction and direct the curiosity towards the objective covered on the web site. 3. Animated flash movie clip stands for first glance acknowledgement of school educational structure. That is involvement of students, teachers and parents. 4. Pop-up menus can navigate user easily to different pages categorized under each button. 5. Everyones pane was added that anyone interested in information technology can click the hyperlinks and gather Knowledge, provided in pages. 6. Main details of the page go here.Go-upand home buttons have been added only in lengthy pages depending on the case.

12

4.2.3 Data Entry Page

Data entry is done across a form. You can enter data into text fields and clicking send button (located at the end of the form) carries data to database 4.2.4 Executable Module Linked Page.

Here hyperlinks were given to executable vb modules. When clicked, it will be asked to save or open the module (Download window).this page is found .Kids-> games.

13

Download window.

4.2.5 Password Login Window.

Password entry is required in the text field. Password logins were created to avoid the students from entering adults communication interfaces. So thereby privacy is provided to teachers and parents while keeping away the students from unnecessary access.

14

4.2.6 Pages That Dont Maintain Full Homepage Theme.

This page can be encountered by going it simple->ms-word. This doesnt have Common format that was in the home page. Here it is needed big space in the web page to view the screenshot clearly. So full-page area has been used. But still web page banner header animation was added. Otherwise the theme could have been completely destroyed. This animation has been hyper linked to homepage. 4.2.7 Slide Show Interface. Frameset was used here. Because this page shows a slide show that slides can be selected from the right side pane. It includes screen shots too. So the theme was restricted as in the previous case and

15

4.2.8 Database Search Interface.

This interface is designed to search a database on requested option. Here, if the User needs to view present tense sentences of the database, he have to select the option present in the option button and press go button. Very simple search interface has been used to make the search user-friendly. Searched results are displayed in tabular form in order to compare the data easily. For an example active voice and passive voice sentences can be compared within the same data record.

4.3 THEME AND RESOLUTION SPECIFICATION.

Bluish, ash and maroon colors were used to give formal look to pages. And the colors are in harmony with the internet explorer interface too. Resolution Developed to standard webresolution-800*600

16

C H AP T E R 5 - I m p l em e n t a t i on
5.1 INTRODUCTION.
Installation of basic scripts and html codes are comprehensively explained within three pages. So complete codings are not included but available in appendix E.The implemented environment (hardware and software), development tools used and platform independence are discussed too.

5.2 INSTALLATION.
Before setting up the website, major concern should go towards the software and hardware capabilities of the computer which we are going to launch our web site from. Here a server environment should be created. With out a web server there is no hope for a website. Here server side scripting language is Asp (Active server pages) script. So iis sever installation is a must. 5.2.1 Preparation Of Software Environment. For an example if the system (computer) Os (operating system) is windows Xp follow the steps given. 1. Click start. Click control panel click add or remove programs. 2. Insert the windows Xp cd to the drive. (Your operating system is on the cd). 3. Click on add or remove windows components. 4. Wait while dialog box appears. 5. Scroll the list to find IIS (Internet Information Services) server. 6. Tick the leading checkbox and select that line. 7. Click next button. 8. Complete the installation by clicking finish. Note- web server should be installed from the media that Includes the same version of the Os already in the System. Now it is required to test whether the web server was properly installed. Click start button->click Run. Type http://localhost If welcome page and documentation page appear, installation is Successful. 5.2.2 Client Side And Other Software Requirements. 17

For testing purposes, server and client computers should equipped with several soft wares. They follow, SOFTWARE Flash player 8 SERVICE. Plays flash movie clips. (Flash movie clip is located in top-right side corner of the page) Ms access is for server side database administration. Ms word and ms excel provides objects that are required by vb executable modules. (There are expression calculator, Spell checker and games in the form of vb executable modules) Web browser is needed in viewing web pages

Microsoft office. (Since this is a school academic website it is reasonable expecting Microsoft office.)

Internet explorer.

5.2.3 Hardware. This is not very hardware sensitive site. But it has run successfully with the following specifications, 1. Intel Pentium 4 microprocessor. 2. 256MB Ram. 3. 64MB graphic card. 4. Modem and utp cable for dial-up Internet connection. 5. Multimedia Controllers Actually processor speed and Ram capacity affect, because some detailed pages contain many graphics. It may take long time to load pages on slower machines.

5.3 SETTING UP THE WEB SITE.

18

Now open the installation media (this may be a cd). The major work has been saved in folder INDIVIDUALPROJECT.copy that folder into wwwroot folder, which has path, c:\inetpub\wwwroot, if your operating system was installed in drive C. Otherwise the drive letter changes After being copied, its full path follows, C:\Inetpub\wwwroot\INIDIVIDUALPROJECT. Now identify the folder named DETINDI in the installation media. Copy that folder to drive C. Now next task is running our work. Click the start button. Click on run. In the run command window type following and click ok button. http://localhost/individualproject/index2.html Now things will work fine.

5.4 DEVELOPMENT TOOLS AND REUSABLE CODES.

5.4.1 Development Tools. 1. Macromedia dream weaver 8 ----used to design web pages. 2. Adobe Photoshop 6 ----used for graphics designing (Creation of web buttons) 3. Macromedia flash------used to create animated gif files and movie clips. 4. Ms access ----used in database creation. 5.4.2 Reusable Codes. Database linking codes (asp script) and form validation codes (vb script) can be used in another similar web development project by applying slight changes depending on the case. Visual basic executable modules have the same capability. 5.4.3 Platform Independence. Most of the work is platform independent except the requirement of flash player and ms office in client environment. this works for windows os only(server). But these packages have become common today. (This a school educational web site too).

19

C H AP T E R 6 - T e s t i n g .
6.1 INTRODUCTION.
Here a brief description of, how the web site was tested and responses for test data have been included. So most interactive pages were chosen.

6.2 FORM VALIDATION TEST.

Data is tested as user deselects the selected text field. It will be prompted, message box containing an error message. Text field name. Name. Address Phone no. Test data data Test 123123 67568 Dsdfsdfsdfsf 123123 Error message

Enter text only Address contains text as well. Enter numbers only. Srlankan phone numbers have 10 digits including leading zero. Enter numbers only.

Age

Qwe 12

Out of valid age range refer registration info. Note As the user closes the text box the invalid data is erased too. Incorrect data has been tested above.

20

6.2.1 Case 1 If the user clicks send button without entering data, he will be prompted to error detection page (which tells the story and provides a link way back to form). Data entry under same name is avoided too. If it happened the user will be prompted to preceding error page. Thereby data repetition has been avoided. All the text fields should be filled otherwise same story will be repeated. As a result of all, high precision data will find its way to the database.

Error Detection Page Hyper link given to previous page On successful data entry user can send data by clicking send button. Approved sample data follows, Name- Amila Upendra Ariyaratne. Address-Thalgasyaya, Akmeemana. Phone no-0914920421 Age 23 The date field shouldnt be filled. But at least be selected. As user deselects, users system time will be auto inserted. This trick is done to encourage the user on date of login. Remaining options can be selected as you wish. On submission of preceding d a t a t h e nu s h r ip a p s wm r d efd etlo i t I t ee s s ro o pt i d a p a g e t h aet xtp e cs ed a t a wn tse r s i x ell t d to e a is a d d e d sc h a reasc tfe rlsl y .n d c l i c k ucc s u a the check. If the s 6 . 3 P A S S p a s s R o r dLiO G I N T E S T . WOw D not correct the error will be shown in the same page and text field will be cleared. Common errors and corresponding 21 responses are given in table 6.3

The page that tells data was added successfully. 6.2.2 case 2

Data. 1. dfdg. 2. asdffj 3. asdqwe

Error message Enter six characters. Enter six characters. Invalid password

Table 6.3

On successful password entry the user will be greeted and email link will be shown.

Note All these validation were done for user convenience and server security. Thereby user privacy is preserved and illegal access has been avoided.

C H A P T E R 7- E v a l u a t i o n
7.1 INTRODUCTION
Here 1. 2. 3. 4. 5. it is carried out a critical discussion on following, Knowledge acquired. How far the web site has reached its objectives. Things that require further development. Deviations from the original plan. Non-achieved objectives.

22

7.2 KNOWLEDGE ACQUIRED.

This has been a great opportunity to the student who dreams for future web designer. Graphics soft wares were used thoroughly to create web buttons, banner and animated gifs. Asp and vb scripts were self-taught most of the time. Discussions were carried out among students concerning design time problems. Basics of web designing software suite were covered. They are adobe Photoshop, macromedia dream weaver and macromedia flash. How to choose the web theme that fits the intended crowd were discussed too. This is a god-given opportunity to the student.

7.3 OBJETIVES ACHIEVED.

Main objective was to deliver educational aids to schoolchildren. That has been achieved because of developers hard work for finding proper lesson material that have been created by Scholars Island wide (In Sri Lanka). Most of the lessons are graphic based. So, affection for school education has b e4 nFiU d uT H E Re I Mn gR OeVc oM E n t T S aT Ot tBtE dDs . N h e m a j o r 7. e nR ced, b ati P th E nve N ion l a i u e O TE. three parties that are involved in school education have been c o o r d i a c rt o m e d ca lfy aasc r o s s y e r issa meec e se b . y ao h loaty e r e b a nv a c y i s The m na ed nii e l h pla the n w sar Et c p h th s pri ner P ro v i e v e dp t ow . i c h e s s l oe e tte s t tso p rryi g h ,t f iin a l lo f s r ie ap a g e . c h i lid riesn eser cli , oh Th i w ca ed to is s de y th l nkan So t m h a vte rf o f n di e n t c o p l p c e eo nh ah ef lw e h ph a y e ru i to r tf u lilr fc u lc uiro n i n g o f bet e i u cl some maut r t s as b t l at s f s he un tt e. Fh e awleyb t s ie es. i t e chu a l by ct o mte m on iic e cb i p nw ao f f er stte r taav e d a s ta a n d in l h t A t as l e ha a v e l le d s i n s inmen n t e d uma ttie d .g i f f i l e , b u t r e s u l t e d i n v e r y p o o r g r a p h i c q u a l i t y i n ani c a on runtime. Thereby it was decided to export to flash movie. If someone wishes to develop the work the first thing to be done is, make available macromedia flash player download within the home site, Instead of giving far away URL. But developer should have rights reserved from the relevant software development parties. The same thing can be done concerning ms office package. Secondly the major concern goes towards developing a physical training page. This is to be done with great caution, because the surfers vary in age. So it has been left to the next developer. At last best thing a developer can do is make the l e s s o n s a v a i l a b l e i n M u l t i l a n g u a g e . S i n h a l a , T a m i l a n d E n g l i s h 23 are the preferred languages for Srilanka.

7.5 DEVIATIONS FROM THE ORIGINAL PLAN.

Original plan was based on school education. But as the site progresses it has been included a few detailed pages for general public. So the site is having very relaxed impression at some part. It has been intentionally done to avoid site becoming alone in the vast web space.

7.6 NON-ACHIEVED OBJECTIVES. There was an idea to develop chat room for teachers and Parents. But it took a long time to find suitable codes and problems remained unanswered within the given time period. Finally chartroom was replaced by e-mail.
24

C H AP T E R 8 - C o n c l u s i o n s

8.1 INTRODUCTION.
This chapter covers the summery of the whole project in brief. Chapter includes, 1. Critical appraisal of the work. 2. How someone can develop the work. 25 3. Problems beyond the control of the developer. 4. Updating.

8.2 CRITICAL APPRAISAL

Main objective was to deliver educational aids to schoolchildren. That has been achieved because of developers hard work for finding proper lesson materials that have been created by Scholars Island wide (In Sri Lanka). Most of the lessons are graphic based. So, affection for school education has been induced, beating the conventional attitudes. The major three parties that are involved in school education have been coordinated nicely across the same website. Each others privacy is preserved too. The sweetest story is, finally srilankan children have found some place on the web that suits their culture. Abc of information technology has been introduced to the sri lankans. Finally the site has become a nice blend of entertainment and education.

8.3 FURTHER DEVELOPMENT

. If someone wishes to develop the work the first thing to be done is, make available macromedia flash player download within the home site, Instead of giving far away URL. But developer should have rights reserved from the relevant software development parties. The same thing can be done concerning ms office package. Secondly the major concern goes towards developing a physical training page. This is to be done with great caution, because the surfers vary in age. So it has been left to the next developer. At last best thing a developer can do is make the lessons available in Multilanguage.Sinhala, Tamil and English are the preferred languages for Srilanka.

8.4 PROBLEMS BEYOND THE CONTROL.

One common problem is the long time it takes to load a page that has quite a lot of graphics. But as the computer is developed, modern faster machines can minimize problem. Still users who have older models have to face the problem. Here, some of the detailed web pages have graphically heavy environment. There were some work done to minimize the usage of graphics. But there were unavoidable circumstances. For an example, kids like a lot of colorful pictures to be seen on their page. Next thing is the web resolution. This site has 26 been made for most common 800*600.So, greater resolution may reduce the pages in size and left aligned.

8.5 NON-ACHIEVED OBJECTIVES. There was an idea to develop chat room for teachers and Parents. But it took a long time to find suitable codes and problems remained unanswered within the given time period. Finally chartroom was replaced by e-mail.

8.6 UPDATING.
As an academic web site, updating is essential at least once a month. Only updating the lessons are not enough. Slight changes should be applied to the theme too. For an example on a vesak poya day it is nice to see gif animation of a vesak lantern in each page. But changes should be done without harming the main objective.

Web Reference (coding)

W 3 s c h o o lo oc oA c a d e m i c L e s s o n s . ( b o o k s ) Sch s. l m Asp tutorial ->examples 1 faces T h e a m a z i.n g R e s p o nosfe noab j erc t.T o y o t a w i l d l i f e c a l e n d a r tu e ( 2. Request object 2003) 3. Write text using asp Oriental music raaga(violin saha melodica u h u3 s cw a o ly . M R Ea nE R Eb a C E Sr a j a y a l a t h ( s i n h a l a p W n u h o b s c orm j F a k a N n d a a . Vbscript tutorial-> examples book)) 1. Basic. C h e m i c a l d 2 .t a V a ry aMlr .s A r i y a s i n g h e ( s i n h a l a b o o k ) ) a . (B i b e k. 3. Procedures. 4. Date and time functions. i dWa ts c ha k a sh c oh u . ( B y M r . h . h . j a g a t h s i r i ( s i n h a l a V y 3 hm ool . et m book)) Ado tutorial->examples 1. Display record. 2. A e si cor l s t ok by m P u n c h i a p a t a g ed o ( r e n h ada eb oo b j e c t a p a p r a k a s h a n a ) 27 3. Queries Silumina newspaper. (Articles)

Appendix A-Design Documentation.

Data view of database tables whose design views are shown in chapter 3

Figure 1(parents` table)

Figure 2(Teachers` table)

28

Figure 3(sentences) Note All the dataflow diagrams are comprehensively given in chapter 3(3.2). primary key is represented by small key logo preceding the corresponding field. (Design view chapter 3)

Understanding The Dataflow Diagram.

Start or end block. Input block. Flow line. Decision block. Processing

Output block. Procedure or sub routine.

29

Appendix B-System Documentation.

Note1- Setting up of the web site has been comprehensively explained under section 5.1(chapter 5)

Note2-Section 7.5 gives comprehensive details to those who wish to continue developing the site.

Note 3-you can uninstall the iis server as follows. 1. Click start. 2. Go and click control panel. 3. Click add or remove programs. 4. Click add or remove windows components and wait until relevant dialog box appears. 5. There, untick the check box preceding the label iis server and select the label. 6. Click next button. 7. Click finish.

30

Appendix C-User Documentation.

Note 2- all major user operations have been explained in chapter 4.So here it is explained how user interacts with vb executable modules. Operating the spell checker. Locationkids->spelling Initial window follows,

Figure 1

In the initial window text area type your sentence or word in sentence case or in lowercase. Then click spell check .now user will be prompted a separate window containing suggestions. There user can change the text or take another decision. Note1-sample sentence should be deleted before user types.

31

Operating the smart expression calculator. Locationstudents->maths. (It is a hyperlink given within the web page) Initial window follows,

Figure 2

User should type the sum as an expression, in the text field given. Then click evaluate. Result will be appeared in the lower text field. Sample expression has been given in the initial window. So delete it before fresh expression entry.

32

Appendix D- Management
At least once an hour website administrator should respond to new registrants in order to keep running the manually driven psychological counseling services. All detailed pages should be updated at least twice a week, since this is an academic site.

33

Appendix E-Code Listing

Homepage
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso8859-1" /> <title>Sri Lankan School Education.</title> <style type="text/css"> <!-#Layer1 { position:absolute; width:85px; height:264px; z-index:1; left: 70px; top: 172px; } body { background-color: #F0F0EB; margin-top: 0px; margin-bottom: 0px; margin-right: 0px; } #Layer2 { position:absolute; width:250px; height:695px; z-index:1; left: 11px; top: 150px; } #Layer3 { position:absolute; width:200px; height:115px; z-index:1; } #Layer4 { position:absolute; width:76px; height:428px; z-index:-1; left: 687px; top: 129px; } #Layer5 { position:absolute;

34

width:575px; height:383px; z-index:0; left: 110px; top: 160px; } #Layer6 { position:absolute; width:86px; height:381px; z-index:0; left: 15px; top: 156px; } .style1 { color: #8080C0; font-weight: bold; } .style2 {font-family: Arial, Helvetica, sans-serif} #Layer7 { position:absolute; width:200px; height:115px; z-index:3; top: 14px; left: 189px; } #Layer8 { position:absolute; width:251px; height:154px; z-index:3; left: 574px; top: 44px; } #Layer9 { position:absolute; width:145px; height:100px; z-index:3; left: 641px; top: 9px; } #Layer10 { position:absolute; width:184px; height:95px; z-index:3; left: 589px; top: 0px; } #Layer11 { position:absolute; width:156px; height:78px;

35

z-index:4; left: 240px; top: 16px; } .style4 {font-family: Georgia, "Times New Roman", Times, serif; } #Layer12 { position:absolute; width:252px; height:141px; z-index:1; top: 78px; left: 296px; } #Layer13 { position:absolute; width:143px; height:115px; z-index:1; left: -286px; top: 11px; } #Layer14 { position:absolute; width:90px; height:109px; z-index:5; left: 178px; top: 101px; } .style5 {color: #FF0080} .style6 {color: #A80FCE} --> </style> <script language="JavaScript"> <!-function mmLoadMenus() { if (window.mm_menu_0101122831_0) return; window.mm_menu_0101122831_0 = new Menu("root",66,16,"",10,"#CC0000","#990033","#85AECF","#B1C3D9" ,"center","middle",3,0,1000,-5,7,true,true,true,0,true,true); mm_menu_0101122831_0.addMenuItem("HOME","location='INDEX2. HTML'"); mm_menu_0101122831_0.fontWeight="bold"; mm_menu_0101122831_0.hideOnMouseOut=true; mm_menu_0101122831_0.bgColor='#63CA69'; mm_menu_0101122831_0.menuBorder=1; mm_menu_0101122831_0.menuLiteBgColor='#33FFCC'; mm_menu_0101122831_0.menuBorderBgColor='#CCCCCC'; window.mm_menu_0101131355_0 = new Menu("root",79,16,"Verdana, Arial, Helvetica, sansserif",10,"#CC0000","#990033","#85AECF","#B1C3D9","center","midd le",3,0,1000,-5,7,true,true,true,0,false,true); mm_menu_0101131355_0.addMenuItem("MATHS","location='MATHS .HTML'");

36

mm_menu_0101131355_0.addMenuItem("SCIENCE","location='SCIE NCE.HTML'"); mm_menu_0101131355_0.addMenuItem("ENGLISH","location='gram. html'"); mm_menu_0101131355_0.addMenuItem("RELIGION","location='relig ion.html'"); mm_menu_0101131355_0.addMenuItem("MUSIC","location='MUSIC. HTML'"); mm_menu_0101131355_0.fontWeight="bold"; mm_menu_0101131355_0.hideOnMouseOut=true; mm_menu_0101131355_0.bgColor='#63CA69'; mm_menu_0101131355_0.menuBorder=1; mm_menu_0101131355_0.menuLiteBgColor='#33FFCC'; mm_menu_0101131355_0.menuBorderBgColor='#CCCCCC'; window.mm_menu_0101134010_0 = new Menu("root",84,16,"",10,"#CC0000","#990033","#85AECF","#B1C3D9" ,"center","middle",3,0,1000,-5,7,true,true,true,0,false,true); mm_menu_0101134010_0.addMenuItem("PICTURES","location='pictu res.html'"); mm_menu_0101134010_0.addMenuItem("SONGS","location='songs.ht ml'"); mm_menu_0101134010_0.addMenuItem("GAMES","location='games.h tml'"); mm_menu_0101134010_0.addMenuItem("SPELLING","location='spell .exe'"); mm_menu_0101134010_0.addMenuItem("GOOD&nbsp;KID","location ='goodkid.html'"); mm_menu_0101134010_0.addMenuItem("HOBBIES","location='hobbi es.html'"); mm_menu_0101134010_0.fontWeight="bold"; mm_menu_0101134010_0.hideOnMouseOut=true; mm_menu_0101134010_0.bgColor='#63CA69'; mm_menu_0101134010_0.menuBorder=1; mm_menu_0101134010_0.menuLiteBgColor='#33FFCC'; mm_menu_0101134010_0.menuBorderBgColor='#CCCCCC'; window.mm_menu_0101134618_0 = new Menu("root",78,16,"",10,"#CC0000","#990033","#85AECF","#B1C3D9" ,"center","middle",3,0,1000,-5,7,true,true,true,0,false,true); mm_menu_0101134618_0.addMenuItem("REGISTER","location='PAR ENTREGIS.HTML'"); mm_menu_0101134618_0.addMenuItem("LOGIN","location='http://localhost/INDIVIDUALPROJECT/LOGTE_PA.AS P'"); mm_menu_0101134618_0.fontWeight="bold"; mm_menu_0101134618_0.hideOnMouseOut=true; mm_menu_0101134618_0.bgColor='#63CA69'; mm_menu_0101134618_0.menuBorder=1; mm_menu_0101134618_0.menuLiteBgColor='#33FFCC'; mm_menu_0101134618_0.menuBorderBgColor='#CCCCCC'; window.mm_menu_0101135403_0 = new Menu("root",78,16,"",10,"#CC0000","#990033","#85AECF","#B1C3D9" ,"center","middle",3,0,1000,-5,7,true,true,true,0,false,true); mm_menu_0101135403_0.addMenuItem("REGISTER","location='TEA CHERREGIS.HTML'");

37

mm_menu_0101135403_0.addMenuItem("LOGIN","location='http://localhost/INDIVIDUALPROJECT/LOGTE_PA.AS P'"); mm_menu_0101135403_0.fontWeight="bold"; mm_menu_0101135403_0.hideOnMouseOut=true; mm_menu_0101135403_0.bgColor='#63CA69'; mm_menu_0101135403_0.menuBorder=1; mm_menu_0101135403_0.menuLiteBgColor='#33FFCC'; mm_menu_0101135403_0.menuBorderBgColor='#CCCCCC'; window.mm_menu_0101135953_0 = new Menu("root",128,16,"",10,"#CC0000","#990033","#85AECF","#B1C3D 9","center","middle",3,0,1000,-5,7,true,true,true,0,true,true); mm_menu_0101135953_0.addMenuItem("MSWORD","location='MSWORDLESSON.htm'"); mm_menu_0101135953_0.addMenuItem("POWERPOINT","location='POWERPOINT.htm'"); mm_menu_0101135953_0.addMenuItem("HTML&nbsp;SIMPLE","loca tion='htmllesson.html'"); mm_menu_0101135953_0.fontWeight="bold"; mm_menu_0101135953_0.hideOnMouseOut=true; mm_menu_0101135953_0.bgColor='#63CA69'; mm_menu_0101135953_0.menuBorder=1; mm_menu_0101135953_0.menuLiteBgColor='#33FFCC'; mm_menu_0101135953_0.menuBorderBgColor='#CCCCCC'; mm_menu_0101135953_0.writeMenus(); } // mmLoadMenus() function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j+ +].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)

38

if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(! x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> <script language="JavaScript" src="mm_menu.js"></script> </head> <body onload="MM_preloadImages('hm.gif','korbevagott.gif','earth3.gif')"> <script language="JavaScript1.2">mmLoadMenus();</script> <table width="582" height="97" border="0" bordercolor="#5686B7"> <tr> <td width="576" height="93" align="center" valign="top" scope="col"><div align="center"> <div id="Layer11"><img src="BANGIF.gif" width="150" height="82" /></div> <img src="ariyarathna.gif" width="576" height="91" hspace="0" vspace="0" align="texttop" /></div></td> </tr> </table> <div id="Layer10"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/ swflash.cab#version=7,0,19,0" width="185" height="95"> <param name="movie" value="MV1.swf" /> <param name="quality" value="high" /> <embed src="MV1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="185" height="95"></embed> </object> </div> <table width="754" border="0"> <tr align="center" valign="top" bgcolor="#B1C3D9"> <td height="29" scope="col"><div align="center"><img src="HBUT.jpg" name="image1" width="88" height="27" border="0" usemap="#Map" id="image1" /><img src="STBUT.jpg" name="image2" width="88" height="27" border="0" usemap="#Map2" id="image2" /><img src="KIDBUTT.jpg" name="image3" width="88" height="30" border="0" usemap="#Map3" id="image3" /><img src="PABUTT.jpg" name="image4" width="88" height="27" border="0" usemap="#Map4" id="image4" /><img src="TE2BUTT.jpg" name="image5" width="90" height="27" border="0" usemap="#Map5" id="image5" /><img src="ITBUTT.jpg" name="image6" width="90" height="27" border="0" usemap="#Map6" id="image6" /></div></td> </tr> </table> <map name="Map" id="Map"> <area shape="rect" coords="6,3,81,21" href="#" onmouseover="MM_showMenu(window.mm_menu_0101122831_0,7,27, null,'image1');MM_swapImage('image1','','hm.gif',1)" onmouseout="MM_startTimeout();;MM_swapImgRestore()" /> </map>

39

<map name="Map2" id="Map2"><area shape="rect" coords="7,6,85,23" href="#" onmouseover="MM_showMenu(window.mm_menu_0101131355_0,7,30, null,'image2');MM_swapImage('image2','','earth3.gif',1)" onmouseout="MM_startTimeout();;MM_swapImgRestore()" /> </map> <map name="Map3" id="Map3"><area shape="rect" coords="8,6,80,24" href="#" onmouseover="MM_showMenu(window.mm_menu_0101134010_0,8,35, null,'image3');MM_swapImage('image3','','korbevagott.gif',1)" onmouseout="MM_startTimeout();;MM_swapImgRestore()" /> </map> <map name="Map4" id="Map4"><area shape="rect" coords="10,6,80,24" href="#" onmouseover="MM_showMenu(window.mm_menu_0101134618_0,10,24 ,null,'image4')" onmouseout="MM_startTimeout();" /> </map> <map name="Map5" id="Map5"><area shape="rect" coords="7,9,82,19" href="#" /><area shape="rect" coords="9,4,80,18" href="#" /><area shape="rect" coords="6,5,81,21" href="#" onmouseover="MM_showMenu(window.mm_menu_0101135403_0,6,21, null,'image5')" onmouseout="MM_startTimeout();" /> </map> <map name="Map6" id="Map6"> <area shape="rect" coords="11,10,83,19" href="#" /> <area shape="rect" coords="7,4,86,21" href="#" onmouseover="MM_showMenu(window.mm_menu_0101135953_0,7,21, null,'image6')" onmouseout="MM_startTimeout();" /> </map> <div id="Layer4"><img src="sidepane1.jpg" width="75" height="437" /></div> <table width="97" height="430" border="5" bordercolor="#BF4080"> <tr> <td height="416" scope="row"><div align="center"> <div id="Layer6"> <p><strong><u>Everyone`s Pane </u></strong></p> <p><strong><a href="searchtip.html">Internet Search tips </a></strong></p> <p><strong><a href="INDECIPLINES.HTML">Internet Disciplines</a> </strong></p> <p class="style1"><a href="moannonvio.html">Movies for everyone</a></p> <p><a href="moannonvio.html">Choosing nonviolent entertainment on interne</a>t</p> <p><em>credits</em> goes to<span class="style6"> People behind the seen. </span></p> </div> <p>&nbsp;</p> </div></td> </tr> </table> <div id="Layer5"> <div align="center"><span class="style2"><u>......<strong>THE PAGE YOU WERE LOOKING FOR</strong>...</u>.. </span></div>

40

<p align="justify" class="style4">Teachers ! Students ! Parents! as our banner suggests graphically,the site has been focused on SRILANKAN SCHOOL EDUCATION system. </p> <p align="right" class="style4">&nbsp;</p> <div id="Layer12"><img src="41248.JPG" width="253" height="141" /> <div id="Layer13"><img src="41227.JPG" width="141" height="171" /></div> </div> <div id="Layer14"><img src="book_worm.gif" width="87" height="108" /></div> <p align="right">&nbsp;</p> <p align="right">&nbsp;</p> <p align="right">&nbsp;</p> <p align="right"><em>But it opens the door, to the universe of <span class="style5">Information Technology</span> </em></p> <p align="justify"><em>for every srilankan . Pages were arranged carefully since the surfers vary in age .Passwords are required by Teachers and Parents for <span class="style5">SUCCESSFUL LOGIN</span>. PASSWORDS WILL BE MADE AVAILABLE AFTER THE SURFER IS CONFIRMED. </em>You must have Ms office and Flash player installed on your system to work the functions correctly. </p> </div> </body> </html>

41

Registration form(abstracted segment)

<SCRIPT type=text/vbscript> sub agch() //function declaration- checks age field onblur x=len(trim(document.frm.ag.value)) if x<>0 then if (isnumeric(document.frm.ag.value)=false) then /*checks whether the age is numeric value by using standard vb script function isnumeric*/ msgbox("ENTER NUMBERS ONLY") /*message box is declared to display conditionally*/ document.frm.ag.value=" " //text field is cleaned conditionally elseif (fix(document.frm.ag.value))<>(csng(document.frm.ag.value)) then //function fix drops decimal point and csng converts to strings msgbox("ENTER FULLNUMBERS ONLY") document.frm.ag.value="" elseif (document.frm.ag.value>65) or (document.frm.ag.value<18) then msgbox("OUT OF VALID AGE RANGE. REFER REGISTRATION INFO") document.frm.ag.value=" " end if end if end sub sub phch() //phone number validation function-on event onblur x=len(trim(document.frm.ph.value)) if x<>0 then if (isnumeric(document.frm.ph.value)=false) then msgbox("ENTER NUMBERS ONLY") document.frm.ph.value="" elseif (fix(document.frm.ph.value))<>(csng(document.frm.ph.value)) then msgbox("ENTER FULLNUMBERS ONLY") document.frm.ph.value="" elseif ((document.frm.ph.value)<0) then msgbox("INVALID ENTRY.RETYPE WITHOUT - ") document.frm.ph.value="" elseif (len(trim("0"& int(document.frm.ph.value)))<>10) then msgbox("SRILANKAN PHONE NUMBERS HAVE 10 DIGITS INCLUDING LEADING ZERO ") document.frm.ph.value="" end if end if end sub sub drch() //date entry-on event onblur document.frm.dr.value=DATE() end sub sub adch()

42

if (isnumeric(document.frm.ad.value)=true) then msgbox("ADDRESS CONTAINS TEXT AS WELL") document.frm.ad.value=" " end if end sub sub nach() //name validation function-on event onblur if (isnumeric(document.frm.na.value)=true) then msgbox("ENTER TEXT ONLY") document.frm.na.value=" " end if end sub </SCRIPT> </head> <body onload="MM_preloadImages('hm.gif','korbevagott.gif','earth3.gif')"> <div id="Layer20"> <CENTER> <H2><U>PARENT`S REGISTRATION </U></H2></CENTER> <FORM name=frm action=http://localhost/INDIVIDUALPROJECT/contpa.asp method=post> //declaration of the form <TABLE align=center> <TBODY> <TR> <TD>NAME </TD> <TD><INPUT onblur=nach() name=na></TD></TR> <TR> <TD>ADDRESS </TD> <TD><INPUT onblur=adch() name=ad></TD></TR> <TR> <TD>PHONE NO </TD> <TD><INPUT onblur=phch() size=11 name=ph></TD></TR> <TR> <TD>AGE </TD> <TD><INPUT onblur=agch() size=3 name=ag></TD></TR> <TR> <TD>DATE OF REGISTRATION </TD> <TD><INPUT onblur=drch() size=15 name=dr></TD></TR> <TR> <TD>SEX </TD> <TD><SELECT name=se><OPTION selected>MALE<OPTION>FEMALE</OPTION></SELECT></TD></ TR> <TR> <TD>OCCUPATION</TD> <TD><select name=occ> <option selected>GOVERNMENT</option> <option>PRIVATE</option> <option>OTHER</option> <option>NO</option>

43

</select></TD> </TR> <TR> <TD>NATIONALITY</TD> <TD><SELECT name=nan> <OPTION selected>SINHALA<OPTION>ENGLISH<OPTION>TAMIL<OPTI ON>OTHER </SELECT></TD></TR> <TR> <TD><B>PLEASE INCLUDE YOUR E-MAIL <BR>ADDRESS ALONG WITH THE ADDRESS<BR>(IF AVAILABLE).</B></TD></TR><BR> <TR> <TD><B>YOUR PASSWORD WILL BE SENT ON <BR>CONFIRMATION, VIA "E-MAIL" OR "SMS".</B></TD></TR> <TR> <TD><INPUT type=submit value=SEND></TD> <TD><INPUT type=reset value=Reset></TD></TR></TBODY></TABLE> </FORM>

44

Form Database Link Codes(Abstracted Segment From Asp File)

<% set conn=Server.CreateObject("ADODB.Connection") /*connection object is created.*/ conn.Provider="Microsoft.Jet.OLEDB.4.0" /*provider driver is assigned */ conn.Open "c:/destindi/db1.mdb" sql="INSERT INTO parents(name,address," //sql string sql=sql & "phone_no,age,date_of_registration,sex,occupation,nationality)" sql=sql & " VALUES " sql=sql & "('" & Request.Form("na") & "'," sql=sql & "'" & Request.Form("ad") & "'," sql=sql & "'" & Request.Form("ph") & "'," sql=sql & "'" & Request.Form("ag") & "'," sql=sql & "'" & Request.Form("dr") & "'," sql=sql & "'" & Request.Form("se") & "'," sql=sql & "'" & Request.Form("occ") & "'," sql=sql & "'" & Request.Form("nan") & "')" on error resume next conn.Execute sql,recaffected if err<>0 then Response.Write("No update permissions!") Response.Write("<h3>see whether you filled all the fiedls</h3>") Response.Write("<h3>or you filled repeatedly !</h3>") else Response.Write("<h2>" & recaffected & " Data sent Successfully</h2>") end if conn.close //connection object is closed %></center>

45

Password log-in(abstracted segment from asp file).

<div id="Layer21"> <CENTER><H3><U><FONT COLOR="BLUE" TYPE="VERDANA"> YOU CAN E-MAIL EDUCATIONAL PROBLEMS<BR>CONCERNING YOUR CHILD OR STUDENT.</FONT></U></H3> <H3 class="style7"><span class="style6">PROFESSOR KABRAL HELPS YOU</span>. </H3> </CENTER> <h3 align="center">TEACHER'S LOG-IN</h3> <form action="http://localhost/individualproject/LOGTE_PA.asp" method="post"> <div align="center">ENTER PASSWORD: <input type="password" name="fname11" size="8"> <input type="submit" value="CHECK" /> </div> </form> <div align="center"> <% dim fname1 fname1=Request.Form("fname11") If (len(trim(fname1)))<>0 then If len(fname1)<>6 then Response.Write("<h4>enter six chracters!</h4><br />") else If fname1="twe123" Then Response.Write("<H3>THANK YOU click the link below!</H3><br />") Response.Write("<A HREF=mailto:teachrequ@yahoo.com><H4>EMAIL</H4></A>") else If (len(trim(fname1)))<>0 then Response.Write("<h4>INVALID PASSWORD</h4>") end if end if End If End If %> <span class="style5"><strong>DR P.W PERRERA HELPS YOU</strong>. </span></div> <CENTER> <h3>PARENT'S LOG-IN</h3> <form action="http://localhost/individualproject/LOGTE_PA.asp" method="post"> ENTER PASSWORD: <input type="password" name="fname22" size="8" method="post"> <input type="submit" value="CHECK" /> </form> </CENTER> <center> <% dim fname2 fname2=Request.Form("fname22")

46

If (len(trim(fname2)))<>0 then //len function checks length of the password If len(fname2)<>6 then Response.Write("<h4>enter six chracters!</h4><br />") else If fname2="pwe123" Then Response.Write("<H3>THANK YOU click the link below!</H3><br />") Response.Write("<A HREF=mailto:parentrequ@yahoo.com><H4>E-MAIL</H4></A>") else If (len(trim(fname2)))<>0 then Response.Write("<h4>INVALID PASSWORD</h4>") end if end if End If End If %> </center> <CENTER>TEACHERS AND PARENTS SHOULD REGISTER TO GET A PASSWORD. <BR> <P class="style3"> <FONT COLOR="RED"> ABOVE LOGINS ARE PASSWORD ENABLED <BR>TO AVOID STUDENTS FROM LOGIN AND DUE TO SECURITY REASONS.</FONT> <P class="style2">when you e-mail please include your name as given in the registration form. it may be very useful in solving your problem. our experts will counsel you via e-mail or sms or by phone.(depending on case ) </CENTER></div>

47

Data Retrieval From Database(Abstracted Code Segment)Data selection page(html file).

<div id="Layer39"> <CENTER><H2 class="style3"><u>WELCOME TO ENGLISH GRAMMAR SUPPORT</u></H2> <H2 class="style5">select the Tense and press &quot;go&quot; to find sentences. </H2> <FORM method="post" action="http://localhost/INDIVIDUALPROJECT/datacon.asp"> <TABLE> <TR> <TD> <SELECT NAME="CAT"> <OPTION>PRESENT <OPTION>PAST <OPTION>WILL/CAN/MUST/HAVE_TO </SELECT></TD> </TR> </TABLE> <br /> <CENTER><H5>Special Thanks to Raymond Murphy.</H5></CENTER> <br /> <input type="submit" value="GO"> <input type="reset" value="Reset"> </FORM> <p class="style7"><u>List of Irregular verbs </u></p> <p class="style7"><img src="IRREGULAR. jpg" alt="verbs" width="543" height="707" /></p> <p class="style7"><img src="DUALBUTTON.gif" alt="button" width="287" height="40" border="0" usemap="#Map7" /> <map name="Map7" id="Map7"><area shape="rect" coords="24,10,120,34" href="INDEX2.HTML" /> <area shape="rect" coords="183,8,278,34" href="#" target="_top" /> </map></p> </center> </div>

48

Data retrieval from database(abstracted code segment from asp file)

<div align="center"> <% set conn=Server.CreateObject("ADODB.Connection") conn.Provider="Microsoft.Jet.OLEDB.4.0" conn.Open "c:/DESTINDI/DB1.mdb" //path of the database set rs = Server.CreateObject("ADODB.recordset") sql="SELECT * from TENSE WHERE Category LIKE '" & Request.Form("CAT") & "%'" rs.Open sql, conn %> </div> <table border="1" width="100%"> <tr> <%for each x in rs.Fields response.write("<th>" & x.name & "</th>") next%> </tr> <%do until rs.EOF%> <tr> <%for each x in rs.Fields%> <td><div align="center"> <%Response.Write(x.value)%> </div></td> <%next rs.MoveNext%> </tr> <%loop rs.close conn.close %> </table>

49