BCS 53 Web Programming

Question 1: (Covers Block 1)

a) Explain the features of the following technologies – Blogging, Mashups and Rich Internet Applications. How are these technologies useful for you?

b) (i) Create an online membership form for an Online Library using HTML. The form should ask for the following information:

• The Name of the member
• Aadhar Number
• Type of Membership (Student/Faculty/Staff/Other to be chosen from a drop down list)
• Year of membership
• Were you a member earlier? Yes/No
• Description of services expected from the Library
(ii) Create an external CSS file for this form. This CSS file should select the font size of 14 point italics for all the labels; font colour should be red for the headings and dark blue for the normal text. The background colour of the form should be light green.
(iii) Write JavaScript code to validate if any of the field of the form is not filled.
Submit the HTML code, JavaScript code and screenshot of the form opened in a browser window. You must demonstrate the form and validations at the time of viva.

c) Using tables, create a webpage displaying the course list of the BCA programme. This webpage should display the semester wise list of courses with the headings – serial number, course code, course title, course credits, and course type (Theory, Practical or Project). Create a second page containing separate ordered lists of course titles of theory courses and practical courses. You should use <div> tags, wherever needed; and create an internal CSS file, which formats the web pages as given below:

(i) The headings of the table must be in 12-point Bold and all other content should be in 11-point Arial font.
(ii) The table heading should be in different shade. The data rows of the table should have alternatively light pink and light blue colour. The background of the table should be light green.
(iii) The font of the ordered list should be “Times New Roman” with font size of 11 points. The background colour of list should be light yellow.
(iv) At the time of viva, you should demonstrate how changes in CSS can change the display.
(You must submit the HTML and CSS code and the screenshot of pages in a browser window.)

d) A University maintains the list of its students using XML. Every student is allotted a unique enrolment Number, which can be used as an attribute in the XML document. In addition, the following information is stored about the students – Name, Programme, Duration of Programme, List of courses enrolled (assume that student takes at least one and maximum of five courses in a programme). Create an XML document containing information of five Students of BCA programme. Also create the DTD to verify the XML document created by you.

e) Write JavaScript code that displays the text “Welcome to JavaScript Event Demonstration”. When you click on this text, then it changes to “We just demonstrated the click Event”. You may use event handling to perform the action as stated above. Make suitable assumptions, if any. You should demonstrate this code at the time of viva.

f) Explain the working of the WAP model. Also, list the benefits and limitations of WAP. Explain the following WML elements with the help of an example of each:
• Preformatted text in WML
• WML Navigational elements
• WML <select> element

Question 2: (Covers Block 2)

a) Explain the following with the help of a diagram/example, if needed:

(i) Static web pages and Dynamic web pages
(ii) N-Tier Architecture
(iii) Tools for server side scripting
(iv) HTTP primitives
(v) Web Container

b) Explain with the help of an example/diagram or write code for the following using JSP:

(i) include and taglib directives of JSP
(ii) Write a JSP scriptlet to display a list of first 10 positive odd numbers.
(iii) <jsp:setProperty> and <jsp:getProperty > action elements of JSP
(iv) session and application implicit objects in JSP
(v) JSP Life cycle

c) Write JSP programs which can perform the following tasks (you may create a single or multiple webpages for these tasks):

(i) Write a JSP code to create a webpage that requires input of three variables x, y, and z; after successful input of values in the variables, the JSP program finds the smallest of these three variables. The code then displays the smallest value along with a message.
(ii) Create a web page for issuing a Book of a library. The page takes input of three fields namely membershipID, bookID and date of return of the book. In case, the data is correctly entered in all the three fields – two cookies one for the membershipID and the second for the bookID are created.

d) Create a database for Book Sales System consisting of the following two tables:

Book (ISBNnumber, Title, FirstAuthor, YearOfPublication, CopiesAcquired)
Sales (ISBNnumber, PersonName, NumberofCopiesSold)
Develop and deploy a web based “Book Sales System” using JSP, a database backend and a web server (you may select DBMS and web server, as per your choice). Your system should use JDBC for input of information to both the tables. The system should output list of all the sales made for a Book whose ISBNnumber is given.
Submit the JSP program, screens and database of the system. You must demonstrate this system at the time of viva voce.
Make and state suitable assumptions, if any.

Q1. (Covers Block 1)

a) Explain the features of the following technologies – Widgets, Data Streaming and Content Networks. How does these technologies affect us?

b) (i) Create an online feedback form for a University using HTML. The form should ask for the following information:
• The StudentID of the Programme on which feedback is being given.
• Programme code of the Programme Passed (Use a drop-down list for Programme code selection.)
• Name of the Student
• Year of admission and year of passing the programme
• Have you taken admission to another programme? Yes/No
• Text area for giving the feedback
(ii) Create an external CSS file for this form. This CSS file should select the font size of 12 point bold for all the labels; font colour should be dark blue for the headings and green for normal text. The background colour of the form should be light yellow.
(iii) Write the code using JavaScript that validates if all the fields of the form are filled.
Submit the HTML code, JavaScript code and screenshot of the form opened in a browser window. You must demonstrate the form and validations at the time of viva.

c) Using tables, create a webpage displaying the batchwise schedule of the counselling sessions of the 5 th Semester courses at your Study Centre. This table should have proper headings. The columns of the table should display the batch number, course code, session time and the name of the counsellor taking the session. Create a second page using an ordered list showing the batch wise list of student’s enrolment number and names. You should use
tags, wherever needed; and create an internal CSS file, which formats the web pages as given below (You must submit the HTML and CSS code and the screenshot of pages in a browser window):
(i) The headings of the table must be in 14-point Bold and all other content should be in 12-point Arial font.
(ii) The table heading should be in different shade. The data rows of the table should have alternatively light yellow and light green colour. The background of the table should be light pink.
(iii) The font of the unordered list should be “Arial” with font size of 12 points. The background colour of list should be light blue.
(iv) At the time of viva, you should demonstrate how changes in CSS can change the display.

d) A Book store maintains the list of Books using XML. The Book information consists of a Book ISBN Number, which can be used as an attribute in the XML document. In addition, the following information is stored about the Book – Title of the Book, Author(s) of the Book (Please note a Book will have one or more authors), Number of copies of the book available in the Book Store. Create an XML document containing information of five Books. Also create the DTD to verify the XML document created by you.

e) Write and demonstrate (at the time of viva) JavaScript code that displays the message “Welcome to Demonstration of JavaScript…Watch this Text…” and changes this text to “JavaScript can Change Display…” after 10 seconds. You may use event handling to perform the action as stated above. Make suitable assumptions, if any.

f) What is WAP? What are the advantages and limitations of WAP? Explain the following WML elements with the help of an example:
• Tables in WML
• Images in WML
• WML <input> element

Q2. (Covers Block 2)

a) Explain the following with the help of a diagram/example, if needed:
(i) Client-Server 2-Tier architecture and its advantages
(ii) Illustration of MVC architecture (other than the one given in the Block 2 Unit 1)
(iii) Features of Server-side scripting and related constructs
(iv) Request and Response in the context of HTTP
(v) GET and HEAD methods of HTTP

b) Explain with the help of an example/diagram or write code for the following using JSP:
a) JSP Life cycle.
b) Purpose of JSP directives and taglib directive of JSP.
c) Write a JSP scriptlet to display a list of numbers which are divisible by 3. You may display this list till the number 21.
d) <jsp:param> and <jsp:include> action elements of JSP
e) page and exception implicit objects in JSP

c) Write JSP programs which can perform the following tasks (you may create a single or multiple webpages for these tasks):
(i) Write the JSP code to create a webpage that requires input of three variables a, b, and c; after successful input of values in the variables, the JSP program checks if these three variables are Pythagorean triple or not. The code then displays the appropriate message about the findings.
(ii) Create a registration page for a library consisting of three fields namely memberID, password and membership type (Library Administrator, Staff or the organization, Student member). Successful registration should create two cookies one for the memberID and second for the membership type.

d) Create a database for a Student Registration System consisting of the following two tables:
StudentInformation (EnrolmentNo, StudentName, ProgCode)
Programme (ProgCode, CourseCode, Credits)
Develop and deploy a web based “Student Registration System” using JSP, a database backend and a web server (you may select DBMS and web server, as per your choice). Your system should use JDBC for input of information to both the tables. The system should output list of all the students of BCS053 course on the screen.
Submit the JSP program, screens and database of the system. You must demonstrate this system at the time of viva voce.
Make and state suitable assumptions, if any