Internet and Web Programming L,T,P,J,C

Subject Code: CSE3002

2,0,2,4,4
Indicative Pre-requisite CSE2004-Database Management System
Preamble This is an introductory course for internet and web programming. This course
deals with developing web applications using HTML, JavaScript, PHP, XML,
JSON, AJAX and JQuery.
Objective of course 1. To understand the basic concepts of web programming and internet.
2. To understand internet protocols.
3. To understand how the client-server model of Internet programming works.
4. Learn the use of scripting languages and appreciate their limitations.
5. To understand interactive web applications.

Expected Outcome After successfully completing the course the student should be able to
1. Differentiate web protocols and web architecture.
2. Develop client side web application.
3. Implement client side script using JavaScript.
4. Implement server side script using PHP
5. Develop XML based web applications
6. Develop application using JavaScript with recent advancement like JSON,
AJAX and JQuery.

SLO 5. Having design thinking capability

6. Having an ability to design a component or a product applying all the
relevant standards and with realistic constraints
17. Having an ability to use techniques, skills and modern engineering tools
necessary for engineering practice

Module Topics L Hrs SLO

1 INTRODUCTION TO INTERNET
Internet Overview- Networks - Web Protocols –– Web Organization and
Addressing - Web Browsers and Web Servers -Security and 2 5
Vulnerability-Web System Architecture – URL - Domain Name –
Client-side and server-side scripting.
2 WEB DESIGNING
HTML5 – Form elements, Input types and Media elements, CSS3 -
4 5, 6
Selectors, Box Model, Backgrounds and Borders, Text Effects,
Animations, Multiple Column Layout, User Interface
3 CLIENT-SIDE PROCESSING AND SCRIPTING
JavaScript Introduction –Functions – Arrays – DOM, Built-in Objects, 7 5, 6
Regular Expression, Exceptions, Event handling, Validation- AJAX -
JQuery
4 SERVER SIDE PROCESSING AND SCRIPTING - PHP 5 5, 6
Introduction to PHP – Operators – Conditionals – Looping – Functions
– Arrays- Date and Time Functions – String functions - File Handling -
File Uploading – Email Basics - Email with attachments
5
PHP SESSION MANAGEMENT and DATABASE CONNECTIVITY
Sessions-Cookies-MySQL Basics – Querying single and multiple 3 5, 6
 MySQL Databases with PHP – PHP Data Objects
6
XML
XML Basics – XSL, XSLT, XML Schema-JSON 4 5, 6

7
APPLICATION DEVELOPMENT USING NODE JS
4 17
Introduction to Node.js- Installing Node.js - Using Events, Listeners,
Timers, and Callbacks in Node.js – Introduction to Mongo DB-
Accessing MongoDB from Node.js
8 Industry Expert Talk 1

Text books:
1. Elizabeth Castro and Bruce Hyslop , HTML5 and CSS3, 7th Edition, , Peachpit press, 2012
2. Fritz Schneider, Thomas Powell , JavaScript – The Complete Reference 3rd Edition, Mc-Graw Hill, 2012
3. Steven Holzener , PHP – The Complete Reference, 1st Edition, TATA Mc-Graw Hill, 2007
4. Elliotte Rusty Harold , XMLBible,3rd Edition , Wiley Publications, 2004
5. Martin Kalin, Java Web Services, O’Reilly Publications, 2009
6. Sandeep Kumar Patel, Developing Responsive Web Applications with AJAX and JQuery, Packt Publications,
2014
7. Lindsay Bassett, Introduction to JavaScript Object Notation, 1 st Edition, O’Reilly Media, 2015
8. Brad Dayley, Brendan Dayley, and Caleb Dayley , Node.js, MongoDB and Angular Web Development: The
definitive guide to using the MEAN stack to build web applications - Pearson Education, 2nd Edition, 2018

Reference book:

1. DeitelDeitel Nieto, Internet & World Wide Web How to Program, 5th edition, 2012.

Indicative List of Lab Experiments:

1. Design a website for VIT University using HTML.

2. Image mapping using HTML

Q: Consider an image of India with different states. Use image mapping to give the demographics of all the states from
data.gov.in.

3. CSS – internal, external and inline

Q: Apply CSS to a shopping site having two branches with different localized content, the website being hosted on a local
LAMP server.

4. JavaScript validation

Q: Design a flight reservation form and perform validation of the fields with auditory feedback for the visually
impaired.

5. Perform matrix multiplication using JavaScript.

6. Design a Javascript calculator using functions.

7. Design an e- news paper using DOM with following feature:
 Add buttons to change the headlines, content and author with respect to the date.

8. Evaluate a PAN number using JavaScript regular expressions.

9. Implement the following cookies using PHP

 Create a cookie with a value IWP.
 The cookie should expire in 3 days
 Check whether the cookie is present in the website. If so display else throw an error
 Check whether the cookie is enabled or not. Print the status
 Delete the created cookie before an hour
Check whether the cookie is disabled or not. Print the status

10. Consider the following database schema.

dob (day, month, year)

Day is of a two digit numeric datatype

Month is of character datatype
Year is of four digit numeric datatype

Write a PHP code using MySQL and perform the following

 Set a DB connection
 Create a database and the table specified above
 Insert Five rows using multiple insertion
 Get a single digit number from the user through text box.
 If the number matches with a part of the date or year and if year of the record is a leap year, display the dob format
as yyyy/mm/dd in the web page.
 Else display the dob format as dd/mm/yyyy in the web page

Note: Let the entered number is 6 and the dob of a record is (13, December, 1996), 6 is present as the part of the year, and
also the year 1996 is a leap year, hence the date will be displayed as 1996/December/6.

11. Assume that you are organizing a workshop. You are asked to upload the poster for your workshop along with the
organizers photograph in VIT intranet. The poster should be of pdf format limited to size 1 MB and the photograph should
be of jpeg format limited to 5 MB. The web page should have two links.
i) Uploading the poster
ii) Uploading the photograph

12. PHP e-mail

Q: Develop an application to convert a word file to PDF and send it as an attachment through e-mail. The service is to be
restricted to a file of size 10MB.

13. XML – Schema

Q: Develop a thesaurus tool by creating a schema for thesaurus. When a word is entered the synonyms or
antonyms must be displayed based on the user request.
14. XSL – Create an employee information system using XML and display the employee number and name of
employees with salary greater than Rs. 100000 p/m. with XSL.
15. Using JavaScript, store and output JSON content to a web page.

Session-wise Plan

S.No Class hour Topic covered Levels of Text Book Remark

Mastery
1. 1 Internet Overview- Familiarity Text Book1
Networks - Web
Protocols –– Web
Organization and
Addressing - Web
Browsers and Web
Servers
2 1 Security and Familiarity Text Book1
Vulnerability-Web
System
Architecture –
URL - Domain
Name –
Client-side and
server-side scripting
3 1 HTML5 – Form Usage Text Book1 Lab
elements, Input types component
and Media elements
4 1 CSS3 - Selector Usage Text Book1 Lab
component
5 1 Box Model, Usage Text Book1 Lab
Backgrounds and component
Borders, Text Effects
6 1 Animations, Multiple Usage Text Book1 Lab
Column Layout, component
User Interface
7 1 JavaScript Assessment Text Book2 Lab
Introduction – component
Functions – Arrays
8 2 DOM Assessment Text Book2 Lab
component
9 1 Built-in Objects, Usage Text Book2 Lab
Exceptions component
10 1 Regular Expression, Usage Text Book2 Lab
Event handling, component
Validation-
11 2 AJAX Assessment Text Book6 Lab
component
12 2 AJAX Assessment Text Book6
13 2 JQUERY Assessment Text Book6 Lab
 component
14 1 Introduction to PHP Familiarity Text Book3 Lab
– Operators – component
Conditionals –
Looping – Functions
15 1 Arrays- Date and Usage Text Book3 Lab
Time Functions – component
String functions
16 1 File Handling Assessment Text Book3 Lab
component
17 1 File Uploading Assessment Text Book3 Lab
component
18 1 Email Basics - Email Assessment Text Book3 Lab
with attachments component
19 1 Sessions-Cookies Assessment Text Book3 Lab
component
20 1 MySQL Basics – Assessment Text Book 3 Lab
Querying single and component
multiple MySQL
Databases with PHP
21 1 PHP Data Objects Assessment Text Book 3
22 1 XML Basics – XML Assessment Text Book 4 Lab
Schema component
23 1 XML Schema Assessment Text Book 4
24 2 XSL, XSLT Assessment Text Book 4 Lab
component
25 2 XSL, XSLT- JSON Assessment Text Book 4,7
26 1 Introduction to Node Usage Text Book 8
JS- Installing Node.js
27 1 Using Events, Usage Text Book 8
Listeners, Timers,
and Callbacks in
Node.js
28 1 Introduction to Usage Text Book 8
Mongo DB-
Accessing MongoDB
from Node.js
29 1 Introduction to Usage Text Book 8
Mongo DB-
Accessing MongoDB
from Node.js
30 1 Expert Talk – D3.js --