Web Applications - Behind the Scenes + Open Source Examples

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    4 Favorites

    Web Applications - Behind the Scenes + Open Source Examples - Presentation Transcript

    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 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
    6. 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
    7. 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
    8. Layers of a Web Application
    9. Layers:
        • Browser Rendered HTML
        • HTML Code
        • Script (Server Side)
        • Browser Rendered HTML
        • HTML Code
        • Script (Source)
    10. HTTP Request Workflow
    11. REQUEST RESPONSE Server (Host) User (Client)
    12. User (Client) – Actions invoking a Web Request
      • Initial Page Load
      • Loading of Media (CSS, Javascript, Images, Flash, Videos etc.)
      • Submission of Forms
      • Download Requests
    13. Basic Components of a Web Application
    14. Basic Components:
        • Datamodel
        • User Interface
        • Application Logic
    15. Datamodel:
        • Is where the actual data is stored/retrieved
        • Data is stored in tabular format with predefined columns and datatypes
    16. 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.
    17. Application Logic:
        • Is the main workhorse of a web application, it interacts with the Datamodel and outputs processed data to the User Interface.
    18. Live Code Demo
    19. The END Contact Info: [email_address]

    + arpeearpee, 7 months ago

    custom

    1204 views, 4 favs, 2 embeds more stats

    Web Applications - Behind the Scenes + Open Source more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 1204
      • 1199 on SlideShare
      • 5 from embeds
    • Comments 0
    • Favorites 4
    • Downloads 47
    Most viewed embeds
    • 4 views on http://bb.itc.nl
    • 1 views on http://bb

    more

    All embeds
    • 4 views on http://bb.itc.nl
    • 1 views on http://bb

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories