The Mashup Component Description Language
0 likes2,876 views
The document describes the Mashup Component Description Language (MCDL), a language for describing web mashup components and their interfaces in a technology-independent way. MCDL uses JSON to define a meta-model that captures properties like tasks, events, I/O parameters, and wrapper types to integrate different technologies. This allows components to be discovered, composed and executed across platforms.
![JavaScript
Object
Nota3on
(JSON)
MCDL
{ "Interface": {
"name":"",
"input": [
{"name": "", "value": ""}
"property":[ ]
{"name":"", "value":"" }],
}],
"datasource_wrapper": [
"task": [ {"type":"", "name":"",
{"name": "", "input": [
"description":"", {"name": "", "value": ""}
"input": [ ]
{"name": "", "value": "", }],
"type": "" | "mime-type": ""}
], "widget_wrapper": [
"output": [ {"type":"", name":"",
{"name": "", "value": "",
"input": [
"type": "" | "mime-type": ""} {"name": "", "value": ""}
] ]
}], }],
"event": [ "mapper": [
{"name": "", "description":"", {"source" : ["ref"],
"output": [ "destination" : [{"name":"ref",
{"name": "", "value": "", "correspond":"ref" |
"type": "" | "mime-type": ""} "template":"" |
] "parser":{ "language":"",
}] "query":""}}]
}, }]
}}
"service_wrapper": [
{"type":"", "name":"",
35](https://image.slidesharecdn.com/talk-111205175756-phpapp01/85/The-Mashup-Component-Description-Language-35-320.jpg)
![JSON
Schema
"input": [
"service_wrapper": [
{ "Interface": {
"input": [ "name":"", ""}
{"type":"", "", "value":
{"name":
"name":"",
"property":[ "input": [ "", "value": ""}
]
{"name":
}], ]
{"name": "", "value": ""}
{"name":"", "value":""
}], ]
}],
"datasource_wrapper": [
}],
"datasource_wrapper": [
{"type":"", "name":"",
"task": [
"input": [
{"type":"", "name":"",
"datasource_wrapper": [
{"name": "",
"input": [ "name":"", ""}
{"type":"", "", "value":
{"name":
"description":"",
]
{"name": "", "value": ""}
"input": [
"input": [
}], ]
{"name": "", "value": ""}
{"name": "", "value": "",
}], ]
"type": "" | "mime-type": ""}
"widget_wrapper": [
}],
],
"widget_wrapper": [
{"type":"", name":"",
"output": [
{"type":"", name":"",
"widget_wrapper": [
{"name": "", "value": "",
"input": [ name":"",
{"type":"",
"input": [
{"name": "", "value": ""}
"type": "" | "mime-type": ""}
]
{"name": "", "value": ""}
"input": [
]
}], ]
{"name": "", "value": ""}
}],
}], ]
"event": [ }],
"mapper": [
{"name": "", "description":"",
"mapper": [: ["ref"],
{"source"
"output": [
{"source" : ["ref"],
"destination" : [{"name":"ref",
{"name": "", "value": "",
"destination" : [{"name":"ref",
"correspond":"ref" |
"type": "" | "mime-type": ""}
"correspond":"ref" |
"template":"" |
]
"template":"" |
"parser":{ "language":"",
}]
"parser":{ "language":"",
"query":""}}]
},
}] "query":""}}]
}} }]
}}
36](https://image.slidesharecdn.com/talk-111205175756-phpapp01/85/The-Mashup-Component-Description-Language-36-320.jpg)
![Technology
Independent
{ "Interface": { "service_wrapper": [
"name":"", {"type":"", "name":"",
"property":[
{"name":"", "value":"" "input": [
}], {"name": "", "value": ""}
]
"task": [ }],
{"name": "",
"description":"", "datasource_wrapper": [
"input": [ {"type":"", "name":"",
{"name": "", "value": "", "input": [
"type": "" | "mime-type": ""} {"name": "", "value": ""}
], ]
"output": [ }],
{"name": "", "value": "",
"widget_wrapper": [
"type": "" | "mime-type": ""} {"type":"", name":"",
]
}], "input": [
{"name": "", "value": ""}
"event": [ ]
{"name": "", "description":"", }],
"output": [
{"name": "", "value": "", "mapper": [
"type": "" | "mime-type": ""} {"source" : ["ref"],
] "destination" : [{"name":"ref",
}] "correspond":"ref" |
}, "template":"" |
"parser":{ "language":"",
"query":""}}]
}]
}} 39](https://image.slidesharecdn.com/talk-111205175756-phpapp01/85/The-Mashup-Component-Description-Language-39-320.jpg)
![Technology
Dependent
"input": [
"service_wrapper": [
{ "Interface": {
"input": [ "name":"", ""}
{"type":"", "", "value":
{"name":
"name":"",
"property":[ "input": [ "", "value": ""}
]
{"name":
}], ]
{"name": "", "value": ""}
{"name":"", "value":""
}], ]
}],
"datasource_wrapper": [
}],
"datasource_wrapper": [
{"type":"", "name":"",
"task": [
"input": [
{"type":"", "name":"",
"datasource_wrapper": [
{"name": "",
"input": [ "name":"", ""}
{"type":"", "", "value":
{"name":
"description":"",
]
{"name": "", "value": ""}
"input": [
"input": [
}], ]
{"name": "", "value": ""}
{"name": "", "value": "",
}], ]
"type": "" | "mime-type": ""}
"widget_wrapper": [
}],
],
"widget_wrapper": [
{"type":"", name":"",
"output": [
{"type":"", name":"",
"widget_wrapper": [
{"name": "", "value": "",
"input": [ name":"",
{"type":"",
"input": [
{"name": "", "value": ""}
"type": "" | "mime-type": ""}
]
{"name": "", "value": ""}
"input": [
]
}], ]
{"name": "", "value": ""}
}],
}], ]
"event": [ }],
"mapper": [
{"name": "", "description":"",
"mapper": [: ["ref"],
{"source"
"output": [
{"source" : ["ref"],
"destination" : [{"name":"ref",
{"name": "", "value": "",
"destination" : [{"name":"ref",
"correspond":"ref" |
"type": "" | "mime-type": ""}
"correspond":"ref" |
"template":"" |
]
"template":"" |
"parser":{ "language":"",
}]
"parser":{ "language":"",
"query":""}}]
},
}] "query":""}}]
}} }]
}}
41](https://image.slidesharecdn.com/talk-111205175756-phpapp01/85/The-Mashup-Component-Description-Language-41-320.jpg)
![MCDL
for
TwiCer
API
{ "Interface": {
"name":"Twitter APIs", "input": [
"property":[ {"name": "", "value": ""}
{"version":"1" ]
}], }],
"service_wrapper": [
"task": [ "datasource_wrapper": [
{"type":"HTTP/REST",
{"name": "search", {"type":"", "name":"",
"name":"twitter_wrapper",
"description":"Allows you to search "input": [ [
"input":
for tweets based on a keyword", {"name": "", "value": ""}
{"name": "method",
"input": [ ]"value": "GET"}
{"name": "query", }], ]
"value": "USI", }],
"type": "String"} "widget_wrapper": [
], {"type":"", name":"",
"output": [
{"name": "tweets", "input": [
{"name": "", "value": ""}
"mime-type": "JSON"} ]
] }],
}],
"mapper": [
"mapper": [
}, {"source" : ["ref"],
{"source" : ["search.query"],
"destination" : [{"name":"ref",
"destination" :
"correspond":"ref" |
[{"name":"twitter_wrapper.URL",
"template":"" |
"template":"http://
"parser":{ "language":"",
search.twitter.com/search.json?
"query":""}}]
q={search.query}" |
}]
}]
}}
}]
}}
43](https://image.slidesharecdn.com/talk-111205175756-phpapp01/85/The-Mashup-Component-Description-Language-43-320.jpg)
![MCDL
for
TwiCer
API
{ "Interface": {
"name":"Twitter APIs", "input": [
"property":[ {"name": "", "value": ""}
{"version":"1" ]
}], }],
"service_wrapper": [
"task": [ "datasource_wrapper": [
{"type":"HTTP/REST",
{"name": "search", {"type":"", "name":"",
"name":"twitter_wrapper",
"description":"Allows you to search "input": [ [
"input":
for tweets based on a keyword", {"name": "", "value": ""}
{"name": "method",
"input": [ ]"value": "GET"}
{"name": "query", }], ]
"value": "USI", }],
"type": "String"} "widget_wrapper": [
], {"type":"", name":"",
"output": [
{"name": "tweets", "input": [
{"name": "", "value": ""}
"mime-type": "JSON"} ]
] }],
}],
"mapper": [
"mapper": [
}, {"source" : ["ref"],
{"source" : ["search.query"],
"destination" : [{"name":"ref",
"destination" :
"correspond":"ref" |
[{"name":"twitter_wrapper.URL",
"template":"" |
"template":"http://
"parser":{ "language":"",
search.twitter.com/search.json?
"query":""}}]
q={search.query}" |
}]
}]
}}
}]
}}
44](https://image.slidesharecdn.com/talk-111205175756-phpapp01/85/The-Mashup-Component-Description-Language-44-320.jpg)
![MCDL
for
TwiCer
API
{ "Interface": {
"name":"Twitter APIs", "input": [
"property":[ {"name": "", "value": ""}
{"version":"1" ]
}], }],
"service_wrapper": [
"task": [ "datasource_wrapper": [
{"type":"HTTP/REST",
{"name": "search", {"type":"", "name":"",
"name":"twitter_wrapper",
"description":"Allows you to search "input": [ [
"input":
for tweets based on a keyword", {"name": "", "value": ""}
{"name": "method",
"input": [ ]"value": "GET"}
{"name": "query", }], ]
"value": "USI", }],
"type": "String"} "widget_wrapper": [
], {"type":"", name":"",
"output": [
{"name": "tweets", "input": [
{"name": "", "value": ""}
"mime-type": "JSON"} ]
] }],
}],
"mapper": [
"mapper": [
}, {"source" : ["ref"],
{"source" : ["search.query"],
"destination" : [{"name":"ref",
"destination" :
"correspond":"ref" |
[{"name":"twitter_wrapper.URL",
"template":"" |
"template":"http://
"parser":{ "language":"",
search.twitter.com/search.json?
"query":""}}]
q={search.query}" |
}]
}]
}}
}]
}}
45](https://image.slidesharecdn.com/talk-111205175756-phpapp01/85/The-Mashup-Component-Description-Language-45-320.jpg)
![MCDL
for
TwiCer
API
{ "Interface": {
"name":"Twitter APIs", "input": [
"property":[ {"name": "", "value": ""}
{"version":"1" ]
}], }],
"service_wrapper": [
"task": [ "datasource_wrapper": [
{"type":"HTTP/REST",
{"name": "search", {"type":"", "name":"",
"name":"twitter_wrapper",
"description":"Allows you to search "input": [ [
"input":
for tweets based on a keyword", {"name": "", "value": ""}
{"name": "method",
"input": [ ]"value": "GET"}
{"name": "query", }], ]
"value": "USI", }],
"type": "String"} "widget_wrapper": [
], {"type":"", name":"",
"output": [
{"name": "tweets", "input": [
{"name": "", "value": ""}
"mime-type": "JSON"} ]
] }],
}],
"mapper": [
"mapper": [
}, {"source" : ["ref"],
{"source" : ["search.query"],
"destination" : [{"name":"ref",
"destination" :
"correspond":"ref" |
[{"name":"twitter_wrapper.URL",
"template":"" |
"template":"http://
"parser":{ "language":"",
search.twitter.com/search.json?
"query":""}}]
q={search.query}" |
}]
}]
}}
}]
}}
46](https://image.slidesharecdn.com/talk-111205175756-phpapp01/85/The-Mashup-Component-Description-Language-46-320.jpg)
![MCDL
for
TwiCer
API
{ "Interface": {
"name":"Twitter APIs", "input": [
"property":[ {"name": "", "value": ""}
{"version":"1" ]
}], }],
"service_wrapper": [
"task": [ "datasource_wrapper": [
{"type":"HTTP/REST",
{"name": "search", {"type":"", "name":"",
"name":"twitter_wrapper",
"description":"Allows you to search "input": [ [
"input":
for tweets based on a keyword", {"name": "", "value": ""}
{"name": "method",
"input": [ ]"value": "GET"}
{"name": "query", }], ]
"value": "USI", }],
"type": "String"} "widget_wrapper": [
], {"type":"", name":"",
"output": [
{"name": "tweets", "input": [
{"name": "", "value": ""}
"mime-type": "JSON"} ]
] }],
}],
"mapper": [
"mapper": [
}, {"source" : ["ref"],
{"source" : ["search.query"],
"destination" : [{"name":"ref",
"destination" :
"correspond":"ref" |
[{"name":"twitter_wrapper.URL",
"template":"" |
"template":"http://
"parser":{ "language":"",
search.twitter.com/search.json?
"query":""}}]
q={search.query}" |
}]
}]
}}
}]
}}
47](https://image.slidesharecdn.com/talk-111205175756-phpapp01/85/The-Mashup-Component-Description-Language-47-320.jpg)
![MCDL
for
TwiCer
API
{ "Interface": {
"name":"Twitter APIs", "input": [
"property":[ {"name": "", "value": ""}
{"version":"1" ]
}], }],
"service_wrapper": [
"task": [ "datasource_wrapper": [
{"type":"HTTP/REST",
{"name": "search", {"type":"", "name":"",
"name":"twitter_wrapper",
"description":"Allows you to search "input": [ [
"input":
for tweets based on a keyword", {"name": "", "value": ""}
{"name": "method",
"input": [ ]"value": "GET"}
{"name": "query", }], ]
"value": "USI", }],
"type": "String"} "widget_wrapper": [
], {"type":"", name":"",
"output": [
{"name": "tweets", "input": [
{"name": "", "value": ""}
"mime-type": "JSON"} ]
] }],
}],
"mapper": [
"mapper": [
}, {"source" : ["ref"],
{"source" : ["search.query"],
"destination" : [{"name":"ref",
"destination" :
"correspond":"ref" |
[{"name":"twitter_wrapper.URL",
"template":"" |
"template":"http://
"parser":{ "language":"",
search.twitter.com/search.json?
"query":""}}]
q={search.query}" |
}]
}]
}}
}]
}}
48](https://image.slidesharecdn.com/talk-111205175756-phpapp01/85/The-Mashup-Component-Description-Language-48-320.jpg)
![MCDL
for
TwiCer
API
{ "Interface": {
"name":"Twitter APIs", "input": [
"property":[ {"name": "", "value": ""}
{"version":"1" ]
}], }],
"service_wrapper": [
"task": [ "datasource_wrapper": [
{"type":"HTTP/REST",
{"name": "search", {"type":"", "name":"",
"name":"twitter_wrapper",
"description":"Allows you to search "input": [ [
"input":
for tweets based on a keyword", {"name": "", "value": ""}
{"name": "method",
"input": [ ]"value": "GET"}
{"name": "query", }], ]
"value": "USI", }],
"type": "String"} "widget_wrapper": [
], {"type":"", name":"",
"output": [
{"name": "tweets", "input": [
{"name": "", "value": ""}
"mime-type": "JSON"} ]
] }],
}],
"mapper": [
"mapper": [
}, {"source" : ["ref"],
{"source" : ["search.query"],
"destination" : [{"name":"ref",
"destination" :
"correspond":"ref" |
[{"name":"twitter_wrapper.URL",
"template":"" |
"template":"http://
"parser":{ "language":"",
search.twitter.com/search.json?
"query":""}}]
q={search.query}" |
}]
}]
}}
}]
}}
49](https://image.slidesharecdn.com/talk-111205175756-phpapp01/85/The-Mashup-Component-Description-Language-49-320.jpg)
![MCDL
for
TwiCer
API
{ "Interface": {
"name":"Twitter APIs", "input": [
"property":[ {"name": "", "value": ""}
{"version":"1" ]
}], }],
"service_wrapper": [
"task": [ "datasource_wrapper": [
{"type":"HTTP/REST",
{"name": "search", {"type":"", "name":"",
"name":"twitter_wrapper",
"description":"Allows you to search "input": [ [
"input":
for tweets based on a keyword", {"name": "", "value": ""}
{"name": "method",
"input": [ ]"value": "GET"}
{"name": "query", }], ]
"value": "USI", }],
"type": "String"} "widget_wrapper": [
], {"type":"", name":"",
"output": [
{"name": "tweets", "input": [
{"name": "", "value": ""}
"mime-type": "JSON"} ]
] }],
}],
"mapper": [
"mapper": [
}, {"source" : ["ref"],
{"source" : ["search.query"],
"destination" : [{"name":"ref",
"destination" :
"correspond":"ref" |
[{"name":"twitter_wrapper.URL",
"template":"" |
"template":"http://
"parser":{ "language":"",
search.twitter.com/search.json?
"query":""}}]
q={search.query}" |
}]
}]
}}
}]
}}
50](https://image.slidesharecdn.com/talk-111205175756-phpapp01/85/The-Mashup-Component-Description-Language-50-320.jpg)
![MCDL
for
TwiCer
API
{ "Interface": {
"name":"Twitter APIs", "input": [
"property":[ {"name": "", "value": ""}
{"version":"1" ]
}], }],
"service_wrapper": [
"task": [ "datasource_wrapper": [
{"type":"HTTP/REST",
{"name": "search", {"type":"", "name":"",
"name":"twitter_wrapper",
"description":"Allows you to search "input": [ [
"input":
for tweets based on a keyword", {"name": "", "value": ""}
{"name": "method",
"input": [ ]"value": "GET"}
{"name": "query", }], ]
"value": "USI", }],
"type": "String"} "widget_wrapper": [
], {"type":"", name":"",
"output": [
{"name": "tweets", "input": [
{"name": "", "value": ""}
"mime-type": "JSON"} ]
] }],
}],
"mapper": [
"mapper": [
}, {"source" : ["ref"],
{"source" : ["search.query"],
"destination" : [{"name":"ref",
"destination" :
"correspond":"ref" |
[{"name":"twitter_wrapper.URL",
"template":"" |
"template":"http://
"parser":{ "language":"",
search.twitter.com/search.json?
"query":""}}]
q={search.query}" |
}]
}]
}}
}]
}}
51](https://image.slidesharecdn.com/talk-111205175756-phpapp01/85/The-Mashup-Component-Description-Language-51-320.jpg)
![MCDL
for
TwiCer
API
{ "Interface": {
"name":"Twitter APIs", "input": [
"property":[ {"name": "", "value": ""}
{"version":"1" ]
}], }],
"service_wrapper": [
"task": [ "datasource_wrapper": [
{"type":"HTTP/REST",
{"name": "search", {"type":"", "name":"",
"name":"twitter_wrapper",
"description":"Allows you to search "input": [ [
"input":
for tweets based on a keyword", {"name": "", "value": ""}
{"name": "method",
"input": [ ]"value": "GET"}
{"name": "query", }], ]
"value": "USI", }],
"type": "String"} "widget_wrapper": [
], {"type":"", name":"",
"output": [
{"name": "tweets", "input": [
{"name": "", "value": ""}
"mime-type": "JSON"} ]
] }],
}],
"mapper": [
"mapper": [
}, {"source" : ["ref"],
{"source" : ["search.query"],
"destination" : [{"name":"ref",
"destination" :
"correspond":"ref" |
[{"name":"twitter_wrapper.URL",
"template":"" |
"template":"http://
"parser":{ "language":"",
search.twitter.com/search.json?
"query":""}}]
q={search.query}" |
}]
}]
}}
}]
}}
52](https://image.slidesharecdn.com/talk-111205175756-phpapp01/85/The-Mashup-Component-Description-Language-52-320.jpg)
The Mashup Component Description Language
- 1. The Mashup Component Descrip3on Language Saeed Aghaee and Cesare Pautasso Faculty of Informa3cs University of Lugano (USI) hCp://www.saeed-‐aghaee.info hCp://www.pautasso.info 1 hCp://www.jopera.org
- 2. Web Mashups 2
- 3. Amazon S3 API Google Custom YouTube Player Search Yahoo Term Twi>er API Google Maps Extrac;on API Flickr API Twilio SMS eBay API 3
- 4. 4
- 5. 5
- 6. Mashup Development Twi>er API Google Maps API Twilio SMS` eBay API 6
- 7. Ideal 7
- 8. Reality 8
- 12. Ideal How to deal with Heterogeneity? 12
- 13. Component Meta-‐model 13
- 15. Abstrac3on Expressive power Extensibility 15
- 16. Abstrac3on Expressive power Extensibility 16
- 17. Abstrac3on Expressive power Extensibility 17
- 18. Abstrac3on Expressive power Extensibility 18
- 19. The Mashup Component Descrip3on Language (MCDL) 19
- 20. Technology independent Technology dependent 20
- 21. Technology independent Mashup Development Technology Toolkit dependent Publish Component Library provider Discover Execute Compose Execu3on Engine Composer 21
- 24. Tasks 24
- 25. Events 25
- 26. I/O Parameters 26
- 27. TwiCer APIs Interface Tasks Input Output Search query Tweets 27
- 28. Google Maps Interface Tasks Input Output ShowMarkers • Lat -‐ • Lng GetCoordinates Address • Lat • Lng Events Output OnMapClick • Lat • Lng 28
- 29. Technology independent Technology dependent Mashup Execu3on Engine 29
- 30. Wrapper Types 30
- 31. Wrapper Types Category Wrapper Types Widget IFrame DIV Data Source Database Web feed Service HTTP/REST RPC 31
- 32. TwiCer APIs Wrapper Type Category Wrapper Types Widget IFrame DIV Data Source Database Web feed Service HTTP/REST TwiCer APIs RPC 32
- 33. Google Maps Wrapper Type Category Wrapper Types Widget IFrame DIV Google Maps Data Source Database Web feed Service HTTP/REST RPC 33
- 34. MCDL Meta-‐model 34
- 35. JavaScript Object Nota3on (JSON) MCDL { "Interface": { "name":"", "input": [ {"name": "", "value": ""} "property":[ ] {"name":"", "value":"" }], }], "datasource_wrapper": [ "task": [ {"type":"", "name":"", {"name": "", "input": [ "description":"", {"name": "", "value": ""} "input": [ ] {"name": "", "value": "", }], "type": "" | "mime-type": ""} ], "widget_wrapper": [ "output": [ {"type":"", name":"", {"name": "", "value": "", "input": [ "type": "" | "mime-type": ""} {"name": "", "value": ""} ] ] }], }], "event": [ "mapper": [ {"name": "", "description":"", {"source" : ["ref"], "output": [ "destination" : [{"name":"ref", {"name": "", "value": "", "correspond":"ref" | "type": "" | "mime-type": ""} "template":"" | ] "parser":{ "language":"", }] "query":""}}] }, }] }} "service_wrapper": [ {"type":"", "name":"", 35
- 36. JSON Schema "input": [ "service_wrapper": [ { "Interface": { "input": [ "name":"", ""} {"type":"", "", "value": {"name": "name":"", "property":[ "input": [ "", "value": ""} ] {"name": }], ] {"name": "", "value": ""} {"name":"", "value":"" }], ] }], "datasource_wrapper": [ }], "datasource_wrapper": [ {"type":"", "name":"", "task": [ "input": [ {"type":"", "name":"", "datasource_wrapper": [ {"name": "", "input": [ "name":"", ""} {"type":"", "", "value": {"name": "description":"", ] {"name": "", "value": ""} "input": [ "input": [ }], ] {"name": "", "value": ""} {"name": "", "value": "", }], ] "type": "" | "mime-type": ""} "widget_wrapper": [ }], ], "widget_wrapper": [ {"type":"", name":"", "output": [ {"type":"", name":"", "widget_wrapper": [ {"name": "", "value": "", "input": [ name":"", {"type":"", "input": [ {"name": "", "value": ""} "type": "" | "mime-type": ""} ] {"name": "", "value": ""} "input": [ ] }], ] {"name": "", "value": ""} }], }], ] "event": [ }], "mapper": [ {"name": "", "description":"", "mapper": [: ["ref"], {"source" "output": [ {"source" : ["ref"], "destination" : [{"name":"ref", {"name": "", "value": "", "destination" : [{"name":"ref", "correspond":"ref" | "type": "" | "mime-type": ""} "correspond":"ref" | "template":"" | ] "template":"" | "parser":{ "language":"", }] "parser":{ "language":"", "query":""}}] }, }] "query":""}}] }} }] }} 36
- 37. Component Meta-‐model Event 0..* Rule 1..* -name -description ) put +o ( out ut tio n pu tina Rule t des 0..* Mapper 1..* Wrapper destination (input) Parameter Interface -name +name -name 1..* -value source (output) -type/MIME-type 0..* 0..* sou t rce u de (in np stin pu +i u t atio t) tp n( ou 1..* +ou tpu Task t) -name 1..* -description 1..* Rule 37
- 38. Technology Independent Event 0..* Rule 1..* -name -description ) put +o ( out ut tio n pu tina Rule t des 0..* Mapper 1..* Wrapper destination (input) Parameter Interface -name +name -name 1..* -value source (output) -type/MIME-type 0..* 0..* sou t rce u de (in np stin pu +i u t atio t) tp n( ou 1..* +ou tpu Task t) -name 1..* -description 1..* Rule 38
- 39. Technology Independent { "Interface": { "service_wrapper": [ "name":"", {"type":"", "name":"", "property":[ {"name":"", "value":"" "input": [ }], {"name": "", "value": ""} ] "task": [ }], {"name": "", "description":"", "datasource_wrapper": [ "input": [ {"type":"", "name":"", {"name": "", "value": "", "input": [ "type": "" | "mime-type": ""} {"name": "", "value": ""} ], ] "output": [ }], {"name": "", "value": "", "widget_wrapper": [ "type": "" | "mime-type": ""} {"type":"", name":"", ] }], "input": [ {"name": "", "value": ""} "event": [ ] {"name": "", "description":"", }], "output": [ {"name": "", "value": "", "mapper": [ "type": "" | "mime-type": ""} {"source" : ["ref"], ] "destination" : [{"name":"ref", }] "correspond":"ref" | }, "template":"" | "parser":{ "language":"", "query":""}}] }] }} 39
- 40. Technology Dependent Event 0..* Rule 1..* -name -description ) put +o ( out ut tio n pu tina Rule t des 0..* Mapper 1..* Wrapper destination (input) Parameter Interface -name +name -name 1..* -value source (output) -type/MIME-type 0..* 0..* sou t rce u de (in np stin pu +i u t atio t) tp n( ou 1..* +ou tpu Task t) -name 1..* -description 1..* Rule 40
- 41. Technology Dependent "input": [ "service_wrapper": [ { "Interface": { "input": [ "name":"", ""} {"type":"", "", "value": {"name": "name":"", "property":[ "input": [ "", "value": ""} ] {"name": }], ] {"name": "", "value": ""} {"name":"", "value":"" }], ] }], "datasource_wrapper": [ }], "datasource_wrapper": [ {"type":"", "name":"", "task": [ "input": [ {"type":"", "name":"", "datasource_wrapper": [ {"name": "", "input": [ "name":"", ""} {"type":"", "", "value": {"name": "description":"", ] {"name": "", "value": ""} "input": [ "input": [ }], ] {"name": "", "value": ""} {"name": "", "value": "", }], ] "type": "" | "mime-type": ""} "widget_wrapper": [ }], ], "widget_wrapper": [ {"type":"", name":"", "output": [ {"type":"", name":"", "widget_wrapper": [ {"name": "", "value": "", "input": [ name":"", {"type":"", "input": [ {"name": "", "value": ""} "type": "" | "mime-type": ""} ] {"name": "", "value": ""} "input": [ ] }], ] {"name": "", "value": ""} }], }], ] "event": [ }], "mapper": [ {"name": "", "description":"", "mapper": [: ["ref"], {"source" "output": [ {"source" : ["ref"], "destination" : [{"name":"ref", {"name": "", "value": "", "destination" : [{"name":"ref", "correspond":"ref" | "type": "" | "mime-type": ""} "correspond":"ref" | "template":"" | ] "template":"" | "parser":{ "language":"", }] "parser":{ "language":"", "query":""}}] }, }] "query":""}}] }} }] }} 41
- 42. Wrapper Types Hierarchy Wrapper I : Input O : Output T : Task E: Event -name Widget Data Source Service +style I +streaming I +endPoint I +show() T +invoke() T +mode I +hide() T +stopStreaming() T +invoke() T +restyle() T +onUpdate() E +onReceive() E DIV IFrame Database Web Feed HTTP/REST RPC +ID I +cutFrom I src +type I +frequency I src 1 +method I +type I +extScript I +cutTo I +server I +requestHeader I +inMessage I +initScript I +port I +request I +methodName I function +user I +WADL I +outMessage O event 0..* +pass I +responseHeader O 0..* +database +response O I Event Function +script +status O I +initEvent I +script I +prepare SOAP I +callback I +call T +interval 1 +WSDL I I +onEvent() E +data O +portType I 42
- 43. MCDL for TwiCer API { "Interface": { "name":"Twitter APIs", "input": [ "property":[ {"name": "", "value": ""} {"version":"1" ] }], }], "service_wrapper": [ "task": [ "datasource_wrapper": [ {"type":"HTTP/REST", {"name": "search", {"type":"", "name":"", "name":"twitter_wrapper", "description":"Allows you to search "input": [ [ "input": for tweets based on a keyword", {"name": "", "value": ""} {"name": "method", "input": [ ]"value": "GET"} {"name": "query", }], ] "value": "USI", }], "type": "String"} "widget_wrapper": [ ], {"type":"", name":"", "output": [ {"name": "tweets", "input": [ {"name": "", "value": ""} "mime-type": "JSON"} ] ] }], }], "mapper": [ "mapper": [ }, {"source" : ["ref"], {"source" : ["search.query"], "destination" : [{"name":"ref", "destination" : "correspond":"ref" | [{"name":"twitter_wrapper.URL", "template":"" | "template":"http:// "parser":{ "language":"", search.twitter.com/search.json? "query":""}}] q={search.query}" | }] }] }} }] }} 43
- 44. MCDL for TwiCer API { "Interface": { "name":"Twitter APIs", "input": [ "property":[ {"name": "", "value": ""} {"version":"1" ] }], }], "service_wrapper": [ "task": [ "datasource_wrapper": [ {"type":"HTTP/REST", {"name": "search", {"type":"", "name":"", "name":"twitter_wrapper", "description":"Allows you to search "input": [ [ "input": for tweets based on a keyword", {"name": "", "value": ""} {"name": "method", "input": [ ]"value": "GET"} {"name": "query", }], ] "value": "USI", }], "type": "String"} "widget_wrapper": [ ], {"type":"", name":"", "output": [ {"name": "tweets", "input": [ {"name": "", "value": ""} "mime-type": "JSON"} ] ] }], }], "mapper": [ "mapper": [ }, {"source" : ["ref"], {"source" : ["search.query"], "destination" : [{"name":"ref", "destination" : "correspond":"ref" | [{"name":"twitter_wrapper.URL", "template":"" | "template":"http:// "parser":{ "language":"", search.twitter.com/search.json? "query":""}}] q={search.query}" | }] }] }} }] }} 44
- 45. MCDL for TwiCer API { "Interface": { "name":"Twitter APIs", "input": [ "property":[ {"name": "", "value": ""} {"version":"1" ] }], }], "service_wrapper": [ "task": [ "datasource_wrapper": [ {"type":"HTTP/REST", {"name": "search", {"type":"", "name":"", "name":"twitter_wrapper", "description":"Allows you to search "input": [ [ "input": for tweets based on a keyword", {"name": "", "value": ""} {"name": "method", "input": [ ]"value": "GET"} {"name": "query", }], ] "value": "USI", }], "type": "String"} "widget_wrapper": [ ], {"type":"", name":"", "output": [ {"name": "tweets", "input": [ {"name": "", "value": ""} "mime-type": "JSON"} ] ] }], }], "mapper": [ "mapper": [ }, {"source" : ["ref"], {"source" : ["search.query"], "destination" : [{"name":"ref", "destination" : "correspond":"ref" | [{"name":"twitter_wrapper.URL", "template":"" | "template":"http:// "parser":{ "language":"", search.twitter.com/search.json? "query":""}}] q={search.query}" | }] }] }} }] }} 45
- 46. MCDL for TwiCer API { "Interface": { "name":"Twitter APIs", "input": [ "property":[ {"name": "", "value": ""} {"version":"1" ] }], }], "service_wrapper": [ "task": [ "datasource_wrapper": [ {"type":"HTTP/REST", {"name": "search", {"type":"", "name":"", "name":"twitter_wrapper", "description":"Allows you to search "input": [ [ "input": for tweets based on a keyword", {"name": "", "value": ""} {"name": "method", "input": [ ]"value": "GET"} {"name": "query", }], ] "value": "USI", }], "type": "String"} "widget_wrapper": [ ], {"type":"", name":"", "output": [ {"name": "tweets", "input": [ {"name": "", "value": ""} "mime-type": "JSON"} ] ] }], }], "mapper": [ "mapper": [ }, {"source" : ["ref"], {"source" : ["search.query"], "destination" : [{"name":"ref", "destination" : "correspond":"ref" | [{"name":"twitter_wrapper.URL", "template":"" | "template":"http:// "parser":{ "language":"", search.twitter.com/search.json? "query":""}}] q={search.query}" | }] }] }} }] }} 46
- 47. MCDL for TwiCer API { "Interface": { "name":"Twitter APIs", "input": [ "property":[ {"name": "", "value": ""} {"version":"1" ] }], }], "service_wrapper": [ "task": [ "datasource_wrapper": [ {"type":"HTTP/REST", {"name": "search", {"type":"", "name":"", "name":"twitter_wrapper", "description":"Allows you to search "input": [ [ "input": for tweets based on a keyword", {"name": "", "value": ""} {"name": "method", "input": [ ]"value": "GET"} {"name": "query", }], ] "value": "USI", }], "type": "String"} "widget_wrapper": [ ], {"type":"", name":"", "output": [ {"name": "tweets", "input": [ {"name": "", "value": ""} "mime-type": "JSON"} ] ] }], }], "mapper": [ "mapper": [ }, {"source" : ["ref"], {"source" : ["search.query"], "destination" : [{"name":"ref", "destination" : "correspond":"ref" | [{"name":"twitter_wrapper.URL", "template":"" | "template":"http:// "parser":{ "language":"", search.twitter.com/search.json? "query":""}}] q={search.query}" | }] }] }} }] }} 47
- 48. MCDL for TwiCer API { "Interface": { "name":"Twitter APIs", "input": [ "property":[ {"name": "", "value": ""} {"version":"1" ] }], }], "service_wrapper": [ "task": [ "datasource_wrapper": [ {"type":"HTTP/REST", {"name": "search", {"type":"", "name":"", "name":"twitter_wrapper", "description":"Allows you to search "input": [ [ "input": for tweets based on a keyword", {"name": "", "value": ""} {"name": "method", "input": [ ]"value": "GET"} {"name": "query", }], ] "value": "USI", }], "type": "String"} "widget_wrapper": [ ], {"type":"", name":"", "output": [ {"name": "tweets", "input": [ {"name": "", "value": ""} "mime-type": "JSON"} ] ] }], }], "mapper": [ "mapper": [ }, {"source" : ["ref"], {"source" : ["search.query"], "destination" : [{"name":"ref", "destination" : "correspond":"ref" | [{"name":"twitter_wrapper.URL", "template":"" | "template":"http:// "parser":{ "language":"", search.twitter.com/search.json? "query":""}}] q={search.query}" | }] }] }} }] }} 48
- 49. MCDL for TwiCer API { "Interface": { "name":"Twitter APIs", "input": [ "property":[ {"name": "", "value": ""} {"version":"1" ] }], }], "service_wrapper": [ "task": [ "datasource_wrapper": [ {"type":"HTTP/REST", {"name": "search", {"type":"", "name":"", "name":"twitter_wrapper", "description":"Allows you to search "input": [ [ "input": for tweets based on a keyword", {"name": "", "value": ""} {"name": "method", "input": [ ]"value": "GET"} {"name": "query", }], ] "value": "USI", }], "type": "String"} "widget_wrapper": [ ], {"type":"", name":"", "output": [ {"name": "tweets", "input": [ {"name": "", "value": ""} "mime-type": "JSON"} ] ] }], }], "mapper": [ "mapper": [ }, {"source" : ["ref"], {"source" : ["search.query"], "destination" : [{"name":"ref", "destination" : "correspond":"ref" | [{"name":"twitter_wrapper.URL", "template":"" | "template":"http:// "parser":{ "language":"", search.twitter.com/search.json? "query":""}}] q={search.query}" | }] }] }} }] }} 49
- 50. MCDL for TwiCer API { "Interface": { "name":"Twitter APIs", "input": [ "property":[ {"name": "", "value": ""} {"version":"1" ] }], }], "service_wrapper": [ "task": [ "datasource_wrapper": [ {"type":"HTTP/REST", {"name": "search", {"type":"", "name":"", "name":"twitter_wrapper", "description":"Allows you to search "input": [ [ "input": for tweets based on a keyword", {"name": "", "value": ""} {"name": "method", "input": [ ]"value": "GET"} {"name": "query", }], ] "value": "USI", }], "type": "String"} "widget_wrapper": [ ], {"type":"", name":"", "output": [ {"name": "tweets", "input": [ {"name": "", "value": ""} "mime-type": "JSON"} ] ] }], }], "mapper": [ "mapper": [ }, {"source" : ["ref"], {"source" : ["search.query"], "destination" : [{"name":"ref", "destination" : "correspond":"ref" | [{"name":"twitter_wrapper.URL", "template":"" | "template":"http:// "parser":{ "language":"", search.twitter.com/search.json? "query":""}}] q={search.query}" | }] }] }} }] }} 50
- 51. MCDL for TwiCer API { "Interface": { "name":"Twitter APIs", "input": [ "property":[ {"name": "", "value": ""} {"version":"1" ] }], }], "service_wrapper": [ "task": [ "datasource_wrapper": [ {"type":"HTTP/REST", {"name": "search", {"type":"", "name":"", "name":"twitter_wrapper", "description":"Allows you to search "input": [ [ "input": for tweets based on a keyword", {"name": "", "value": ""} {"name": "method", "input": [ ]"value": "GET"} {"name": "query", }], ] "value": "USI", }], "type": "String"} "widget_wrapper": [ ], {"type":"", name":"", "output": [ {"name": "tweets", "input": [ {"name": "", "value": ""} "mime-type": "JSON"} ] ] }], }], "mapper": [ "mapper": [ }, {"source" : ["ref"], {"source" : ["search.query"], "destination" : [{"name":"ref", "destination" : "correspond":"ref" | [{"name":"twitter_wrapper.URL", "template":"" | "template":"http:// "parser":{ "language":"", search.twitter.com/search.json? "query":""}}] q={search.query}" | }] }] }} }] }} 51
- 52. MCDL for TwiCer API { "Interface": { "name":"Twitter APIs", "input": [ "property":[ {"name": "", "value": ""} {"version":"1" ] }], }], "service_wrapper": [ "task": [ "datasource_wrapper": [ {"type":"HTTP/REST", {"name": "search", {"type":"", "name":"", "name":"twitter_wrapper", "description":"Allows you to search "input": [ [ "input": for tweets based on a keyword", {"name": "", "value": ""} {"name": "method", "input": [ ]"value": "GET"} {"name": "query", }], ] "value": "USI", }], "type": "String"} "widget_wrapper": [ ], {"type":"", name":"", "output": [ {"name": "tweets", "input": [ {"name": "", "value": ""} "mime-type": "JSON"} ] ] }], }], "mapper": [ "mapper": [ }, {"source" : ["ref"], {"source" : ["search.query"], "destination" : [{"name":"ref", "destination" : "correspond":"ref" | [{"name":"twitter_wrapper.URL", "template":"" | "template":"http:// "parser":{ "language":"", search.twitter.com/search.json? "query":""}}] q={search.query}" | }] }] }} }] }} 52
- 53. Mashup development requires a highly abstracted, expressive, and extensible component meta-‐model 53
- 54. The Mashup Component Descrip3on Language Saeed Aghaee and Cesare Pautasso Faculty of Informa3cs University of Lugano (USI) hCp://www.saeed-‐aghaee.info hCp://www.pautasso.info 54 hCp://www.jopera.org