Web Engineering and Technologies
Introduction
13th October 2020
First Web Page
• Remember yesterday’s homework?
• The first webpage?
• Go to https://padlet.com/anushaachuthan21/kffjfa4o90xp
• Discuss about it
• Not to forget include fullname and matric number for
attendance
• Duration: 5 min
What is Web Engineering?
• Engineering?
What is Web Engineering?
• Software Engineering? Requirement
Evolution
Analysis
• Extends Software Engineering
to Web applications
Software
Development
Life Cycle
Testing Design
Implementation
What is Web Engineering?
• Murugesan et al., 1999
• Web Engineering uses
• scientific,
• engineering,
• management principles and
• systematic approaches
• to successfully develop, deploy, and maintain high-
quality Web systems and applications.
Why Web Engineering?
• It aims to bring Web-based system development under
control,
• minimise risks and
• improve quality, maintainability, and scalability of Web
applications.
Before Web Engineering
• Systems are built using informality, urgency, intuition, and art
• Informality leads to an easy work environment—one in which you can do your own thing
• Urgency leads to action and rapid decision making.
• Intuition is an intangible quality that enables you to “feel” your way through complex
situations.
• Art leads to aesthetic form and function—to something that pleases those who encounter
it.
Cases of Web Engineering
• Top project pitfalls (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
What is Web Applications?
• Activity:
1. Search over the net one example of a FAILED
web application or web site
2. Find out why they failed
3. Post it at ELearn Link
Web Applications – Textbook terminology
A Web application is a software system that utilizes W3C
(World Wide Web Consortium) standards & technologies to
deliver Web-specific resources to clients (typically)
through a browser
Web Engineering – Key Area
Software Engineering
• Requirement analysis
• Design
• Implementation
Hypermedia • Testing
• Design & Structure GUI • Operation
• Navigation • Management
• Visualization
• Usability
• Collaboration
Network Engineering
• Physical Layer
• Internet Layer
• Transport Layer
Information System • Security
• Data Design
• RDBMS
• Query Language
• Storage & Retrieval
Template from www.presentationgo.com
Web Engineering – Key Area Mapping to Skills
Designing features according to user Responsible on the logic programming
needs of the system
Design user flows and engaging UI Writing secure back-end codes
Design and implement data
Writing reusable web markup storage solution
codes (HTML/CSS/JavaScript)
Making sure whole web application
Enabling optimal website looks and runs optimally
usability across multiple platform
FRONT-END BACK-END
Template from www.presentationgo.com
Web Engineering – Key Area Mapping to Skills
FRONT-END BACK-END
Interaction Design
Creating UI Design
Interface Programming
Logic Programming
Accessing Database
Implementing Security
Project: Milestone 1
• Go through the key skills that are required developing a
web application
• Now look at your group members, talk to them, and
discuss each and everyone’s key strength
• Assign each person to a key skill
• Update the group name list Google Doc sheet on this at
• https://docs.google.com/document/d/1_JXRZ6-
r6Dmeay_heNIyMo6smsMchhPyGbfh_YQKo1g/edit?usp=sharing
