[JavaOne 2010] Abstract Mashups for Enterprise Java

Abstract Mashups
for Enterprise Java
Ed Burns
Hazem Saleh

AGENDA
1 What is mashability?

How does mashability influence the success of a venture for
2 both the public and enterprise.

3 Enterprise mashups.

4 Mashups development current challenges.

5 Mashup application idea.

6 What is Mashups4JSF?

7 Building the mashup application using Mashups4JSF.

8 Conclusion

Mashability

adjective
The property of a software system to be re-used in contexts
not imagined at the time the system was first deployed

Mashability is a matter of degree

Not just embedding

It's possible for software to only have superficial mashability

Mashability
Ease of performing the mashup

Twitter, yammer,
etc.

Browser
AS/400 extensions
Flash/Applet

Sy Sc In Pr D Sy
to ste re A str pl ov ec en ste
m pr m en O um ug id or co m
a s e v de sc P en in e a at ur d e
ha e si ra io
pi tw n ag si
bi nt gn ng ith e gn
lit ed m ed
y as t
ha o
Kind of mashup technique bi
lit
y

How does mashability influence the
success of a software venture?
General Public Enterprise

Ø Create alternate Ø Extend the ROI on IT
revenue streams Ø Spreads skills more
Ø Co-optition broadly throughout
Ø It fits reality: the enterprise
successful Ø Encourages re-
ventures derive usable software
success from development
different areas over
time

Enterprise Mashups

● Example: twitter
● Twitter designed from day one to be mashable
● Explosive growth fueled by ease of mashability
● But how many of the mashups are focused on use
within an enterprise?

Enterprise Mashups

● Example: yammer
● nano-pitch: twitter for Enterprise
● Featured in recent Economist magazine technology
quarterly
● https://www.yammer.com/about/applications

Mashups Development
current challenges
There is no unified model agreed by all the mashup
service providers for mashup service creation and
consumption.

Different representation of mashup
services
SOAP REST

Different protocols of mashup services

ATOM RSS JSON Others

Mashups Development
current challenges

Intensive JavaScript.

Atom Feed Parsing.

RSS Feed Parsing.

JSON Parsing.

Other formats Parsing.

Mashups Development
current challenges

Study low level APIs of the
Mashup service provider.

Write a great deal of
integration code.

Mashup Application Idea

Building the application using The
Mashup Service APIs

[JavaOne 2010] Abstract Mashups for Enterprise Java

Step 1: Go to the youTube API documentation site for getting the REST search URL
and search parameters:
http://code.google.com/apis/youtube/2.0/developers_guide_protocol_api_query_p

Open a URL Connection to the youTube Search URL:
Step 2:
http://gdata.youtube.com/feeds/api/videos?alt=rss&v=2&max-results=5&q
=#{param}

Where

1. alt indicates the feed format to be returned.
2. v indicates the API version to be used.
3. max-results indicates the maximum number of returned results.
4. q indicates the query to search by.

Open a URL Connection to the youTube Search URL:
Step 2:
http://gdata.youtube.com/feeds/api/videos?alt=rss&v=2&max-results=5&q
The rss feed for a single video item
Step 3: =#{param}

<?xml version='1.0' encoding='UTF-8'?>
<rss ...>
<channel>
...
<item>
<guid isPermaLink='false'>tag:youtube.com,2008:video:5EFb77oGRmo</guid>
<pubDate>Mon, 11 Jun 2007 20:39:55 +0000</pubDate>
<atom:updated>2010-08-22T06:05:23.000Z</atom:updated>
<category domain='http://schemas.google.com/g/2005#kind'>
http://gdata.youtube.com/schemas/2007#video
</category>
<title>JavaOne: Open Possibilities</title>
<link>http://www.youtube.com/watch?v=5EFb77oGRmo&feature=youtube_gdata</link>
<author>SunMicrosystemsInc</author>
<yt:accessControl action='comment' permission='moderated'/>
<yt:accessControl action='videoRespond' permission='moderated'/>
<yt:accessControl action='rate' permission='allowed'/>
<yt:accessControl action='embed' permission='allowed'/>
<yt:accessControl action='syndicate' permission='allowed'/>
<yt:accessControl action='commentVote' permission='allowed'/>
<gd:comments>
<gd:feedLink href='http://gdata.youtube.com/feeds/api/videos/5EFb77oGRmo/comments?v=2'
countHint='2'/>
</gd:comments>
<media:group>
<media:title type='plain'>JavaOne: Open Possibilities</media:title>
<yt:duration seconds='114'/>
<yt:uploaded>2007-06-11T20:39:55.000Z</yt:uploaded>
<yt:videoid>5EFb77oGRmo</yt:videoid>
...
</media:group>
...
</item>
...
</channel>
</rss>

Go to the Twitter API documentation site for getting the REST search URL
Step 1: and search parameters:
http://apiwiki.twitter.com/Twitter-API-Documentation

Open a URL Connection to the twitter Search URL:
Step 2: http://apiwiki.twitter.com/Twitter-API-Documentation
http://search.twitter.com/search.json?q=#{param}&rpp=10

Where:

1. q indicates the query to search by.

2. rpp indicates the number of tweets per page.

Open a URL Connection to the twitter Search URL:
Step 2: http://apiwiki.twitter.com/Twitter-API-Documentation
http://search.twitter.com/search.json?q=#{param}&rpp=10
The JSON feed for a single tweet
Step 3:

{"results":
[
{
"profile_image_url":"http://a1.twimg.com/profile_images/598447517/
twitterProfilePhoto_normal.jpg",
"created_at":"Mon, 23 Aug 2010 22:33:30 +0000",
"from_user":"jamesfarrar",
"metadata":{"result_type":"recent"},
"to_user_id":null,
"text":"RT @oracleopenworld: Larry Ellison to Join EVP Thomas Kurian in
JavaOne Keynote to Discuss Future of Java http://bit.ly/ausg7I #javaone10",
"id":21948746363,
"from_user_id":23963,
"geo":null,
"iso_language_code":"en",
"source":"<a href="http://www.tweetdeck.com"
rel="nofollow">TweetDeck</a>"
}
],
"max_id":21948746363,
"since_id":0,
"refresh_url":"?since_id=21948746363&q=javaone",
"next_page":"?page=2&max_id=21948746363&rpp=1&q=javaone",
"results_per_page":1,"page":1,
"completed_in":0.016396,"query":"javaone"
}

Step 1: Go to the Google Maps API documentation site for creating the map:
http://code.google.com/apis/maps/documentation/javascript

Step 1: Go to the Google Maps API documentation site for creating the map:
Step 2: http://code.google.com/apis/maps/documentation/javascript
Write a JS code

<script type="text/javascript">
// Google Maps code ...
if (GBrowserIsCompatible()) {
var address = "NY, USA";
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(24, 15), 13);
var geocoder = new GClientGeocoder();
geocoder.getLatLng(address,
function(location) {
if (!location) {
alert(location + " not found");
} else {
map.setCenter(location, 13);
marker.openInfoWindow(address);

map.addOverlay(marker);

}
}
● );

//add the map control.
var mapControlPosition = new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,
10));
map.addControl(new GLargeMapControl(), mapControlPosition);
}
</script>

Many Web Sites To Visit
Much Documentation To Read

<script type="text/javascript">
// Google Maps code ...
if (GBrowserIsCompatible()) {
{"results": = "NY, USA";
var address
[var map
{
= new GMap2(document.getElementById("map"));
Many Configurations to Do
map.setCenter(new GLatLng(24, 15), 13);
var geocoder...> "profile_image_url":"http://a1.twimg.com/profile_images/598447517/
<rss = new GClientGeocoder();
geocoder.getLatLng(address, twitterProfilePhoto_normal.jpg",
<channel> "created_at":"Mon, 23 Aug 2010 22:33:30 +0000",
function(location) {
<item>
"from_user":"jamesfarrar",
if (!location) {
<guid isPermaLink='false'>tag:youtube.com,2008:video:5EFb77oGRmo</guid>
"metadata":{"result_type":"recent"},
alert(location + " not found");
<pubDate>Mon, 11 Jun 2007 20:39:55 +0000</pubDate>
"to_user_id":null,
} else {
<atom:updated>2010-08-22T06:05:23.000Z</atom:updated>
"text":"RT @oracleopenworld:
map.setCenter(location, 13); Larry Ellison to Join EVP Thomas Kurian in
<category domain='http://schemas.google.com/g/2005#kind'>
JavaOne Keynote to Discuss Future of Java http://bit.ly/ausg7I
http://gdata.youtube.com/schemas/2007#video
#javaone10",
marker.openInfoWindow(address);
</category>
"id":21948746363,
<title>JavaOne: Open Possibilities</title>
"from_user_id":23963,
map.addOverlay(marker);
<link>http://www.youtube.com/watch?v=5EFb77oGRmo&feature=youtube_gdata</link>
"geo":null,
<author>SunMicrosystemsInc</author>
"iso_language_code":"en",

Much Code to Write during project construction
} <yt:accessControl action='comment' permission='moderated'/>
} "source":"<a href="http://www.tweetdeck.com"
<yt:accessControl action='videoRespond' permission='moderated'/>
rel="nofollow">TweetDeck</a>"
); <yt:accessControl action='rate' permission='allowed'/>
}
<yt:accessControl action='embed' permission='allowed'/>

and maintenance
],
//add the map control.
<yt:accessControl action='syndicate' permission='allowed'/>
"max_id":21948746363,
var mapControlPosition = new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new
<yt:accessControl action='commentVote' permission='allowed'/>
GSize(10, 10)); "since_id":0,
<gd:comments>
"refresh_url":"?since_id=21948746363&q=javaone",
map.addControl(new GLargeMapControl(), mapControlPosition);
<gd:feedLink href='http://gdata.youtube.com/feeds/api/videos/5EFb77oGRmo/comments?v=2'
"next_page":"?page=2&max_id=21948746363&rpp=1&q=javaone",
countHint='2'/>
"results_per_page":1,"page":1,
} </gd:comments>
</script> "completed_in":0.016396,"query":"javaone"
} <media:group>
<media:title type='plain'>JavaOne: Open Possibilities</media:title>
<yt:duration seconds='114'/>
<yt:uploaded>2007-06-11T20:39:55.000Z</yt:uploaded>
<yt:videoid>5EFb77oGRmo</yt:videoid>
...
</media:group>
</item>
...
</channel>
</rss>

What is Mashups4JSF

Simplify JSF
Feed Import Components
API Export
Wrapper

Provides feed reader set of JSF
Provides a
One of the possible setcomponents for
Provides a of APIs components that
ways for simplifying the low different the JSF
that wraps reading allows
level information feeds and the construct
mashup development types of ofdeveloper to
in the JavaMashup@Feed annotation for
World services. rich and customized
exporting applicationinside the
mashups
data as mashup feeds.page.
web

Building the mashup application using
Mashups4JSF.

<m:map />
<mashup:
twitterSearchList />
<mashup:
youTubeVideoList />

<mashup:
yahooWeather />

Demo

● This demo runs on GlassFish, Tomcat.
● Also runs on Google App Engine:
http://bit.ly/mashups4jsfGAE

Conclusion
Mashups are important.

Having a mashup meta-model gives developers a lot of
power.

Key ingredients for a mashup meta-model:

Mashup integration happens on the server.

There is a declarative syntax for describing the mashup:

This syntax includes a suitably powerful component abstraction
model.

There is a powerful programming language that works
closely with the declarative syntax.
Hide the lower level APIs offered by the mashup service
providers.

References

● Project Home:
http://code.google.com/p/mashups4jsf/
● Project Demo:
http://www.mashups4jsf.com
● Mashups4JSF article on developerWorks (on
WebSphere Application Server and Tomcat):
http://bit.ly/9YLOhT

[JavaOne 2010] Abstract Mashups for Enterprise Java

More Related Content

Similar to [JavaOne 2010] Abstract Mashups for Enterprise Java (20)

More from Hazem Saleh (15)

Recently uploaded (20)

[JavaOne 2010] Abstract Mashups for Enterprise Java