Course Pack-Web Technology - R1UC626C
Course Pack-Web Technology - R1UC626C
FRAMEWORK
The Course Pack is a comprehensive and complete pedagogical guideline document that describes
the components of instruction delivery by a faculty member. It consists of the scheme of the course,
Course Overview, Course Objectives, Prerequisite course, Program-specific Outcomes (PSOs),
Course outcomes (COs), Bloom’s taxonomy (Knowledge Levels), Types of Courses, Course
articulation matrix, Course assessment patterns, Course content, Lesson Plan, Bibliography,
Problem-based learning/case-studies/clinical, and Student-Centred learning (self- learning towards
life-long-learning). It not only provides a uniform design of Course delivery across the University
but also ensures freedom and flexibility to introduce innovations in learning and teaching and create
vivid kinds of assessment tools (alternate assessment tools) by a faculty member.
The course pack is developed by the faculty member teaching a course. If more than one faculty
teaches the same course, all the faculty members teaching the course shall be formed as a cluster,
and a senior faculty member (Course-lead) lead the Course delivery design in a team effort. The
Course Pack provides ample scope and opportunity to bring innovations in teaching pedagogies
in a school/department.
Hence, the Course pack is a comprehensive learning-teaching strategy framework to be followed by
all the faculty members in schools/departments in the university. It is not only a tool for measuring
the learning of a class but also analyses the achievement levels (learning outcomes of the course)
of all the students in a class in a continuous manner.
Practical
Tutorial
0 0
Theory
delivery
study
Self-
SEE
CIE
Practical 1 2
Self-study 1 7
Total 5 12 45 0 30 105 50% 50%
Course Lead Dr. S. Prabaharan Course Dr. P Rajaram
Coordinator
Names of Theory Practical
Course 1. A. Boobalan 1. A. Boobalan
Instructors 2. Abadhan Saumya Sabyasachi 2. Abadhan Saumya Sabyasachi
3. Ajay Shankar 3. Ajay Shankar
4. Amar Singh 4. Amar Singh
5. Ankita Shukla 5. Ankita Shukla
6. Avinash Dwivedi 6. Avinash Dwivedi
7. Bharat Bhushan Naib 7. Bharat Bhushan Naib
8. Deepak Sonker 8. Deepak Sonker
9. Garima Pandey 9. Garima Pandey
10. Greeshma G.S. 10. Greeshma G.S.
11. Jagveer Singh 11. Jagveer Singh
12. Jitender Tanwar 12. Jitender Tanwar
13. K. Rajkannan 13. K. Rajkannan
14. M Umapathy 14. M Umapathy
15. Nayan Kumar Sarkar 15. Nayan Kumar Sarkar
16. Neha Bagwari 16. Neha Bagwari
17. P Rajaram 17. P Rajaram
18. R Radha Krishnan 18. R Radha Krishnan
19. R. Muthuganesh 19. R. Muthuganesh
20. S. Prabaharan 20. S. Prabaharan
21. Santosh Kumar 21. Santosh Kumar
22. Sivakumar Madeshwaran 22. Sivakumar Madeshwaran
23. Suveg Moudgil 23. Suveg Moudgil
24. T. Ganesh Kumar 24. T. Ganesh Kumar
25. Uppiliraja P 25. Uppiliraja P
26. Vinay Kumar Pandey 26. Vinay Kumar Pandey
27. Vipin Rai 27. Vipin Rai
COURSE OVERVIEW
This course focuses on the World Wide Web as a platform for interactive applications and content sharing. The
development of web-based applications requires knowledge about the underlying technology and the formats and
standards the web is based upon. In this course you will learn about the HTTP communication protocol, the markup
languages HTML, XHTML and XML, and the CSS for formatting and transforming web content, interactive
graphics and multimedia content on the web, client-side programming using JavaScript and server-side scripting
like SERVLET/ JSP and JSP along with database connectivity for dynamic web development.
PREREQUISITE COURSE
PREREQUISITE COURSE No
REQUIRED
If, yes please fill in the Details Prerequisite Prerequisite
course code course name
NA NA
COURSE OBJECTIVE
1. To understand different skills for creating web sites considering both client and server side.
2. To apply different techniques for designing responsive web applications.
3. To analyze strategies to develop server-side applications.
4. To develop dynamic websites.
Problem Analysis: Identify, formulate, review research literature and analyse complex
PO2: engineering problems reaching substantiated conclusions with consideration for sustainable
development. (WK1 to WK4).
Design/Development of Solutions: Design creative solutions for complex engineering
problems and design/develop systems/components/processes to meet identified needs with
PO3:
consideration for the public health and safety, whole-life cost, net zero carbon, culture, society
and environment as required. (WK5).
Conduct Investigations of Complex Problems: Conduct investigations of complex
PO4: engineering problems using research-based knowledge including design of experiments,
modelling, analysis & interpretation of data to provide valid conclusions. (WK8).
Modern Tool Usage: Create, select and apply appropriate techniques, resources and modern
PO5: engineering & IT tools, including prediction and modelling recognizing their limitations to
solve complex engineering problems. (WK2 and WK6).
The Engineer and The World: Analyze and evaluate societal and environmental aspects
PO6: while solving complex engineering problems for its impact on sustainability with reference to
economy, health, safety, legal framework, culture and environment. (WK1, WK5, and WK7).
Ethics: Apply ethical principles and commit to professional ethics, human values, diversity
PO7:
and inclusion; adhere to national & international laws. (WK9).
PSO2: Demonstrate Engineering Practice learned through industry internship and research project to solve live
problems in various domains.
√
R1UC626C.2
R1UC626C.3 √ √
√
R1UC626C.4
COURSE ARTICULATIONMATRIX
PSO1
PSO2
PO10
PO11
PO1
PO2
PO3
PO4
PO5
PO6
PO7
PO8
PO9
COs#/POs
3
R1UC626C.1
3 2 1
R1UC626C.2
3 2 2 2
R1UC626C.3
3 2 2 3
R1UC626C.4
Technical
Type of Assessment Tools Preliminary Project Plan Seminar TRL-1 Viva-voce
PPP (Preliminary Project Plan): The preliminary project plan (PPP) provides an initial, overview of the project
and all of its known parameters. It outlines the project’s objectives, relevance to the program, merit, and conformity
to current industry/ government policy, proposed methodology, and expected outcomes. It should also include any
known constraints related to the time frame (Gantt Chart), budget, etc.
TRL (Technology Readiness Level)-1: Basic Research: Initial scientific research has been conducted. Principles
are qualitatively postulated and observed. Focus is on new discovery rather than applications.
Content
THEORY:
Web Essentials: Clients, Servers, and Communication-The Internet – Basic Internet protocols – WWW
– HTTP Request Message –HTTP Response Message – Web Clients- Web Servers-Web development
strategies- Introduction to HTML5: Basic Elements, Form Elements, Media Elements, HTML5
Graphics (Canvas, SVG)-XHTML: Syntax and Semantics-Case Study: Create a static Website.
CSS: Types of CSS, CSS Properties -CSS3: Selector String, Box Model, Text Properties, CSS 3D
Transformation, CSS Animation- Bootstrap Framework: BS Grid, Tables, Images, Alerts, Form
Elements. Representing Web Data: Basic XML- DTD- Namespaces-XML Schema, DOM, XSL and
DYNAMIC WEB PAGE DESIGN USING JAVA SCRIPT AND JQUERY Java
Script: Data Types and Variables -Operators - Control Statements - Functions -Objects - Build in Objects -
DOM - Java Script Event Handling - Form Handling and validations - AJAX & JQuery: Introduction-
Ajax Client Server Architecture- Ajax Client Server Architecture-XML Http Request Object-Call Back
Methods-JQuery Selectors - JQuery Animations - Effects - Event Handling - JQuery DOM Traversing-JSON
- JQuery AJAX
PRACTICAL:
Implementation of HTML basic tags, Designing static web pages, Styling of web pages using
Inline/Internal/External CSS, Implementing HTML iframes, Creating User Registration Form, Performing
client side form validations using JavaScript, Event handling in JavaScript, Developing client side
applications using HTML, CSS and JavaScript, Developing responsive and mobile-first websites using
Bootstrap, Implementation of AJAX, Designing server side web pages using SERVLET/ JSP / Java server
pages (JSP), Developing dynamic websites using Data base connectivity with SERVLET/ JSP/JSP; Session
management using different techniques.
Theory /
Tutorial /
L-No. Topic for Delivery Practical Skill Competency
Plan
Introduction to web: WWW, Web Theory
Browsers, Clients, Servers, and Understand various web
development strategies.
1 Communication
The Internet – Basic Internet protocols Theory
2 Web development strategies,
HTML: basic tag, elements, attributes, Theory
3 formatting, comments, marquee, list
4 Write a simple HTML code to display data / Practical
5 content on a web page. Practical
6 HTML: table, images, Frames Theory Designing user
7 HTML: forms, methods (get, post) Theory interfaces for web
platform
HTML: links: text, email, Media Theory
Elements, HTML5 Graphics (Canvas,
8 SVG)
Write an HTML code to display your CV on Practical
a web page
9
Write an HTML code to implement the
concept of frames with 2 frames: 1 for Practical
hyperlinks and another for opening the WEB SITE
10 content to that link BASICS AND
HTML5
11 XHTML: Syntax and Semantics Theory
Designing and
XML: DTD, XML schemes, presenting Theory Sharing of data in styling static
and using XML DOM, XSL and XSLT structural form over websites.
12 Transformation web pages.
73 Revision Theory
74 Write a SERVLET/ JSP / JSP program for Practical Create and send
customized mails using
sending e-mail SERVLET/ JSP
75 Practical
BIBLIOGRAPHY
Text Book
• Xavier, C, “Web Technology and Design” , New Age International Publishers.
Reference Books
• Ivan Bayross -Web Enabled Commercial Application Development Using HTML, DHTML, Java
Script, Perl, CGI-2000.
• Patel and Barik, ”Introduction to Web Technology & Internet”, Acme Learning.
• Steve Suehring, Tim Converse, Joyce Park, "SERVLET/ JSP 6 and MySQL 6" WILLEY.
Webliography
• W3schools: https://www.w3schools.com/
• https://www.tutorialspoint.com/scripting_lnaguage_tutorials.htm
SWAYAM/NPTEL/MOOC Certification
PRACTICE PROBLEMS
Exercises in Java & JavaScript (Assignments) (Min 50 Problems*)
8 Illustrate the use of XML for sharing structured data over web. K6
12 Design a user login form and check if the password format is valid or not. K6
18 Create a dynamic web page with user input using Java Server Pages script. K6
27 Explain how the cookies are set and could be read using SERVLET/ JSP. K6
Conditions:
• If marks are 60% or more, grade will be First Division.
40 K3
• If marks between 45% to 59%, grade will be Second Division.
• If marks between 33% to 44%, grade will be Third Division.
• If marks are less than 33%, student will be Fail.
Write a program to show day of the week (for example: Monday) based on numbers
using switch/case statements.
Conditions:
41 K3
• You can pass 1 to 7 number in switch
• Day 1 will be considered as Monday
• If number is not between 1 to 7, show invalid number in default