WHAT IS A WEB APP? Van Kelly Yeshiva University July 6, 2013.

Slides:

Advertisements

Similar presentations

Muhammad Taimoor Khan

Advertisements

February 11, 2007 Can Ajax be OS for the Browser? Kevin Hakman Co-Founder General Interface Ajax Toolkit Director, Developer Evangelism TIBCO Software.

Building Applications using ASP.NET and C# / Session 1 / 1 of 21 Session 1.

BICS546 Client/Server Database Application Development.

DATABASE APPLICATION DEVELOPMENT SAK 3408 The Web and DBMS.

Introduction to Web Base Multimedia Application. Web base application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.

Technologies For use on different layers. Technologies Client tier Client tier to middle tier protocols Middle tier technologies Middle tier to data tier.

Outline IS400: Development of Business Applications on the Internet Fall 2004 Instructor: Dr. Boris Jukic Server Side Web Technologies: Part 2.

Multiple Tiers in Action

CS CS 5150 Software Engineering Lecture 13 System Architecture and Design 1.

CS CS 5150 Software Engineering Lecture 13 System Architecture and Design 1.

Introduction to Web Based Application. Web-based application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.

J2EE Java 2 Enterprise Edition. Relevant Topics in The Java Tutorial Topic Web Page JDBC orial/jdbc

It’s always better live. MSDN Events Developing ASP.NET AJAX Controls with Silverlight.

CIS 365 Vandana Janeja Nov 27 th 2001 Connecting Cobol programs to Other Languages- Visual Basic, Java,HTML.

ITM352 Javascript and Dynamic Web Pages: Client Side Processing.

Quick Tour of the Web Technologies: The BIG picture LECTURE A bird’s eye view of the different web technologies that we shall explore and study.

It’s World Wide! I NTRODUCTION TO T HE WEB 1 Photo courtesy:

Client/Server Architectures

Architecture Of ASP.NET. What is ASP?  Server-side scripting technology.  Files containing HTML and scripting code.  Access via HTTP requests.  Scripting.

Beyond DHTML So far we have seen and used: CGI programs (using Perl ) and SSI on server side Java Script, VB Script, CSS and DOM on client side. For some.

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.

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

The Web Architecture and ASP.NET. Slide 2 Review of the Web (1) It began with HTTP and HTML, which delivers static Web pages to browsers which would render.

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.

Source: Peter Eeles, Kelli Houston, and Wojtek Kozaczynsky, Building J2EE Applicationa with the Rational Unified Process, Addison Wesley, 2003 Prepared.

Can you write REAL applications with AJAX? Phil Sarin Advanced UI Software April 15, 2009.

Architecture of the web Client Server retrieved or generated web page.

2006 Adobe Systems Incorporated. All Rights Reserved. 1 RIAs - Beyond the Buzz James Ward Technical Evangelist jamesward.org

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.

CS CS 5150 Software Engineering Lecture 13 System Architecture and Design 1.

C# AND ASP.NET What will I do in this course?. MAJOR TOPICS Learn to program in the C# language with the Visual Studio IDE (Interactive Development Environment)

Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.

WEP Presentation for non-IT Steps and roles in software development 2. Skills developed in 1 st year 3. What can do a student in 1 st internship.

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,

CS CS 5150 Software Engineering Lecture 13 System Architecture and Design 1.

Web application architecture1 Based on Jim Conallen: Web Applications with UML.

REAL WORLD AJAX MARCH TIBCO USER CONFERENCE / 2004 Enterprise Rich Internet Applications with AJAX Real World Case Studies with TIBCO General Interface™

Intro About Web. Web Definitions Web means the following: –HTTP (or HTTPS) protocol; HTTP server is called Web-server, HTTP clients are e.g. browsers.

Rich Web Applications for the Enterprise... Creating RWA from Your Oracle Database Presented By: John Krahulec Bizwhazee SEOUC Charlotte February 2009.

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.

WEB SERVER SOFTWARE FEATURE SETS

Seminar on Service Oriented Architecture Distributed Systems Architectural Models From Coulouris, 5 th Ed. SOA Seminar Coulouris 5Ed.1.

The basics of knowing the difference CLIENT VS. SERVER.

It’s World Wide! I NTRODUCTION TO T HE WEB 1 Photo courtesy:

Ajax! Ajax Programming Ajax! Ajax Programming. Ajax! Ajax Programming Take a look at a typical desktop application (Spreadsheet app, etc.) The program.

Database application development 1. Chapter 8 © 2013 Pearson Education, Inc. Publishing as Prentice Hall OBJECTIVES  Define terms  Explain three components.

1 LM 6 Database Applications Dr. Lei Li. Learning Objectives Explain three components of a client-server system Describe differences between a 2-tiered.

E-commerce Architecture Ayşe Başar Bener. Client Server Architecture E-commerce is based on client/ server architecture –Client processes requesting service.

INTRODUCING HYBRID APP KAU with MICT PARK IT COMPANIES Supported by KOICA

Introduction to Node.js® Jitendra Kumar Patel Saturday, January 31, 2015.

2 Copyright © Oracle Corporation, All rights reserved. Basic Oracle Net Architecture.

Web Development. Agenda Web History Network Architecture Types of Server The languages of the web Protocols API 2.

Web-based Software Development - An introduction

Web Technologies Computing Science Thompson Rivers University

Web Concepts Lesson 2 ITBS2203 E-Commerce for IT.

Web App vs Mobile App.

Web Application Architectures

Secure Web Programming

Web Application Architectures

WPS - your story so far Seems incredible complicated, already

Architecture of the web

Web Technologies Computing Science Thompson Rivers University

Web Application Architectures

Presentation transcript:

WHAT IS A WEB APP? Van Kelly Yeshiva University July 6, 2013

APPS BEFORE THE WEB

Timeshare Application Architecture Terminal user interaction (text and block graphics) Mainframe data + programs

Standalone Apps with GUI Netbeui or Netware over Ethernet or ARCnet File ServerPC all app functionality

Two-Tier Client-Server Applications "Fat" Client presentation logic + business rules Server database ODBC/JDBC over Ethernet

Three-Tier Application Architecture "Thin" Client presentation logic Application Server business rules Data Server business data Private Protocol over TCP Socket ODBC/ JDBC

MVC Business Logic "Thin" Client presentation logic Application Server business rules Data Server business data Model View Controller V V M M C C

Three-Tier App Components Disruptive economics = a vigorous market of "components" Components = instantiable "templates" for software super-encapsulated – "objects on steroids" abstracted away locality – worked locally or remotely configurable at compile-time or run-time standardized deployment packages – plug & play MS: "Lego for software" Component examples GUI widgets spreadsheets, chart/graph generators network services (e.g. FTP servers) HTML/CSS rendering engine app infrastructure (message queues) all MS Office apps were also components Needed language support (C++ bad, VB worked)

Apps on the Web? How? Browsers are unstable, slow The Web was designed to serve paged documents/forms Page refreshes take too long (>10 seconds) The web has no "state" HTML is not a rich UI language JavaScript is just a toy for writing stuff like tic-tac-toe Web UIs look nothing like "real" UIs Web protocols have nothing like MVC Web software is nothing like components

Web App 1.0 Java Applet presentation logic Application Server business rules Data Server business data Web Server Java applet HTTP TCP Socket JDBC

Canonical Example: Hangman

Web App 1.5 Browser HTML + CSS + JS or Flash Application Server business rules Data Server business data Web Server presentation logic (PHP) HTTP *CGI JDBC

Web App 1.9: "RESTful" Browser HTML + CSS + JS Application Server presentation logic + business rules Data Server business data HTTP mod_* JDBC V V M M C C Web Server proxy + caching

Web App 2.0: "AJAX" Browser HTML + CSS + JS presentation logic Application Server presentation logic + business rules Data Server business data HTTP mod_* JDBC V V M M C C Web Server proxy + caching

Web App 2.5: Single Page Apps (SPA) "Fat Client" in Browser HTML + CSS + JS presentation logic + business rules Data Server business data Web Server app download + data proxy HTTP JSON V V M M C C

Web Components (Web App 3.0?) Current web "components" are just plug-ins for a specific server environment (e.g., WordPress) Web Components promise universal component-like interfaces Support only in Firefox and Chrome for now. W3C Component Model: W3C Component Model HTML/JS templates Decorators Custom HTML Elements Shadow DOM – a gory mess of new browser infrastructure to allow fine-grained encapsulation HTML Imports