Web Engineering

Week-1 Lecture 1-2

MAJID MUMTAZ Department of Computer Science, CIIT Wah

1

Course & Reference Textbooks

• HTML5 and JavaScript Web Apps

– Author: Wesley Hales • HTML5: Up and Running – Author: Mark Pilgrim

• HTML, M. Adnan, Itdunya.net • PHP and MySQL by example

– Authors: Ellie Quigley with Marko Gargenta

• Php, MySQL and Web development – Shakeel M. Khan, Itdunya.net

• Web Engineering

– Authors: Gerti Kappel, Birgit Proll, Siegfried Reich, Werner Retschitzegger

• W3Schools Online Web Tutorials http://www.w3schools.com

2

Course Objectives

• Describe the Fundamental concepts,

principles, Techniques and methods of web engineering

• Web based project assignment • Overall Course Topics includes – Introduction of Web Engineering – Web Architectures (Layer Based approaches) – Practical Web Design & Development – Web Accessibility and Security

3

What is Web Engineering?

• “The application of systematic and

quantifiable approaches to cost-effective analysis, design, implementation, testing, operation, and maintenance of high-quality Web applications.”–Kappel et al.

• Extends Software Engineering to Web applications, but with Web-centric approaches.

4

Defining Web Applications

• A Web application is a system that utilizes

W3C standards & technologies to deliver Web- specific resources to clients (typically) through a browser. – A strict definition that ensures software and UI aspects of the Web are examined carefully

• Technology + interaction

– Web site – Web services

5

The Case for Web Engineering – Application development on the Web remains largely ad hoc.

•

•

•

Spontaneous, one-time events Individual experience Little or no documentation for code/design

– Short-term savings lead to long-term problems in operation, maintenance, usability, etc. – Because Web apps are so interdependent, the problem is compounded.

6

The Case for Web Engineering (cont.)

• Root Causes of poor design

– Development as an authoring activity – –

Development is “easy” Techniques that should not be used are

misapplied.

–

Techniques that should be used are improper

• Particularly alarming given…

– Most projects are now Web-based – More “mission critical” apps moving to the Web

7

The Case for Web Engineering (cont.)

• Web Engineering’s solution:

– Clearly defined goals & objectives – Systematic, phased development – Careful planning – Iterative & continuous auditing of the entire

process

8

Web Client/Server Communication

9

Web Client/Server communication

HyperText Transfer Protocol (HTTP)

Simple Mail Transfer Protocol (SMTP)

Real Time Streaming Protocol (RTSP)

File Transfer Protocol (FTP)

10

Web Server and DNS Server

•Uniform Resource Locator (URL) have three parts: •The protocol ("http") •The server name (“www.domainname.com") •The file name (“Index.htm")

Domain Name System (DNS) : Translate domain name into IP address

11

DNS Server Working

12

HTTP Communication in TCP/IP Layer

13

Assignments and Group Project

• Makes group for Semester Project, maximum

2 students are allowed in a group

• Assignments will be checked as per individual

basis

14

Questions

15