Date post: | 14-Jul-2015 |
Category: |
Technology |
Upload: | marco-brambilla |
View: | 2,270 times |
Download: | 0 times |
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
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á