INTRODUCTION TO WEB APPLICATION Chapter 1. In this chapter, you will learn about:  The evolution of the Internet  The beginning of the World Wide Web,

Slides:



Advertisements
Similar presentations
 To publish information for global distribution, one needs a universally understood language, a kind of publishing mother tongue that all computers may.
Advertisements

© 2010, Robert K. Moniot Chapter 1 Introduction to Computers and the Internet 1.
The Internet Useful Definitions and Concepts About the Internet.
INTERNET DATABASE Chapter 9. u Basics of Internet, Web, HTTP, HTML, URLs. u Advantages and disadvantages of Web as a database platform. u Approaches for.
Master’s course Bioinformatics Data Analysis and Tools Lecture 6: Internet Basics Centre for Integrative Bioinformatics.
Outline IS400: Development of Business Applications on the Internet Fall 2004 Instructor: Dr. Boris Jukic Server Side Web Technologies: Part 2.
OCT1 Principles From Chapter One of “Distributed Systems Concepts and Design”
INTERNET DATABASE. Internet and E-commerce Internet – a worldwide collection of interconnected computer network Internet – a worldwide collection of interconnected.
Introduction to Web Based Application. Web-based application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.
Introduction 2: Internet, Intranet, and Extranet J394 – Perancangan Situs Web Program Sudi Manajemen Universitas Bina Nusantara.
© 2004, Robert K. Moniot Chapter 1 Introduction to Computers and the Internet.
1st Project Introduction to HTML.
Web Programming Language Dr. Ken Cosh Week 1 (Introduction)
Chapter ONE Introduction to HTML.
Sys Prog & Scripting - HW Univ1 Systems Programming & Scripting Lecture 15: PHP Introduction.
CSCI 323 – Web Development Chapter 1 - Setting the Scene We’re going to move through the first few chapters pretty quick since they are a review for most.
INTRODUCTION TO WEB DATABASE PROGRAMMING
IT 210 The Internet & World Wide Web introduction.
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.
Databases and the Internet. Lecture Objectives Databases and the Internet Characteristics and Benefits of Internet Server-Side vs. Client-Side Special.
Chapter 1: Introduction to Web
CSS/417 Introduction to Database Management Systems Workshop 5.
Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.
© 2002 by Prentice Hall 1 David M. Kroenke Database Processing Eighth Edition Chapter 14 Networks, Multi-Tier Architectures, and XML.
Introduction to Internet Programming (Web Based Application)
11/16/2012ISC329 Isabelle Bichindaritz1 Web Database Application Development.
Chapter 17 - Deploying Java Applications on the Web1 Chapter 17 Deploying Java Applications on the Web.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
1 Web Development & Design Foundations with XHTML Chapter 1 Key Concepts.
Kingdom of Saudi Arabia Ministry of Higher Education Al-Imam Muhammad Ibn Saud Islamic University College of Computer and Information Sciences Chapter.
1 Welcome to CSC 301 Web Programming Charles Frank.
Mainframe (Host) - Communications - User Interface - Business Logic - DBMS - Operating System - Storage (DB Files) Terminal (Display/Keyboard) Terminal.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 1 Key Concepts 1.
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
1 MSCS 237 Overview of web technologies (A specific type of distributed systems)
Overview Web Session 3 Matakuliah: Web Database Tahun: 2008.
World Wide Web “WWW”, "Web" or "W3". World Wide Web “WWW”, "Web" or "W3"
1 WWW. 2 World Wide Web Major application protocol used on the Internet Simple interface Two concepts –Point –Click.
Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I
IS-907 Java EE World Wide Web - Overview. World Wide Web - History Tim Berners-Lee, CERN, 1990 Enable researchers to share information: Remote Access.
Web Server.
Web Systems & Technologies Lecture 1
Introduction and Principles Web Server Scripting.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
The basics of knowing the difference CLIENT VS. SERVER.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
JavaScript and Ajax (Internet Background) Week 1 Web site:
Web Design New Brighton High School Exploring the History of the World Wide WebWorld Wide Web.
Overview Web Technologies Computing Science Thompson Rivers University.
CSE541: Web Applications Special Thanks to M. Abdur Rahman.
Web Page Design The Basics. The Web Page A document (file) created using the HTML scripting language. A document (file) created using the HTML scripting.
Web Development & Design Foundations with XHTML Chapter 1 Key Concepts 1.
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.
E-Business Infrastructure PRESENTED BY IKA NOVITA DEWI, MCS.
Web Development. Agenda Web History Network Architecture Types of Server The languages of the web Protocols API 2.
4.01 How Web Pages Work.
Web Programming Language
Web Technologies Computing Science Thompson Rivers University
Web Concepts Lesson 2 ITBS2203 E-Commerce for IT.
Database Applications Using Internet Technology
JavaScript and Ajax (Internet Background)
E-commerce | WWW World Wide Web - Concepts
E-commerce | WWW World Wide Web - Concepts
Introduction Web Environments
Web App vs Mobile App.
Secure Web Programming
Introduction to World Wide Web
Web Technologies Computing Science Thompson Rivers University
4.01 How Web Pages Work.
Presentation transcript:

INTRODUCTION TO WEB APPLICATION Chapter 1

In this chapter, you will learn about:  The evolution of the Internet  The beginning of the World Wide Web, ethical use of information on the Web, Web Accessibility, and future Internet trends.  The Client/Server Model, The blocks of World Wide Web

Enter 21 st Century!

Our Information Landscape

WHAT’S INTERNET?

INTERNET & THE WEB The Internet is a global system of interconnected computer networks that use the standard Internet Protocol Suite (TCP/IP) to serve billions of users worldwide. The Internet is a global data communications system. It is a hardware and software infrastructure that provides connectivity between computers.

WHAT’S THE WORLD WIDE WEB?

The Web is a system of interlinked hypertext documents accessed via the Internet 3 first bricks:  Uniform Resource Locator (URL) i.e.,  unique identifiers for resources on the Web  HyperText Markup Language (HTML)  i.e., the publishing language  Hypertext Transfer Protocol (HTTP)  i.e., the exchange protocol This is a technological point of view of course!

The Future of Information

What is web application ?

It is a client/server application that uses a web browser as its client program, and performs an interactive service by connecting with servers over the Internet (or Intranet). A web site simply delivers content from static files. A web application presents dynamically tailored content based on request parameters, tracked user behaviors, and security considerations.

What is web application ? [wikipedia.org] A web application is an application that is accessed over a network such as the Internet or an intranet. The term may also mean a computer software application that is hosted in a browser- controlled environment or coded in a browser- supported language and reliant on a common web browser to render the application executable […] Web applications can be considered as a specific variant of client-server

What is web application ?  [sitepoint.com] Web applications are stored on a server and delivered to users over the Internet. A Web application is usually a three-tier structure, comprising a User Service tier (allowing user access to the application), a Business Service tier (allowing the user to carry out complex activities) and a Data.

What is web application ? [about.com][Shklar & Rosen]A web application is any application that uses a web browser as a client.

Benefits : Easy to deploy and upgrade, Cross-platform compatibility, Limited resources on client side, Interoperability.

Drawbacks : Limitations on user interface compared to native Graphical User Interface, Compatibility issues with some web browser, Require a network connection, The user does not own the software.

A Brief History

Where is the birthplace of the Web? Who is the mother of the Web?

CERN Tim Berners-Lee

Key dates 1993: Mosaic browser, CGI 1995: PHP : JavaScript : Web Application, Java Servlet (server) 2005: AJAX 2008: HTML5 first public working draft 2014?: HTML5 specification

(User) client vs (remote) server 70s: Light user terminals, everything is done by the server. ● 80s/90s: Personal computers. Everything happens on client side. ● 90s/2000s: Light client (web browser), all logic in server. ● 2000s: Logic is back in the client ("Web 2.0"). ● 2010s: Mobile applications.

Overall Architecture

Typical architecture of a web application

Web browser Mainly user interface, Short term state (in general), May implement some logic, especially for fast response time (but untrusted), Communicate with the web server using HTTP(S), Executing HTML, CSS and JavaScript code.

Web browser Main task : Generate and submit web requests to web servers Accept responses from web servers and produce visual presentations out of it Render the results

DOM Document Object Model DOM is a hierarchical representation of an HTML page Changes in DOM influence what is shown to the user

Web server (front-end) Answers to HTTP(S) requests from the web clients, Stateless, Reads and writes data in a persistent data store, Performs most of the business logic, Consists in a general of a server/container(Apache, Tomcat) and a framework (PHP, Java Servlets, etc.) running business logic.

Data store The state of the web application, Historically a (My)SQL database, some more recent evolutions, The synchronisation point.

Back-end All what needs to be done in the server, but which is not triggered by a client request.

Who Organizes the Web?

W3C ORGANIZES THE WEB