20
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

Mashup Visual Programming Environment

Embed Size (px)

DESCRIPTION

Initial Presentation and Overview of Objects

Citation preview

Page 1: Mashup Visual Programming Environment

TEAM 10 MASHUP VISUAL PROGRAMMING ENVIRONMENTInstructor: Professor Werner Krandick

Advisor: Professor William Regli

Team Members: Tim CheesemanDan De SousaNgoc NguyenJordan OseckiMartin Piecyk

Page 2: Mashup Visual Programming Environment

04/13/2023

Overview

Project Definition Project Rational Current Solutions and Limitations The MVP-E Approach Prototype Walk Through System Architecture Use Case: Happy Hour Crimes

Slide 2 of 20Team 10 - Mashup Visual Programming Environment

Page 3: Mashup Visual Programming Environment

04/13/2023

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

Slide 3 of 20Team 10 - Mashup Visual Programming Environment

Page 4: Mashup Visual Programming Environment

04/13/2023

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

Slide 4 of 20Team 10 - Mashup Visual Programming Environment

Page 5: Mashup Visual Programming Environment

04/13/2023

Current Solutions

1. Yahoo! Pipes2. Google Mashup Editor3. Microsoft Popfly4. Intel Mash Maker5. IBM Lotus Mashup

Two main categories1. Pure editors2. Editors with community based

mash-up recommendations

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 20Team 10 - Mashup Visual Programming Environment

Page 6: Mashup Visual Programming Environment

04/13/2023

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

Slide 6 of 20Team 10 - Mashup Visual Programming Environment

Page 7: Mashup Visual Programming Environment

04/13/2023

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

Slide 7 of 20Team 10 - Mashup Visual Programming Environment

Page 8: Mashup Visual Programming Environment

04/13/2023

MVP-E: The Editor

Slide 8 of 20

Main Window

Team 10 - Mashup Visual Programming Environment

Page 9: Mashup Visual Programming Environment

04/13/2023

MVP-E: The Editor Continued

Slide 9 of 20

Main Window

Team 10 - Mashup Visual Programming Environment

Page 10: Mashup Visual Programming Environment

04/13/2023 Slide 10 of 20

Main Window

Team 10 - Mashup Visual Programming Environment

MVP-E: The Editor Continued

Page 11: Mashup Visual Programming Environment

04/13/2023

MVP-E: The Editor Continued

Slide 11 of 20

Select View

Output Type

Team 10 - Mashup Visual Programming Environment

Page 12: Mashup Visual Programming Environment

04/13/2023

MVP-E: The Editor Continued

Slide 12 of 20

Select Mashup

Configuration

Team 10 - Mashup Visual Programming Environment

Page 13: Mashup Visual Programming Environment

04/13/2023

MVP-E: The Editor Continued

Slide 13 of 20

The Editor

Team 10 - Mashup Visual Programming Environment

Page 14: Mashup Visual Programming Environment

04/13/2023

MVP-E: The Editor Continued

Slide 14 of 20

Web Service

Team 10 - Mashup Visual Programming Environment

Page 15: Mashup Visual Programming Environment

04/13/2023

MVP-E: System Architecture

Slide 15 of 20Team 10 - Mashup Visual Programming Environment

Page 16: Mashup Visual Programming Environment

04/13/2023

MVP-E:Execution Flowchart

Slide 16 of 20Team 10 - Mashup Visual Programming Environment

Page 17: Mashup Visual Programming Environment

04/13/2023

MVP-E: End Users Flowchart

Slide 17 of 20Team 10 - Mashup Visual Programming Environment

Page 18: Mashup Visual Programming Environment

04/13/2023

Use Case: Happy Hour CrimesNarrative 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

Slide 18 of 20Team 10 - Mashup Visual Programming Environment

Page 19: Mashup Visual Programming Environment

04/13/2023

Use Case: Happy Hour Crimes

Slide 19 of 20Team 10 - Mashup Visual Programming Environment

Page 20: Mashup Visual Programming Environment

04/13/2023

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)

Slide 20 of 20Team 10 - Mashup Visual Programming Environment