SlideServe
Menu
Préférences
© SlideServe · v2026

Introduction to Web Based Application

tacita avatar
15 diapositives · 323 Views · Aug 29, 2014

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

Introduction to Web Based Application - slide 1
01 / 15Introduction to Web Based Application
1 / 17

Télécharger la présentation

Introduction to Web Based Application
Une image / un lien ci-dessous est fourni (tel quel) pour télécharger la présentation

Politique de téléchargement : le contenu du site vous est fourni TEL QUEL pour votre information et votre usage personnel ; il ne peut être vendu, concédé sous licence ni partagé sur d’autres sites sans l’accord de son auteur.Le contenu vous est fourni TEL QUEL, pour votre information et votre usage personnel uniquement. Téléchargez la présentation en cliquant sur ce lien. Lors du téléchargement, si vous ne parvenez pas à télécharger une présentation, l’éditeur a peut-être supprimé le fichier de son serveur.Pendant le téléchargement, si vous ne parvenez pas à obtenir une présentation, le fichier a peut-être été supprimé par l’éditeur.

F I N

Plus de contenu associé

Transcription de la présentation
  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