1. INNOV-3: Mashup Basics or 1 + 1 > 2 Sheldon Borkin VP Technology Rick Kuzyk Sr Portfolio Specialist

2. © 2007 Progress Software Corporation 2 INNOV-3: Mashup Basics Agenda  What is a mashup?  What technologies are used to create mashups?  Are there mashup standards?  Why would I want to use a mashup in a business application?  How can I create a mashup in OpenEdge ® ?

3. © 2007 Progress Software Corporation 3 INNOV-3: Mashup Basics What is a Mashup?  Mashup is a creative approach  Create something new by creatively combining things that already exist  The original mashups from…. Music Then video

4. © 2007 Progress Software Corporation 4 INNOV-3: Mashup Basics And Then Software Mashups on the Web: Google Maps + Craig’s List

5. © 2007 Progress Software Corporation 5 INNOV-3: Mashup Basics Google Maps + Airplanes

6. © 2007 Progress Software Corporation 6 INNOV-3: Mashup Basics Google Earth + Boats

7. © 2007 Progress Software Corporation 7 INNOV-3: Mashup Basics Google Maps + Progress Partner AspSoftware ARCH-8: SaaS Case Study – 2 pm Tuesday

8. © 2007 Progress Software Corporation 8 INNOV-3: Mashup Basics Is every Mashup a Map? Top 10 APIs (of 446 APIs as used in 1,975 Mashups)

9. © 2007 Progress Software Corporation 9 INNOV-3: Mashup Basics Non-map Mashups – Book Search

10. © 2007 Progress Software Corporation 10 INNOV-3: Mashup Basics Non-map Mashups – Travel

11. © 2007 Progress Software Corporation 11 INNOV-3: Mashup Basics The AutoEdge Mashups Demonstration

12. © 2007 Progress Software Corporation 12 INNOV-3: Mashup Basics Some Synonyms for “Mashup”  Situational Application  Portal  Dashboard  Composite Application  The new EII  SOBA  The Extended SOA

13. © 2007 Progress Software Corporation 13 INNOV-3: Mashup Basics Architectural Approaches for Mashups  Client-side  Server-side  Server + Client

14. © 2007 Progress Software Corporation 14 INNOV-3: Mashup Basics  HTTP/S – The web standard protocol  RSS – Really Simple Syndication XML format  SOAP – For Web Services (the standard)  REST – For web services (the design pattern) Technologies for Mashups: Protocols

15. © 2007 Progress Software Corporation 15 INNOV-3: Mashup Basics  SOAP – “service oriented” A standard used to implement Web Services invocation Service endpoint with operation embedded in XML Technologies for Mashups: SOAP vs. REST POST http://corp.com/purchasingservice 12345 Operation Read a purchase order using SOAP: Service Endpoint

16. © 2007 Progress Software Corporation 16 INNOV-3: Mashup Basics  REST (Representational State Transfer) – “resource oriented” A “web-style” design pattern, not a standard All services as resources with standard HTTP methods: –POST for Create –GET for Read –PUT for Update –DELETE (i.e. CRUD for the web) Technologies for Mashups: SOAP vs. REST GET http://corp.com/purchase_order/12345 Method Resource Read a purchase order using REST:

17. © 2007 Progress Software Corporation 17 INNOV-3: Mashup Basics Technologies for Mashups: APIs by Protocol Reference: http://www.programmableweb.com/docs/ProgrammableWeb_Web20Expo2007.pdf

18. © 2007 Progress Software Corporation 18 INNOV-3: Mashup Basics  HTML – the standard for web pages  HTML MicroFormats – tags embedded in HTML to identify geo-coded locations and other items of interest  XML – web standard for structured documents  JSON – JavaScript Simple Object Notation Technologies for Mashups: Formats

19. © 2007 Progress Software Corporation 19 INNOV-3: Mashup Basics Reference: http://www.programmableweb.com/docs/ProgrammableWeb_Web20Expo2007.pdf Technologies for Mashups: XML vs. JSON JSON: Fat-free XML?

20. © 2007 Progress Software Corporation 20 INNOV-3: Mashup Basics  Client Code JavaScript (INNOV-7: Building a Richer UI for the Browser - 4pm Tuesday) AJAX (INNOV-10: Getting Started with AJAX - 3pm Wednesday)  Server Code The usual suspects for Web/Application Servers –PHP –Ruby on Rails –JavaScript –Python –Java ™ –WebSpeed ® /ABL Technologies for Mashups: Programming Languages

21. © 2007 Progress Software Corporation 21 INNOV-3: Mashup Basics  Google  Yahoo  Amazon  AOL  Microsoft (Live/Vista)  Netvibes  Pageflakes  Dapper  BungeeLabs Technologies for Mashups: Frameworks/Ecosystems

22. © 2007 Progress Software Corporation 22 INNOV-3: Mashup Basics Technologies for Mashups: Google Welcome to my first gadget! ]]>

23. © 2007 Progress Software Corporation 23 INNOV-3: Mashup Basics Technologies for Mashups: Pageflakes

24. © 2007 Progress Software Corporation 24 INNOV-3: Mashup Basics  Yahoo Pipes – visual programming to mashup the web via hosted service (Google just answered with Google Mashup Editor) Technologies for Mashups: Yahoo

25. © 2007 Progress Software Corporation 25 INNOV-3: Mashup Basics Are there Mashup Standards?  HTML, Web Services, SOAP, XML, etc.  The Non-standard Standards: MicroFormats hCalendar hCard geo

26. © 2007 Progress Software Corporation 26 INNOV-3: Mashup Basics What are the Issues?  Identity Each of Google, Yahoo, AOL, … Enterprise directory Application-specific OpenID  Secure code, especially client JavaScript  Licensing

27. © 2007 Progress Software Corporation 27 INNOV-3: Mashup Basics Why would I want to use a mashup in a business application?  Use Maps!  Make use of business services available as APIs Fedex, D&B, Google, Amazon, … Aggregators: Strikeiron, Xignite  Application integration  Be part of the WWW value chain

28. © 2007 Progress Software Corporation 28 INNOV-3: Mashup Basics The AutoEdge Mashups Implementation

29. © 2007 Progress Software Corporation 29 INNOV-3: Mashup Basics Client-Side Example – Google Map Internet Map API JavaScript

30. © 2007 Progress Software Corporation 30 INNOV-3: Mashup Basics Server-Side Example – RSS & Yahoo Pipes Internet

31. © 2007 Progress Software Corporation 31 INNOV-3: Mashup Basics What should you remember from this session? The Mashup Philosophy BE CREATIVE Use what’s out there plus what you have to make something new of value The simpler, the better Make it available to others as an API; be part of the programmable web

32. © 2007 Progress Software Corporation 32 INNOV-3: Mashup Basics References  Programmable web – www.programmableweb.com www.programmableweb.com  Security - www.fortifysoftware.com/advisory.jspwww.fortifysoftware.com/advisory.jsp  Google - code.google.comcode.google.com  Yahoo – developer.yahoo.comdeveloper.yahoo.com  Amazon - aws.amazon.comaws.amazon.com  MashupCamp - mashupcamp.commashupcamp.com  Progress Software Developers Network (http://psdn.progress.com/)http://psdn.progress.com/ Keywords: “ajax”, “escript”, “webspeed”

33. © 2007 Progress Software Corporation 33 INNOV-3: Mashup Basics Relevant Exchange Sessions  ARCH-8: SaaS Case Study: Re- architecting to take Advantage of the SaaS Business Model (Tuesday 2:00pm)  INNOV-7: Building a Richer UI for the Browser (Tuesday 4:00pm)  INNOV-10: Getting Started with AJAX (Wednesday 3:30pm)

34. © 2007 Progress Software Corporation 34 INNOV-3: Mashup Basics Questions?

35. © 2007 Progress Software Corporation 35 INNOV-3: Mashup Basics Thank you for your time

36. © 2007 Progress Software Corporation 36 INNOV-3: Mashup Basics