Web Application  behind the scenes Arpee Ong
Who Am I? Name:  Richard Pet er Ong  a.k.a.  Arpee Work:  Lead Software Developer,  Internal Projects @ SysIQ Inc. USA Other Affiliations:  Core Developer of  Mambo CMS, MiaCMS and CamiroCMS Member, PHP User Group Philippines IT Consultant  @ LevitanSoftware, Kalibo, PH
Who Are you? IT Students /  Faculty Future Web Application Developers
Scope and Coverage: Basic Web Application Workflow Examples Components, what makes Web Applications tick Sample on the spot codes using PHP
WHAT IS A WEB APPLICATION? Any application that is served commonly via http or https protocol Usually being served from a remote computer acting as a host/server
How does a Web Application differ with  Desktop Applications ?
Common Web Applications do not need to be installed on the client Requires only a Web Browser to run Easily Distributable due to native support of the underlying technoloy to concurrent connections and users Web  vs Desktop
Common Desktop Applications are secured by nature, because physical access is needed to tamper with data Does not require network or internet connection to function because they usually deal with offline data only Web vs  Desktop
Common Types Web Applications (Open Source Examples)
Content Management Systems (CMS) E-Commerce Customer Relationship Management Systems (CRM) Forums / Discussion Boards Common Types
Are Web Applications which supply the basic functionalities of a ready-to-deploy dynamic website which deals with articles and content. Content Management Systems
Mambo CMS  -  http://mambo-foundation.org MiaCMS  -  http://miacms.org Joomla  -  http://joomla.org Drupal  - http://drupal.org Content Management Systems
Are Web Applications which supply the basic functionalities of a ready-to-deploy E-Commerce Website which serve as an online shopping portal. E-Commerce Systems
OSCommerce  -  http://oscommerce.com Magento  -  http://www.magentocommerce.com/ E-Commerce Systems
Are Web Applications mainly used for Customer Support. It is a system where client ' Ticket Complaints ' are managed and resolved Customer Relationship  Management Systems
SugarCRM  -  http://sugarcrm.com VTiger  -  http://vtiger.com Customer Relationship  Management Systems
Are Web Applications mainly used for threaded communication among its community user-base. It is considered as an 'enhanced bulletin board' system due to its similarity with the BBS systems we knew from the late 80's Forums / Discussion Boards
PunBB  -  http://punbb.informer.com/ SMF  -  http://www.simplemachines.org/ Forums / Discussion Boards
Layers of a  Web Application
Layers: Browser Rendered HTML HTML Code Script (Server Side)
Browser Rendered HTML HTML Code Script (Source)
HTTP Request Workflow
REQUEST RESPONSE Server (Host) User (Client)
User (Client) – Actions invoking a Web Request Initial Page Load Loading of Media (CSS, Javascript, Images, Flash, Videos etc.) Submission of Forms Download Requests
Basic Components of a  Web Application
Basic Components: Datamodel User Interface Application Logic
Datamodel: Is where the actual data is stored/retrieved Data is stored in tabular format with predefined columns and datatypes
User Interface: Is what the end-user sees. It is commonly a collection of static HTML files (optionally with Javascript/CSS and other media). These Static HTML are commonly called “Theme” or “Template” and where processed Data will be placed upon script processing.
Application Logic: Is the main workhorse of a web application, it interacts with the Datamodel and outputs processed data to the User Interface.
Live Code Demo
The END Contact Info: [email_address]

Web Applications - Behind the Scenes + Open Source Examples

  • 1.
    Web Application behind the scenes Arpee Ong
  • 2.
    Who Am I?Name: Richard Pet er Ong a.k.a. Arpee Work: Lead Software Developer, Internal Projects @ SysIQ Inc. USA Other Affiliations: Core Developer of Mambo CMS, MiaCMS and CamiroCMS Member, PHP User Group Philippines IT Consultant @ LevitanSoftware, Kalibo, PH
  • 3.
    Who Are you?IT Students / Faculty Future Web Application Developers
  • 4.
    Scope and Coverage:Basic Web Application Workflow Examples Components, what makes Web Applications tick Sample on the spot codes using PHP
  • 5.
    WHAT IS AWEB APPLICATION? Any application that is served commonly via http or https protocol Usually being served from a remote computer acting as a host/server
  • 6.
    How does aWeb Application differ with Desktop Applications ?
  • 7.
    Common Web Applicationsdo not need to be installed on the client Requires only a Web Browser to run Easily Distributable due to native support of the underlying technoloy to concurrent connections and users Web vs Desktop
  • 8.
    Common Desktop Applicationsare secured by nature, because physical access is needed to tamper with data Does not require network or internet connection to function because they usually deal with offline data only Web vs Desktop
  • 9.
    Common Types WebApplications (Open Source Examples)
  • 10.
    Content Management Systems(CMS) E-Commerce Customer Relationship Management Systems (CRM) Forums / Discussion Boards Common Types
  • 11.
    Are Web Applicationswhich supply the basic functionalities of a ready-to-deploy dynamic website which deals with articles and content. Content Management Systems
  • 12.
    Mambo CMS - http://mambo-foundation.org MiaCMS - http://miacms.org Joomla - http://joomla.org Drupal - http://drupal.org Content Management Systems
  • 13.
    Are Web Applicationswhich supply the basic functionalities of a ready-to-deploy E-Commerce Website which serve as an online shopping portal. E-Commerce Systems
  • 14.
    OSCommerce - http://oscommerce.com Magento - http://www.magentocommerce.com/ E-Commerce Systems
  • 15.
    Are Web Applicationsmainly used for Customer Support. It is a system where client ' Ticket Complaints ' are managed and resolved Customer Relationship Management Systems
  • 16.
    SugarCRM - http://sugarcrm.com VTiger - http://vtiger.com Customer Relationship Management Systems
  • 17.
    Are Web Applicationsmainly used for threaded communication among its community user-base. It is considered as an 'enhanced bulletin board' system due to its similarity with the BBS systems we knew from the late 80's Forums / Discussion Boards
  • 18.
    PunBB - http://punbb.informer.com/ SMF - http://www.simplemachines.org/ Forums / Discussion Boards
  • 19.
    Layers of a Web Application
  • 20.
    Layers: Browser RenderedHTML HTML Code Script (Server Side)
  • 21.
    Browser Rendered HTMLHTML Code Script (Source)
  • 22.
  • 23.
    REQUEST RESPONSE Server(Host) User (Client)
  • 24.
    User (Client) –Actions invoking a Web Request Initial Page Load Loading of Media (CSS, Javascript, Images, Flash, Videos etc.) Submission of Forms Download Requests
  • 25.
    Basic Components ofa Web Application
  • 26.
    Basic Components: DatamodelUser Interface Application Logic
  • 27.
    Datamodel: Is wherethe actual data is stored/retrieved Data is stored in tabular format with predefined columns and datatypes
  • 28.
    User Interface: Iswhat the end-user sees. It is commonly a collection of static HTML files (optionally with Javascript/CSS and other media). These Static HTML are commonly called “Theme” or “Template” and where processed Data will be placed upon script processing.
  • 29.
    Application Logic: Isthe main workhorse of a web application, it interacts with the Datamodel and outputs processed data to the User Interface.
  • 30.
  • 31.
    The END ContactInfo: [email_address]