No.

of Printed Pages : 2
I BCSL 057(P)/S1
-

BACHELOR OF COMPUTER APPLICATIONS (Revised)

(BCA)
Term-End Practical Examination
December, 2017

. 8-2
1107 BCSL 057(121/S1 : WEB PROGRAMMING LAB
-

Time : 1 Hour Maximum Marks : 50

Note : (i) There is one compulsory question in this paper of 40 marks. Rest
10 marks are for viva-voce.
(ii) You may use any IDE, Web Server or Database backend to demonstrate the
Web Application.

1. (a) Design and implement a website/web application having three web pages
with the following layout :

Link
Division Content
Division
Home

I Friend List

I Message I

Figure 1 : Layout of Web Pages

Create three pages having the Link Division and Content Division as per
the layout of Figure 1. The description of the three links in the Link
Division are as follows :

I Home I : Link to Home Page

I Friend List I : Link to a page that displays list of friends.

I Message I : Link to a page that displays a form for submission of a message.

BCSL-057(P)/S1 1 P.T.O.
 The Content Division of these three pages should be as per the description
given below :
(1) The Home Page should display a heading "My Friend List" and should
display your name, highest qualification and year of birth. 6
(ii) The "Friend List" Page should connect to a database, namely Friends
having a single relation/table Friendsdata (Friend_name,
Friend_phone). You should generate the friend list using the database
query. This friend list should be displayed in the Content Division of
the "Friend List" Page as :
List of Friends

Friend Name Phone

Rohan 99962...

Yohan 98765...

.. . ...

. . . .. .
You should store at least five records in the database. You should use
JSP to create this page. 18

(iii) The Message Page should have a form as shown below : (You just need
to create the form in the Content Division). 6

Name

Message

Submit

(You need not write the code for the Submit button)

(b) Create an external CSS file that formats the three pages as per the layout of
Figure 1. The background colour of both the divisions must be different. 10

BCSL-057(P)/S1 2 3,000
No. of Printed Pages : 2 I BCSL 057(P)/S1
-

BACHELOR OF COMPUTER APPLICATIONS (Revised)

(BCA)

Term-End Practical Examination

June, 2018

BCSL-057IP)/S1 : WEB PROGRAMMING LAB

Time : 1 Hour Maximum Marks : 50

Note : (i) There is one compulsory question in this paper of 40 marks. Rest
10 marks are for viva-voce.
(ii) You may use any IDE, Web Server or Database backend to demonstrate the
Web Application.

1. (a) Design and implement a website/web application having three web pages.
Each page should have the following format :
Menu
I Home Programme I Feedback Division

Content_Display
Division

Figure 1 : Layout of Web Pages

Where I Home I is a link to Home Page, 'Programme I is a link to a jsp page

I
that displays List of Programmes and Feedback I link opens a Feedback
form.

BCSL 057(P)/S1
- P.T.O.
 Create three web pages having a layout as shown in figure 1 and
"Content_Display" Division as per the following description :
(i) The Home page should have a heading "PROGRAMME SELECTION".
It should also show an unordered list of features of this page as given
below : 6

"PROGRAMME SELECTION" Only Content_Display

division is shown
• Get a list by clicking Programme button
• Choose the programme
• Give us feedback on the website

(ii) The Programme page should connect to a database namely

ProgrammeDetails having a single relation/table (Programme_code,
Programme_name, Duration, Fee). You need to create this database
and enter at least 3 — 4 records in the table. Write JSP programme
that connects to database and displays the programme details in a
tabular form as shown below : . 18
Programme List Only
Content_Display
Code Name Duration Fee division is shown
MCA Master of Comp. App. 3 60,000
BCA Bachelor of Comp. App. 3 30,000

(iii) The Feedback page should display a form as : 6

Only
Content_Display
division is shown
(You need not
write code for
SUBMIT button)

(b) Create an external CSS file that formats the three pages as per the layout of
Figure 1. The background colour of both the divisions should be different. 10

BCSL-057(P)/S1 2 2,000
No. of Printed Pages : 3 BCSL 057/S1

Bachelor of Computer
Application (Revised) (BCA)
Term-End Examination
December, 2018

WEB PROGRAMMING LAB

Time : 1 Hour Maximum Marks : 50

Note : (i) There is one compulsory question in this paper of 40 marks.

Rest 10 marks are for viya-voce.

(ii) You many use any IDE, web server or database backend to
demonstrate the web application.

(A-8) P. T. 0.
 [2] BCSL-057/S1

1. (a) Design and implement a website/web application for a company

having three web pages. Each web page should have the following
format :
Content
Division

Menu
I Feedback I Lust of Reports I 4*--- Division

Fig. 1 : Layout ofVVeb Pages

In this layout I is a link to Home page; !List of Reports is a link

to listing of all the reports, that company has produced and IFeedbackl
is a link to feedback page.
Create the three web pages having a layout as shown in Figure 1
and displaying the contents in content division as given below :
(i) The Home page should have a heading "Company Report Links".
This page should display an =ordered list as shown below : 6

Company Report Links

• These pages are for authorised person.
• Reports are for iliternal use only.
• Please do not take printout of report.

Only content division is shown.

(ii) The "List of Reports" page should be displayed using a JSP
program that accesses a database "Reports" having a single
(A-8)
 E s]

relation/table Report list cut title, author). You need to create

this database and enter 3-4 records in the table. Write JSP
program that connacts to the "Reports" database and displays
Report list in a tabular form as shown below : 18

Reports
Title Abhor

KO1 Air Quality Monitoring S K. Das

E02 Income Profile Ahmad K.

Only content division is shown.

The feedback should display a form as :

Only content division is shown

(You need not write the toile for SUBMIT button)
(h) Create an external CSS file that formats the three pages as per the
layout of Figure 1. This CSS file should also make the text colour as
blue. 10

3,000
BCSL-O&7/S1
(A-8)
 No. of Printed Pages : 2 I BCSL 057(P)/S1
-

BACHELOR OF COMPUTER APPLICATIONS (Revised)

(BCA)

Term-End Practical Examination

. .

June, 2017

BCSL 057113)/S1 : WEB PROGRAMMING LAB

-

Time : 1 Hour Maximum Marks : 50

Note : (i) There is one compulsory question in this paper of 40 marks. Rest
10 marks are for viva-voce.
(ii) You may use any IDE, Web Server or Database backend to demonstrate the
Web Application.

1. (a) Design and implement a website/web application having three web pages
having the following layout :

Top I Home I Course List I I Register I

Division

Information
Division

Figure 1 : Layout of Web Pages

BCSL-057(P)/S1 1 P.T.O.
 Create three web pages having the Top Division and Information Division
as shown in Figure 1. I Home! in Top Division is a link to Home Page and
I Course List I is a link to a page that displays list of courses. 'Register' is a
link to a Registration Page. The Information Division of these three pages
should be as per the description given below :
(i) The Information Division of Home Page should display University
name, mission and objectives as a list, and address of the University. 6
(ii) The Course List Page should establish a link to a database which has
one table named "Courses" having course_code and course_name as
fields. The Course List is generated from the data of the "Courses"
table and displayed in Information Division as :
List of Courses
Course Code Course Name
BCS-11 Fundamentals
BCS-12 Mathematics

You should have at least 5 courses in the database. You should

perform it using JSP. 18
(iii) Registration Page should have a form which asks a visitor his/her
name, email_id and password. This form should also have a SUBMIT
button (please note you need not write code to process the form). 6

(b) Create an external CSS file that formats the three pages as per the layout of
Figure 1. The background colour of both the divisions must be different. 10

BCSL-057(P)/S1 2 2,000