Loading presentation...

Present Remotely

Send the link below via email or IM


Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.


Multimedia Data Management with Monitoring and Visualization

"save a copy", and customize your own content and layout

Fredrik Gundelsweiler

on 23 October 2012

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Multimedia Data Management with Monitoring and Visualization

Research and theoretical framework
Literature research
Contact innovative companies by topic
Examine technological possibilities
Define theoretical approach for convergent media processes (visualization, monitoring, production, social media, integrate customer) 01.11.2011
Requirements Analysis 15.11.2011
Theory research - definition of relevant data sources Interactive Prototypes and feasibility studies 15.12.2011
Start of iterative conception and design phase Quick releases Integration of stakeholders Repeated user testing in our lab Set up development and test environments Refine Implementation of different Visualization based on Requirements Integration of social media 01.07.2012 - First Betaversion of MMVisT "MMVisT Case Study" CHI2013 Case Study Copyright notice Name: Their Agenda: Role and Affiliation: HIDDEN Company Development / Innovation, HIDDEN More competitive company,
make the the work more efficient and effective, optimize quality of articles, make use of potentials of innovative technologies Business / Marketing Salability Functional Technical Organizational Customer Usability Others B1 Find an integrated approach to communication with customers/readers and define the communication backchannel.
B2 Develop and set up a system which is able to solve the current problems of multi-channel and dialogue-based communication.
What unexpected things happened with the solution or journey to a solution? Technical Stakeholder Team change of social media framework
responsible technical staff changed
calculation of relevance
test settings multiple devices
daily data update
large amounts of data
multimedia formats
Other Constraints one main programmer became ill
very heterogeneous team made communication a challange
How you and your team addressed the challenges? Results of your team’s efforts good and bad use of different UML techniques to communicate Insert Here Summary When using best practice we learned X Y Insert Here Challenges Project Requirements Stakeholders Make investigation more efficient and effective
Optimize workflows in daily work
Use potentials of ongoing technologies due to market pressure and innovation
Monitoring of data channels and (prod)users
Collecting data and calculate topic relevances Goals / Objectives Timeline 10 Month Help editors and writers in media companies to overview, find and select relevant information for new topics and thus simplify the creation of new articles. React on the participation of (prod)users in convergent workflows. Purpose of the Project Project Summary HCI Best Practice(s) Based Solution Project narrative HCI Methods used and how Research Design Development Deployment Product Lifecycle Literature Research
Requirements Analysis
Focus Groups
Field Observation
Problem Analysis Feasibility Studies
Agile Development Approach
Integration of Stakeholders
Web-Engineering Tools
User Tests Focus Groups
Creative Techniques
Paper/Interactive Prototyping
Early User Tests Insert Here Insert Here Author(s): Affiliation(s) Keywords /
Tags Fredrik Gundelsweiler University of Applied Sciences Chur multimedia, management, visualization, media, convergence Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee.CHI’13, April 27 – May 2, 2013, Paris, France.Copyright 2012 ACM 978-1-... Name: Their Agenda: Role and Affiliation: HIDDEN Managing Editor Wants his staff to
work with better quality, faster and choose more
relevant topics Name: Their Agenda: Role and Affiliation: HIDDEN Writers / Editors Want to have a more usable investigation tool. Find more relevant topics, get overview over all data, monitor social media and data sources in a usable way. Find relevant data. Name: Their Agenda: Role and Affiliation: HIDDEN Technical Staff Wants to have as less effort as possible to organize data and maintain data interfaces This case study presents the requirements analysis, conception, design, engineering, and development of an investigation tool for media companies.
The market pressure to work more effective, efficient and to improve the quality forces media companies to re-design their processes and take a convergent value-added process chain into account. Therefore they came up with the idea to develop an investigation/monitoring tool to support their staff in their daily work.
A new project was started to find possible improvements based on the daily user tasks of editors and writers working in the media company.
At first we analyzed and documented the requirements in workshops with different stakeholders, especially the end users. Then it turned out that there are some special requirements concerning processes, search, visualization and relevance calculation for media articles which have to be revealed with domain experts.
In an iterative conception and design phase we developed ideas with creative techniques, paper prototyping and interactive prototyping. In cooperation with stakeholders we chose one of the ideas for refinement and development. In some meetings which were conducted as focus groups we even revealed further requirements.
With our holistic usability engineering approach we came to some interesting findings:

In the subsequent development phase we followed an agile approach and integrated important stakeholders in the development process. Frequent reviews led us to the actual working system called MMVisT. At the current state of the project we got more funds to further develop MMVisT and improve design, number of data sources, relevance calculation and search techniques. Insert Here In this project the salability is not important because the product will be used in-house by our partners. In future it may be of concern in a follow-up project. Meanwhile the main focus remains on:
visualize, filter and search large media data sets
optimize media production processes in media companies (key word: convergence of media)
integrate multiple data sources to calculate and define relevant topics
react on market pressure (quality and produsers) F1 (MUST) Visualization of media objects as list with title, lead, text and resort (further data fields possible)
F2 (MUST) Detail view of media objects with all available media data
F3 (MUST) Full-text search uses auto completion. User can select while entering search query.
F4 (MUST) Dynamic query filter using available criteria like region, ressort, provider and more. No selection -> Wildcards * or regular expressions
F5 (MUST) Dynamic query for criteria relevance (range-slider)
F6 (MUST) Dynamic query filter for time with calendar function (from, to)
F7 (MUST) Visualization of media objects sorted by similarity (region, resort, ...)
F8 (MUST) Visualization of media objects by relevance (placement in user focus, larger representation)

F9 (SHOULD) Use different visualization dependent on users tasks and work context to visualize media objects
F10 (SHOULD) Change visualization on the fly
F11 (SHOULD) User controlled dynamic placement of the search/filter panel
F12 (SHOULD) Interactive control of the visualization (dependent on the type of visualization)
F13 (SHOULD) Integration and visualization of social media data
F14 (SHOULD) Application should work on mobile devices like iPad or Android devices
F15 (SHOULD) Show the sand glass when data is loaded from backend
F16 (SHOULD) List view should be expandable and sortable as users are used to
F17 (SHOULD) Detail view should show additional media object data like images (in future video and other data, too) TR1 (MUST) Use the media company data base of our partner as primary data source
TR2 (MUST) Use an indexer or search engine backend to organize, query and index all data
TR3 (MUST) Organize the interfaces to different data sources, make software flexible to attach more sources
TR4 (MUST) AJAX web application gets and submits data from/to Java backend in JSON-format
TR5 (MUST) Test with configurations: Firefox 10+, IE9, Android 2.3.4, iOS 5+, latest Safari
TR6 (MUST) HTML and CSS have to be validated using W3C tools.
TR7 (MUST) Performance: test and programming should follow efficiency rules so that no unnecessary waiting times are occuring for end users

TR8 (SHOULD) Expandability and Maintainability: Technical documentation and software design shall be used to make the product expandable.
TR9 (SHOULD) Flexibility: the product has to be developed browser- and platform-independent.
TR10 (SHOULD) Follow the basics of «responsive webdesign» and «media queries» C1 Support and communicate the company-wide new way of integrated approach to communication, convergent workflows and processes
C2 Get the ball rolling for a new way of thinking concerning users/readers/produsers, communication, media production, convergent processes/workflows, access to relevant information
C3 Make media production more efficient and improve quality and formats where possible
C4 Use techniques which can be easily integrated or adapted to our working environment and client-server architecture The customer requirements of our partner (here a media company) are the following:
Support writers, journalists, editors to find relevant topics and material/stories already written
Optimize processes/workflows in changing environment of the media company (key word: media convergence)
Define what relevance means and formulate these criteria in an algorithm
access and combine multiple data sources
Integrate the users/readers as produsers into the digital value-added media production chain MMVisT's product is an information seeking system. Therefore we follow the >>Visual Information-Seeking Mantra<< (B. Shneiderman) when designing the MMVisT UI: Overview, Zoom and Filter, Details on demand, View Relationships, History, Extract.

Usability Goals:
U1 Easy to use: The product has to be easy to use
U2 Easy to learn:
U3 Easy to remember:
U4 Efficient and effective to use:
U5 Performance: test and programming should follow efficiency rules so that no unnecessary waiting times are occuring for end users

User Experience Goals:
UX1 Look and Feel: In a first version the product will be realized according to the requirements, scribbles, prototypes and GUI-designs evolved from the workshops and focus groups

To measure and check the usability and user experience goals we conducted multiple tests and workshops while the product development phases. Finally we conducted an end user test in our usability laboratory. Based on this project we are currently conducting a follow-up project which focuses on the multiple data sources and the calculation of relevance.
The three main requirements are:
define what relevance means to editors/journalists
calculate different relevance values based on multiple data sources and subjective topic relevance
visualize the different relevances according to the user tasks and work context
Name: Their Agenda: Role and Affiliation: HIDDEN Readers / (Prod)Users Wants to communicate and (prod)use content, want relevant topics and interesting stories Name: Their Agenda: Role and Affiliation: HIDDEN CEO, Media Comany Get more customers, sell more products, improve company brand Multimedia Data Management with Visualization and Tracking - A Case Study Instructions http://prezi.com/learn/ This is your Template, For Online Prezi Tutorials, visit: Live Prezi Webinar https://prezi.webex.com/mw0307l/mywebex/default.do?siteurl=prezi Please customize to tell your story. search and visualization techniques are needed to manage the large amount of data
processes in media companies have to be adapted based on (prod)users and media convergence
relevance for articles and topics can calculated based on many different (web) data sources
it is still to prove if effectiveness, efficiency and quality can be improved by our tool Some first ideas and paper prototypes (here abstract Personas) In the literature there are:
• Subjective relevance – the subjective relevance sensed by the user
• Objective relevance – evaluation of relevance by neutral observers or experts
• Estimated relevance – relevance calculation based on defined rules by an electronic system
• Situative relevance – Actual/real usefulness of an infomation source [54] [55]
Further theory: see search engine relevance calculation using reevnce algorithms mainly based on two distribution functions: invers-logistic and informetric [56]

Our plan is to collect data from different sources (company, social media, blogs, search engines, news portals and others) and find an algorithm to calculate a combined relevance based on a text analysis framework. Usability & UX Goals
Scenarios / Use Cases
Further constraints
Input Stakeholders (workshops) Used engineering techniques: 6-3-4 method, focus groups, creative techniques, sketching, mockups, prototyping, field observation
As a result we opened a broad design space and developed many different ideas and thus had a great base for discussions.
We used our requirements and goals to select some ideas to narrow the design space and follow some design solution which probably fit best to solve the problems Iterative Concept-,
Design and Development Phase Workshops / user tests
Web engineering tools
Multiple hardware devices
Server databases
Java backend
Version control environment Test environment of our developer team (mobile, tablet and desktop pc) Refine requirements
Discuss current product state
Discuss research/open issues Example: discuss different visualizations Attaching different data sources to organize a data
base for relevance calculation of information objects (sorry for the german graphic - we are currently searching the source file to change it to english) Backup graphic show current systen to stakeholders
get user feedback
prepare for user tests
plan next todos and work packages
follow agile principles Interactive Map Zoomable User Interface Sortable List Follow-on Project "AMEZKI" (funded by partners) Focuses in depth on:
What means relevance
Different data sources
Relevance algorithms Idea: Visualization by resort cloud Idea: Resort tree visualization Morae Test Suite Screen Video MMVisT Tasks
Full transcript