29
Demonstrations and posters Elevator Pitch Marco Brambilla Sven Casteleyn Vienna. July 7, 2010

ICWE 2010 Demonstration and Poster elevator pitch session

Embed Size (px)

Citation preview

Demonstrations and postersElevator Pitch

Marco BrambillaSven Casteleyn

Vienna. July 7, 2010

Modeling of Safe Interface Interactions in Web ApplicationsMarco Brambilla, Jordi Cabot, and Michael Grossniklaus

The Web has evolved to a platform for complex applications Events + business logic + RIA / AJAX

Old interaction paradigm is not valid anymore Content pages + hyperlinks + back / forward Several sites are not able to grant correct management of application state

Proposed solution: Moving from Back / Forward paradigm on pages to a

full-fledged interactive paradigm based on States, Transactions and Undo/Redo actions

© ICWE 2010 July 7, 2010DEMOS AND POSTERS //2

Modeling of Safe Interface Interactions in Web ApplicationsMarco Brambilla, Jordi Cabot, and Michael Grossniklaus

MOF-compliant metamodel, based on the UML state machines sublanguage adapted to the web application domain by means of adding web concepts like Page and GraphicalElement

Domain specific notation describing the concepts in a concise and clear to understand way

Online tool for designing and deploying applications

© ICWE 2010 July 7, 2010DEMOS AND POSTERS //3

Linking Related Documents:Combining tag Clouds and Search Queries

Christoph Trattner and Denis Helic

Typically users access a website through a search engine Google, Yahoo!, Bing

In order to keep the user at a website, developers typically provide the user with related documents see Amazon for instance

But manual linking of documents is a time intense and costly job!

Thus, we implemented a simple tool which automatically links related documents via tag clouds using search queries

© ICWE 2010 July 7, 2010DEMOS AND POSTERS //4

Linking Related Documents:Combining tag Clouds and Search Queries

Christoph Trattner and Denis Helic

The basic idea of this new approach is to combine provision of related documents as offered by social bookmarking sites and by e.g. Google search query history.

It is our belief that an integration of such historical queries into a tag cloud user interface provides a promising and cheap opportunity to lead users to related documents.

Example: Online encyclopedia system Austria-Forum

© ICWE 2010 July 7, 2010DEMOS AND POSTERS //5

GAmera is a tool for testing WS-BPEL compositions.

The testing technique used is mutation analysis. This technique generates new programs, named mutants, with a syntactical difference with the original program.

Gamera: It can automatically generate these mutants and execute them. It is the first automatic mutant generator for WS-BPEL. It implements a method for generating less mutants based in genetic algorithms, reducing the time required to perform mutationTesting.

© ICWE 2010 July 7, 2010DEMOS AND POSTERS //6

GAmera: a Tool for WS-BPEL CompositionTesting Using Mutation AnalysisJuan Jose Domínguez, Antonia Estero, Antonio Garcia, Inmaculada Medina

GAmera: a Tool for WS-BPEL CompositionTesting Using Mutation Analysis

© ICWE 2010 July 7, 2010DEMOS AND POSTERS //7

Email: [email protected]

Juan Jose Domínguez, Antonia Estero, Antonio Garcia, Inmaculada Medina

Open, Distributed and Semantic Microblogging with SMOBAlexandre Passant, John G. Breslin, Stefan Decker

Architecture with independant and distributed microblogging hubs interacting via HTTP using SPARQL + SPARQL/Update

Social Web Ontologies stack for representing microblog posts Integration of microblogging with the Linking Open Data

cloud

© ICWE 2010 July 7, 2010DEMOS AND POSTERS //8

Open, Distributed and Semantic Microblogging with SMOBAlexandre Passant, John G. Breslin, Stefan Decker

http://smob.me: Open-source framework (GPL) based on the previous principles Read/Write integration with Twitter

© ICWE 2010 July 7, 2010DEMOS AND POSTERS //9

The ServFace Builder – A WYSIWYG approach for building Service-based Applications

T. Nestler, M. Feldmann, G. Hübsch, A. Preussner, U.Jugel

© ICWE 2010 July 7, 2010DEMOS AND POSTERS //10

Visual composition of generated web service UIs during design time WYSIWYG for web service composition Rapid development of composite applications for various platforms

© ICWE 2010 July 7, 2010DEMOS AND POSTERS //11

The ServFace Builder – A WYSIWYG approach for building Service-based Applications

T. Nestler, M. Feldmann, G. Hübsch, A. Preussner, U.Jugel

Extracting Client-side Web User-Interface Controls

Josip Maras, Maja Štula, and Jan Carlson

HTML CSSJavaScript Resources

1 2

3

4

Replicating behavior Analysis data

Data

Extract

Extracting Client-side Web User-Interface Controls

Josip Maras, Maja Štula, and Jan Carlson

Takuan: a Tool for WS-BPEL Composition TestingPalomo, García, Medina, Álvarez and Santacruz

Takuan is a GPL dynamic invariant generator for WS-BPEL web service compositions

It executes a composition under a test suite and informs of properties held by variables in it

Those invariant properties can help: Testing: find an unexpected bug Verification: are those properties in specification? Improve a test suite: if a test suite is not good, Takuan will

produce false invariants showing how to improve it with additional test cases

Takuan: a Tool for WS-BPEL Composition TestingPalomo, García, Medina, Álvarez and Santacruz

An Eclipse Plug-in for Model-Driven Development of Rich Internet Applications

S. Meliá, J. J. Martinez, S. Mira, J. A. Osuna, J. Gómez Rich Internet Applications (RIAs) provides us:

Rich and interactive user interfaces similar to desktop applications Reduce the Client/Server traffic with intelligent asynchronous requests

Problems: RIAs require a complex and time-consuming design and have an error-

prone implementation The current tools are not adapted completely to the RIA characteristics

(Simple-page UI)

Solution: OIDE (OOH4RIA IDE) provides a reduce set of functional RIA-specific

models to obtain an almost complete RIA using a model-driven development

© 2010 Alessandro Bozzon, Marco BrambillaSECTION NAME //16 July 5, 2010

S. Meliá, J. J. Martinez, S. Mira, J. A. Osuna, J. Gómez

An Eclipse Plug-in for Model-Driven Development of Rich Internet Applications

© 2010 Alessandro Bozzon, Marco BrambillaSECTION NAME //17 July 5, 2010

Orchestration Model

Domain Model

Navigation Model

RIA implementation(Silverlight_4.0

+WCF+Nhibernate) Xpand templates

Presentation Model

http://suma2.dlsi.ua.es/ooh4ria

New Iteration

Applying Semantic Web technologyin a Mobile Setting: the Person Matcher

William Van Woensel, Sven Casteleyn, Olga De Troyer

SCOUT Provides access to Environment Model (EM)

Integrated, conceptual view of physical environment

Based on: Encountered physical entities (i.e., persons, places, things) Their associated online metadata (e.g., FOAF profile)

Person Matcher Built on top of SCOUT

Notified when person entity is encountered Obtains person’s metadata from EM

I.e., FOAF profile

Checks whether the person is “interesting”© ICWE 2010 July 7, 2010DEMOS AND POSTERS //18

Applying Semantic Web technologyin a Mobile Setting: the Person Matcher

William Van Woensel, Sven Casteleyn, Olga De Troyer

Crawl both persons’ FOAF network Use linking properties for this purpose Check for overlaps / connections

© ICWE 2010 July 7, 2010DEMOS AND POSTERS //19

foaf

:kno

ws

docA

A

A1

...

A2 ...

BA2

foaf:made foaf:made

foaf:knows

FOAF Profile A

FOAF Profile A1

FOAF Profile B

Output: Found connections Total compatibility score

Syncro – Concurrent EditingLibrary for Google WaveMichael Goderbauer, Markus Goetz, Alexander Grosskopf, Andreas Meyer, and Mathias Weske

© ICWE 2010 July 7, 2010DEMOS AND POSTERS //20

Collaborative Diagram Editor for Google Wave Multiple persons can edit the

same diagram at the same time

Syncro – Concurrent EditingLibrary for Google WaveMichael Goderbauer, Markus Goetz, Alexander Grosskopf, Andreas Meyer, and Mathias Weske

© ICWE 2010 July 7, 2010DEMOS AND POSTERS //21

Based on HTML 5, JavaScript, SVG and Wave Technology Integrated solution to handle concurrent edits (syncro) Open Source (MIT license) Support for BPMN, UML class diagrams and Petri nets

A Cross-Platform Software System to Create and Deploy Mobile Mashups

Sandra Kaltofen, Marcelo Milrad, Arianit Kurti

Triggered by recent developments and changes Growing market for powerful mobile devices Third-party development for mobile applications (SDKs, frameworks) Growing mobile application market

Problems in mobile software development SDKs tied to platforms Different programming languages for each mobile platforms No end-user programming software system

No mashup solution for mobile domain

© ICWE 2010 July 7, 2010DEMOS AND POSTERS //22

A Cross-Platform Software System to Create and Deploy Mobile Mashups

Sandra Kaltofen, Marcelo Milrad, Arianit Kurti

Proposed solution A cross-platform software system that enables the creation and deployment

of mashups optimized for mobile usage within an end-user programming environment.

© ICWE 2010 July 7, 2010DEMOS AND POSTERS //23

Overview of the Proposed solution

BugWorkaround

Test on iPhone and Android platform

Mobile Mashup Editor

A Blog-centered IPTV Environmentfor Enhancing Contents Provision, Consumption, and Evolution

In-Young Ko, Sang-Ho Choi, Han-Gyu Ko

© ICWE 2010 July 7, 2010DEMOS AND POSTERS //24

Motivation Main characteristics of Web-based IPTV

Users become the center of IPTV content creation & distribution Motivating user participation is the key to the success of the Web-based IPTV

Requirements User-centric functions & facilities for content provision, consumption, syndication, and evolution

Blog-centered IPTV Environment Goal

To enable and motivate users to participate in IPTV contents creation, consumption, evolution

Main Elements

IPTV Blogs

First-class entities that represent user interests in IPTV contents

Active entities that join communities and participate in making community contents evolved

IPTV Communities

Automatically identify potential IPTV communities by analyzing the social & personal characteristics of users

Recommend users with existing communities to join and potentially useful communities to create

A Blog-centered IPTV Environmentfor Enhancing Contents Provision, Consumption, and Evolution

© ICWE 2010 July 7, 2010DEMOS AND POSTERS //25

Social Network BrowserSemantic Content SearchIPTV Blog Page IPTV Community List

In-Young Ko, Sang-Ho Choi, Han-Gyu Ko Architecture of Blog-centered IPTV

IPTV Community Layer Social Network Manager: identifies social networks based on user preferences and

social relationship information Community Recommendation: encourage users to create a new IPTV community

or join an existing one

IPTV Blog Layer Semantic Tagging: allow users to put semantic annotations Semantic Search: relevant contents based on user preferences

Media Layer Semantic Enabler: ontology-based model and reasoning method to manage the

semantic metadata of IPTV contents Social Connector: access user-related data and extract social relationship information

Factic: Personalized ExploratorySearch in the Semantic WebMichal Tvarožek and Mária Bieliková

Exploratory Search: Open-ended user tasks on the Web Learning and investigation, knowledge acquisition, comparison,

discovery, analysis

Classical fact retrieval is not sufficient anymore Compare and aggregate information from multiple sources Revisit previously discovered information

Much information still unavailable to end-users Limited search in Semantic Web repositories and Linked data No default visualization of / interaction with semantic data Minimal exploration possibilities with limited navigation support

© ICWE 2010 July 7, 2010DEMOS AND POSTERS //26

Factic: Personalized ExploratorySearch in the Semantic WebMichal Tvarožek and Mária Bieliková

Proposed solution: Personalized Exploratory Search Browser Moving from traditional link navigation to faceted browsing Support personalized end-user exploration experience

© ICWE 2010 July 7, 2010DEMOS AND POSTERS //27

Tools for Modeling and Generating Safe Interface Interactions in Web Applications

Marco Brambilla, Jordi Cabot, and Michael Grossniklaus Linking Related Documents: Combining Tag Clouds and Search Queries

Christoph Trattner and Denis Helic GAmera: a Tool for WS-BPEL Composition Testing using Mutation

Analysis Juan José Domínguez-Jiménez, Antonia Estero-Botaro et al.

Open, Distributed and Semantic Microblogging with SMOB Alexandre Passant, John G. Breslin, and Stefan Decker

The ServFace Builder - A WYSIWYG Approach for Building Service-based Applications

Tobias Nestler, Marius Feldmann, Gerald Hübsch et al. Extracting Client-side Web User Interface Controls

Josip Maras, Maja Stula, and Jan Carlson Takuan: a Tool for WS-BPEL Composition Testing using Dynamic Invariant

Generation Manuel Palomo-Duarte, Antonio García-Domínguez et al.

An Eclipse Plug-in for Model-Driven Development of Rich Internet Applications

Santiago Meliá, Jose-Javier Martínez, Sergio Mira et al.

Session 1: Wednesday 15h30 - 18h00Thursday 10h30 - 12h30

Session 2: Thursday 14h00 - 16h00Friday 09h00 - 11h00

Applying Semantic Web Technology in a Mobile Setting: The Person Matcher

William Van Woensel, Sven Casteleyn, and Olga De Troyer Syncro - Concurrent Editing Library for Google Wave

Michael Goderbauer, Markus Goetz et al. A Cross-Platform Software System to Create and Deploy Mobile

Mashups Sandra Kaltofen, Marcelo Milrad, and Arianit Kurti

A Blog-centered IPTV Environment for Enhancing Contents Provision, Consumption, and Evolution

In-Young Ko, Sang-Ho Choi, and Han-Gyu Ko Factic: Personalized Exploratory Search in the Semantic Web Michal

Tvarožek and Mária Bieliková