web2.0 ajax and rest in websphere portal

Download Web2.0 Ajax and REST in WebSphere Portal

Post on 14-May-2015




3 download

Embed Size (px)


  • 1.

2. ID506: Web 2.0, AJAX, and REST in IBM WebSphere Portal Thomas Schaeck, STSM Lead Architect Quickr and WebSphere Portal Web 2.0Stephan Hesmer WebSphere Portal Web 2.0 Architect and Lead Developer 3. What is Web 2.0, AJAX and REST ? 4. What is Web 2.0 ?

  • A term coined by Tim OReilly(see http:// www.oreillynet.com/pub/a/oreilly/tim/news/2005/09/30/what-is-web-20.html)
  • Increasingly used for next generationWorld Wide Web Applications and Services
  • Web 2.0 has many aspects:
    • Business Modelsthat survived and have promise for the future
    • Approachessuch as services instead of products, the Web as a platform, ...
    • Conceptssuch as folksonomies, syndication, participation, reputation, ....
    • Technologiessuch as AJAX, REST, Tags, Microformats, ...
    • And many others ...

5. How do Web 2.0 Sites differ from Web 1.0 Sites ?

  • Strict Web 1.0 site
    • Web Master runs web site, users consume
    • Few content editors
    • Web site provides content and applications for users
    • View-only markup
    • Only human users
    • Accumulates relatively small amounts of information and content
    • Fixed categories / Taxonomy
    • Unidirectional
  • Modern Web 2.0 site
    • Users collectively contribute to the web site, they dont just consume
    • Every user is a content editor and rater
    • Web site provides content, applications, and collective contributions of all users
    • Semantically tagged markup
    • Humans and applications as users
    • Accumulates huge amounts of information and content
    • FlexibleTagging / Folksonomy
    • Bi-directional

Web Site Web Site Data Data App App App App 6. Observations

  • Web 2.0 consists of social and technical aspects
  • The social aspects of Web 2.0 are much more fundamental than the technologies
  • Web 2.0 Sites can derive huge value from their user community if they achieve critical mass Some Web 2.0 companies have achieved extremely high market captialization (Google ($109,66 bn) bought YouTube for $1,65 bn)
  • The Web 2.0 Site itself often only provides the infrastructure and guidelines for user participation
  • The community then adds value to the site, e.g. by writing articles, posting videos, sharing bookmarks, etc
  • Typically, these Web 2.0 sites have APIs for use by developers of mashup applications acting as multipliers
  • Web 2.0 user interfaces typically apply the AJAX technology in order to achieve more responsive UIs

7. What is AJAX ?

  • AJAX is the acronym forA synchronousJ avaScripta ndX ML
  • The purpose is to create more dynamic and responsive web pages
  • It is also about building web clients in a Service Oriented Architecture that can connect to any kind of server: J2EE, PHP, ASP.Net, Ruby on Rails, etc.
  • AJAX involves existing technology & standards: JavaScript and XML
  • Pattern: Page view displayed in a web browser retrieves data or markup fragments from a service and refreshes just a part of the page
  • AJAX is non-trivial, it requires deep and broad skills in web development ... ... but the benefits to be gained can be huge compared to classic web applications
  • AJAX enables major improvements in responsiveness and performance of web applications, e.g. used at Yahoo! Mail, Google Maps, live.com, and others
  • AJAX isNOThype it is very real and very useful for highly interactive applications

8. AJAX compared to classic Web UIs Browser Server Browser Server service In the typical web application, each request causes acomplete refresh of the browser page An Ajax application begins the same way.After the initial page loads, Javascript code retrieves additional data in the background andupdates only specific sections of the page

  • Ajax forces you to think about discrete services.
  • It may drive requirements for new services from your IT department

9. What is REST ?

  • REST is the acronym for Re presentationalS tateT ransfer
  • It is the architectural model on which the World Wide Web is based
  • Principles of REST
    • Resource centric approach
    • All relevant resources are addressable via URIs
    • Uniform access via HTTP GET, POST, PUT, DELETE
    • Content type negotiation allows retrieving alternative representations from same URI
  • REST style services
    • are easy to access from code running in web browsers, any other client or servers very popular in the context of AJAX
    • can take full advantage of the WWW caching infrastructure
    • can serve multiple representations of the same resource
  • More info: http://www.ics.uci.edu/~fielding/pubs/dissertation/top.htm

10. Web 2.0 Concepts that are interesting for enterprise use

  • Self-establishingCommunities collaborating around topics of common business interest
  • SupportUser Contribution , treat users as co-authors and leverages their skills better
  • Accumulation of user knowledgeto make apps smarter the more people use them
  • Enable users to add valueby adding meta data, e.g. rate, tag, bookmark, comment
  • Allow users to Take Controland let them make applications most useful to them
  • Separate User Interface from Services to make services re-usable
  • Fine grainedaccess to datasupporting mashups
  • Mashups combining existing services into new, useful applications joining information
  • Situational Developmentof applications through line of business can help make businesses more agile
  • AJAX to enable rich, interactive, highly responsive Web UI
  • Use ofSemantic Tags and Microformatsto enable dynamic augmentation with contextual menus or information

11. Web 2.0 in WebSphere Portal 12. IBM WebSphere Portal is the User Interface to SOA MS Office & Windows Other Clients Web Browser Rich Clients Mobile Client Presentation Services eForms Xforms Other Clients 13. WebSphere Portal 6 Overview

  • Instant messaging
  • Team Rooms
  • Electronic Forms
  • Workflow Builder

WebSphere Portal Extend

  • Web Content Management
  • Portal Document Manager
  • Workflow Engine

WebSphere Portal Enable

  • Presentation
  • Customization
  • Application aggregation
  • Java Portlet API
  • Use of 100s of portlets
  • WSRP support
  • Admin
  • Single sign on
  • Search
  • Personalization
  • Portlet Generation Tool (Portlet Factory)
  • Composite Applications
  • Cluster Support
  • Application Server
  • Database
  • LDAP Directory Server

WebSphere Portal Server 14. WebSphere Portal An Example

  • w3 portal for all IBM employees
  • > 300,000 users
  • Portlets provide essential information
  • Highly personalized - displays the right info to the right users at the right time
  • End-user customizable - users can create custom pages
  • Has become a key tool for every IBMer
  • Major productivity gain
    • Targeted info delivery to users
    • Users can easily find the apps they need

15. Portals are the way to providegovernedbusiness mashups combining public information, enterprise apps and data Openness Critical enabler: Standardsbased access to integration and innovation Thin Clients Mobile Clients Rich Clients Security-Rich Composite application or view,that assembles and deliversservicesin the form ofportlets in the context of a business process role-based composite applications in context process- driven 16. Web 2.0 / AJAX / REST in WP and related Products - Today

  • WP 6 allowsUser Contributionto portal sites through both WCM and PDM
  • WP 6 enablesSituational Developmentthrough Composite Application Templates and through Lotus Designer / Portlet Factory / Forms Designer
  • WP 6 allows usersTaking Controlof their pages and choose content (if allowed by admin)
  • Custom AJAX Portletscan be written today to run on WebSphere Portal, e.g. using the Dojo framework and widgets or the AJAX support in RAD
  • WP 6.