SlideShare a Scribd company logo
Adaptation of Single-user
Multi-touch Components to
Support Synchronous Mobile
        Collaboration

      Msc. Mauro C. Pichiliani (pichilia@ita.br)
        Dr. Celso M. Hirata (hirata@ita.br)
   Instituto Tecnológico de Aeronáutica - Department of Computer Science
Goal

Present an abstract component model
  for developing mobile groupware
       applications based on the
  modification of the user-interface
              components
Overview
•   Introduction
•   Related work
•   The Multi-user MVC model
•   Component modification process
•   Evaluation
•   Demonstration
•   Conclusion & future work
Introduction
   Online stores with thousands of applications
   Few apps. allow synchronous collaboration
   Vendors provide SDK
   Implementation of synchronous ad hoc collaboration is
    complex and costly (require specific application design)

      How to automatically extend existing
    non-collaborative multi-touch applications
      so that they implement synchronous
          collaboration requirements?
Related work [Pichiliani ‘09]
                     Source code                Technical                                  Implementation
 Approach                                                                 Context
                      availability            requirements                                      effort

                    Do not require the       It depends on the
   Toolkits                                                           Create new apps
                      source code            Toolkit’s language

Transparent                                                                Promote
                    Do not require the     Require a centralized
Collaboration                                                        collaboration among
                      source code              architecture
  Systems                                                                    apps
 Transparent
                                             Require a specific            Promote
 Collaboration    Require an Operating
                                           software layer for each   collaboration among
Systems – ICT,        System API
                                                     app                     apps
ICT2 and ACT
                                             Require a specific            Promote
 Transparent
                  Require an app’s API     software layer for each   collaboration among
  Adaptation
                                                     app                     apps

                                                                      Create new apps
 Component          Require the app’s      It depends on the app
                                                                        and promote
Replacement           source code          component’s language
                                                                        collaboration


                 Require the source code    Require the app be
  Mapping of     of the apps’ components                                  Promote
                                            made with the MVC
 Components                                                             collaboration
                                             architectural style
The Multi-user MVC model
Data object characteristics [Li ‘06]
     Global identification:
        Device D, platform P, application A , collaborative session S, user
         U, View V, component C, property R, value E.
         Notation: D.P.A.S.U.V.C.R.E.
     Interception point:
         Allow read and write access of the properties values
     Coordination services:
        Mechanisms for coordination of work
     Composite structures:
        Access the relationships between internal objects
     Property changes:
        Distinguishing replacement and incremental property change
         values
Collaborative component design
     Flexible JAM [Begole ‘01] features:
         Simultaneous work when desirable
         Implicit/Explicit concurrency control
         Location-relaxed WYSIWIS
         General group awareness information

    Components retain existing features
    Pre-defined collaborative interaction
    Synchronous mobile multi-touch controls can provide new styles of
     collaboration
    Example: zoom in (enlarge) e zoom out (pinch) [Morris ‘06]
Collaboration infrastructure
Component modification
       Requirements of the model:
           Source code available
           Components on the MVC model
           Apps created with the SDK

       Automatic implementation of certain pre-defined basic collaboration
        requirements
       Application of the semi-automatic mapping in specific cases
       Other collaborative requirements can be implemented using the ad hoc
        approach
       Consider specific details of the platform SDKs: iOS, Android, Windows
        Phone, Blackberry
The process
The MVC UI Component Modification Process
Evaluation
   Manual implementation of the process in two existing apps:

       MathDoku (16 man-hour)
       FingerPaint (10 man-hour)

   Half of the time analysing the code
   Steps of the process perfomed with the IDE
   Focus on touch and control events
   Modification of XML configuration files
   Insertion of a new menu bar item in the app
   Single control’s modification provide flexibility and reusability
Demonstration
   CoFingerPaint and CoMathDoku prototypes
Conclusion & Future work
    Many multi-touch applications without collaboration features
    Current proposals are not automatic or do not modify existing
     applications
    We presented a model and a process for deploying
     synchronous collaboration requirements in existing multi-touch
     applications
    Not all applications are candidates for the proposed technique
    Evaluation modified two existing applications
     Future work:
        Automate MVC UI Component Modification Process
        Formal evaluation of development effort
        Exploration of new interactions techniques for existing UI
         components

More Related Content

PPTX
Ch17-Software Engineering 9
PPT
Ch19
PDF
Mobilefirst - Build Enterprise Class Apps for Mobile First
PPTX
Component Base Development
PPTX
Component-based Software Engineering
PPTX
Component Based Software Engineering
PPTX
Juc deck 16x9_dev_ops_mvp
PDF
Whitepaper KidoZen vs-konyone
Ch17-Software Engineering 9
Ch19
Mobilefirst - Build Enterprise Class Apps for Mobile First
Component Base Development
Component-based Software Engineering
Component Based Software Engineering
Juc deck 16x9_dev_ops_mvp
Whitepaper KidoZen vs-konyone

What's hot (19)

PPTX
The benefits of software reuse
PPT
Software Factories in the Real World: How an IBM® WebSphere® Integration Fact...
PDF
[Whitepaper] an overview of ibm mobile first platform
PDF
What do you need to know about g rpc on .net
PDF
What's New In Entando 6 (And Why Your Developers Will Love It)
PPTX
Kony - The multi Channel Challenge
DOCX
Vijay_Resume
PPT
A Software Factory Integrating Rational Team Concert and WebSphere tools
PPTX
Component based-software-engineering
PPTX
Software Factory - Overview
PDF
Component Based Software Development
PDF
#win8acad : Integrating the Windows 8 Experience with Contracts
PDF
Soa architect summit mobile 2013_mar [compatibility mode]
PDF
Anurag Gautam
PPTX
Managed Extensibility Framework 2010 01
PDF
Jyoti_Java_Developer_5 year 9 month of experience
PDF
Automated testing of JavaFX GUI components
ODP
FOSD, Building Automated Software Factories
PPTX
HP ALM; HP ALI 2.5
The benefits of software reuse
Software Factories in the Real World: How an IBM® WebSphere® Integration Fact...
[Whitepaper] an overview of ibm mobile first platform
What do you need to know about g rpc on .net
What's New In Entando 6 (And Why Your Developers Will Love It)
Kony - The multi Channel Challenge
Vijay_Resume
A Software Factory Integrating Rational Team Concert and WebSphere tools
Component based-software-engineering
Software Factory - Overview
Component Based Software Development
#win8acad : Integrating the Windows 8 Experience with Contracts
Soa architect summit mobile 2013_mar [compatibility mode]
Anurag Gautam
Managed Extensibility Framework 2010 01
Jyoti_Java_Developer_5 year 9 month of experience
Automated testing of JavaFX GUI components
FOSD, Building Automated Software Factories
HP ALM; HP ALI 2.5
Ad

Viewers also liked (17)

PDF
Lesiones musculo tendinosas
PDF
March 2011 Biosimilars
PPT
Yeswecantim
PPT
Portretten
PDF
Export Compliance & Foreign Distribution
PPT
diaporama de Cardio 2A 2ème
PPT
Business Case
PDF
Fail Fast, Fail Cheap: How Errors Make Us Better
PPT
Gelukkig En Een Gezellig Kerstfeest4
PPT
SSD no banco de dados é bom mesmo?
PDF
★ 20140901 컨퍼런스 자료집(최종)
PDF
So You Have to Write a Paper? Consider Writing a Literature Review
PPT
The Future of Serials Cataloging
PDF
Manual materials handling osha oregon
PDF
Zakelijkportrettenpresentatie
PPT
Introdução ao Deep Learning com o TensorFlow
PPT
ACTIVIDADES DE EXTENSIÓN
Lesiones musculo tendinosas
March 2011 Biosimilars
Yeswecantim
Portretten
Export Compliance & Foreign Distribution
diaporama de Cardio 2A 2ème
Business Case
Fail Fast, Fail Cheap: How Errors Make Us Better
Gelukkig En Een Gezellig Kerstfeest4
SSD no banco de dados é bom mesmo?
★ 20140901 컨퍼런스 자료집(최종)
So You Have to Write a Paper? Consider Writing a Literature Review
The Future of Serials Cataloging
Manual materials handling osha oregon
Zakelijkportrettenpresentatie
Introdução ao Deep Learning com o TensorFlow
ACTIVIDADES DE EXTENSIÓN
Ad

Similar to Adaptation of Single-user Multi-touch Components to Support Synchronous Mobile Collaboration (20)

PDF
Brokerage 2007 presentation hci
PDF
Interact2011 - Designing Inter-usable Systems
PDF
WebSphere User Group UK: Larger Applications with Worklight
PPT
Model-based engineering of multi-platform, synchronous & collaborative UIs
PDF
Kevin Whinnery: Best Practices for Cross-Platform Mobile Development
PPTX
Eco system apps
PPTX
Extending softwareintomobile 11 28-2012
PPTX
Developing i phone, android and windows phone 7 applications with c#
PPTX
Software architecture
PDF
Guide presentation aegis-fp7-projects-round_table_2011-11-30_v0.1
PDF
Framework Engineering
PPTX
Bam amor mobile development tools
PDF
Coast
PDF
Framework Engineering_Final
PPTX
How to Build Composite Applications with PRISM
PDF
Ux Meets Code Interaction Usability
PDF
Mikehall FutureWorld 2010 - enabling connectivity
PDF
20121017 e challenges lisbon
PDF
Keynote | Middleware Everywhere - Ready for Mobile and Cloud | Dr. Mark Little
PPTX
Build Windows 2012
Brokerage 2007 presentation hci
Interact2011 - Designing Inter-usable Systems
WebSphere User Group UK: Larger Applications with Worklight
Model-based engineering of multi-platform, synchronous & collaborative UIs
Kevin Whinnery: Best Practices for Cross-Platform Mobile Development
Eco system apps
Extending softwareintomobile 11 28-2012
Developing i phone, android and windows phone 7 applications with c#
Software architecture
Guide presentation aegis-fp7-projects-round_table_2011-11-30_v0.1
Framework Engineering
Bam amor mobile development tools
Coast
Framework Engineering_Final
How to Build Composite Applications with PRISM
Ux Meets Code Interaction Usability
Mikehall FutureWorld 2010 - enabling connectivity
20121017 e challenges lisbon
Keynote | Middleware Everywhere - Ready for Mobile and Cloud | Dr. Mark Little
Build Windows 2012

More from pichiliani (20)

PPTX
Rastreamento de Objetos em Realidade Virtual e Realidade Aumentada
PPTX
Interfaces hands free para o mundo atual e pós-Corona vírus
PPTX
The Effect of Audiences On the User Experience of Conversational Interfaces i...
PPTX
Machine Learning & Machine Teaching
PPTX
TJBot: Incorporando um chatbot em um robô
PPTX
Carreira de cientista
PPTX
Novidades desenvolvimento
PDF
O papel do DBA no mundo de ciência de dados e machine learning
PPTX
Alinguagem SQL no mundo NOSQL
PPT
Python x R: mas e o Weka?
PPT
Rastreamento 3D de objetos para realidade virtual
PDF
MediaKit 2016 do DatabaseCast
PPTX
Projeto AMedCA - Concurso Casa conectada 2015
PPT
A User Interface Usability Evaluation of the Electronic Ballot Box used in th...
PPT
Evaluation of the Android Accessibility API Recognition Rate towards a Better...
PPT
Como lidar com dados temporais e intervalos com a linguagem SQL
PPTX
Novidades desenvolvimento
PPTX
Projeto HTMA - Trand Tremor Measurement Application
PPTX
HTMA: Hand Tremor Measurement Application
PDF
Aplicações não convencionais de grafos
Rastreamento de Objetos em Realidade Virtual e Realidade Aumentada
Interfaces hands free para o mundo atual e pós-Corona vírus
The Effect of Audiences On the User Experience of Conversational Interfaces i...
Machine Learning & Machine Teaching
TJBot: Incorporando um chatbot em um robô
Carreira de cientista
Novidades desenvolvimento
O papel do DBA no mundo de ciência de dados e machine learning
Alinguagem SQL no mundo NOSQL
Python x R: mas e o Weka?
Rastreamento 3D de objetos para realidade virtual
MediaKit 2016 do DatabaseCast
Projeto AMedCA - Concurso Casa conectada 2015
A User Interface Usability Evaluation of the Electronic Ballot Box used in th...
Evaluation of the Android Accessibility API Recognition Rate towards a Better...
Como lidar com dados temporais e intervalos com a linguagem SQL
Novidades desenvolvimento
Projeto HTMA - Trand Tremor Measurement Application
HTMA: Hand Tremor Measurement Application
Aplicações não convencionais de grafos

Recently uploaded (20)

PPTX
Spectroscopy.pptx food analysis technology
PDF
cuic standard and advanced reporting.pdf
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
MIND Revenue Release Quarter 2 2025 Press Release
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PPTX
Programs and apps: productivity, graphics, security and other tools
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Unlocking AI with Model Context Protocol (MCP)
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Encapsulation theory and applications.pdf
PDF
Network Security Unit 5.pdf for BCA BBA.
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PPTX
sap open course for s4hana steps from ECC to s4
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PPTX
MYSQL Presentation for SQL database connectivity
Spectroscopy.pptx food analysis technology
cuic standard and advanced reporting.pdf
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
MIND Revenue Release Quarter 2 2025 Press Release
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
NewMind AI Weekly Chronicles - August'25 Week I
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
Programs and apps: productivity, graphics, security and other tools
The AUB Centre for AI in Media Proposal.docx
Unlocking AI with Model Context Protocol (MCP)
“AI and Expert System Decision Support & Business Intelligence Systems”
Encapsulation theory and applications.pdf
Network Security Unit 5.pdf for BCA BBA.
Building Integrated photovoltaic BIPV_UPV.pdf
Chapter 3 Spatial Domain Image Processing.pdf
Spectral efficient network and resource selection model in 5G networks
Diabetes mellitus diagnosis method based random forest with bat algorithm
sap open course for s4hana steps from ECC to s4
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
MYSQL Presentation for SQL database connectivity

Adaptation of Single-user Multi-touch Components to Support Synchronous Mobile Collaboration

  • 1. Adaptation of Single-user Multi-touch Components to Support Synchronous Mobile Collaboration Msc. Mauro C. Pichiliani (pichilia@ita.br) Dr. Celso M. Hirata (hirata@ita.br) Instituto Tecnológico de Aeronáutica - Department of Computer Science
  • 2. Goal Present an abstract component model for developing mobile groupware applications based on the modification of the user-interface components
  • 3. Overview • Introduction • Related work • The Multi-user MVC model • Component modification process • Evaluation • Demonstration • Conclusion & future work
  • 4. Introduction  Online stores with thousands of applications  Few apps. allow synchronous collaboration  Vendors provide SDK  Implementation of synchronous ad hoc collaboration is complex and costly (require specific application design) How to automatically extend existing non-collaborative multi-touch applications so that they implement synchronous collaboration requirements?
  • 5. Related work [Pichiliani ‘09] Source code Technical Implementation Approach Context availability requirements effort Do not require the It depends on the Toolkits Create new apps source code Toolkit’s language Transparent Promote Do not require the Require a centralized Collaboration collaboration among source code architecture Systems apps Transparent Require a specific Promote Collaboration Require an Operating software layer for each collaboration among Systems – ICT, System API app apps ICT2 and ACT Require a specific Promote Transparent Require an app’s API software layer for each collaboration among Adaptation app apps Create new apps Component Require the app’s It depends on the app and promote Replacement source code component’s language collaboration Require the source code Require the app be Mapping of of the apps’ components Promote made with the MVC Components collaboration architectural style
  • 7. Data object characteristics [Li ‘06]  Global identification:  Device D, platform P, application A , collaborative session S, user U, View V, component C, property R, value E. Notation: D.P.A.S.U.V.C.R.E.  Interception point:  Allow read and write access of the properties values  Coordination services:  Mechanisms for coordination of work  Composite structures:  Access the relationships between internal objects  Property changes:  Distinguishing replacement and incremental property change values
  • 8. Collaborative component design  Flexible JAM [Begole ‘01] features:  Simultaneous work when desirable  Implicit/Explicit concurrency control  Location-relaxed WYSIWIS  General group awareness information  Components retain existing features  Pre-defined collaborative interaction  Synchronous mobile multi-touch controls can provide new styles of collaboration  Example: zoom in (enlarge) e zoom out (pinch) [Morris ‘06]
  • 10. Component modification  Requirements of the model:  Source code available  Components on the MVC model  Apps created with the SDK  Automatic implementation of certain pre-defined basic collaboration requirements  Application of the semi-automatic mapping in specific cases  Other collaborative requirements can be implemented using the ad hoc approach  Consider specific details of the platform SDKs: iOS, Android, Windows Phone, Blackberry
  • 11. The process The MVC UI Component Modification Process
  • 12. Evaluation  Manual implementation of the process in two existing apps:  MathDoku (16 man-hour)  FingerPaint (10 man-hour)  Half of the time analysing the code  Steps of the process perfomed with the IDE  Focus on touch and control events  Modification of XML configuration files  Insertion of a new menu bar item in the app  Single control’s modification provide flexibility and reusability
  • 13. Demonstration  CoFingerPaint and CoMathDoku prototypes
  • 14. Conclusion & Future work  Many multi-touch applications without collaboration features  Current proposals are not automatic or do not modify existing applications  We presented a model and a process for deploying synchronous collaboration requirements in existing multi-touch applications  Not all applications are candidates for the proposed technique  Evaluation modified two existing applications  Future work:  Automate MVC UI Component Modification Process  Formal evaluation of development effort  Exploration of new interactions techniques for existing UI components