Team 10 presented their Mashup Visual Programming Environment (MVP-E) project. MVP-E allows users to visually create, compile and run mashups of web services without coding. It focuses on the user interface, registry to store mashups, and an execution engine. The editor interface utilizes drag-and-drop blocks to access and combine web services. A use case demonstrated matching bar and crime data on a map to find safe happy hour locations.

1. Team 10 Mashup Visual Programming Environment Instructor: Professor Werner Krandick Advisor: Professor William Regli Team Members: Tim Cheeseman Dan De Sousa Ngoc Nguyen Jordan Osecki Martin Piecyk

2. Overview Project Definition Project Rational Current Solutions and Limitations The MVP-E Approach Prototype Walk Through System Architecture Use Case: Happy Hour Crimes 1/25/10 Slide 2 of 20 Team 10 - Mashup Visual Programming Environment

3. Project Definition Build a system that allows users to create, compile, and run mashups of different services Create a graphical user interface that is efficiently used by scientists, the military, and others who may not be able to easily access traditional computer peripherals The project will focus on the user interface, compiling, and running service mashups 1/25/10 Slide 3 of 20 Team 10 - Mashup Visual Programming Environment

4. Rationale for Project Allow for non-programmers to create mashups of web services Provide a solid and easy starting template for experienced programmers Offer users the ability to execute their mashups on public or private servers 1/25/10 Slide 4 of 20 Team 10 - Mashup Visual Programming Environment

5. Current Solutions Two main categories Pure editors Editors with community based mash-up recommendations Yahoo! Pipes Google Mashup Editor Microsoft Popfly Intel Mash Maker IBM Lotus Mashup 1/25/10 The majority of these editors focus on web services only, with the aim at assisting experts at creating mashups of services that will be accessible via the Internet. Slide 5 of 20 Team 10 - Mashup Visual Programming Environment

6. Current Solutions: Limitations Does not allow private hosting of mashup (Yahoo! Pipes) Only offering pre-defined data feeds and web-services, limiting the creativity of the user Code-based editors like Google Mashup Editor offer more power but also more complexities 1/25/10 Slide 6 of 20 Team 10 - Mashup Visual Programming Environment

7. MVP-E: Approach Focus on the user interface (creation), registry (storage), execution engine (interpretation) Utilize OWL, RDF, and SOAP messages to ensure interoperability with other programs and advance the Semantic Web Create a graphical user interface that supports multi-touch manipulation as well as the traditional mouse and keyboard 1/25/10 Slide 7 of 20 Team 10 - Mashup Visual Programming Environment

8. MVP-E: The Editor 1/25/10 Slide 8 of 20 Main Window Team 10 - Mashup Visual Programming Environment

9. MVP-E: The Editor Continued 1/25/10 Slide 9 of 20 Main Window Team 10 - Mashup Visual Programming Environment

10. 1/25/10 Slide 10 of 20 Main Window Team 10 - Mashup Visual Programming Environment MVP-E: The Editor Continued

11. MVP-E: The Editor Continued 1/25/10 Slide 11 of 20 Select View Output Type Team 10 - Mashup Visual Programming Environment

12. MVP-E: The Editor Continued 1/25/10 Slide 12 of 20 Select Mashup Configuration Team 10 - Mashup Visual Programming Environment

13. MVP-E: The Editor Continued 1/25/10 Slide 13 of 20 The Editor Team 10 - Mashup Visual Programming Environment

14. MVP-E: The Editor Continued 1/25/10 Slide 14 of 20 Web Service Team 10 - Mashup Visual Programming Environment

15. MVP-E: System Architecture 1/25/10 Slide 15 of 20 Team 10 - Mashup Visual Programming Environment

16. MVP-E:Execution Flowchart 1/25/10 Slide 16 of 20 Team 10 - Mashup Visual Programming Environment

17. MVP-E: End Users Flowchart 1/25/10 Slide 17 of 20 Team 10 - Mashup Visual Programming Environment

18. Use Case: Happy Hour Crimes Narrative Web Services Given all the bars within the city of Philadelphia and their known happy hours, match this data up with minor crimes such as vandalism, public indecencies, gambling, speeding, etc. within 5 city blocks of bar. Plot this data on a map for users. This allows users to take clients, relatives, etc. to bars that are more likely to have fewer nearby crimes. List of bars with happy hours information (Scraper) Philadelphia crime logs (RSS) Google Maps 1/25/10 Slide 18 of 20 Team 10 - Mashup Visual Programming Environment

19. Use Case: Happy Hour Crimes 1/25/10 Slide 19 of 20 Team 10 - Mashup Visual Programming Environment

20. Questions and Answers Resources MvpEditor.com – Main Website for MVP Drexel’s GICL Laboratory Wiki – Supplementary Content stemming from research and course work Team 10 – SRS (Available online) Team 10 – ATP (Available online) Team 10 – SDS (Available soon) 1/25/10 Slide 20 of 20 Team 10 - Mashup Visual Programming Environment