Websockets Shared Virtual Whiteboard; an alternative for remote collaborative work
Keywords:
virtual whiteboard, websockets, shared whiteboard, online workspace.
Abstract
The Websockets Shared Virtual Whiteboard, is a system for cooperative work, that allows its users to collaborate remotely, online and in real time. The system provides with a virtual whiteboard acting as a shared workspace where any user´s interactions synchronize automatically and immediately with all the other users. Server side, the system is implemented with the Java Enterprise Edition, mainly using WebSockets technology. Client side, no installing process is necessary, given that any recent browser supporting WebSockets through Javascript, whether on desktop or mobile systems, is able to integrate itself into a working session. The chosen configuration allows the users to hand-draw, and use geometric figures and text boxes; it is possible to save any stage of the working environment to file and reload it for a different session; moreover, a chat tool has been incorporated, which provides with a complementary workspace for adding contextual explanations to the session, everything in a collaborative environment.
Downloads
Download data is not yet available.
References
Akison, A. (2014, mayo 7). Look Back at Shared Whiteboard. Recuperado el 24 de agosto de 2016, a partir de http://www.akison.com/look-back-at-shared-whiteboard/
Brinkmann. (2015, mayo 27). Computer Whiteboard software Easy Whiteboard. Recuperado el 24 de agosto de 2016, a partir de http://www.ghacks.net/2009/01/18/computer-whiteboard/
Dalsgaard, P., Halskov, K., Mackay, W., Maiden, N., & Martens, J.-B. (2015). Supporting Creative Design Processes in Blended Interaction Spaces. En Proceedings of the 2015 ACM SIGCHI Conference on Creativity and Cognition (pp. 395–396). New York, NY, USA: ACM. https://doi.org/10.1145/2757226.2767184
Fette, I., & Melnikov, A. (2011). The WebSocket Protocol. IETF-RFC. Recuperado a partir de http://www.rfc-editor.org/info/rfc6455
Good Code. (2016). A web whiteboard. Recuperado el 24 de agosto de 2016, a partir de https://awwapp.com/info/
Hamdan, K., Al-Qirim, N., & Asmar, M. (2012). The effect of Smart Board on students behavior and motivation. En 2012 International Conference on Innovations in Information Technology (IIT) (pp. 162–166). https://doi.org/10.1109/INNOVATIONS.2012.6207723
Heffelfinger, D. (2014). Java EE 7 with GlassFish 4 Application Server. PACKT Books. Recuperado a partir de https://www.packtpub.com/application-development/java-ee-7-glassfish-4-application-server
Higuchi, K., Chen, Y., Chou, P. A., Zhang, Z., & Liu, Z. (2015). ImmerseBoard: Immersive Telepresence Experience Using a Digital Whiteboard. En Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems (pp. 2383–2392). New York, NY, USA: ACM. https://doi.org/10.1145/2702123.2702160
Hou, D., & Xia, H. (2009). Analyzing and Designing of the Classroom Teaching System Based on the Network. En International Conference on Environmental Science and Information Application Technology, 2009. ESIAT 2009 (Vol. 2, pp. 614–617). https://doi.org/10.1109/ESIAT.2009.232
Jaramillo, D., Nguyen, V. D., & Newhook, R. (2014). Real-time experience techniques for collaborative tools on mobile. En IEEE SOUTHEASTCON 2014 (pp. 1–6). https://doi.org/10.1109/SECON.2014.6950669
Kleffmann, M., Hesenius, M., & Gruhn, V. (2015). Connecting UI and Business Processes in a Collaborative Sketching Environment. En Proceedings of the 7th ACM SIGCHI Symposium on Engineering Interactive Computing Systems (pp. 200–205). New York, NY, USA: ACM. https://doi.org/10.1145/2774225.2775076
Kniberg, H. (2016). Web Whiteboard. Recuperado el 24 de agosto de 2016, a partir de https://www.webwhiteboard.com/
Lech, M., Kostek, B., & Czyzewski, A. (2012). Virtual Whiteboard: A gesture-controlled pen-free tool emulating school whiteboard. Intelligent Decision Technologies, 6(2), 161–169. https://doi.org/10.3233/IDT-2012-0132
Limtrairut, P., Marshall, S., & Andreae, P. (2016). Mobile Learning Application for Computer Science Students: A Transactional Distance Perspective. En Proceedings of the 2016 ACM Conference on International Computing Education Research (pp. 285–286). New York, NY, USA: ACM. https://doi.org/10.1145/2960310.2960350
Mota, D., Carvalho, C. V. de, & Reis, L. P. (2011). Fostering Collaborative Work between educators in higher education. En 2011 IEEE International Conference on Systems, Man, and Cybernetics (SMC) (pp. 1286–1291). https://doi.org/10.1109/ICSMC.2011.6083837
Rooksby, J., & Ikeya, N. (2012). Collaboration in Formative Design: Working Together at a Whiteboard. IEEE Software, 29(1), 56–60. https://doi.org/10.1109/MS.2011.123
Russell, S., & Creighton, O. (2011). Artwork for requirements definition. En 2011 Fourth International Workshop on Multimedia and Enjoyable Requirements Engineering (MERE’11) (pp. 34–37). https://doi.org/10.1109/MERE.2011.6043941
Scribblar. (2016, agosto 22). Online Whiteboard and Collaboration. Recuperado el 22 de agosto de 2016, a partir de https://scribblar.com/
Twiddla. (2016, agosto 22). Team Collaboration for the Web. Recuperado el 22 de agosto de 2016, a partir de https://www.twiddla.com/
Vashishth, S., Sinha, Y., & Babu, K. H. (2016). Addressing Challenges in Browser Based P2P Content Sharing Framework Using WebRTC. En 2016 IEEE 30th International Conference on Advanced Information Networking and Applications (AINA) (pp. 850–857). https://doi.org/10.1109/AINA.2016.143
Wang, V., Salim, F., & Moskovits, P. (2012). The Definitive Guide to HTML5 WebSocket. Apress.
Wüest, D., Seyff, N., & Glinz, M. (2015). FlexiSketch Team: Collaborative Sketching and Notation Creation on the Fly. En Proceedings of the 37th International Conference on Software Engineering - Volume 2 (pp. 685–688). Piscataway, NJ, USA: IEEE Press. Recuperado a partir de http://dl.acm.org/citation.cfm?id=2819009.2819138
Zhang, F., & Yu, H. (2014). AegeanBoard: An Interactive Whiteboard Messenger for iPad. En 2014 2nd IEEE International Conference on Mobile Cloud Computing, Services, and Engineering (MobileCloud) (pp. 257–258). https://doi.org/10.1109/MobileCloud.2014.42
Brinkmann. (2015, mayo 27). Computer Whiteboard software Easy Whiteboard. Recuperado el 24 de agosto de 2016, a partir de http://www.ghacks.net/2009/01/18/computer-whiteboard/
Dalsgaard, P., Halskov, K., Mackay, W., Maiden, N., & Martens, J.-B. (2015). Supporting Creative Design Processes in Blended Interaction Spaces. En Proceedings of the 2015 ACM SIGCHI Conference on Creativity and Cognition (pp. 395–396). New York, NY, USA: ACM. https://doi.org/10.1145/2757226.2767184
Fette, I., & Melnikov, A. (2011). The WebSocket Protocol. IETF-RFC. Recuperado a partir de http://www.rfc-editor.org/info/rfc6455
Good Code. (2016). A web whiteboard. Recuperado el 24 de agosto de 2016, a partir de https://awwapp.com/info/
Hamdan, K., Al-Qirim, N., & Asmar, M. (2012). The effect of Smart Board on students behavior and motivation. En 2012 International Conference on Innovations in Information Technology (IIT) (pp. 162–166). https://doi.org/10.1109/INNOVATIONS.2012.6207723
Heffelfinger, D. (2014). Java EE 7 with GlassFish 4 Application Server. PACKT Books. Recuperado a partir de https://www.packtpub.com/application-development/java-ee-7-glassfish-4-application-server
Higuchi, K., Chen, Y., Chou, P. A., Zhang, Z., & Liu, Z. (2015). ImmerseBoard: Immersive Telepresence Experience Using a Digital Whiteboard. En Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems (pp. 2383–2392). New York, NY, USA: ACM. https://doi.org/10.1145/2702123.2702160
Hou, D., & Xia, H. (2009). Analyzing and Designing of the Classroom Teaching System Based on the Network. En International Conference on Environmental Science and Information Application Technology, 2009. ESIAT 2009 (Vol. 2, pp. 614–617). https://doi.org/10.1109/ESIAT.2009.232
Jaramillo, D., Nguyen, V. D., & Newhook, R. (2014). Real-time experience techniques for collaborative tools on mobile. En IEEE SOUTHEASTCON 2014 (pp. 1–6). https://doi.org/10.1109/SECON.2014.6950669
Kleffmann, M., Hesenius, M., & Gruhn, V. (2015). Connecting UI and Business Processes in a Collaborative Sketching Environment. En Proceedings of the 7th ACM SIGCHI Symposium on Engineering Interactive Computing Systems (pp. 200–205). New York, NY, USA: ACM. https://doi.org/10.1145/2774225.2775076
Kniberg, H. (2016). Web Whiteboard. Recuperado el 24 de agosto de 2016, a partir de https://www.webwhiteboard.com/
Lech, M., Kostek, B., & Czyzewski, A. (2012). Virtual Whiteboard: A gesture-controlled pen-free tool emulating school whiteboard. Intelligent Decision Technologies, 6(2), 161–169. https://doi.org/10.3233/IDT-2012-0132
Limtrairut, P., Marshall, S., & Andreae, P. (2016). Mobile Learning Application for Computer Science Students: A Transactional Distance Perspective. En Proceedings of the 2016 ACM Conference on International Computing Education Research (pp. 285–286). New York, NY, USA: ACM. https://doi.org/10.1145/2960310.2960350
Mota, D., Carvalho, C. V. de, & Reis, L. P. (2011). Fostering Collaborative Work between educators in higher education. En 2011 IEEE International Conference on Systems, Man, and Cybernetics (SMC) (pp. 1286–1291). https://doi.org/10.1109/ICSMC.2011.6083837
Rooksby, J., & Ikeya, N. (2012). Collaboration in Formative Design: Working Together at a Whiteboard. IEEE Software, 29(1), 56–60. https://doi.org/10.1109/MS.2011.123
Russell, S., & Creighton, O. (2011). Artwork for requirements definition. En 2011 Fourth International Workshop on Multimedia and Enjoyable Requirements Engineering (MERE’11) (pp. 34–37). https://doi.org/10.1109/MERE.2011.6043941
Scribblar. (2016, agosto 22). Online Whiteboard and Collaboration. Recuperado el 22 de agosto de 2016, a partir de https://scribblar.com/
Twiddla. (2016, agosto 22). Team Collaboration for the Web. Recuperado el 22 de agosto de 2016, a partir de https://www.twiddla.com/
Vashishth, S., Sinha, Y., & Babu, K. H. (2016). Addressing Challenges in Browser Based P2P Content Sharing Framework Using WebRTC. En 2016 IEEE 30th International Conference on Advanced Information Networking and Applications (AINA) (pp. 850–857). https://doi.org/10.1109/AINA.2016.143
Wang, V., Salim, F., & Moskovits, P. (2012). The Definitive Guide to HTML5 WebSocket. Apress.
Wüest, D., Seyff, N., & Glinz, M. (2015). FlexiSketch Team: Collaborative Sketching and Notation Creation on the Fly. En Proceedings of the 37th International Conference on Software Engineering - Volume 2 (pp. 685–688). Piscataway, NJ, USA: IEEE Press. Recuperado a partir de http://dl.acm.org/citation.cfm?id=2819009.2819138
Zhang, F., & Yu, H. (2014). AegeanBoard: An Interactive Whiteboard Messenger for iPad. En 2014 2nd IEEE International Conference on Mobile Cloud Computing, Services, and Engineering (MobileCloud) (pp. 257–258). https://doi.org/10.1109/MobileCloud.2014.42
Published
2017-02-24
How to Cite
Sotomayor, X., & Ordóñez Camacho, D. (2017). Websockets Shared Virtual Whiteboard; an alternative for remote collaborative work. Enfoque UTE, 8(1), pp. 374 - 383. https://doi.org/https://doi.org/10.29019/enfoqueute.v8n1.146
Section
General Engineering
This work is licensed under a Creative Commons 4.0 License.
Enfoque UTE - Facultad de Ciencias de la Ingeniería e Industrias - Universidad UTE