Main Article Content


A concept map is deemed a useful teaching and learning tool. It offers many potential advantages over just representing the students’ knowledge and understanding during learning, and have been widely used to support learning. Kit-Build concept map is one learning framework that incorporate digital concept map for its learning activities. Learning with Kit-Build concept map has been found to have better learning effects towards students' understanding and knowledge retention. Incorporating Kit-Build concept map into collaborative learning have been reported to have better outcome than the traditional collaborative learning. However, collaborative learning with Kit-Build concept map cannot be accomodated with the current Kit-Build system where learning activity is conducted online. This study presents the design and development of online collaborative learning platform of Kit-Build Concept Map. A prototype of the collaboration system to support collaborative learning with Kit-Build concept map is developed and be evaluated to portray its potential usability for further development and practical use. The result suggested that incorporating Socket.IO as a real-time communication middleware is effective to deliver online collaborative learning features into the Kit-Build system. Preliminary evaluation to the system also suggested that the system has the potential for actual use in supporting distant collaborative learning with Kit-Build concept map.

Article Details

How to Cite
Pinandito, A., Prasetya, D. D., Az-zahra, H. M., Wardhono, W. S., Hayashi, Y., & Hirashima, T. (2021). Design and Development of Online Collaborative Learning Platform of Kit-Build Concept Map. Journal of Information Technology and Computer Science, 6(1), 50–65.


  1. Romero, C., Cazorla, M., Buzón, O.: Meaningful learning using concept maps as a learning strategy. Journal of Technology and Science Education 7(3), 313–332 (2017).
  2. Akinsanya, C., Williams, M.: Concept mapping for meaningful learning. Nurse education today 24, 41–6 (02 2004).
  3. Daley, B.J., Durning, S.J., Torre, D.M.: Using concept maps to create meaningful learning in medical education. MedEdPublish 5(1) (2016). mep.2016.000019
  4. Machado, C.T., Carvalho, A.A.: Concept mapping: Benefits and challenges in higher education. The Journal of Continuing Higher Education 68(1) (2020).
  5. Funaoi, H., Ishida, K., Hirashima, T.: Comparison of kit-build and scratch-build concept mapping methods on memory retention. Proceedings of the 19th International Conference on Computers in Education, ICCE 2011 pp. 539–546 (01 2011)
  6. Fonteles Furtado, P.G., Hirashima, T., Hayashi, Y.: The effect on new knowledge and reviewed knowledge caused by the positioning task in closed concept maps.
  7. Research and Practice in Technology Enhanced Learning 14(1), 15 (2019).
  8. Collins, B., Nyenhuis, R.: The effectiveness of concept maps for students’ learning and retention. Journal of Political Science Education pp. 1–13 (2020). https://doi. org/10.1080/15512169.2020.1775090
  9. Sharan, Y.: Meaningful learning in the cooperative classroom. Education 3-13: International Journal of Primary, Elementary and Early Years Education 43(1)(2015)
  10. Cañas, A.J., Carff, R., Hill, G., Carvalho, M., Arguedas, M., Eskridge, T.C., Lott, J., Carvajal, R.: Concept Maps: Integrating Knowledge and Information Visualization, pp. 205–219. Springer Berlin Heidelberg, Berlin, Heidelberg (2005).
  11. Gao, H., Shen, E., Losh, S., Turner, J.: A review of studies on collaborative concept mapping: What have we learned about the technique and what is next? Journal of Interactive Learning Research 18(4), 479–492 (October 2007)
  12. Hirashima, T., Yamasaki, K., Fukuda, H., Funaoi, H.: Framework of kit-buildconcept map for automatic diagnosis and its preliminary use. Research and Practice in Technology Enhanced Learning 10(1), 17 (2015).
  13. Alkhateeb, M., Hayashi, Y., Rajab, T., Hirashima, T.: Comparison between KitBuild and Scratch-Build Concept Mapping Methods in Supporting EFL ReadingComprehension. The Journal of Information and Systems in Education 14(1), 13–27(2015).
  14. p-ISSN: 2540-9433; e-ISSN: 2540-982414 JITeCS Volume 2, Number 3, 2016, pp. 1—16
  15. Andoko, B.S., Hayashi, Y., Hirashima, T., Asri, A.N.: Improving English reading for EFL readers with reviewing kit-build concept map. Research and Practice in Technology Enhanced Learning 15(1), 7 (2020).
  16. Wunnasri, W., Pailai, J., Hayashi, Y., Hirashima, T.: Reciprocal kit-build conceptmap: An approach for encouraging pair discussion to share each Other’s Understanding. IEICE Transactions on Information and Systems E101D(9), 2356–2367(2018).
  17. Sadita, L., Hirashima, T., Hayashi, Y., Wunnasri, W., Pailai, J., Junus, K., Santoso,H.B.: Collaborative concept mapping with reciprocal kit-build: a practical use inlinear algebra course. Research and Practice in Technology Enhanced Learning 15(1) (2020).
  18. Amir, L.R., Tanti, I., Maharani, D.A., Wimardhani, Y.S., Julia, V., Sulijaya, B., Puspitawati, R.: Student perspective of classroom and distance learning during COVID-19 pandemic in the undergraduate dental study program Universitas Indonesia. BMC
  19. Medical Education 20(1), 392 (2020).
  20. Armstrong-Mensah, E., Ramsey-White, K., Yankey, B., Self-Brown, S.: Covid-19 anddistance learning: Effects on georgia state university school of public health students. Frontiers in Public Health 8, 547 (2020).
  21. Al Lily, A.E., Ismail, A.F., Abunasser, F.M., Alhajhoj Alqahtani, R.H.: Distance education as a response to pandemics: Coronavirus and Arab culture. Technology in society 63, 101317 (nov 2020).
  22. Yoshida, K., Sugihara, K., Nino, Y., Shida, M., Hirashima, T.: Practical use ofkit-build concept map system for formative assessment of learners’ comprehension in a lecture pp. 906–915 (01 2013)
  23. Pailai, J., Wunnasri, W., Yoshida, K., Hayashi, Y., Hirashima, T.: The practical use of Kit-Build concept map on formative assessment. Research and Practice in Technology Enhanced Learning 12(1) (2017).
  24. Wunnasri, W., Pailai, J., Hayashi, Y., Hirashima, T.: Reciprocal kit-building ofconcept map to share each other’s understanding as preparation for collaboration. In: Penstein Rosé, C., Martínez-Maldonado, R., Hoppe, H.U., Luckin, R., Mavrikis, M., Porayska-Pomsta, K., McLaren, B., du Boulay, B. (eds.) Artificial Intelligence
  25. in Education. pp. 599–612. Springer International Publishing, Cham (2018)
  26. Sugihara, K., Osada, T., Hirashima, T., Funaoi, H., Nakata, S.: Experimental evaluation of kit-build concept map for science classes in an elementary school. Proceedings of the 20th International Conference on Computers in Education, ICCE 2012 pp. 17–24 (01 2012)
  27. Pinandito, A., Az-Zahra, H.M., Hirashima, T., Hayashi, Y.: User experience evaluation on computer-supported concept map authoring tool of kit-build concept map framework. In: 2019 International Conference on Sustainable Information Engineering and Technology (SIET). pp. 289–294 (2019). SIET48054.2019.8986005
  28. Franz, M., Lopes, C.T., Huck, G., Dong, Y., Sumer, O., Bader, G.D.: Cytoscape.js: a graph theory library for visualisation and analysis. Bioinformatics 32(2), 309–311 (2015).
  29. Garaizar, P., Vadillo, M., López, D.: Benefits and pitfalls of using html5 apis for online experiments and simulations. International Journal of Online Engineering(iJOE) 8, 20–25 (01 2013).
  30. Elorriaga, J., Arruarte, A., Calvo, I., Larrañaga, M., Rueda, U., Herrán, E.: Collaborative concept mapping activities in a classroom scenario. Behaviour & Information Technology 32(12), 1292–1304 (2013).
  31. Elkabani, I., Hamandi, L., Zantout, R., Mansi, S.: Toward better web accessibility. In: 2015 5th International Conference on Information Communication Technology and Accessibility (ICTA). pp. 1–6 (2015).
  32. Ringe, S., Kedia, R., Poddar, A., Patel, S.: Html5 based virtual whiteboard for real time interaction. Procedia Computer Science 49, 170–177 (12 2015).