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

Slides:



Advertisements
Similar presentations
1 CGICGI Common Gateway Interface Server-side Programming Lecture.
Advertisements

DT228/3 Web Development WWW and Client server model.
Languages for Dynamic Web Documents
Server-Side vs. Client-Side Scripting Languages
Introduction to ASP.NET. 2 © UW Business School, University of Washington 2004 Outline Static vs. Dynamic Web Pages.NET Framework Installing ASP.NET First.
Introduction to Web Base Multimedia Application. Web base application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.
Vrije Universiteit amsterdamPostacademische Cursus Informatie Technologie Basic Technology HTML, HTTP, MIME client / server architecture client-side extensions.
Outline IS400: Development of Business Applications on the Internet Fall 2004 Instructor: Dr. Boris Jukic Server Side Web Technologies: Part 1.
Introduction to Web Application Architectures Web Application Architectures 18 th March 2005 Bogdan L. Vrusias
Introduction to Web Based Application. Web-based application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.
1 CS6320 – Why Servlets? L. Grewe 2 What is a Servlet? Servlets are Java programs that can be run dynamically from a Web Server Servlets are Java programs.
A closer look Dynamic Webpages Jessica Meyerson March 1, 2011.
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Web Programming Language Dr. Ken Cosh Week 1 (Introduction)
It’s World Wide! I NTRODUCTION TO T HE WEB 1 Photo courtesy:
Server Side Scripting Norman White. Where do we do processing? Client side – Javascript (embed code in html) – Java applets (send java program to run.
1 CS 131 Wrap Up Fall 2008 What Good is Programming?
How the Web Works. WWW – part of the Internet (others: , FTP, Telnet) Loaded to a Server | Viewed in a Browser (Client) Client: Request & Render.
1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.
Introduction to ASP.NET. Prehistory of ASP.NET Original Internet – text based WWW – static graphical content  HTML (client-side) Need for interactive.
HTML Forms and Scripts. Session overview What are forms? Static vs dynamic Client-side scripts –JavaScript.
1 CS 3870/CS 5870 Static and Dynamic Web Pages ASP.NET and IIS.
Chapter 1: Introduction to Web
With your friendly Web Developer, Chris.. Terminology  HTML - > Hypertext Markup Language  CSS -> Cascading Style Sheet  open tag  close tag  HTTP->Hypertext.
Open Web App. Purpose To explain Open Web Apps To explain Open Web Apps To demonstrate some opportunities for a small business with this technology To.
Introduction to Internet Programming (Web Based Application)
Chapter 17 - Deploying Java Applications on the Web1 Chapter 17 Deploying Java Applications on the Web.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
Instructor, Dr. Khalili Bahram Jeevan Kumar Gogineni.
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.
Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.
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.
Kingdom of Saudi Arabia Ministry of Higher Education Al-Imam Muhammad Ibn Saud Islamic University College of Computer and Information Sciences Chapter.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
Introduction to ASP.NET1. 2 Web applications in general Web applications are divided into two parts –The server part –The client part The server part.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
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)
Active Server Pages Server-Side Scripting and Client-Side Scripting.
Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.
Web Development Process The Site Development Process Site Construction is one of the last steps.
Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I
Ajax for Dynamic Web Development Gregory McChesney.
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.
NASRULLAH KHAN.  Lecturer : Nasrullah   Website :
 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.
Albert F. Cervantes, M.S. California State University, Los Angeles
ASP.NET WEB Applications. ASP.NET  Web application framework developed by Microsoft  Build dynamic data driven web applications and web services  Subset.
Introduction to Node.js® Jitendra Kumar Patel Saturday, January 31, 2015.
Technologies For Creating Rich Internet Applications Presenter's name
I NTRO TO W EB TECHNOLOGY Basic terms. C LIENT – S ERVER M ODEL a distributed communication between service requestors and service providers.
Web Development. Agenda Web History Network Architecture Types of Server The languages of the web Protocols API 2.
Introduction to Internet Programming (Web Based Application)
Chengyu Sun California State University, Los Angeles
Web Pages & Web Programming
Web Concepts Lesson 2 ITBS2203 E-Commerce for IT.
Web Application.
AJAX.
Web App vs Mobile App.
CS5220 Advanced Topics in Web Programming Course Overview
Introduction to CGI and ajax
04 | Web Applications Gerry O’Brien | Technical Content Development Manager Paul Pardi | Senior Content Publishing Manager.
Chengyu Sun California State University, Los Angeles
WPS - your story so far Seems incredible complicated, already
Chengyu Sun California State University, Los Angeles
Chengyu Sun California State University, Los Angeles
CS5220 Advanced Topics in Web Programming Course Overview
Client-Server Model: Requesting a Web Page
Web Application Development Using PHP
Presentation transcript:

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

Browsing the Web

How the (Static) Web Works Browser HTTP Server \htdocs welcome.html \cs320stu31 index.html … HTTP request HTTP response HTTP??

URL ??

HTML CS320 Hello Welcome to CS320 !

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

Deliver Dynamic Content Browser HTTP Server \htdocs welcome.html \cs320stu31 index.html HTTP request HTTP response

Deliver Dynamic Content Browser Application Server HTTP request HTTP response program inputoutput

Terminology Application server Servlet container Server-side programming vs. Client-side programming Browser Application Server HTTP request HTTP response Server-side program inputoutput Client-side program

Server-side Technologies CGI C, Perl Java Servlet/JSP ASP.NET VB, C# PHP Ruby Python old other mainstream

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

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

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