Architecture of the web

Slides:



Advertisements
Similar presentations
The Web: an architectural view. Browser Render HTML Get URL Send HTML Get HTML file HTTPD File System The primitive Web model.
Advertisements

Copyright © 2004 ProsoftTraining, All Rights Reserved. Lesson 11: Advanced Web Technologies.
Adding Dynamic Content to your Web Site
1 CGICGI Common Gateway Interface Server-side Programming Lecture.
Languages for Dynamic Web Documents
DT211/3 Internet Application Development Active Server Pages & IIS Web server.
What is it? –Large Web sites that support commercial use cannot be written by hand What you’re going to learn –How a Web server and a database can be used.
IS 360 Course Introduction. Slide 2 What you will Learn (1) The role of Web servers and clients How to create HTML, XHTML, and HTML 5 pages suitable for.
B.Sc. Multimedia ComputingMedia Technologies Database Technologies.
Apache Tomcat Server – installation & use Server-side language-- use Java Server Pages Contrast Client-side languages HTML Forms Servers & Server-side.
Multiple Tiers in Action
Apache Tomcat Server Typical html Request/Response cycle
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Server Side Scripting Norman White. Where do we do processing? Client side – Javascript (embed code in html) – Java applets (send java program to run.
Applets & Servlets.
1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.
FALL 2005CSI 4118 – UNIVERSITY OF OTTAWA1 Part 4 Web technologies: HTTP, CGI, PHP,Java applets)
CSCI 6962: Server-side Design and Programming Course Introduction and Overview.
Introduction to ASP.NET. Prehistory of ASP.NET Original Internet – text based WWW – static graphical content  HTML (client-side) Need for interactive.
Basics of Web Databases With the advent of Web database technology, Web pages are no longer static, but dynamic with connection to a back-end database.
Copyright (c) 2010, Dr. Kuanchin Chen1 The Client-Server Architecture of the WWW Dr. Kuanchin Chen.
Introduction to Internet Programming (Web Based Application)
Chapter 17 - Deploying Java Applications on the Web1 Chapter 17 Deploying Java Applications on the Web.
Lecture 19 Web Application Frameworks Boriana Koleva Room: C54
1 Accelerated Web Development Course JavaScript and Client side programming Day 2 Rich Roth On The Net
10/13/2015 ©2006 Scott Miller, University of Victoria 1 Content Serving Static vs. Dynamic Content Web Servers Server Flow Control Rev. 2.0.
Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.
Architecture of the web Client Server retrieved or generated web page.
1 Welcome to CSC 301 Web Programming Charles Frank.
Dynamic web content HTTP and HTML: Berners-Lee’s Basics.
Overview Web Session 3 Matakuliah: Web Database Tahun: 2008.
Case Study Dynamic Website - Three Tier Architecture
IT WEB TECHNOLOGY Prepared by, K.ABINAYA Lect/IT.
Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.
ASP (Active Server Pages) by Bülent & Resul. Presentation Outline Introduction What is an ASP file? How does ASP work? What can ASP do? Differences Between.
Web Technologies Lecture 8 Server side web. Client Side vs. Server Side Web Client-side code executes on the end-user's computer, usually within a web.
 Previous lessons have focused on client-side scripts  Programs embedded in the page’s HTML code  Can also execute scripts on the server  Server-side.
Scripting Languages Client Side and Server Side. Examples of client side/server side Examples of client-side side include: JavaScript Jquery (uses a JavaScript.
ASP. ASP is a powerful tool for making dynamic and interactive Web pages An ASP file can contain text, HTML tags and scripts. Scripts in an ASP file are.
 Web pages originally static  Page is delivered exactly as stored on server  Same information displayed for all users, from all contexts  Dynamic.
The basics of knowing the difference CLIENT VS. SERVER.
Web Programming Overview. Introduction HTML is limited - it cannot manipulate data How Web pages are extended (include): –Java: an object-oriented programming.
 Before you continue you should have a basic understanding of the following:  HTML  CSS  JavaScript.
COSC 2328 – Web Programming.  PHP is a server scripting language  It’s widely-used and free  It’s an alternative to Microsoft’s ASP and Ruby  PHP.
Presented By Sushil K. Chaturvedi Assistant Professor SRCEM,Banmore 1.
ASP – Web Programming Class  Ravi Anand. ASP – Active Server Pages What is ASP? - Microsoft Technology - Can Run using IIS/PWS/Others - Helps us create.
1 Chapter 1 INTRODUCTION TO WEB. 2 Objectives In this chapter, you will: Become familiar with the architecture of the World Wide Web Learn about communication.
Web Programming Language
Web Technologies Computing Science Thompson Rivers University
Section 6.3 Server-side Scripting
ITM352 PHP and Dynamic Web Pages: Server Side Processing 1.
Web Concepts Lesson 2 ITBS2203 E-Commerce for IT.
WWW and HTTP King Fahd University of Petroleum & Minerals
World Wide Web policy.
Relational database and SQL MySQL LAMP SQL queries
4166 Review.
AJAX.
PHP / MySQL Introduction
IS 360 Course Introduction
Web Browser server client 3-Tier Architecture Apache web server PHP
Chapter 27 WWW and HTTP.
Tiers vs. Layers.
Secure Web Programming
WPS - your story so far Seems incredible complicated, already
An Introduction to JavaScript
DR. JOHN ABRAHAM PROFESSOR UTPA
Web Technologies Computing Science Thompson Rivers University
Client-Server Model: Requesting a Web Page
Web Servers (IIS and Apache)
Web Application Development Using PHP
Presentation transcript:

Architecture of the web Client Request Server Response retrieved or generated web page

Activities on the Client Generate a request Manage loading of web content Translates Web Pages into DOM Render HTML, CSS, Images Renders SVG Graphics interpret JavaScript, VBScript Manipulate the DOM using JavaScript, VBScript Stores Cookies, Bookmarks, History, Form Data and local datastores AJAX requests using JavaScript, VBScript Maintains “sandbox” security (SOP, CORS) Interprets XML+XSLT A container for video and audio codecs A container for Java Applets Client

Activities On The Server Listens for Requests Loads modules in mods-enabled Translates directory refs in sites-enabled (root directory for system and per-user web accounts) Moves uploaded files into /tmp Passes QUERY_STRING, par Sends the output of the following Requests files from the OS Returns error page if the file is not found Requests execution of CGI scripts by the OS Interprets PHP Logs web page access and errors Requests JSP (Java) execution from a secondary server Server

Activities On The Server Operating System: port 80 The Server DOES NOT talk directly to an SQL Database Engine!!! Communication with a database is done either through the PHP-MYQL library or through a library in some other server based language such as Java, Python, Ruby, PERL or some variation of C. All of the above can also talk to the OS to read and write files. The database does not have to be resident on the same machine CSS, Script, Images or other included files in a web page are loaded by the Client, NOT the server. Apache or IIS Server mod-php mod-ruby mod-cgi jsp redirect

n-Tier Client/Server Request Response Database Server JSP Server Apache or IIS Server mod-php mod-ruby mod-cgi jsp redirect Operating System: port 80 Request Response Local Database JSP Server

Interaction with the File System Request for file Request Apache or IIS Server File or Error code Request for Error Page PHP File request for include or data file handle PHP Output Response File handle mod-php

Interaction with the Database Library function call (Java, PHP) using sockets for communication Client Result Set, record count or errror code library function call Apache or IIS Server Request with form data Result Set, record count or errror code mod-php Response