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