Scribd
Upload
81 views

Topic 1 Introduction To Web Engineering

Web Engineering aims to apply scientific, engineering, and management principles to successfully develop, deploy, and maintain high-quality web systems and applications. It brings a more controlled and systematic approach to web development to minimize risks and improve quality. Some of the key areas of web engineering include software engineering, hypermedia design, information systems, and network engineering.

Uploaded by

lum yap
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
81 views

Topic 1 Introduction To Web Engineering

Web Engineering aims to apply scientific, engineering, and management principles to successfully develop, deploy, and maintain high-quality web systems and applications. It brings a more controlled and systematic approach to web development to minimize risks and improve quality. Some of the key areas of web engineering include software engineering, hypermedia design, information systems, and network engineering.

Uploaded by

lum yap
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 14

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

You might also like