Skip to main content
SpringerLink
Log in

CoWebDraw: a real-time collaborative graphical editing system supporting multi-clients based on HTML5

  • Published:
Multimedia Tools and Applications Aims and scope Submit manuscript

Abstract

Real-time collaborative graphical editing system allows a group of users simultaneously to view and edit the shared graphical documents from geographically dispersed sites connected by networks. The strategy of consistency maintenance is the key technique to ensure correctness in this editing system. This paper maps the two-dimensional drawing area into the linear structure in the real-time collaborative graphical editing system in the Web environment, and transforms the two-dimensional graphical operations to the linear operations. Based on the above, this paper improves the ABST algorithm to be suitable for this new environment. In order to verify the correctness and feasibility of the algorithm, this paper develops the real-time collaborative graphical editing system CoWebDraw based on Web, which adopts the HTML5 WebSocket protocol to achieve the real-time transformation of the information. In this system, geographically dispersed users can edit the shared graphical documents through web browsers. In the mobile internet era, the CoWebDraw system supports the concurrent editing of the same documents by multi-clients.

This is a preview of subscription content, log in via an institution to check access.

Access this article

Log in via an institution

Price excludes VAT (USA)
Tax calculation will be finalised during checkout.

Instant access to the full article PDF.

Institutional subscriptions

Fig. 1
Fig. 2
Fig. 3
Fig. 4
Fig. 5
Fig. 6

Similar content being viewed by others

References

  1. Ellis CA, Gibbs SJ (1989) Concurrency control in groupware systems. In: Proceedings of the ACM Conference on the Management of Data 1989, Portland Oregon, May, pp 9–407

  2. Etherpad (2015) The Etherpad Foundation. Available: http://etherpad.org/. Accessed Feb 2015

  3. Google Docs (2011) Create and share your work online. http://docs.google.com/

  4. Greenberg S, Roseman M, Webster D, Bohnet R (1992) Issues and experiences designing and implementing two group drawing tools. Proc Of the 25th Annual Hawaii Intl. Conference on the System Science, Kuwaii, Hawaii, January, pp 138-150

  5. Guo P, Wang J, Li B, Lee S (2014) A Variable Threshold-value Authentication Architecture for Wireless Mesh Networks. J Internet Technol 15(6):929–936

    Google Scholar 

  6. Gutwin C, Lippold M, Graham TCN (2011) Real-time groupware in the browser: testing the performance of web-based networking. In: CSCW, pp 167–176

  7. Gutwin TC, Lippold M, Graham TCN (2011) Real-time groupware in the browser: testing the performance of web-based networking. In: CSCW, pp 167–176

  8. Heinrich M, Lehmann F, Springer T, Gaedke M (2012) Exploiting single-user web applications for shared editing: a generic transformation approach. In: Proceedings of the 21st international conference on World Wide Web, ACM

  9. Inoue R, Kato Y (2012) A Real-Time Collaborative Mechanism for Editing a Web Page and Its Applications. In: Parallel Architectures, Algorithms and Programming (PAAP), Fifth International Symposium on, pp 186–193

  10. Ionescu B, Gadea C (2015) A chat-centric collaborative environment for web-based real-time collaboration. In: Applied Computational Intelligence and Informatics (SACI), IEEE 10th Jubilee International Symposium on, pp 105-110

  11. Karsenty A, Beaudouin-Lafon M (1993) An algorithm for distributed groupware applications. Proc. of Conf. on Distributed Computing Systems, Pittsburg, Pennsylvania, USA, May, pp 195–202

  12. Katayama S, Goda T (2013) A Fast Synchronization Mechanism for Collaborative Web Applications Based on HTML5. In Software Engineering, Artificial Intelligence, Networking and Parallel/Distributed Computing (SNPD), 14th ACIS International Conference on, pp 663-668

  13. Y. Liu, N. Xiong*, Y. Zhao, A.V. Vasilakos, J. Gao, Y. Jia, Multi-layer clustering routing algorithm for wireless vehicular sensor networks. IET Commun 4 (7), 810–816, 2010

    Article  Google Scholar 

  14. Newman-Wolfe RE, Webb M, Montes M (1992) Implicit locking in the Ensemble concurrent object-oriented graphics editor. Proc. of CSCW, Toronto, Canada, pp 265–272

  15. OpenCoWeb (2011) Open Cooperative Web Framework Project intro. http://opencoweb.org

  16. Ren Y, Shen J, Wang J, Han J, Lee S (2015) Mutual Verifiable Provable Data Auditing in Public Cloud Storage. J Internet Technol 16(2):317–323

    Google Scholar 

  17. Shao B, Li D, Gu N (2010) A Fast Operational Transformation Algorithm for Mobile and Asynchronous Collaboration. IEEE Trans Parallel Distrib Syst 21(12):1707–1720

    Article  Google Scholar 

  18. Shen J, Tan H, Wang J, Wang J, Lee S (2015) A Novel Routing Protocol Providing Good Transmission Reliability in Underwater Sensor Networks. J Internet Technol 16(1):171–178

    Google Scholar 

  19. Sun C, Chen D (2002) Consistency maintenance in real-time collaborative graphics editing systems. ACM TOCHI 9:1–41

    Article  Google Scholar 

  20. Sun D, Xia S, Sun CZ, etc (2004) Operational transformation for collaborative word processing. In: Proc. Of the ACM Conf. on CSCW, pp. 437–446

  21. Wang X, Bu JJ, Chen C (2002) Achieving undo in bitmap-based collaborative graphics editing systems. In: Proceedings of the Conference on Computer Supported Cooperative Work (pp. 68-76)

  22. Wang SS, Wu CX, Gao LP etc (2014) Research on Consistency Maintenance of the Real-time Image Editing System based on Bitmap. In: Proceeding of the Conference on Computer Supported Cooperative Work in Design, pp 689–694

  23. Xia Z, Wang X, Sun X, Liu Q, Xiong N (2016) Steganalysis of LSB matching using differences between nonadjacent pixels. Multimedia Tools and Applications 75(4):1947–1962

    Article  Google Scholar 

  24. Xiong N, Vasilakos AV, Yang LT, Song L, Pan Y, Kannan R, Li Y (2009) Comparative analysis of quality of service and memory usage for adaptive failure detectors in healthcare systems. IEEE J Sel Areas Commun 27(4):495–509

    Article  Google Scholar 

  25. Yin J, Lu X, Zhao X, Chen H, Liu X (2015) BURSE: A Bursty and Self-Similar Workload Generator for Cloud Computing. IEEE Trans Parallel Distrib Syst 26(3):668–680

    Article  Google Scholar 

Download references

Acknowledgements

We would like to thank the reviewers, whose valuable critique and comments helped to improve this paper. Moreover, this work is supported by the National Science Foundation of China (NSFC) under Grant No.61202376 and 61572325, Shanghai Natural Science Foundation under Grant No. No. 17ZR1419100 & No. 15ZR1429100, and the Open Project Program of Shanghai Key Laboratory of Data Science (No.201609060003).

Author information

Authors and Affiliations

  1. School of Optical-Electrical and Computer Engineering, University of Shanghai for Science and Technology, Shanghai, 200093, China

    Liping Gao, Dongfang Gao & Naixue Xiong

  2. Shanghai Key Laboratory of Data Science, Fudan University, Shanghai, China

    Liping Gao

  3. Department of Computer Science and Engineering, Seoul National University of Science and Technology, Nowon-gu, South Korea

    Changhoon Lee

Authors
  1. Liping Gao
    View author publications

    You can also search for this author in PubMed Google Scholar

  2. Dongfang Gao
    View author publications

    You can also search for this author in PubMed Google Scholar

  3. Naixue Xiong
    View author publications

    You can also search for this author in PubMed Google Scholar

  4. Changhoon Lee
    View author publications

    You can also search for this author in PubMed Google Scholar

Corresponding author

Correspondence to Liping Gao.

Rights and permissions

Reprints and permissions

About this article

Check for updates. Verify currency and authenticity via CrossMark

Cite this article

Gao, L., Gao, D., Xiong, N. et al. CoWebDraw: a real-time collaborative graphical editing system supporting multi-clients based on HTML5. Multimed Tools Appl 77, 5067–5082 (2018). https://doi.org/10.1007/s11042-017-5242-4

Download citation

  • Received:

  • Revised:

  • Accepted:

  • Published:

  • Issue Date:

  • DOI: https://doi.org/10.1007/s11042-017-5242-4

Keywords

Search

Navigation