Web Engineering (CS-666)

Lecture # 1: Introduction

Summiya Alam
Reference Material

 Reference Books
 Programming PHP Systems by Rasmus Lerdorf and Kevin Tatroe.

 A lot of material is available online. There are useful sites such as

 www.w3schools.com

 Presentations
Objectives & Outcome of the course

 Students should be able to design and develop a Web based Enterprise Application

 Understand and appreciate various Web Architectures, technologies and solutions that can be used
World Wide Web

 Internet connects two or more autonomous computers worldwide. It is network of computers.

 The web is a tool used to retrieve information published on the internet

 To navigate the web we use a browser i.e. internet explorer, mozilla, firefox, google chrome
WWW History
Website Vs Web Application

 A website is a group of globally accessible, interlinked web pages. It can be developed and maintained by an
individual, business or organization. The website aims to serve a variety of purposes. The site is accessed
with the use of a URL (Uniform Resource Locator).
 Example: Educational Webpage

 A web application is a term used to identify a software or program which is accessible using any web
browser. Its frontend is usually created using languages like HTML, CSS, Javascript, which are supported by
major browsers. While the backend could use any programming.
 Example: Daraz
 Websites (Web Web Application
Brochures)
Goal Information: Web Interface to any
Text, Graphics, Tables application
Interaction: Data Entry,
Data Selection, checking,
ordering.

Emphasis Professional look, Graphic Optimal Support for

design Workflow
Implementation Static Pages Usually interacts with data
Navigation (Browsing) – source
many integrated hyperlinks Dynamic Behavior
with jumps to other pages Incorporates business logic
May contain simple or
complex navigation
 Websites ( Web Brochures) Web Application
The website displays the Web application functions are quite
collected data and information higher and complex compared to a
Task and Complexity on a specific page. website.

Authentication Authentication is not Web applications need authentication, as

obligatory for informational they offer a much broader scope of
websites. options than websites.

Deployment WWW May present on company’s LAN or

WWW

Example Apps Portfolio website Amazon.com

NGO website Address Book
Educational Website Wikipedia
Advantages of using Web Applications

 Allows you to browse a wide variety of internet sources

 Instantaneous connections to internet sites world wide

Disadvantages of Using Web Applications

 Connections can be slow or busy

 A website can crash which is not good for anyone.
 No standard methods of organization
 Out-of-date materials may not be removed
 Contents can be (maliciously) altered
 Sites can simply be moved/removed
Web Apps Development

Browser
15% client side engineering Client-Side Engineering

Server
85% server side engineering Server-Side Engineering
Web App Architecture

In software engineering, multi-tier architecture (often referred to as n-tier architecture) is a client-

server architecture in which, the presentation, the application processing and the data management
are logically separate processes.
Thanks