Application  Express MashUp by  Simon Boorsma Senior Oracle Professional @ Sogeti Netherlands BV
WebDevelopment Today
Agenda <ul><li>What is a MashUp? </li></ul><ul><li>How can you do this in ApEx? </li></ul><ul><li>Issues </li></ul>
What is a MashUp? <ul><li>Collect and combine data, functionality  and sources for single entry use </li></ul>more >>
MashUp Examples <ul><li>News  […] </li></ul><ul><li>Search and Shopping  […] </li></ul><ul><li>Video & Photo   […] </li></...
MashUp Tooling <ul><li>Dapper  […] </li></ul><ul><li>Yahoo pipes  […] </li></ul><ul><li>Popfly  […] </li></ul>
Why use MashUps? <ul><li>Content enrichment </li></ul><ul><li>Reuse and classification </li></ul><ul><li>Higher user exper...
MashUps & ApEx (1) <ul><li>(Web-) Standards </li></ul><ul><li>Server / client side </li></ul><ul><li>Different techniques ...
MashUps & ApEx (2) <ul><li>Packaged applications  […] </li></ul><ul><li>Professional potential </li></ul>
MashUps & ApEx (3)
MashUps & ApEx (4)
Issues with MashUps <ul><li>Availability </li></ul><ul><li>Quality of Service </li></ul><ul><li>Security </li></ul><ul><li...
Recap <ul><li>MashUp technology benefits </li></ul><ul><ul><li>Enrichment </li></ul></ul><ul><ul><li>Content and functiona...
 
Additional resources <ul><li>Online mashup tools </li></ul><ul><ul><li>www.dapper.net </li></ul></ul><ul><ul><li>pipes.yah...
History of MashUp (1) SELECT ‘  ‘ || ‘  ‘  QuodLibet FROM  DUAL ; / QUODLIBET --------- << back next >>
History of MashUp (2) SELECT REPLACE (  ,  ,  ) BastardPop  FROM  ; / BASTARDPOP ---------- << back next >>
History of MashUp (3) select ggl_pck_map.fn_item_on_map( flc.photo , gmp.map ) MashUp from googlemaps gmp, flicker flc whe...
News MashUp Examples (1) << back next >>
News MashUp Examples (2) << back next >>
News MashUp Examples (3) << back
Search&Shopping MashUp Examples (1) << back
Photo MashUp Examples (1) << back next >>
Photo MashUp Examples (2) << back
MashUp SampleApp(1) << back
MashUp SampleApp(2) << back
Upcoming SlideShare
Loading in...5
×

APEX MashUp

1,324

Published on

22-09-2008 My presentation on Oracle Open World 2008

In this presentation the possibilities and (dis-) advantages of using Oracle Application Express in combination with MashUps are discussed

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,324
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Sogeti Nederland B.V.
  • Sogeti Nederland B.V. Complex A lot going on, different areas web 2.0???? &amp;quot;Your application is not alone“ Bachground information Presentation of a &apos;TagCloud&apos; filled with all relevant today&apos;s webdevelopment terms. This way it is illustrated what a dynamic and interesting world webdevelopment is. ApEx also is part of this webdevelopment world and can benefit of all what is going on! Purpose of this, the webapplication those not stand alone and with the continuesly development of all sorts of api&apos;s there are possibilities to integrate, mashup the webapplications!
  • Sogeti Nederland B.V.
  • Sogeti Nederland B.V. Bachground information This section is to clearify what is meant by a MashUp. In this part of the presentation i will try to give an answer to what is a Mashup, what sorts/genres a there en which Online Resources, MashUp tools are avaliable today (Dapper, Yahoo Pipes) Metafoor – Martini, Shaken Not Stirred - Combine – Gin (sometimes Vodka), Dry White Vermouth (Or Sweet Red Vermouth) with Lemon (Or Olives) - Combine it, Shaken (could be stirred, but Shaken is prefered ;) - Presentation! Parts What is it. Mixing of data and functionality of more then one resource Genres News, search&amp;shopping, video&amp;photo, mapping (coding) Examples News – Google News Online Resources You can create you’re own Dapper, yahoo pipes
  • Sogeti Nederland B.V. Different Genres for MashUps can be distinguised - News, (combining multiple new source in single view, most common) - search&amp;shopping (vergelijksites, search in multiple online stores) - video&amp;photo (facebook, flickr search and combine multiple photo’s of single object – check M$ PhotoSynth - mapping / Google Maps, M$ Virtual Earth - online Tooling - (coding)
  • Also online tooling, how to create your own mashUp, easily - Dapper, screenscraper - Yahoo Pipes (combine multiple sources) - Popfly Sogeti Nederland B.V.
  • Sogeti Nederland B.V. Enrichment because you get actual content (for free) with less effort to keep it up2date By using mashups right, reuse and classification of usefull resources is the goal, which will lead to higher user experience, information otherwise looking for, now presented to them, filtered and sorted by the whole user-community! Benefit of the use of data and functionality from others (Google News) Lots of open-source initiatives
  • Sogeti Nederland B.V. Why the combination with ApEx? - ApEx is a fully RAD Web development framework - Extendible with other web technologies (eg. javascript libaries) - XML power of Oracle XML Db and lots of other oracle-db specific benefits - Out of the box WebService capacity in the ApEx Framework, it can - Extendable Different techniques - Webservices (SOAP/REST) - XML - JavaScript (AjAx) - JSON - API Standards - RSS - ATOM - SOAP / REST - WS-standards
  • Sogeti Nederland B.V. The possibilties for MashUp technology with ApEx came to me, with the demonstartion of the Packaged Apps Examples - Online Store - Youtube integration - RSS viewer - Google Maps - Yahooo Pipes example of Patrick Wolf - currently blogposts about twitter examples Based on this, I saw some professional potential for this and tried to work this out with “Mashing up” the Sample Application - Amazon example (webservices) - Customer details (Flickr photo’s GoogleMaps, JavaScript - Live demonstration, (view all customers in maps) How about developing with webservices in ApEx
  • Example of how to enrich your application by using mashup Shows sampleApp Get additional information from Amazon Mashup, where all product information is shown Sogeti Nederland B.V.
  • Example of how to enrich your application by using mashup Shows sampleApp - Customers Get geographical information from Google Maps Get additional information / pictures from Flickr Mashup, where all customer information is shown Sogeti Nederland B.V.
  • Sogeti Nederland B.V. Of course there are some issues you have to be aware of when using these technologies. Since you are integrating and thereby counting on an third partythere are issues like - availability - quality of service - security - legal? Demonstration of security issues??? Next to this trust also some application security threads are to be addressed, think about Cross Site Scripting (XSS), where it is possible it reaches your application with the Mashup and Cross Site Request Forgery (CSRF, pronounce as CSurf.) Cross-Site Scripting (XSS) XSS is a common attack in which an attacker injects a malicious piece of code into an otherwise benign site. The two basic types of XSS attacks are: - Reflected XSS A reflected XSS attack exploits vulnerable Web applications that display input parameters back to the browser without checking for the presence of active content in them. Typically, an attacker lures victims into clicking on the URL, as shown in Listing 2: - Stored XSS The stored XSS attack has become more important with the prevalence of Web 2.0. Web 2.0 promotes sharing, interaction, and collaboration among people, so users have more chance of seeing other (potentially malicious) users&apos; input through services such as social network services (SNS), wikis, or blogs. In either case, input value validation and sanitization are the key to preventing XSS attacks!!! CSRF and JSON Hijacking Understanding the Effect of Attacks Now that you know how attackers get their code into applications, let&apos;s consider the implications of some of these common attacks. - Stealing Cookies or Passwords - Stealing Keyboard Events with a Key Logger - Inserting Wrong Information Stealing JSONP Messages How to Prevent - Input Validation - Secure the Use of JSON - Use &lt;iframe&gt; When Integrating Distrusted Contents (no access to full DOM page)
  • Sogeti Nederland B.V.
  • Sogeti Nederland B.V.
  • Sogeti Nederland B.V. In music there is term called &apos;quodlibet&apos;. It was thought up in the 16th century and describes a piece of music which combines several different melodies after each after to create a new song. You are literary &amp;quot;quoting&amp;quot; melodies. So if we were to represent this SQL it would look like this. One of the styles for the quodlibet is called a simultaneous quodlibet. This is when two or more pre-existing melodies are combined. Nowadays we would call this a medley.
  • Sogeti Nederland B.V. With the advances in technology last century the possibilities with music grew exponentially. [Verder uitdiepen met bv..] 60’s the taperecorder, 70’s vinyl 80’s samplers 90’s digital editing on your own pc We could now not only use the melody, but the actual sound of a song. Or a part of a song. This became very populair in the underground rap and rock. A nice example of this is… Walk this way.. H ere we are taking a record by Aerosmith and replacing Steve Tyler’s vocals with RunDMC rap. When this started most of the songs were unofficially bits of allready released songs. Hence the name bastardpop.
  • Sogeti Nederland B.V. Offcourse, today there is more possible with our pc’s. We can not only MashUp audio, video, but all media.. Even Web applications…, data and functionality!
  • Sogeti Nederland B.V. Google News actually a very succesfull mashUp - Google News VP estimated in July an extra revenue of $100 mln (No advertising, because of the use of third party resources)
  • Sogeti Nederland B.V. Thanx to Dimitri, A real ApEx News MashUp, combining all blogpost made by the ApEX Community
  • Sogeti Nederland B.V. My own favourite RSS/Atom Reader!
  • Sogeti Nederland B.V. Yahoo! Shopping Search for all sorts products in all sorts of online shops! -Also offering a WebService, so you can build youre own And much more…
  • Sogeti Nederland B.V. PhotoSynth Share and combine pictures of same object, beautiful multiple picture views !
  • Sogeti Nederland B.V. FlickrVision World view of new uploaded pictures on Flickr
  • Sogeti Nederland B.V. Use of amazon’s webservice API - Additional productdetails - Customer Ratings - ProductImage Feature that made Amazon unique ”customers also recommend …”, would that be an idea? Live Demonstration of How to build this in ApEx! An example of a serverside mashup, using webservice/soap calls
  • Sogeti Nederland B.V. Use of Google Maps javascript API and dapper, based on flickr Additional photo information about person Map / Location An example of a clientside mashup, using AJAX and Google JavaScript API
  • APEX MashUp

    1. 1. Application Express MashUp by Simon Boorsma Senior Oracle Professional @ Sogeti Netherlands BV
    2. 2. WebDevelopment Today
    3. 3. Agenda <ul><li>What is a MashUp? </li></ul><ul><li>How can you do this in ApEx? </li></ul><ul><li>Issues </li></ul>
    4. 4. What is a MashUp? <ul><li>Collect and combine data, functionality and sources for single entry use </li></ul>more >>
    5. 5. MashUp Examples <ul><li>News […] </li></ul><ul><li>Search and Shopping […] </li></ul><ul><li>Video & Photo […] </li></ul><ul><li>Mapping […] </li></ul>
    6. 6. MashUp Tooling <ul><li>Dapper […] </li></ul><ul><li>Yahoo pipes […] </li></ul><ul><li>Popfly […] </li></ul>
    7. 7. Why use MashUps? <ul><li>Content enrichment </li></ul><ul><li>Reuse and classification </li></ul><ul><li>Higher user experience </li></ul>
    8. 8. MashUps & ApEx (1) <ul><li>(Web-) Standards </li></ul><ul><li>Server / client side </li></ul><ul><li>Different techniques </li></ul>
    9. 9. MashUps & ApEx (2) <ul><li>Packaged applications […] </li></ul><ul><li>Professional potential </li></ul>
    10. 10. MashUps & ApEx (3)
    11. 11. MashUps & ApEx (4)
    12. 12. Issues with MashUps <ul><li>Availability </li></ul><ul><li>Quality of Service </li></ul><ul><li>Security </li></ul><ul><li>Legal </li></ul>
    13. 13. Recap <ul><li>MashUp technology benefits </li></ul><ul><ul><li>Enrichment </li></ul></ul><ul><ul><li>Content and functionality </li></ul></ul><ul><ul><li>User Experience </li></ul></ul><ul><li>Issues </li></ul><ul><ul><li>Availability </li></ul></ul><ul><ul><li>Quality of Service </li></ul></ul><ul><ul><li>Security </li></ul></ul>
    14. 15. Additional resources <ul><li>Online mashup tools </li></ul><ul><ul><li>www.dapper.net </li></ul></ul><ul><ul><li>pipes.yahoo.com </li></ul></ul><ul><ul><li>www.popfly.com </li></ul></ul><ul><li>Mashup examples </li></ul><ul><ul><li>FlickrVision.com </li></ul></ul><ul><ul><li>PhotoSynth.net </li></ul></ul><ul><li>ApEx mashup example </li></ul><ul><ul><li>www.maxapex.com </li></ul></ul><ul><li>[email_address] </li></ul>
    15. 16. History of MashUp (1) SELECT ‘ ‘ || ‘ ‘ QuodLibet FROM DUAL ; / QUODLIBET --------- << back next >>
    16. 17. History of MashUp (2) SELECT REPLACE ( , , ) BastardPop FROM ; / BASTARDPOP ---------- << back next >>
    17. 18. History of MashUp (3) select ggl_pck_map.fn_item_on_map( flc.photo , gmp.map ) MashUp from googlemaps gmp, flicker flc where flc.position = gmp.position; / MASHUP ------ << back
    18. 19. News MashUp Examples (1) << back next >>
    19. 20. News MashUp Examples (2) << back next >>
    20. 21. News MashUp Examples (3) << back
    21. 22. Search&Shopping MashUp Examples (1) << back
    22. 23. Photo MashUp Examples (1) << back next >>
    23. 24. Photo MashUp Examples (2) << back
    24. 25. MashUp SampleApp(1) << back
    25. 26. MashUp SampleApp(2) << back

    ×