This document provides an introduction to the course "Introduction to Web Engineering". It discusses the need for applying systematic engineering principles to web application development to avoid common issues like cost overruns and missed objectives. The document defines web engineering and outlines categories of web applications of varying complexity, from document-centric to ubiquitous applications. Grading policies are also covered.

1. Introduction to Web Engineering
Mr. Mubashir Ali
Lecturer (Dept. of Computer Science)
dr.mubashirali1@gmail.com
1
Lecture 01

2. Outline
• Grading Policy
• Academic Honesty
• Introduction to the Course
• What is web engineering?
• Web applications
• The case for web engineering
• Categories of web applications
Mubashir Ali - Lecturer (Department of
Computer Science)
2

3. Mubashir Ali - Lecturer (Department of
Computer Science)
3
Grading Policy
Classification
Assignments, Presentation & Quizzes 2 Marks
Attendance & Class Behavior 2 Marks
Mid-term Exam 12 Marks
Final-term Exam 24 Marks
Semester Project & Practical 20 Marks
Total 60 Marks

4. Mubashir Ali - Lecturer (Department of
Computer Science)
4
Academic Honesty
 Your work in this class must be your own
 If students are found to have collaborated
excessively or to have cheated (e.g. by copying or
sharing answers during an examination), all
involved will at a minimum receive grades of
“0” for the first violation
 Further violations will result in failure in the course

5. Mubashir Ali - Lecturer (Department of
Computer Science)
5
Few Things to Remember
 Attendance will be taken with in 5 minutes at the start of class
 Students are allowed to enter into class with in 15 minutes at
the starting of class
 Zero tolerance policy on attendance, discipline of class during
lectures!
 Assignments must be submitted on time, no late submissions
 In case of copied assignment both parties will be given zero!
 Projects, Presentation, Quizzes, Assignments, Class participation
are very important.
 Don’t miss your Classes, Quizzes, Presentations, Assignments
and Projects!

6. 1. Introduction to the Course
This course aims:
• to introduce the methods and techniques
used in Web-based application development
• to develop practical web applications
Mubashir Ali - Lecturer (Department of
Computer Science)
6

7. 1.1 Web application development
Browser interprets user’s
selection and makes request from
appropriate server
Server accepts
and processes
request from
browser
4. Server sends requested files to browser to
be interpreted
1. User sends request
User receives file
displayed by the browser
Browser
Mubashir Ali - Lecturer (Department of
Computer Science)
7

8. 1.2 Web application development…
• Hyper-text Markup Language (HTML)
• Cascading Style-sheets (CSS)
• Client-side Scripting Language (JavaScript)
• Serve-side Scripting Language (PHP)
• Database Language (MySQL)
Mubashir Ali - Lecturer (Department of
Computer Science)
8

9. 1.3 Books & Resources
• Visit: http://www.mubashirali.com/web-
engineering/
Mubashir Ali - Lecturer (Department of
Computer Science)
9

10. 2. Web engineering
• Software engineering is an engineering discipline
that is concerned with all aspects of software
production
• Software Engineering is the science and art of
building significant software systems that are:
– on time
– on budget
– with acceptable performance
– with correct operation
Mubashir Ali - Lecturer (Department of
Computer Science)
10

11. 2. Web engineering…
• Web engineering is the study of the process,
used to create high quality Web-based
applications
• Web engineering draws heavily on the
principles and management activities found in
software engineering processes
• Web engineering extends Software Engineering
to Web applications
Mubashir Ali - Lecturer (Department of
Computer Science)
11

12. 2. Web engineering…
• The application of systematic and
quantifiable approaches to cost-effective
analysis, design, implementation, testing,
operation, and maintenance of high-quality
web applications
Mubashir Ali - Lecturer (Department of
Computer Science)
12

13. 3. Web applications
• WWW has massive and permanent influence
on our lives
– Economy, Industry, education, healthcare,
entertainment
• Why?
– global and permanent
– Comfortable and uniform access
Mubashir Ali - Lecturer (Department of
Computer Science)
13

14. 3. Web applications…
• WWW started as an informational medium
• Evolved into application medium
– Interactive, data intensive services
• Distinguishing factors
– How it is used?
– Technologies and standards for development
Mubashir Ali - Lecturer (Department of
Computer Science)
14

15. 3. Web applications…
• A Web application is a system that utilizes
W3C standards & technologies to deliver
web-specific resources to clients (typically)
through a browser
• Technology + interaction
Mubashir Ali - Lecturer (Department of
Computer Science)
15

16. 4. The case for web engineering…
• Top project drawbacks (Cutter, 2000)
– 84% - Failure to meet business objectives
– 79% - Project schedule delays
– 63% - Budget overrun
– 53% - Lack of functionality
• Web Engineering’s solution:
– Clearly defined goals & objectives
– Systematic, phased development
– Careful planning
– Iterative & continuous auditing of the entire process
Mubashir Ali - Lecturer (Department of
Computer Science)
16

17. 5. Categories of web applications
• Document-centric web
• Interactive and transactional web applications
• Workflow-based web applications
• Collaborative and social web applications
• Portal-oriented web applications
• Ubiquitous web applications
Mubashir Ali - Lecturer (Department of
Computer Science)
17

18. 5.1 Categories of Web Applications
(development history vs complexity)
Doc-Centric
Interactive
Transactional
Workflow
Based
Social Web
Collaborative
Ubiquitous
Portal
Oriented
Development History
Complexity
Mubashir Ali - Lecturer (Department of
Computer Science)
18

19. Summary
• Web engineering extends Software
Engineering to Web applications
• Why web engineering?
• Web applications
• Categories of web applications
Mubashir Ali - Lecturer (Department of
Computer Science)
19

20. References
• Lecture Slides by Kappel et al.
• Chapter 1, Kappel, G., Proll, B. Reich, S. &
Retschitzegger, W. (2006). Web Engineering,
1st ed. Hoboken, NJ: Wiley & Sons
• UNESCO ICTLIP Module 6. Lesson 1 Slides
Mubashir Ali - Lecturer (Department of
Computer Science)
20