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

3. What is Web 2.0, AJAX and REST ?

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

15. Portals are the way to provide governed business mashups combining public information, enterprise apps and data Openness Critical enabler: Standards based access to integration and innovation Thin Clients Mobile Clients Rich Clients Security-Rich Composite application or view, that assembles and delivers services in the form of portlets in the context of a business process role-based composite applications in context process- driven

20. Emerging WPLC Services&Feeds and Application Examples WebSphere Portal Portal Services User Service Persistence Service Contacts Service Domino Mail Services Calendar Services Sametime Portlet Service Awareness Service Conference Service IM Service Quickr Documents Services Team Space Services Custom Situational Application: Problem tracking application allowing to see author presence and location in map and contact via IM Custom Situational Application: Simple AJAX Mail / Cal summary views with awareness Product: WebSphere Portal Client Side Aggregation Search Service Geneva Portlets, Notes Plugin, Sametime Plugin, Desktop Integration Product: Common PIM Portlets for Mail and Calendar Access Connections Persona, Community Services Activity, Blog Services Internet Services Maps …

22. Web 2.0 Fragment Programming Model Web 2.0 Fragment Semantic Tags Dojo Widget Markup JavaScript Functions REST Calls to Portal Services User Profile Access Settings Access Persistence Service Access REST Calls to other Services, e.g. other WPLC services Weather Info, News, Sports, … CRM, HR, … Services etc

23. Application Architecture Pattern Browser Cache Browser Cache Proxy Cache Produced Services REST Service REST Service REST Service Data Store(s) DS 1 Consumed Services Public APIs (Local) ... Application Logic Service 2 Service 1 Service n ... DS 2 DS n ... AJAX Views AJAX Views AJAX Fragments (e.g. Portlets) AJAX Views AJAX Views Expeditor Plugins Web Browser AJAX Views Expeditor Expeditor Plugins Local App Code (if co-located) Application User Interface Application Services Project to Expeditor Project to Browser REST SyncML REST

25. AJAX based Client Side Aggregation in the Web Browser Services created with Google Gadgets Atom / RSS Feeds REST-accessible Markup Fragments from WP Portlets or any other URL WSRP Services

26. Client Side Aggregation in Web Browser Portal Pages Portlet Settings Portal Navigation Tree based on Access Control and Personalization Navigation REST Service (Atom) Page REST Service Portlet Settings REST Service Portlet Access REST Service Theme Client Side Aggregation Enabled Theme User Profiles User Profiles REST /Web Service Portlets

28. Semantic Tags (Portal-Independent Technology)

30. AJAX RSS/Atom Feed Consumption directly from Origin

32. Google Gadget Integration – A Gadget integrated in WebSphere Portal as a portlet

33. Google Gadget Integration – Selecting a Gadget to integrate into WebSphere Portal as a portlet

34. IBM Portlet for Google Gadgets Architecture IBM Portlet for Google Gadgets Google Gadget Google RSS Feed listing available gadgets View Mode Customize Mode Configuration Mode Customize Mode View Mode

35. AJAX Portlets using Dojo

36. Web 2.0 Portal Architecture WebSphere Portal Foundation AJAX Feed Consumer Connections (Activities, Blue Pages, Social Bookmarks, Blogs) AJAX Fragment Consumer AJAX Programming Model Extensions (Dojo Framework & Widgets + AJAX.0 + REST accessor JS functions + Semantic Tags + Client Side Click-2-Action) REST style Portal Services (Persistence, User Profiles, Portlet Settings, Navigation, Pages, etc) Quickr (Wikis, Blogs, Lists, Doc Libs, Discussions) Connections Portlets MyPlaces Portlet Feed Service HTML+Dojo+JS Fragments (from J2EE,.NET,PHP, HTTP or other Server) WebSphere Application Server Classic JSR 168 Portlets AJAX enabled JSR 168 Portlets WSRP Consumer WSRP Service