SlideShare a Scribd company logo
Cloud Apache OpenOffice
   Based on HTML 5
   Jian Hong Cheng -- chengjh@apache.org
   Fan Zheng -- zhengfan@apache.org
   speaker: Oliver-Rainer Wittmann -- orw@apache.org
Agenda
●   Speaker Introduction
●   Tremendous Opportunities from
    Increasing Users of Mobile Devices
●   Cloud AOO to Increase the Market Share
●   Benefits of the Approach
●   Existing Challenges and
    Possible Enhancements for the Future
●   Q&A

                                             2
Speaker Introduction
●   Jian Hong Cheng
    –   Symphony Documents Team Leader
    –   AOO Writer, MS Word Binary Fidelity,
        …, Developer
    –   Former AOO PPMC Member,
        Stay Foolish
    –   Beijing China

●   Fan Zheng
    –   Symphony Documents Team Member
    –   AOO Writer, MS Word Binary Fidelity,
        …, Core Developer
    –   AOO Committer,
        Stay Hungry for Technologies
    –   Beijing China
                                               3
Tremendous Opportunities from
Increasing Users of Mobile Devices
●   Statistical Report from IDC
    –   2011: About 1,000 Million
        ● Windows PC(x86 Compatible CPU) : 35.9%
        ● Android (ARM CPU) : 29.4%
        ● IOS : 14.6%

    –   2016: About 1,800 million
        ● Windows PC
          (x86 compatible CPU) :25.1%
        ● Android (ARM CPU) : 31.1%
        ● IOS : 17.3%




                                                   4
Cloud AOO to Increase the Market Share
●   Brief Introduction of the approach
    –   Run AOO under a cloud environment as a service
    –   Access AOO through a web browser
    –   The UI of AOO will be transformed and presented
        within the client's web browser
    –   'View', 'Operate' and 'Edit Content'
         ● E.g., locating cursor, inputting characters,

           selecting content for deletion or change of properties
           within web browser
●   Main technical composition
    –   AOO+Web Server+XML+HTML+JS+Dojo
          ●   AOO: AOO Professional UNO
          ●   Web Server: Apache Tomcat 7.0.26
          ●   XML: XML
          ●   HTML and JS => HTML5                                  5
Cloud AOO to Increase
    the Market Share
    ● Architecture




6
Cloud AOO to Increase the Market Share
●   “UNO Graphic” and “UNO Event”
    –   “GUI and Event APIs” are responsible for handling
        the user events (Mouse, Key and Refresh) and
        locating the actual positions within AOO
●   “XML Creator, Graphic API and Event API”
    –   Generate the middle GUI XML files that describe
        the UI, contents and layout in AOO




                                                            7
Cloud AOO to Increase the Market Share
●   Detail Introduction II of the Architecture
    –   “GUI XML Interpreter”
        ●   Parse the UI info, contents and
            layout info recorded in the XML files
    –   “GUI Representor”
        ●   Render the UI, contents and layout
            parsed from XML files to ensure the same contents
            and layout in AOO
    –   “User Action Recorder”
        ●   Record the behavior of end users,
            such as the mouse, keyboard, refresh and so on
    –   “User Event XML Generator”
        ●   Generate XML files to describe the recorded user events

                                                                      8
Cloud AOO to Increase the Market Share
●   Detail Introduction III of the Architecture
    –   “Servlets A, B and C”
        ●   Transact the mouse event, keyboard, refresh and
            results respectively to AOO
    –   “Event Middle XML”
        ●   Manage the middle XML files,
            such as add, delete and so on
    –   “UNO Query Parameter Generator”
        ●   Translate the mouse event, keyboard, refresh
            and results to what they should be in AOO and
            generate the parameters for calling APIs of AOO


                                                              9
Cloud AOO to Increase the Market Share
●   Sample for the POC - presented in AOO


                                     Toolbar
                                      Area



                      Content
                     within Body
                         Area

                                       Status
         Body Area                    bar Area




                                                 10
Cloud AOO to Increase the Market Share
●   Sample for the POC - presented in web browser




                                              11
Cloud AOO to Increase the Market Share
●   Sample for the POC - Partial XML of Body Area




                                               12
Cloud AOO to Increase the Market Share
●   Sample for the POC - Partial XML of Toolbar




                                                  13
Cloud AOO to Increase the Market Share
●   Sample for the POC - Partial XML of Status Bar




                                                14
Benefits of the Approach
●   This approach would extend the deployment of AOO
    to mobile devices enabling users to adopt AOO as
    their document handling tool
●   This approach would have just a small impact
    on AOO, and would get win-win with it
●   No platform dependent UI presentation in AOO
    as the UI presentation would be processed
    in the web browser
●   This approach would support a deployment of
    AOO in cloud and social environments


                                                   15
Existing Challenges and
Possible Enhancements for the Future
●   Existing Challenges
    –   The AOO process can not be shared and each end user
        will have his/her own process when accessing AOO
        through web browser
    –   The performance of rendering may have issues
        because the Web browser is responsible for that and
        there is existing a bridge connection
    –   The UI presentation part of AOO needs to be XML-Based
●   Possible Enhancements for the Future
    –   Translate the UI style and user experiences to align with
        the specific ones on the OS of the mobile devices

                                                                    16
Q&A




      Thanks!

                17

More Related Content

PDF
PLASTIC 2011: "Enterprise JavaScript with Jangaroo"
Frank Wienberg
 
PPT
Flex vs HTML5
Ray Wong
 
PPT
Apache Flex: Overview
Tarun Telang
 
PPTX
Open Source examples from Adobe : Oscon kiosk
Dave McAllister
 
PPTX
Architecting WPF Applications
Paul Stovell
 
PPTX
Introduction to Microsoft Silverlight
Shravan Kumar Kasagoni
 
PPT
Flex vs. HTML5 for RIAS
Pamela Fox
 
PPT
An Overview Of Wpf
Clint Edmonson
 
PLASTIC 2011: "Enterprise JavaScript with Jangaroo"
Frank Wienberg
 
Flex vs HTML5
Ray Wong
 
Apache Flex: Overview
Tarun Telang
 
Open Source examples from Adobe : Oscon kiosk
Dave McAllister
 
Architecting WPF Applications
Paul Stovell
 
Introduction to Microsoft Silverlight
Shravan Kumar Kasagoni
 
Flex vs. HTML5 for RIAS
Pamela Fox
 
An Overview Of Wpf
Clint Edmonson
 

What's hot (16)

PDF
Silverlight - What Is It And How Can We Use It
Venketash (Pat) Ramadass
 
PPT
Flex And Ria
ravinxg
 
PPT
Flex 4 Overview
RJ Owen
 
PPTX
Microsoft Silverlight - An Introduction
Mohammad Elsheimy
 
PPT
Adobe flex an overview
Subin Sugunan
 
PPT
Introduction to silver light
jayc8586
 
PPT
Silverlight Framework Architecture
Ashok
 
PPT
Silverlight Framework Architecture By Satyen
Satyen Pandya
 
PPTX
Introduction to silverlight control 4
msarangam
 
PPT
Adobe® Flex™
Uday Shankar
 
PDF
Silverlight abhinav - slideshare
abhinav4133
 
PPT
Silverlight
BiTWiSE
 
PDF
6 Topmost JavaScript Framework for 2021
Riya Thomas
 
PPT
Silver Light
gourav
 
ODP
Better Drupal Interaction Design with Flex
Chris Charlton
 
ZIP
A Brief Intro to Adobe Flex
Chad Udell
 
Silverlight - What Is It And How Can We Use It
Venketash (Pat) Ramadass
 
Flex And Ria
ravinxg
 
Flex 4 Overview
RJ Owen
 
Microsoft Silverlight - An Introduction
Mohammad Elsheimy
 
Adobe flex an overview
Subin Sugunan
 
Introduction to silver light
jayc8586
 
Silverlight Framework Architecture
Ashok
 
Silverlight Framework Architecture By Satyen
Satyen Pandya
 
Introduction to silverlight control 4
msarangam
 
Adobe® Flex™
Uday Shankar
 
Silverlight abhinav - slideshare
abhinav4133
 
Silverlight
BiTWiSE
 
6 Topmost JavaScript Framework for 2021
Riya Thomas
 
Silver Light
gourav
 
Better Drupal Interaction Design with Flex
Chris Charlton
 
A Brief Intro to Adobe Flex
Chad Udell
 
Ad

Viewers also liked (6)

PPTX
HTML5 / Mobile Web
Dipesh Mukerji
 
PPTX
Making Core Games in HTML5
Henric Suuronen
 
PPTX
Making Games for Gamers in HTML5
Henric Suuronen
 
PDF
차세대 웹 플랫폼과 HTML5 기술 동향
Jonathan Jeon
 
PDF
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망
Sang Seok Lim
 
PDF
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
Sang Seok Lim
 
HTML5 / Mobile Web
Dipesh Mukerji
 
Making Core Games in HTML5
Henric Suuronen
 
Making Games for Gamers in HTML5
Henric Suuronen
 
차세대 웹 플랫폼과 HTML5 기술 동향
Jonathan Jeon
 
HTML5 관점에서 본 2014 모바일 웹 앱 개발 동향과 사례 및 발전 방향 전망
Sang Seok Lim
 
HTML5 관점에서 2015년 웹 앱 개발 동향과 사례 및 2016년 발전 방향 저...
Sang Seok Lim
 
Ad

Similar to Cloud Apache OpenOffice based on HTML5 (20)

PDF
Eyeos1
comissioosi
 
PDF
Eye Os May 2011 V2.0
ggorricm
 
PDF
Colloquium Report
Deepak Kumar
 
PPT
Azure & WP7 at GRDevDay
Sam Basu
 
PPT
Azure + WP7 - CodePaLOUsa
Sam Basu
 
PPT
.NetCampus Windows Azure Mobile
antimo musone
 
PDF
Media mosa architecture - features -10 june 2010
Andrii Podanenko
 
PPT
Mobility & Data Strategies
Sam Basu
 
PPTX
Stronger than Chuck Norris: SharePoint in clouds, on earth, in subway and in ...
Adis Jugo
 
PPT
37 New Gadgets for 2012 that will Launch your Small Business into the 21st Ce...
Content Equals Money
 
PDF
Transforming Software Architecture for the 21st Century (September 2009)
Dion Hinchcliffe
 
PDF
Alex Wade, Digital Library Interoperability
parker01
 
PPTX
Mobile Computing: QR Codes & Cloud Apps
ayoungkin
 
PDF
Introduction to Cloud Computing - COA101
Martin Hamilton
 
PDF
Open Source Market Overview OW2con11, Nov 24-25, Paris
OW2
 
PDF
Web 20- 2: Architecture Patterns And Models For The New Internet
tvawler
 
PDF
Why is Mobility More than Making Enterprise Applications Available?
Capgemini
 
PPTX
Building and packaging highly scalable services for maximum market penetratio...
Ontico
 
PDF
Gdd Keynote V China
travelinrain
 
PDF
CLOUD COMPUTING: A REVIEW
IAEME Publication
 
Eyeos1
comissioosi
 
Eye Os May 2011 V2.0
ggorricm
 
Colloquium Report
Deepak Kumar
 
Azure & WP7 at GRDevDay
Sam Basu
 
Azure + WP7 - CodePaLOUsa
Sam Basu
 
.NetCampus Windows Azure Mobile
antimo musone
 
Media mosa architecture - features -10 june 2010
Andrii Podanenko
 
Mobility & Data Strategies
Sam Basu
 
Stronger than Chuck Norris: SharePoint in clouds, on earth, in subway and in ...
Adis Jugo
 
37 New Gadgets for 2012 that will Launch your Small Business into the 21st Ce...
Content Equals Money
 
Transforming Software Architecture for the 21st Century (September 2009)
Dion Hinchcliffe
 
Alex Wade, Digital Library Interoperability
parker01
 
Mobile Computing: QR Codes & Cloud Apps
ayoungkin
 
Introduction to Cloud Computing - COA101
Martin Hamilton
 
Open Source Market Overview OW2con11, Nov 24-25, Paris
OW2
 
Web 20- 2: Architecture Patterns And Models For The New Internet
tvawler
 
Why is Mobility More than Making Enterprise Applications Available?
Capgemini
 
Building and packaging highly scalable services for maximum market penetratio...
Ontico
 
Gdd Keynote V China
travelinrain
 
CLOUD COMPUTING: A REVIEW
IAEME Publication
 

Cloud Apache OpenOffice based on HTML5

  • 1. Cloud Apache OpenOffice Based on HTML 5 Jian Hong Cheng -- [email protected] Fan Zheng -- [email protected] speaker: Oliver-Rainer Wittmann -- [email protected]
  • 2. Agenda ● Speaker Introduction ● Tremendous Opportunities from Increasing Users of Mobile Devices ● Cloud AOO to Increase the Market Share ● Benefits of the Approach ● Existing Challenges and Possible Enhancements for the Future ● Q&A 2
  • 3. Speaker Introduction ● Jian Hong Cheng – Symphony Documents Team Leader – AOO Writer, MS Word Binary Fidelity, …, Developer – Former AOO PPMC Member, Stay Foolish – Beijing China ● Fan Zheng – Symphony Documents Team Member – AOO Writer, MS Word Binary Fidelity, …, Core Developer – AOO Committer, Stay Hungry for Technologies – Beijing China 3
  • 4. Tremendous Opportunities from Increasing Users of Mobile Devices ● Statistical Report from IDC – 2011: About 1,000 Million ● Windows PC(x86 Compatible CPU) : 35.9% ● Android (ARM CPU) : 29.4% ● IOS : 14.6% – 2016: About 1,800 million ● Windows PC (x86 compatible CPU) :25.1% ● Android (ARM CPU) : 31.1% ● IOS : 17.3% 4
  • 5. Cloud AOO to Increase the Market Share ● Brief Introduction of the approach – Run AOO under a cloud environment as a service – Access AOO through a web browser – The UI of AOO will be transformed and presented within the client's web browser – 'View', 'Operate' and 'Edit Content' ● E.g., locating cursor, inputting characters, selecting content for deletion or change of properties within web browser ● Main technical composition – AOO+Web Server+XML+HTML+JS+Dojo ● AOO: AOO Professional UNO ● Web Server: Apache Tomcat 7.0.26 ● XML: XML ● HTML and JS => HTML5 5
  • 6. Cloud AOO to Increase the Market Share ● Architecture 6
  • 7. Cloud AOO to Increase the Market Share ● “UNO Graphic” and “UNO Event” – “GUI and Event APIs” are responsible for handling the user events (Mouse, Key and Refresh) and locating the actual positions within AOO ● “XML Creator, Graphic API and Event API” – Generate the middle GUI XML files that describe the UI, contents and layout in AOO 7
  • 8. Cloud AOO to Increase the Market Share ● Detail Introduction II of the Architecture – “GUI XML Interpreter” ● Parse the UI info, contents and layout info recorded in the XML files – “GUI Representor” ● Render the UI, contents and layout parsed from XML files to ensure the same contents and layout in AOO – “User Action Recorder” ● Record the behavior of end users, such as the mouse, keyboard, refresh and so on – “User Event XML Generator” ● Generate XML files to describe the recorded user events 8
  • 9. Cloud AOO to Increase the Market Share ● Detail Introduction III of the Architecture – “Servlets A, B and C” ● Transact the mouse event, keyboard, refresh and results respectively to AOO – “Event Middle XML” ● Manage the middle XML files, such as add, delete and so on – “UNO Query Parameter Generator” ● Translate the mouse event, keyboard, refresh and results to what they should be in AOO and generate the parameters for calling APIs of AOO 9
  • 10. Cloud AOO to Increase the Market Share ● Sample for the POC - presented in AOO Toolbar Area Content within Body Area Status Body Area bar Area 10
  • 11. Cloud AOO to Increase the Market Share ● Sample for the POC - presented in web browser 11
  • 12. Cloud AOO to Increase the Market Share ● Sample for the POC - Partial XML of Body Area 12
  • 13. Cloud AOO to Increase the Market Share ● Sample for the POC - Partial XML of Toolbar 13
  • 14. Cloud AOO to Increase the Market Share ● Sample for the POC - Partial XML of Status Bar 14
  • 15. Benefits of the Approach ● This approach would extend the deployment of AOO to mobile devices enabling users to adopt AOO as their document handling tool ● This approach would have just a small impact on AOO, and would get win-win with it ● No platform dependent UI presentation in AOO as the UI presentation would be processed in the web browser ● This approach would support a deployment of AOO in cloud and social environments 15
  • 16. Existing Challenges and Possible Enhancements for the Future ● Existing Challenges – The AOO process can not be shared and each end user will have his/her own process when accessing AOO through web browser – The performance of rendering may have issues because the Web browser is responsible for that and there is existing a bridge connection – The UI presentation part of AOO needs to be XML-Based ● Possible Enhancements for the Future – Translate the UI style and user experiences to align with the specific ones on the OS of the mobile devices 16
  • 17. Q&A Thanks! 17