Presentation is loading. Please wait.

Presentation is loading. Please wait.

Chengyu Sun California State University, Los Angeles

Published byChristoffer Graversen Modified over 5 years ago

Similar presentations

Presentation on theme: "Chengyu Sun California State University, Los Angeles"— Presentation transcript:

1 Chengyu Sun California State University, Los Angeles
CS3220 Web and Internet Programming Introduction to Web Application Development Chengyu Sun California State University, Los Angeles

2 Browsing the Web

3 How the Web Works Browser HTTP Server Client Server HTTP request
HTTP response Client /var /www /html cs3220.html Server

4 Browser and HTTP Server
Chrome Internet Explorer (IE) Safari Firefox … HTTP Server NGINX Apache Internet Information Server (IIS) …

5 HTTP HyperText Transfer Protocol
Specifies how the client and the server communicate with each other, i.e. requests and responses

6 URL Uniform Resource Locator – the address of a web resource
http :// sun.calstatela.edu /cs3220.html Protocol Host name or IP address of the server Path

7 From Path to File NGINX Configuration in sites-available/default
root /var/www/html Map a path in URL to a path on disk location ~ … Map special URL paths that start with a ~

8 More About URL “File” Protocol Port number and default port number
file:///C:/CS3220/cs3220.html Port number and default port number Directory index and directory listing Root path User directory URL mapping

9 HTML HyperText Markup Language <html>
<head><title>CS3220</title></head> <body> <h2>Welcome to CS3220!</h2> </body> </html>

10 Access Static Web Content
User specify a URL Based on the URL, browser sends an HTTP request to a server Based on the path component of the URL, server locates a file on disk and send it back to the client in an HTTP response Browser displays the file The file must be pre-created and cannot be changed based on the user request  static

11 Dynamic Content Web search results Shopping cart …
Anything that need to be generated on the fly based on user request

12 Deliver Dynamic Content
Browser Application Server HTTP request HTTP response input output Client program Server

13 A Little Terminology HTTP Server Application Server Web Server
Servlet Container Web Server

14 Web Application Browser Application Server Client Server HTTP request
Client-side program HTTP response input output Client Service-side program Server

15 Server-side Technologies
CGI Java ASP.NET PHP JavaScript Ruby Python old mainstream new other

16 Client-side Technologies
HTML, CSS JavaScript Java Applet Rich Internet Application (RIA) technologies JavaFX Adobe Flex and Flash Microsoft Silverlight

17 Why Web Applications? Take traditional businesses to larger audience
Amazon, Netflix Replace desktop applications (and more) Google Docs, MS Office Live Open up new opportunities Facebook, Twitter, Youtube

18 Advantages of Web Applications
Low publishing and distribution cost Potentially large user base Centralized administration No client side installation Professional maintenance and security Easy data backup Easy upgrade Easy user collaboration Available anywhere, anytime Piracy proof

Download ppt "Chengyu Sun California State University, Los Angeles"

Similar presentations

1 CGICGI Common Gateway Interface Server-side Programming Lecture.

1 CGICGI Common Gateway Interface Server-side Programming Lecture.
PHP syntax basics. Personal Home Page This is a Hypertext processor It works on the server side It demands a Web-server to be installed.

PHP syntax basics. Personal Home Page This is a Hypertext processor It works on the server side It demands a Web-server to be installed.
Introduction to Web Based Application. Web-based application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.

Introduction to Web Based Application. Web-based application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.
The World Wide Web and the Internet Dr Jim Briggs 1WUCM1.

The World Wide Web and the Internet Dr Jim Briggs 1WUCM1.
1 Software Testing and Quality Assurance Lecture 32 – SWE 205 Course Objective: Basics of Programming Languages & Software Construction Techniques.

1 Software Testing and Quality Assurance Lecture 32 – SWE 205 Course Objective: Basics of Programming Languages & Software Construction Techniques.
Web Client/Server Communication A290/A590, Fall 2014 09/09/2014.

Web Client/Server Communication A290/A590, Fall /09/2014.
مقدمه ای بر طراحی صفحات وب. 2 Web Components  Clients and Servers  Internet Service Providers  Web Site Hosting Services  Domains Names, URL ’ s and.

مقدمه ای بر طراحی صفحات وب. 2 Web Components  Clients and Servers  Internet Service Providers  Web Site Hosting Services  Domains Names, URL ’ s and.
How the Web Works. WWW – part of the Internet (others: Email, FTP, Telnet) Loaded to a Server | Viewed in a Browser (Client) Client: Request & Render.

How the Web Works. WWW – part of the Internet (others: , FTP, Telnet) Loaded to a Server | Viewed in a Browser (Client) Client: Request & Render.
Web Servers1-1 Web Servers Xingquan (Hill) Zhu

Web Servers1-1 Web Servers Xingquan (Hill) Zhu
Introduction to ASP.NET. Prehistory of ASP.NET Original Internet – text based WWW – static graphical content  HTML (client-side) Need for interactive.

Introduction to ASP.NET. Prehistory of ASP.NET Original Internet – text based WWW – static graphical content  HTML (client-side) Need for interactive.
Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.

Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.
Chapter 1: Introduction to Web

Chapter 1: Introduction to Web
Lectures and Practicals Mon 8-10 SC1222 TUE 13-15 SC1222 Office: SC1421 Website: mis.csit.sci.tsu.ac.th/kanida.

Lectures and Practicals Mon 8-10 SC1222 TUE SC1222 Office: SC Website: mis.csit.sci.tsu.ac.th/kanida.
27.1 Chapter 27 WWW and HTTP Copyright © The McGraw-Hill Companies, Inc. Permission required for reproduction or display.

27.1 Chapter 27 WWW and HTTP Copyright © The McGraw-Hill Companies, Inc. Permission required for reproduction or display.
TCP/IP Protocol Suite 1 Chapter 22 Upon completion you will be able to: World Wide Web: HTTP Understand the components of a browser and a server Understand.

TCP/IP Protocol Suite 1 Chapter 22 Upon completion you will be able to: World Wide Web: HTTP Understand the components of a browser and a server Understand.
Introduction to Internet Programming (Web Based Application)

Introduction to Internet Programming (Web Based Application)
Chapter 17 - Deploying Java Applications on the Web1 Chapter 17 Deploying Java Applications on the Web.

Chapter 17 - Deploying Java Applications on the Web1 Chapter 17 Deploying Java Applications on the Web.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :http://iba-s13-cse308.wikispaces.com.

NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
HTML. Principle of Programming  Interface with PC 2 English Japanese Chinese Machine Code Compiler / Interpreter C++ Perl Assembler Machine Code.

HTML. Principle of Programming  Interface with PC 2 English Japanese Chinese Machine Code Compiler / Interpreter C++ Perl Assembler Machine Code.
WEB SCIENCE. What is the difference between the Internet and the World Wide Web? Internet is the entire network of connected computers and routers used.

WEB SCIENCE. What is the difference between the Internet and the World Wide Web? Internet is the entire network of connected computers and routers used.

Similar presentations

Ads by Google