1 / 15

Introduction to Web Based Application

Introduction to Web Based Application. Web-based application. TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment. World Wide Web. Allows users from anywhere on the internet to retrieve documents from any other computers

tacita
Download Presentation

Introduction to Web Based Application

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Introduction to Web Based Application

  2. Web-based application • TCP/IP (HTTP) protocol • Using WWW technology & software • Distributed environment

  3. World Wide Web • Allows users from anywhere on the internet to retrieve documents from any other computers • The main protocol is the HTTP – HyperText Transfer Protocol • HTTP provides a standard form of communication between web browsers and web servers.

  4. World Wide Web (cont.) • Web browsers • Programs running on client computers • Request for documents using URL • eg. IE, Mozilla, Chrome • Web servers • Programs that provide documents to browsers • eg. Apache, Dot.Net

  5. World Wide Web (cont.) • URL – Uniform Resource Locator • A reference of a document on the web. • eg. http://webs.cs.utm.my/index.html • http://webs.cs.utm.my/images/logo.jpg

  6. Web Architechture How the Web works for static contents (basic architecture) CGI scripts

  7. Advantages • Easy for deployment • Standard interface (HTML) for many platform (Windows, Linux/Unix, Mac) • Distributed task

  8. Disadvantages • Compare to standalone apps • Security prob – malicious code etc., sensitive data – CC • Restricted for client • Limited GUI and Interaction

  9. Example tech./framework • Conventional CGI – Perl, C, C++, Python, VB • Java Servlet • Enterprise JavaBeans • Server pages – ASP, PHP, JSP • Client side script – VB Script, JavaScript

  10. Common Gateway Interface How the Web works for dynamic contents CGI Intepreter CGI scripts

  11. HTML vs. Javascript vs. CGI • HTML • is the main language for delivering document over the web. • is the only language that web browsers can understand. • Javascript • Documents that are created by HTML are static. HTML doesn’t support logical features. • Javascript is used to make the document dynamic. • Eg. before we can perform any delete operation, the browser should ask the user first for confirmation. This cannot be done by the HTML. Javascript can. • CGI • Javascript is executed at client computers – ie. in web browsers. It is called client-side scripting language. • Databases or other resources are located at the server computer. We need another programs to access them – ie. CGI programs. • CGI languages such as PHP, JSP, Perl, etc are called server-side scripting languages, because they are executed at the server.

  12. HTML, CSS, & Javascript PHP SQL

  13. Example Web-Based Apps • E-Commerce • Amazon, Ebay, osCommerce • Online Forum • phpBB, vBulletin • Online Blog/Social • Blogspot, Facebook • CMS • Joomla, Mambo, Lenya • Online Album – google picasa, photobucket • Video Streaming • Youtube, Quicktime movie trailer

  14. Summary • We will learn in this class how to: • present our content for web viewing in its most simple way through (HTML code) • systematically managing the formatting and arrangement of content in HTML through CSS • managing event,interaction and manipulating web content (html doc) through Javascript

  15. Summary (cont.) • We will learn in this class how to: • management of user and application data through CGI and server-pages scripting (server code encoded in html doc) • Server-pages technology – PHP

More Related