Web Engineering

LECTURE 1
Prepared by: Asgher Ali

Introduction

Prepared by: Asgher Ali

Some Rules/Ethics

No Mobile calls/sms/social media etc

No talks/jokes, share it with the class
No late coming
No late submissions of assignments/projects
No re-take quiz/mid/exam
Questions Yes
Prepared by: Asgher Ali

Web Systems Development

1.
2.
3.
4.
5.

Introduction to Internet
World Wide Web (WWW)
Internet and Intranet Applications
Client / Server
Web Development Languages

Prepared by: Asgher Ali

1. Introduction to Internet
The Internet is a global system of interconnected
computer networks that use the standard Internet
protocol suite (TCP/IP) to link several billion devices
worldwide.
It is a network of networks that consists of millions of
private, public, academic, business, and government
networks, of local to global scope, that are linked by a
broad array of electronic, wireless, and optical
networking technologies.

Prepared by: Asgher Ali

Word Wide Web (WWW)

The World Wide Web (abbreviated as WWW or
W3,[1] commonly known as the web) is a system of
interlinked hypertext documents that run on and are
accessed via the Internet. With a web browser, one
can view web pages that may contain text, images,
videos, and other multimedia and navigate
between them via hyperlinks.
Prepared by: Asgher Ali

Internet and Intranet Applications

An Internet application is a client-server application that uses

standard Internet protocols for connecting the client to the server.
You can use exactly the same techniques to create a true Internet
application, which is available publicly through the World-Wide
Web, or to create an intranet application. An intranet application is
one which runs on your corporate intranet, and is only available to
the staff in your corporation.
Internet applications are thin-client, thick-server.
The client runs on a Web browser.
All the processing is done at the server end, where your corporate
data is.
Prepared by: Asgher Ali

Client / Server

The Server (typically):

An applications runs on a large computer (large meaning either fast or large
storage space or both). Typically, a server application has control over large
amounts of data, and can access that data fast and efficiently. It can also handle
requests by many clients (more or less) simultaneously.
The Client (typically):
An application that runs on a personal computer. It has an extensive and appealing
User interface, but it has no data that it can manipulate or present to the user.
The client application 'asks' what a user wants, then connects to the server application
to obtain that data.

Prepared by: Asgher Ali

Client / Server

Prepared by: Asgher Ali

Web Development Languages

Client side

HTML
JavaScript
VBScript
DHTML
ActionScript (Flash)
CSS (Cascading Stylesheet)

Prepared by: Asgher Ali

Basic Web Development Languages

Server side

PHP
Java/Servlet/JSP
Python
CGI/PERL
Ruby
.NET (C#, VB, ASP)

Prepared by: Asgher Ali

Basic Web Development Languages

PHP
Used by 75 percent of all web servers, PHP is a generalpurpose server-side scripting language. The chief
advantages of PHP are that it is open source, with a huge
online community to support it, and that it's compatible across
multiple platforms. PHP is most often used by websites with
lower traffic demands.

Prepared by: Asgher Ali

Basic Web Development Languages

Python
Python is a general purpose, high-level programming
language that puts an emphasis on code readability; for web
developers, this means they can do more with fewer lines of
code than other popular languages.
Python does this through the use of a large standard library,
which keeps the actual code short and simple.

Prepared by: Asgher Ali

Basic Web Development Languages

Ruby
Ruby is similar to Python in that it was designed to make
programming more productive by emphasizing short and
simple code that's concise, consistent and flexible.
Ruby on Rails is a very common open-source web framework
that enables web developers to create dynamic websites
quickly and efficiently.

Prepared by: Asgher Ali

Basic Web Development Languages

Java/Servlet/JSP
According to a study conducted by W3Tech, Java is the server-side
language of choice for large-scale websites with a high volume of traffic.
Servlets provide a component-based, platform-independent method for
building Web-based applications, without the performance limitations of
CGI programs. Servlets have access to the entire family of Java APIs,
including the JDBC API to access enterprise databases.
JavaServer Pages (JSP) technology allows you to easily create web
content that has both static and dynamic components. JSP technology
makes available all the dynamic capabilities of Java Servlet technology
but provides a more natural approach to creating static content.

Prepared by: Asgher Ali

Basic Web Development Languages

JSP
The main features of JSP technology are as follows:
A language for developing JSP pages, which are text-based
documents that describe how to process a request and construct a
response
An expression language for accessing server-side objects
Mechanisms for defining extensions to the JSP language

Prepared by: Asgher Ali

Outline

HTML
JavaScript
PHP

CSS
Bootstrap

Prepared by: Asgher Ali

Contact

asgher@gmail.com