MANIPAL UNIVERSITY JAIPUR

Faculty of Engineering | School of Computer Science Engineering

Department of Artificial Intelligence & Machine Learning
Course Hand-out
Web Technologies Lab | AI 2231 | 3 Credits | 0 0 2 1
Session: Jan-April 2024 | Program: B. Tech (AI & ML) | Semester: IV
Course Coordinator: Mr. Siddharth Kumar
Dr. Saurabh Ranjan Srivastava, Mr. Jaydeep Kishore, Ms. Rishika Singh,

A. Introduction:
The main objective of this course is to immerse students in the essentials of web technology and
programming, covering client-side development with HTML, JavaScript, and CSS, and server-side
programming using Python/Django with a focus on database interactions. Emphasizing practical
application, students learn web server deployment and debugging. The curriculum is designed to
cultivate entrepreneurial skills, encouraging a strategic approach to web design, and enabling
participants to leverage their technical proficiency for business opportunities. By the course's end,
individuals not only possess the technical prowess required for web development but also a
comprehensive understanding of the processes involved, positioning them for success in the ever-
evolving realm of web technology.

B. Course Outcomes: At the end of the course, students will be able to

[CS2231.1]: Recognize fundamentals and working principles of web technology and web
programming.
[CS2231.2]: Design and implement client-side web programming using HTML, Java
Script, and CSS.
[CS2231.3]: Implement server-side programming using Python/Django and
Database interactions.
[CS2231.4]: Develop Web based applications and deployment of web server and
debugging.
[CS2231.5]: Develop skills for designing websites leads to entrepreneurship
opportunities.
C. Program Outcomes and Program Specific Outcomes

PROGRAM OUTCOMES

[PO.1]. Engineering knowledge: Apply the knowledge of basic science and fundamental
computing in solving complex engineering problems

[PO.2]. Problem analysis: Identify, formulate, research literature, and analyze complex
engineering problems reaching substantiated conclusions using first principles of
mathematics, natural sciences, and engineering sciences.

[PO.3]. Design/development of Computing solutions: Design solutions for complex IT

engineering problems and design system components or processes that meet the specified
needs with appropriate consideration for the Information oriented public health and safety,
and the cultural, societal, and environmental considerations

[PO.4]. Conduct investigations of complex problems: Use IT domain research-based knowledge

and research methods including design of experiments, analysis and interpretation of data,
and synthesis of the information to provide valid conclusions.

[PO.5]. Modern tool usage: Create, select, and apply appropriate techniques, resources, and
modern engineering and IT tools including prediction and modelling to complex
engineering activities with an understanding of the limitations.

[PO.6]. The engineer and society: Apply reasoning informed by the contextual knowledge to
assess societal, health, safety, legal, and cultural issues, and the consequent responsibilities
relevant to the professional engineering practice.

[PO.7]. Environment and sustainability: Understand the impact of the professional engineering
solutions in societal and environmental contexts, and demonstrate the knowledge of, and
need for sustainable development.

[PO.8]. Apply ethical principles and commit to professional ethics and responsibilities and norms
of the engineering practices.

[PO.9]. Individual and teamwork: Function effectively as an individual, and as a member or

leader in diverse IT teams, and in multidisciplinary settings.

[PO.10]. Communication: Communicate effectively on complex computing engineering

activities with the engineering community and with society at large, such as, being able
to comprehend and write effective reports and design documentation, make effective
presentations, and give and receive clear instructions.
[PO.11]. Project management and finance: Demonstrate knowledge and understanding of the
engineering and management principles and apply these to one’s own work, as a member
and leader in a team, to manage projects and in multidisciplinary environments.

[PO.12]. Life-long learning: Recognize the need for and have the preparation and ability to engage
in independent and life-long learning in the broadest context of technological change.

PROGRAM SPECIFIC OUTCOMES (PSOS)

At the end of the B Tech AIML program, the student:
[PSO.1]. Will be able to design, develop and implement efficient software for a given real life
problem.
[PSO.2]. Will be able to apply knowledge of AI, Machine Learning and Data Mining in analysis
big data for extracting useful information from it and for performing predictive analysis.

[PSO.3]. Will be able to design, manage and secure wired/ wireless computer networks for transfer
and sharing of information.

D. Assessment Plan:

Criteria Description Maximum Marks

3 Quiz (20) + Assignments (10) 40
Internal Assessment + Attendance (10)
(Summative) Mini project (1/2/3 Students 20
Group)
(Mid Term Evaluation (20))
End Term Exam End Term Exam (20) + Viva 40
(Summative) (10) + Lab File (10)
Total 100
Attendance A minimum of 75% Attendance is required to be maintained by a
(Formative) student to be qualified for taking up the End Semester
examination. The allowance of 25% includes all types of leaves
including medical leaves.
Homework/ Home There are situations where a student may have to work in home,
Assignment/ Activity especially in mini-Project, these works are graded with marks. A
Assignment student is expected to participate and perform the mini project and
(Formative) assignments with full zeal as participation by a student will be
assessed and marks will be awarded.
E. SYLLABUS

Introduction: HTML, XHTML, Java Script, Introduction to Python web Programming,

Advanced Python programming concepts that include applications involving connection to
databases; CGI Programming with Python; JSON and JQuery; NodeJS for client-side
programming; Angular JS for server-side programming; mini project. Web/Database/XML
application in python and Django web application framework.

F. TEXTBOOKS
1) S. Dauzon, A. Bendoraitis and A. Ravindran,Django: Web Development with Python,
(1e), Packt
2) H. M Deitel et al., Internet & World Wide Web How to Program, (5e), Pearson
Education, 2011
3) C. Bates, Web Programming: Building Internet Application, (3e), Wiley India, 2012
4) W. J. Chun, Core Python Applications Programming, (3e), Prentice Hall Publishers,
2012
5) R. Connolly and R.Hoar, Fundamentals of Web Development, (1e), Pearson Education
India, 2015
 G. Lecture Plan

Lab. Topics Session Outcome Mode of Correspondin Mode of

No Delivery g CO Assessing the
Outcome
1 Introduction to Internet, WWW and Understand basics and fundamental of internet technology, Lecture CS2231.1 Continuous
development of web pages using HTML and HTML and Hyperlinks Demonstration Evaluation,
Integrate them using Hyperlinks Assignment,
Project
2 Design and development of web pages Designing and developing interactive web pages with HTML Lecture CS2231.1 Continuous
using HTML Forms forms, including structure, validation, styling, Demonstration CS2231.2 Evaluation,
Assignment,
Project
3 Design and integration of CSS and Java Ability to effectively incorporate CSS and JavaScript properties Lecture CS2231.1 Continuous
Script property into HTML Pages into HTML pages for enhanced styling and interactivity Demonstration CS2231.2 Evaluation,
Assignment,
Project
4 Development a web pages using Demonstrate the use of HTML and Build Web Pages to model Lecture CS2231.1 Continuous
bootstrapping techniques. real world behaviour of websites using Bootstrapping Demonstration CS2231.2 Evaluation,
Technique Assignment,
Project
5 Create and run Run MySQL commands Creating and executing MySQL commands for database Lecture CS2231.1 Continuous
of Database (RDBMS) management in a relational database management system Demonstration CS2231.3 Evaluation,
(RDBMS). Assignment,
Project
6 Set up a server-side connectivity using Analyse dynamic behaviour of web pages and design principles. Lecture CS2231.2 Continuous
Python framework Django with Demonstration CS2231.3 Evaluation,
MySQL. Assignment,
Project
7 Configure dynamic web pages using Capability to configure dynamic web pages utilizing MySQL Lecture CS2231.3 Continuous
MySQL and Django ORM. database and Django ORM (Object-Relational Mapping) Demonstration CS2231.4 Evaluation,
Assignment,
Project
8 Implement CRUD operations to make Develop responsive client-Server-based application using Lecture CS2231.3 Continuous
the web-application responsive. Database integration. Demonstration CS2231.4 Evaluation,
Assignment,
Project
9 Mini Project Discussion Analyze real world scenario, design and develop a website to Lecture CS2231.2 Continuous
solve real world problem using web Technology. Demonstration CS2231.3 Evaluation,
CS2231.4 Assignment,
 Project

10 Mini Project Evaluation 1 Evaluation focuses on monitoring the progress and performance Lecture CS2231.2 Continuous
(Monitoring of Project) of the mini project. Demonstration CS2231.3 Evaluation,
CS2231.4 Assignment,
CS2231.5 Project
11 Overview of Cookies and authenticity of Overview covering the role of cookies in website authenticity, Lecture CS2231.1 Continuous
websites, E-Commerce, and SEO e-commerce transactions, and SEO optimization strategies. CS2231.4 Evaluation,
Assignment,
Project
12 Mini Project Evaluation Final Final evaluation assesses the overall success and completion of Lecture CS2231.2 Continuous
the mini project. Demonstration CS2231.3 Evaluation,
CS2231.4 Assignment,
CS2231.5 Project
H. Course Articulation Matrix: (Mapping of COs with POs)
CORRELATION WITH PROGRAM OUTCOMES CORRELATION
CO WITH
STATEMENT PROGRAM
SPECIFIC
OUTCOMES
PO PO PO PO PO PO PO PO PO PO PO PO PSO PSO PSO
1 2 3 4 5 6 7 8 9 10 11 12 1 2 3
[CS2231.1]: Recognize fundamentals and working 1 1 1 1 1
principles of web technology and web
programming.

[CS2231.2]: Design and implement client-side web 2 2 3 1 2 1

programming using HTML, Java Script and
CSS.
Implement server-side programming using 2 1 3 1 3 2
[CS2231.3]: Python/Django, MySQL and Database
interactions.
[CS2231.4]: Web based applications development and 2 1 3 2 3 2
deployment on web server and debugging.
[CS2231.5]: Developing skills for designing websites leads 2 2 3 2 3 2 2 2
to entrepreneurship opportunities.

1-Low Correlation; 2- Moderate Correlation; 3- Substantial Correlation