IT3401 –WEB ESSENTIALS LABORATORY

LABORATORY MANUAL

B.TECH (R 21)
(II YEAR – IV SEMESTER)
(2023-24)

DEPARTMENT OF
INFORMATION TECHNOLOGY

MAHENDRA ENGINEERING COLLEGE FOR WOMEN

Approved by AICTE | Affiliated to Anna University
A UNIT OF MAHENDRA EDUCATIONAL TRUST
 DEPARTMENT OF INFORMATION TECHNOLOGY

VISION

The department of Information Technology envisions to provide learning Techniques in Computer

science fields to our graduate to be globally recognized as innovative computing professionals.

MISSION

 To provide both students and faculty with an open environment that fosters professional and personal
growth.

 To provide need based quality training in the field of Information Technology.

 To provide technologically competent and ethically responsible graduates through balanced and
dynamic curriculum.

 To produce engineers with teamwork, communication and interpersonal skill.

PROGRAMME EDUCATIONAL OBJECTIVES (PEOs)

Graduates will be able to

 Demonstrate technical competence with analytical and critical thinking to understand and
meet the diversified requirements of industry, academia and research.
 Exhibit technical leadership, team skills and entrepreneurship skills to provide business
solutions to real world problems.
 Work in multi-disciplinary industries with social and environmental responsibility, work
ethics and adaptability to address complex engineering and social problems
 Pursue lifelong learning, use cutting edge technologies and involve in applied research to
design optimal solutions.

PROGRAM SPECIFIC OUTCOMES (PSOs)

To ensure graduates

 Have proficiency in programming skills to design, develop and apply appropriate

techniques, to solve complex engineering problems.
 Have knowledge to build, automate and manage business solutions using cutting edge
technologies.
 Have excitement towards research in applied computer technologies.

PROGRAM OUTCOMES (POs)

1 Engineering knowledge: Apply the knowledge of mathematics, science, engineering fundamentals, and
an engineering specialization to the solution of complex engineering problems.

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

3 Design/development of solutions: Design solutions for complex engineering problems and design system
components or processes that meet the specified needs with appropriate consideration for the public health
and safety, and the cultural, societal, and environmental considerations.

4 Conduct investigations of complex problems: Use research-based knowledge and research methods
including design of experiments, analysis and interpretation of data, and synthesis of the information to
provide valid conclusions.

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

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.
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.

8 Ethics: Apply ethical principles and commit to professional ethics and responsibilities and norms of the
engineering practice.

9 Individual and team work: Function effectively as an individual, and as a member or leader in diverse
teams, and in multidisciplinary settings.

10 Communication: Communicate effectively on complex 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 andreceive clear instructions.

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

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
 OBJECTIVES AND OUTCOMES

OBJECTIVES

 Learn core web technologies (HTML, CSS, JavaScript).

 Build responsive and interactive web pages.

 Apply UX/UI design best practices.

 Use web development tools (e.g., Git, IDEs).

 Understand client-server interactions.

 Implement web accessibility standards.

COURSE OUTCOMES:

At the end of this course, the students will be able to:

CO 1: Apply JavaScript, HTML and CSS effectively to create interactive and dynamic websites.

CO 2: Create simple PHP scripts.

CO 3: Design and deploy simple web-applications.

CO 4: Create simple database applications.

CO 5: Handle multimedia components.

CO’s-PO’s & PSO’s MAPPING

PO’s PSO’s
CO’s

1 2 3 4 5 6 7 8 9 10 11 12 1 2 1
1 3 2 3 2 3 2 0 0 2 2 2 3 3 2 1

2 3 3 3 3 3 2 0 0 2 0 2 3 3 2 1

3 3 3 3 2 3 2 0 0 2 2 2 3 3 2 1

4 3 3 3 3 3 1 0 0 1 1 2 3 3 2 1

5 3 3 3 3 3 1 0 0 0 0 2 3 3 2 1

AVg. 3 3 3 3 3 2 0 0 2 1 2 3 3 2 1
1 - low, 2 - medium, 3 - high, ‘-“- no correlation
RECOMMENDED SYSTEM / SOFTWARE REQUIREMENTS:

HARDWARE: Standalone desktops-Windows

SOFTWARE: Visual Studio Code, web browsers

USEFUL TEXT BOOKS / REFERECES /WEBSITES:

1. Robin Nixon, "Learning PHP, MySQL, JavaScript, CSS & HTML5" Third Edition, O'Reilly publishers,
2014. 84

2. Paul Deitel, Harvey Deitel, Abbey Deitel, “Internet & World Wide Web - How to Program”, 5th edition,
Pearson Education, 2012.

REFERENCES:

1. Jeffrey C. Jackson, "Web Technologies--A Computer Science Perspective", Pearson Education, 2006.

2. James F. Kurose, “Computer Networking: A Top-Down Approach”, Sixth Edition, Pearson Education,
2012

3. Steven Holzener , “PHP – The Complete Reference”, 1st Edition, Mc-Graw Hill, 2017

4. Fritz Schneider, Thomas Powell , “JavaScript – The Complete Reference”, 3rd Edition, McGraw Hill
Publishers, 2017

5. Bates, “Developing Web Applications”, Wiley Publishers, 2006

 MAHENDRA ENGINEERING COLLEGE
FOR WOMEN
DEPARTMENT OF INFORMATION TECHNOLOGY

GENERAL LABORATORY INSTRUCTIONS

1. Students are advised to come to the laboratory at least 5 minutes before the starting time
2. Proper dress code and Identity card.
3. Sign in the laboratory login register; write the TIME-IN
4. Occupy the computer system allotted to you by the faculty.
5. All the students should be polite and cooperative with the laboratory staff
6. Avoid downloading any files without permission
7. Additional software can be installed with prior permission based on the necessity
8. Avoid playing games and viewing disruptive websites
9. Students must obtain the permission of the faculty in case of any urgency to go out
10. Save all your files before exiting.
11. Students should LOG OFF/ SHUT DOWN the computer system before leaving
12. He/she must ensure the system/seat is kept properly.

Head of the Department

 LIST OF EXPERIMENTS

1. Creation of simple HTML code for building websites.

a. Interactive website for e-commerce.

b. Create webpage using list tags of HTML.

c. Create employee registration webpage using HTML form objects.

2. Form validation using java script.

3. Creation of simple php scripts.

a. Simple calculator using php.

b. Swap two numbers using php.

c. Code for displaying n numbers using recursive function in php.

4. Handling multimedia content in webpages.

5. Write programs in java using servlets.

a. To invoke servlets from HTML forms.

b. Session tracking using hidden form fields and session tracking for a hit count.

6. Information retrievelsystem using MySQL database and PHP.

7. Creation of Personal information System.

 INDEX

PAGE
S.NO TITLE REMARKS
NUMBER
Creation of simple HTML code for building
websites.
a. Interactive website for e-commerce.
1 1
b. Create webpage using list tags of HTML.

c. Create employee registration webpage

using HTML form objects.

2 Form validation using java script. 08

Creation of simple php scripts.
a. Simple calculator using php.

3 b. Swap two numbers using php. 12

c. Code for displaying n numbers using

recursive function in php.

4 17
Handling multimedia content in webpages.
Write programs in java using servlets.
a. To invoke servlets from HTML forms.
5 19
b. Session tracking using hidden form fields
and session tracking for a hit count.

Information retrievel system using MySQL

6 30
database and PHP.

7 33
Creation of Personal information System.
IMPORTANCE OF IT3401 WEB ESSENTIAL

Web Essential Teach basic skills for building websites.

Web Essential Make websites work on all devices.

Web Essential Help create interactive and engaging websites.

Web Essential Open up job opportunities in web development.

Web Essential Improve problem-solving abilities.

Web Essential Enable teamwork through tools like Git.

Web Essential Ensure websites are accessible to everyone, including those with disabilities.

Web Essential Mastering web essentials creates job opportunities in tech, design, and development.

Web Essential Problem-Solving is used to Improves troubleshooting and critical thinking skills