OpenAjax Alliance OpenAjax Hub 1.0 and Beyond. Jon Ferraiolo IBM & OpenAjax Alliance

Transcription

1 OpenAjax Alliance OpenAjax Hub 1.0 and Beyond Jon Ferraiolo IBM & OpenAjax Alliance October 24, 2007

2 Agenda Introducing OpenAjax Alliance OpenAjax Hub1.0 OpenAjax Hub 1.1 (and SMash) Our (many) other initiatives OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 2

3 Agenda Introducing OpenAjax Alliance OpenAjax Hub1.0 OpenAjax Hub 1.1 (and SMash) And our many other initiatives OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 3

4 Late 1990 s to 2001 Quick history of Ajax DHTML (dynamic HTML) IE5 adds XMLHttpRequest Microsoft suspends development of IE Other browsers implement each others features and quirks, including XMLHttpRequest Pioneering Web developers make use of Ajax techniques Feb 2005: Jesse James Garrett dubs the term AJAX OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 4

5 Emergence of Ajax toolkits In beginning, Google (and others) showed the way Google Suggest, GMail, Google Maps Initial industry skepticism OK, fine for Google, but too difficult for everyone else But almost immediately, Ajax toolkits emerged Easy-to-use JavaScript libraries that hide browser dependencies Sometimes with: Server framework integration (e.g., J2EE/JSF,.NET/ASP) IDE integration (~10 Eclipse-based Ajax IDEs, MS Atlas/VS, Dreamweaver) Declarative markup language (e.g., Laszlo/LZX, Nexaweb/XAP) Today: ~200 Ajax toolkits Often open source Each with their own unique approach and advantages OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 5

6 Large vs small Ajax Toolkit Diversity Full framework vs targeted feature(s) Commercial vs open source Lots of gray here Server-side vs client-side If server-side, ASP/Java/PHP/Ruby/ Build on HTML vs invent new markup language OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 6

7 Ajax State of the World Ajax has huge momentum within the industry On technology roadmap of most enterprises Hundreds of commercial Ajax products Dozens of Ajax open source projects OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 7

8 Why did the industry form OpenAjax Alliance? Interoperability problems across Ajax toolkits Sometimes toolkits step on each other Almost never do toolkits integrate with each other Interoperability/integration is necessary for mashups to work Education For IT manager and Web developer, Ajax is complex and confusing A tyranny of choice As a result, the industry has formed OpenAjax Alliance to work towards shared objectives Technical standards around Ajax interoperability Marketing/educational materials OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 8

9 OpenAjax Alliance Early Timeline J F M A M J J A S O N D J F M A M J J A S O N D 15 original companies join OpenAjax initiative First meeting (30 companies), decision to form OpenAjax Alliance Marketing committee Interoperability committee Web site launched. Companies sign Members Agreement. Steering Committee elected. Second meeting (~60 companies). IDE committee Communications Hub committee Server committee OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 9

10 First meeting: define Ajax In a nutshell - the continued evolution of HTML Ajax definition: A set of programming techniques that deliver Desktop-like user interfaces Within the browser Using open standards formats Natively implemented in the browser Without plugins (i.e., not Flash, WPF, or Java) Key technology piece is AJAX (XMLHttpRequest) But also includes many other techniques Widget libraries Animation effects Layout managers Data binding, web services, local storage, server push, OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 10

11 OpenAjax Conformance Early meetings decided we needed an umbrella concept for everything at OpenAjax OpenAjax Conformance: our trust brand Defined by our specs Delivered by our open source OpenAjax Hub 1.0 is the first step Other features will be added over time OpenAjax Hub 1.1 OpenAjax Registry IDE Integration OpenAjax Best Practices Make conformance an industry requirement Promote OpenAjax Conformance with all stakeholders OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 11

12 OpenAjax Alliance Overview J F M A M J J A S O N D J F M A M J J A S O N D Organizational Marketing WG Web site, white papers Interoperability WG OpenAjax Hub 1.0 OpenAjax Hub 1.1 OpenAjax Registry 15 companies join OpenAjax First meeting (30), decision to form OpenAjax Alliance Companies sign Members Agreement. Second meeting (~60). 1.0: spec & open source InteropFest Update I-Fest Registry process Sept 27 F2F mtg Now 90+ members 1 white paper 4 white papers 5 white papers ServerTF,CommTF SMash,1.1 Roadmap Approval Early open source Populate registry IDE WG Use cases & requirements Proposals Spec Security TF White paper Wiki pages, etc. Mobile Ajax TF Mashup Widget/Gadget TF Runtime/Lobbying TF Production Ajax Management TF Searchability TF White paper, etc. Launch OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 12

13 White Papers Developed collaboratively on the Alliance s internal wiki OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 13

14 White papers now we have 5 1. Introducing Ajax and OpenAjax 2. When Does Ajax Make Business Sense 3. Next-Generation Applications Using Ajax and OpenAjax 4. Successful Deployment of Ajax and OpenAjax Recently posted: 5. Ajax and Mashup Security Available at: OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 14

15 Agenda Introducing OpenAjax Alliance OpenAjax Hub1.0 OpenAjax Hub 1.1 (and SMash) Our (many) other initiatives OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 15

16 What is it? OpenAjax Hub 1.0 Small bit of standard JavaScript (< 3K after compaction) Enables multiple Ajax runtimes to work together Version 1.0 features Ajax library registration OpenAjax.hub.registerLibrary() Simple publish/subscribe engine (the pub sub hub) OpenAjax.hub.publish(topicName, payload) OpenAjax.hub.subscribe(topicName, callbackfunction) OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 16

17 OpenAjax Hub 1.0 Use Cases Web applications that use multiple toolkits Mashups Next-generation portals Web applications that can benefit from loose coupling programming techniques Use OpenAjax s pub/sub mechanism as the integration glue for otherwise independent modules OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 17

18 OpenAjax Hub 1.0 an example Assume multiple Ajax toolkits: UTILS.js Various utils, inc. XHR CALENDAR.js Calendar control DATAGRID.js Powerful tables CHARTS.js Charting utilities The visual controls need to react to new server data and to each other and update their views appropriately. OpenAjax Hub 1.0 Example This is a mockup of a Web application that uses UI controls from multiple Ajax toolkits. OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 18

19 Example under the hood <html> <head>... <script type="text/javascript" src="openajax.js"/> <script type="text/javascript" src="utils.js"/> <script type="text/javascript" src="calendar.js"/> <script type="text/javascript" src="charts.js"/> <script type="text/javascript" src="datagrid.js"/> <script type="text/javascript">... function MyCalendarCallback(...) { OpenAjax.hub.publish("myapp.newdate", newdate); }... function NewDateCallback(eventname, publisherdata, subscriberdata) {...update the given visualization widget... } OpenAjax.hub.subscribe("myapp.newdate", NewDateCallback);... </script> </head>... OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 19

20 Status OpenAjax Hub status Spec, open source, and test suite are finished Will finalize & ship soon Specification Reference implementation at SourceForge OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 20

21 Objectives: OpenAjax InteropFest Allows OpenAjax Alliance to verify that OpenAjax Hub is reliable, performant, and suitable Allows members to verify that they are OpenAjax Conformant Jan-March 2007 July-Sept toolkits participated 14 organizations, 20 toolkits participated OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 21

22 InteropFest Demos For people who are just looking at the slide deck, some InteropFest demos can be found at: Participating organizations 24SevenOffice Apache XAP Dojo Foundation IBM ILOG DWR/Getahead IT Mill Lightstreamer Microsoft Nexaweb OpenLink SW Open Spot Software AG Sun Microsystems TIBCO Participating toolkits AjaxEngine Apache XAP Dojo Toolkit Ext ILOG JViews IT Mill Toolkit jmaki JQuery Lightstreamer Microsoft Ajax Library Nexaweb Ajax Client OAT: OpenLink AJAX Toolkit OpenSpot CalcDesk Prototype script.aculo.us Software AG's webmethods/caf TIBCO General Interface 24SevenOffice Vili YUI OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 22

23 Agenda Introducing OpenAjax Alliance OpenAjax Hub1.0 OpenAjax Hub 1.1 (and SMash) Our (many) other initiatives OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 23

24 OpenAjax Hub 1.1 OpenAjax Hub 1.0 addresses pub/sub within a single browser frame OpenAjax Hub 1.1 probably will add the following: Pub/sub across frames Pub/sub between clients and servers (i.e., integrate work from Communications Hub Task Force) Framework for secure mashups (i.e., integrate work from Security Task Force) Strawman proposal OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 24

25 OpenAjax Hub 1.1 and SMash SMash stands for Secure Mashups Contributed technology from IBM research Secure handling of 3 rd party mashup components Runs in today s browsers (without plugins) How this magic works in current version Mashup components are placed in <iframe>s (diff sub-domain) Cross-frame communications via window.location frag identifier Mashup application manages all communications APIs are independent of the window.location trick Will still work if/when browsers add native support for secure crossframe messaging OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 25

26 How SMash works Web site layout:./index.html./component1.html./component2.html./tunnel.html /etc/hosts changes mashup.foo.com a01.foo.com a02.foo.com a03.foo.com a04.foo.com etc Mashup application (index.html): Manages instantiation of all mashup components Manages all cross-frame communications OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 26

27 Hub 1.1 and SMash status Initial implementation of SMash is complete Next steps initial focus on open source Integrate with OpenAjax Hub 1.0 Minor updates versus Hub 1.1 roadmap Reconcile with Comet proposals from Communications Hub Task Force Then work on Hub 1.1 specification Timeline for Hub 1.1 Full Hub 1.1 initial implementation by December 2007 Review and iterate Approval sometime in 2008 OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 27

28 OpenAjax Hub 1.1 and Comet Server push is highly desirable, particularly in conjunction with mashups and portals But browsers only allow 2 connections per Web page OpenAjax established a Communications Hub Task Force Spec proposals and experimental open source Thin layer API for mediated server push Provider mechanism where an Ajax toolkit plugs in that implements the APIs and provides Comet services Decisions Integrate Communications Hub TF into Interoperability WG Add mediated Comet APIs to OpenAjax Hub 1.1 OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 28

29 Agenda Introducing OpenAjax Alliance OpenAjax Hub1.0 OpenAjax Hub 1.1 (and SMash) Our (many) other initiatives OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 29

30 OpenAjax Registry Ajax toolkit and JavaScript global object registration authority Primary goal: help prevent JavaScript object collision within complex Ajax applications Registry managed by OpenAjax s Interoperability WG We have early agreement on process for managing the Registry How toolkits can submit candidate globals How candidate globals are review and approved This fall we will begin to populate the Registry OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 30

31 IDE Working Group Addressing the NxM problem: ~200 Ajax toolkits, ~10 Ajax IDEs OpenAjax standard XML file format for: Encapsulating an Ajax widget for use with IDEs (e.g., property dialogs) Expressing Ajax library APIs for use with IDEs (e.g., code completion) Status Requirements stage completed Evaluating existing industry metadata formats vs. reqts Shooting for complete and stable 1 st draft by Dec 2007 OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 31

32 Ajax Security Task Force Will play both an educational role and a technical role on Ajax security Educational Ajax Security white paper (overview of Ajax security issues) Ajax Security wiki page (links to detailed discussions) Technical Collaborate on Hub 1.1 effort around secure mashups OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 32

33 Mobile Ajax Task Force Important new frontier for Ajax Apple iphone Nokia series 60 Motorola WebKit announcement Mobile Ajax Task Force Promoting customer success with Mobile Ajax First tasks Mobile Ajax white paper how developers can be successful Explore APIs for access to mobile device services (GPS, PIM, etc.) Coordination with W3C Mobile Ajax Workshop on Sept 28, co-sponsored by W3C/MWI and OpenAjax Alliance OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 33

34 Mashup gadgets/widgets TF Will investigate a common metadata standard for Ajax-based mashup components Goal: (ultimately) the developers of the mashup components will be able to write-once and have it run within any mashup container Will coordinate with IDE WG s metadata standards efforts and W3C Widgets Stewart Nicholas of IBM will chair this activity Just getting started: recruiting new members OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 34

35 Runtime Advocacy TF Will investigate ways that OpenAjax Alliance might play an advocacy role to accelerate browser improvements Goal: make Ajax applications work better Will attempt to recruit a critical mass of leading Ajax toolkits Coach Wei of Nexaweb will chair Just getting started: recruiting new members OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 35

36 Production Ajax Management TF Will investigate how to achieve the same level of runtime performance monitoring as we have in today s HTML Web 1.0 world Steve Hunt of Coradiant will chair Just getting started: recruiting new members OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 36

37 Searchability TF Will investigate how to make current application state within a RIAs discoverable and usable to search engines Perhaps by standardizing on particular approaches to URL fragment identifiers or parameters Adobe will chair Just getting started: recruiting new members OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 37

38 OpenAjax Alliance is Summary Driving Ajax standards and interoperability Educating the community about how to be successful with Ajax All under the umbrella of the industry trust brand OpenAjax Conformance OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 38

39 Two simple steps How to join 1. Sign Members Agreement 2. Send an listing names/ s of participants No fees Instructions at OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 39

40 For More Information Web site: Wiki: Blog: Mail list: My Jon Ferraiolo OpenAjax Alliance: OpenAjax Hub 1.0 and Beyond 40