SlideShare a Scribd company logo
Introduction to
Web Development
Muhammad Taseer ul Islam
taseerulislam@hotmail.com
Department of Computer Sciences
Federal Urdu University of Arts, Science and Technology,
Islamabad
1
Chapter 1
1 2
3 4
5 6
A Complicated
Ecosystem
Definitions and
History
The Client-
Server Model
Where is the
Internet?
Working in Web
Development
Summary
1 2
3 4
5 6
A Complicated
Ecosystem
Definitions and
History
The Client-
Server Model
Where is the
Internet?
Working in Web
Development
Summary
A Complicated Ecosystem
1 2
3 4
5 6
A Complicated
Ecosystem
Definitions and
History
The Client-
Server Model
Where is the
Internet?
Working in Web
Development
Summary
Definitions and History
• Telephone Network
• Packet Networks
• ARPANET (1969)
• X.25 (1974)
• USENET (1979)
• TCP/IP (1983) 🡨 INTERNET
A Short History of the Internet
Definitions and History
The Internet and WWW are different (but related) things
Definitions and History
1. URLS
2. HTTP
3. SERVERS
4. BROWSERS
5. HTML
The Birth of the Web (1990)
Definitions and History
The Growth of the Internet
Definitions and History
Advantages:
• Accessible from any Internet-enabled computer.
• Usable with different operating systems and browser
applications.
• Easier to roll out program updates since only software on
the server needs to be updated as opposed to every
computer in the organization using the software.
• Centralized storage on the server means fewer security
concerns about local storage (which is important for
sensitive information such as health care data).
Web Applications in Comparison to Desktop Applications
Definitions and History
Disadvantages:
• Requirement to have an active Internet connection (the
Internet is not always available everywhere at all times).
• Security concerns about sensitive private data being
transmitted over the Internet.
• Concerns over the storage, licensing, and use of uploaded
data.
• Restrictions on access to operating system resources can
prevent additional software from being installed and
hardware from being accessed (like Adobe Flash on iOS).
• In addition, clients or their IT staff may have additional
plugins added to their browsers, which provide added
control over their browsing experience, but which might
interfere with JavaScript, cookies, or advertisements.
Web Applications in Comparison to Desktop Applications
Definitions and History
Static Websites versus Dynamic Websites
Definitions and History
Static Websites versus Dynamic Websites
Definitions and History
Static Websites versus Dynamic Websites
Definitions and History
• Web 2.0 Dynamic
• Web 2.0 (also known as Participative (or Participatory) and Social Web) refers to
websites that emphasize user-generated content, ease of use, participatory culture
and interoperability (i.e., compatible with other products, systems, and devices) for
end users.
• Web 3.0 Semantic
• The Semantic Web is an extension of the World Wide Web through standards set by
the World Wide Web Consortium (W3C).The goal of the Semantic Web is to make
Internet data machine-readable.
• To enable the encoding of semantics with the data, technologies such as Resource
Description Framework (RDF) and Web Ontology Language (OWL) are used. These
technologies are used to formally represent metadata. For example, ontology can
describe concepts, relationships between entities, and categories of things. These
embedded semantics offer significant advantages such as reasoning over data and
operating with heterogeneous data sources.[
• Web Science
• Web science is an emerging interdisciplinary field concerned with the study of large-
scale socio-technical systems, particularly the World Wide Web. It considers the
relationship between people and technology, the ways that society and technology
co-constitute one another and the impact of this co-constitution on broader society.
Web Science combines research from disciplines as diverse as sociology, computer
science, economics, and mathematics.
• …
Web 2.0 and Beyond
Definitions and History
Sociotechnological Integration—Web Science
1 2
3 4
5 6
A Complicated
Ecosystem
Definitions and
History
The Client-
Server Model
Where is the
Internet?
Working in Web
Development
Summary
The Client-Server Model
The Request-Response Loop
The Client-Server Model
The Peer-to-Peer Alternative
The Client-Server Model
• Web Servers
• Application Servers
• Database Servers
• Mail Servers
• Media Servers
• Authentication Servers
• …
Server Types
The Client-Server Model
Real-World Server Installations – Server Farm
The Client-Server Model
Real-World Server Installations – Server Rack
The Client-Server Model
Real-World Server Installations – Data Center
Fundamentals of Web Development - 2nd Ed.
Randy Connolly and Ricardo Hoar 24

More Related Content

PPTX
Introduction to the Semantic Web
PDF
ICT introduction
PPTX
IntrO To Management Chapter 1 and 2 slid
PPTX
Web Technologies Introduction to web technologies
PPT
sem_web_slides_k2013.ppt
PPT
Seminar on Semantic web analysis by Juha
PDF
we to deep learning
PDF
emantic web technologies and applications for Ins
Introduction to the Semantic Web
ICT introduction
IntrO To Management Chapter 1 and 2 slid
Web Technologies Introduction to web technologies
sem_web_slides_k2013.ppt
Seminar on Semantic web analysis by Juha
we to deep learning
emantic web technologies and applications for Ins

Similar to Week 1 Intro to Web Dev..pptx (19)

PPTX
Internet Basics Notes Class 10 CBSE.pptx
PPTX
Semantic Web Analytics.pptx
PDF
Web Services Foundation Technologies
PPTX
Linked Open Data_mlanet13
PPTX
Group 5 Presentation
PDF
Semantic web technology
PPTX
Evolution of Internet and WWW-03-01.pptx
PPTX
Web Information Systems Introduction and Origin of World Wide Web
PPT
Cc unit 2 ppt
PDF
Cloud computing: Legal and ethical issues in library and information services
PPTX
Introduction to web technology
PPT
How to Find a Needle in the Haystack
PPTX
Server Management and Administration Introduction
PPTX
Empowerment Technology Lesson 1.pptx
PPTX
The Internet & World Wide Web World Wide Web.pptx
KEY
Linked Services for the Web of Data
PPTX
Web technologies course, an introduction
PPTX
Week two lecture
PPT
Webware Webinar
Internet Basics Notes Class 10 CBSE.pptx
Semantic Web Analytics.pptx
Web Services Foundation Technologies
Linked Open Data_mlanet13
Group 5 Presentation
Semantic web technology
Evolution of Internet and WWW-03-01.pptx
Web Information Systems Introduction and Origin of World Wide Web
Cc unit 2 ppt
Cloud computing: Legal and ethical issues in library and information services
Introduction to web technology
How to Find a Needle in the Haystack
Server Management and Administration Introduction
Empowerment Technology Lesson 1.pptx
The Internet & World Wide Web World Wide Web.pptx
Linked Services for the Web of Data
Web technologies course, an introduction
Week two lecture
Webware Webinar
Ad

Recently uploaded (20)

PPTX
master seminar digital applications in india
PDF
102 student loan defaulters named and shamed – Is someone you know on the list?
PDF
2.FourierTransform-ShortQuestionswithAnswers.pdf
PPTX
Institutional Correction lecture only . . .
PPTX
human mycosis Human fungal infections are called human mycosis..pptx
PDF
Abdominal Access Techniques with Prof. Dr. R K Mishra
PDF
Complications of Minimal Access Surgery at WLH
PPTX
Cell Types and Its function , kingdom of life
PDF
Pre independence Education in Inndia.pdf
PDF
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
PPTX
Microbial diseases, their pathogenesis and prophylaxis
PPTX
Pharma ospi slides which help in ospi learning
PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PDF
Anesthesia in Laparoscopic Surgery in India
PPTX
PPH.pptx obstetrics and gynecology in nursing
PPTX
GDM (1) (1).pptx small presentation for students
PDF
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
PDF
O5-L3 Freight Transport Ops (International) V1.pdf
master seminar digital applications in india
102 student loan defaulters named and shamed – Is someone you know on the list?
2.FourierTransform-ShortQuestionswithAnswers.pdf
Institutional Correction lecture only . . .
human mycosis Human fungal infections are called human mycosis..pptx
Abdominal Access Techniques with Prof. Dr. R K Mishra
Complications of Minimal Access Surgery at WLH
Cell Types and Its function , kingdom of life
Pre independence Education in Inndia.pdf
ANTIBIOTICS.pptx.pdf………………… xxxxxxxxxxxxx
Microbial diseases, their pathogenesis and prophylaxis
Pharma ospi slides which help in ospi learning
Microbial disease of the cardiovascular and lymphatic systems
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
Module 4: Burden of Disease Tutorial Slides S2 2025
Anesthesia in Laparoscopic Surgery in India
PPH.pptx obstetrics and gynecology in nursing
GDM (1) (1).pptx small presentation for students
3rd Neelam Sanjeevareddy Memorial Lecture.pdf
O5-L3 Freight Transport Ops (International) V1.pdf
Ad

Week 1 Intro to Web Dev..pptx

  • 1. Introduction to Web Development Muhammad Taseer ul Islam taseerulislam@hotmail.com Department of Computer Sciences Federal Urdu University of Arts, Science and Technology, Islamabad 1
  • 2. Chapter 1 1 2 3 4 5 6 A Complicated Ecosystem Definitions and History The Client- Server Model Where is the Internet? Working in Web Development Summary
  • 3. 1 2 3 4 5 6 A Complicated Ecosystem Definitions and History The Client- Server Model Where is the Internet? Working in Web Development Summary
  • 5. 1 2 3 4 5 6 A Complicated Ecosystem Definitions and History The Client- Server Model Where is the Internet? Working in Web Development Summary
  • 6. Definitions and History • Telephone Network • Packet Networks • ARPANET (1969) • X.25 (1974) • USENET (1979) • TCP/IP (1983) 🡨 INTERNET A Short History of the Internet
  • 7. Definitions and History The Internet and WWW are different (but related) things
  • 8. Definitions and History 1. URLS 2. HTTP 3. SERVERS 4. BROWSERS 5. HTML The Birth of the Web (1990)
  • 9. Definitions and History The Growth of the Internet
  • 10. Definitions and History Advantages: • Accessible from any Internet-enabled computer. • Usable with different operating systems and browser applications. • Easier to roll out program updates since only software on the server needs to be updated as opposed to every computer in the organization using the software. • Centralized storage on the server means fewer security concerns about local storage (which is important for sensitive information such as health care data). Web Applications in Comparison to Desktop Applications
  • 11. Definitions and History Disadvantages: • Requirement to have an active Internet connection (the Internet is not always available everywhere at all times). • Security concerns about sensitive private data being transmitted over the Internet. • Concerns over the storage, licensing, and use of uploaded data. • Restrictions on access to operating system resources can prevent additional software from being installed and hardware from being accessed (like Adobe Flash on iOS). • In addition, clients or their IT staff may have additional plugins added to their browsers, which provide added control over their browsing experience, but which might interfere with JavaScript, cookies, or advertisements. Web Applications in Comparison to Desktop Applications
  • 12. Definitions and History Static Websites versus Dynamic Websites
  • 13. Definitions and History Static Websites versus Dynamic Websites
  • 14. Definitions and History Static Websites versus Dynamic Websites
  • 15. Definitions and History • Web 2.0 Dynamic • Web 2.0 (also known as Participative (or Participatory) and Social Web) refers to websites that emphasize user-generated content, ease of use, participatory culture and interoperability (i.e., compatible with other products, systems, and devices) for end users. • Web 3.0 Semantic • The Semantic Web is an extension of the World Wide Web through standards set by the World Wide Web Consortium (W3C).The goal of the Semantic Web is to make Internet data machine-readable. • To enable the encoding of semantics with the data, technologies such as Resource Description Framework (RDF) and Web Ontology Language (OWL) are used. These technologies are used to formally represent metadata. For example, ontology can describe concepts, relationships between entities, and categories of things. These embedded semantics offer significant advantages such as reasoning over data and operating with heterogeneous data sources.[ • Web Science • Web science is an emerging interdisciplinary field concerned with the study of large- scale socio-technical systems, particularly the World Wide Web. It considers the relationship between people and technology, the ways that society and technology co-constitute one another and the impact of this co-constitution on broader society. Web Science combines research from disciplines as diverse as sociology, computer science, economics, and mathematics. • … Web 2.0 and Beyond
  • 16. Definitions and History Sociotechnological Integration—Web Science
  • 17. 1 2 3 4 5 6 A Complicated Ecosystem Definitions and History The Client- Server Model Where is the Internet? Working in Web Development Summary
  • 18. The Client-Server Model The Request-Response Loop
  • 19. The Client-Server Model The Peer-to-Peer Alternative
  • 20. The Client-Server Model • Web Servers • Application Servers • Database Servers • Mail Servers • Media Servers • Authentication Servers • … Server Types
  • 21. The Client-Server Model Real-World Server Installations – Server Farm
  • 22. The Client-Server Model Real-World Server Installations – Server Rack
  • 23. The Client-Server Model Real-World Server Installations – Data Center
  • 24. Fundamentals of Web Development - 2nd Ed. Randy Connolly and Ricardo Hoar 24