×
Namespaces

Variants
Actions
(Difference between revisions)

Whitecap a mashup widget

From Nokia Developer Wiki
Jump to: navigation, search
hamishwillee (Talk | contribs)
m (Bot change of links to internal format.)
hamishwillee (Talk | contribs)
m (Hamishwillee - Bot update - Add ArticleMetaData)
 
(3 intermediate revisions by one user not shown)
Line 1: Line 1:
 +
{{ArticleMetaData <!-- v1.2 -->
 +
|sourcecode= [[Media:Whitecap.zip]]
 +
|installfile= <!-- Link to installation file (e.g. [[Media:The Installation File.sis]]) -->
 +
|devices= <!-- Devices tested against - e.g. ''devices=Nokia 6131 NFC, Nokia C7-00'') -->
 +
|sdk= <!-- SDK(s) built and tested against (e.g. [http://linktosdkdownload/ Qt SDK 1.1.4]) -->
 +
|platform= <!-- Compatible platforms - e.g. Symbian^1 and later, Qt 4.6 and later -->
 +
|devicecompatability= <!-- Compatible devices e.g.: All* (must have internal GPS) -->
 +
|dependencies= <!-- Any other/external dependencies e.g.: Google Maps Api v1.0 -->
 +
|signing= <!-- Signing requirements - empty or one of: Self-Signed, DevCert, Manufacturer -->
 +
|capabilities= <!-- Capabilities required by the article/code example (e.g. Location, NetworkServices. -->
 +
|keywords= <!-- APIs, classes and methods (e.g. QSystemScreenSaver, QList, CBase -->
 +
|language= <!-- Language category code for non-English topics - e.g. Lang-Chinese -->
 +
|translated-by= <!-- [[User:XXXX]] -->
 +
|translated-from-title= <!-- Title only -->
 +
|translated-from-id= <!-- Id of translated revision -->
 +
|review-by= <!-- After re-review: [[User:username]] -->
 +
|review-timestamp= <!-- After re-review: YYYYMMDD -->
 +
|update-by= <!-- After significant update: [[User:username]]-->
 +
|update-timestamp= <!-- After significant update: YYYYMMDD -->
 +
|creationdate= 20090724
 +
|author= [[User:Isalento]]
 +
}}
 
[[Category:Symbian Web Runtime]]
 
[[Category:Symbian Web Runtime]]
S60 web runtime allows AJAX request to be sent to different hosts, i.e. no same-server-policy, which makes it a great platform for [http://en.wikipedia.org/wiki/Mashup_(web_application_hybrid) mashup services]. This article shows how a simple mashup widget can be created by using [http://apiwiki.twitter.com/ Twitter] and [http://apidoc.digg.com/ Digg] web APIs.  
+
S60 web runtime allows AJAX request to be sent to different hosts, i.e. no same-server-policy, which makes it a great platform for [http://en.wikipedia.org/wiki/Mashup_(web_application_hybrid) mashup services]. This article shows how a simple mashup widget can be created by using [https://dev.twitter.com/ Twitter] and [http://apidoc.digg.com/w/page/17759000/FrontPage Digg] web APIs.  
  
 
Idea behind this widget. People tweet about interesting new hot topics on twitter. These buzz words can then be obtained trough twitter APIs as a “trends”. However, you do not often know why certain word is mentioned. To get full picture, an article search from Digg is executed. Now you have the full picture what is happening in the world and why on earth, people are going to San Diego (well the reason is apparently Comic Con :) )   
 
Idea behind this widget. People tweet about interesting new hot topics on twitter. These buzz words can then be obtained trough twitter APIs as a “trends”. However, you do not often know why certain word is mentioned. To get full picture, an article search from Digg is executed. Now you have the full picture what is happening in the world and why on earth, people are going to San Diego (well the reason is apparently Comic Con :) )   
  
The most of the widget UI is based on [http://www.forum.nokia.com/info/sw.nokia.com/id/5d9cd41a-7438-495a-9a46-7470e7ec8576/Nokia_Mobile_Web_Templates.html Nokia Mobile Web Templates]. This widget also includes a hacked version of the accordion list that supports multiple DD-tags.  
+
The most of the widget UI is based on [http://www.developer.nokia.com/info/sw.nokia.com/id/5d9cd41a-7438-495a-9a46-7470e7ec8576/Nokia_Mobile_Web_Templates.html Nokia Mobile Web Templates]. This widget also includes a hacked version of the accordion list that supports multiple DD-tags.  
  
 
[[File:Whitecap.png]]
 
[[File:Whitecap.png]]
Line 19: Line 41:
 
http://chris.photobooks.com/json/default.htm
 
http://chris.photobooks.com/json/default.htm
 
[[Category:Symbian Web Runtime]]
 
[[Category:Symbian Web Runtime]]
 +
[[Category:Code Examples]]

Latest revision as of 09:33, 26 July 2012

Article Metadata
Code Example
Source file: Media:Whitecap.zip
Article
Created: isalento (24 Jul 2009)
Last edited: hamishwillee (26 Jul 2012)

S60 web runtime allows AJAX request to be sent to different hosts, i.e. no same-server-policy, which makes it a great platform for mashup services. This article shows how a simple mashup widget can be created by using Twitter and Digg web APIs.

Idea behind this widget. People tweet about interesting new hot topics on twitter. These buzz words can then be obtained trough twitter APIs as a “trends”. However, you do not often know why certain word is mentioned. To get full picture, an article search from Digg is executed. Now you have the full picture what is happening in the world and why on earth, people are going to San Diego (well the reason is apparently Comic Con :) )

The most of the widget UI is based on Nokia Mobile Web Templates. This widget also includes a hacked version of the accordion list that supports multiple DD-tags.

Whitecap.png

Please feel free to improve the Widget. It still has many usability issues, but at least I find it useful. File:Whitecap.zip

If you are now interested on creating your own mashup, navigate to following address and go crazy with the APIs

http://www.programmableweb.com/

If you have problems decrypting the JSON that is retuned by the Restful web service, search for JSON visualization tools like:

http://chris.photobooks.com/json/default.htm

This page was last modified on 26 July 2012, at 09:33.
56 page views in the last 30 days.
×