Lecture 01

Overview/Introduction

1
 75% Presence is required as per university
policy.
Once attendance is marked, students marked absent will
remain absent; even if you arrive later.

2
 No makeup for assignment, quizzes, projects
or exam No exceptions.
Surprise Quizzes - Not necessary.

3
 You are expected to regularly check VLE for:
Supporting Material

Resources

Announcements

http://vle.riphah.edu.pk/

4
 Any form of cheating will earn you Zero Marks.

This policy will be applied to all students involved in

the incidence
Including those whose material was copied

5
 Tentative Flexible to change.
Activity Weight
Quizzes 15%
Assignment 15%
Mid Term Exam 15%
Project 20%
End Term Exam 30%
Class Activities / 5%
Viva/Participation

6
 You should be able to employ various technologies
underlying World Wide Web to design and
develop static web sites.

7
 Internet / World Wide Web
Client Side Development
HTML

Cascading Style Sheets (CSS)

JavaScript
Jquery

Bootstrap etc

8
?

9
 Introduce yourself
Name

CGPA

Hobbies

Any experience about web design or development?

10
11
 The Internet is a
network of networks
that uses the standard
Internet Protocol Suite
(TCP/IP) to serve
billions of users
worldwide.

Wikipedia: http://en.wikipedia.org/wiki/Internet

12
Wikipedia: http://en.wikipedia.org/wiki/Internet
13
 Principle protocol for attempting to locate devices
and computers
Each device has an IP address

14
 The first major version of IP, now referred to as Internet
Protocol Version 4 (IPv4) is the dominant protocol of the
Internet, although the successor, Internet Protocol Version
6 (IPv6) is in active, growing deployment worldwide.

While IPv4 allows 32 bits for an IP address, and can therefore

support 232 (4,294,967,296) addresses, IPv6 uses 128-bit
addresses, so the new address space supports 2128
(approximately 340 undecillion or 3.41038) addresses.

15
 Find out your internet IP address:
http://whatismyip.com
Find out your local IP address:
ipconfig (Windows)
ifconfig (Mac/Linux)

Wikipedia: http://en.wikipedia.org/wiki/Internet_Protocol

16
 Principle protocol to communicate between devices on
internet
The Transmission Control Protocol (TCP) is one of the core
protocols of the Internet Protocol Suite.

Wikipedia: http://en.wikipedia.org/wiki/Internet_Protocol

17
 Set of servers that translate names to IP addresses
Example: www.amazon.com 174.123.78.18

Wikipedia: http://en.wikipedia.org/wiki/Domain_Name_System
18
???

19
 World Wide Web The Internet
The Internet is a hardware and software infrastructure that
provides connectivity between computers.

20
 World Wide Web The Internet
In contrast, World Wide Web is one of the services that run
on the Internet.

Wikipedia: http://en.wikipedia.org/wiki/World_Wide_Web

21
 Information is stored in documents called Web pages.

Web pages are files stored on computers called Web servers.

Computers / Devices reading the Web pages are called Web

clients.

Web clients view the pages with a program called a Web

browser.

22
 Computer running web server software that listens
for web page requests on TCP port 80
Popular web server software:
Apache

Microsoft Internet Information Server (IIS)

Wikipedia: http://en.wikipedia.org/wiki/Web_server

23
 Software application that displays web pages
Popular Web Browsers:
Mozilla Firefox
Microsoft Internet Explorer (IE)/Edge: part of Windows
Apple Safari: part of Mac OS
Opera
Google Chrome

Wikipedia: http://en.wikipedia.org/wiki/Web_browser

24
 HTTP is the foundation of data communication for the World
Wide Web.

HTTP functions as a request-response protocol in the

client-server computing model.

Wikipedia: http://en.wikipedia.org/wiki/Http_protocol

25
 The web server returns a special "error code"
number to the browser, possibly followed by an
HTML document
Common Status Codes:
200 OK
301 Page has moved
403 You are forbidden to access this page
404 Page not found
500 Internal server error

Wikipedia: http://en.wikipedia.org/wiki/Http_error_codes
26
 Uniform Resource Locator (URL) is an identifier for
the location of a resource on the Internet.
Basic URL:
http://www.riphah.edu.pk/Faculties/tabid/56/Default.aspx
Upon entering this URL into the browser, it would:
ask the DNS server for the IP address of www.riphah.edu.pk
ask the server to GET /Faculties/tabid/56/Default.aspx
display the resulting page on the screen

Wikipedia: http://en.wikipedia.org/wiki/Url
27
 Web Browser
Client Side
TCP/IP
HTML
CSS HTTP
Database
JavaScript MySQL
Oracle
Web Browser MS SQL
TCP/IP TCP/IP
Client Side
HTML HTTP HTTP
DNS
CSS
Web Pages / Files
JavaScript

HTTP
Web Browser TCP/IP
Client Side Web Server (Apache or IIS)
HTML Server Side
CSS PHP
JavaScript ASP.NET
JSP/EJB, etc

28
29
30
 The rule-making body of the Web is the W3C.
W3C stands for the World Wide Web Consortium.
W3C puts together specifications for Web standards.
The most essential Web standards are HTML & CSS.
http://www.w3.org/

31
 Global Access
24 Hour Access
Cross Platform
Easy to Use
Easy to Publish & Update
Distributed
Multimedia Capable

32
 Easy to get confused
Reading on a Computer
Limited Attention Span
User Hardware & Software Limitation
Security
Bandwidth

33
 Static Content

Content is added by Publisher

User can consume all content in a single visit

34
 Also called Web application

Dynamic Content

Content is added by Users

User can use it numerous times

35
 Document Centric
Static Websites
Interactive / Transactional
Travel Planning, Online Banking, Shopping
Workflow Management
e-Government , B2B
Collaborative / Portal Oriented
Chatrooms, Forums, Community Portal, Business Portal
Universal
Location Aware, Multi-Platform Delivery
Social Web
User Contributed Content, Blogs, etc
Semantic Web
Knowledge Management

36
 Internet / World Wide Web
Client Side Development
HTML: Describe structure (contents) of a page

CSS: Controls presentation (layout, typographic ,colors, etc.)

JavaScript: Can add interactivity & functionality

37
Q&A
38