Design a Collaborative Visualization-Based Learning System for Problem-Solving to Transform the Classroom Ecosystem

  • Huiying Cai
  • Xiaoqing GuEmail author
Part of the Smart Computing and Intelligence book series (SMCOMINT)


In this study, the collaborative visualization-based learning system, named semantic diagram tool is proposed as a driver to transform the classroom ecosystem. To investigate its effectiveness, two cases integrated with semantic diagram tool were designed, implemented, and analyzed. In the first case, the flow of interaction between teacher and students under the mediation of semantic diagram tool was investigated, with discourse analysis from the classroom video. In the second case, the flow of interaction between students in group under the mediation of semantic diagram tool was investigated, with the analysis of group discourse data. It is found that semantic diagram tool can make classroom more student-centered and changes the role of teacher from knowledge transfer to learning facilitator. It also can make group learners engaged more into cognitive-demanding learning activity than the situation without the integration of semantic diagram tool. Based on these findings, future researches such as teacher development and the design of learning technology are discussed.


Collaborative problem-solving Discourse analysis Classroom video analysis External representation Classroom ecosystem 



The manuscript is supported by the Humanity and Social Science Youth Foundation (Humanity and Social Science) Ministry of Education of China under Grant No.17YJC880001. We would like to thank all the people who prepared and revised previous versions of this document.


  1. Baker, M., Andriessen, J., Lund, K., van Amelsvoort, M., & Quignard, M. (2007). Rainbow: A framework for analyzing computer-mediated pedagogical debates. International Journal of Computer-Supported Collaborative Learning, 2(2–3), 315–357.CrossRefGoogle Scholar
  2. Caballero, D., Van Riesen, S. A., Álvarez, S., Nussbaum, M., De Jong, T., & Alario-Hoyos, C. (2014). The effects of whole-class interactive instruction with single display groupware for triangles. Computers & Education, 70, 203–211.CrossRefGoogle Scholar
  3. Cai, H., Lin, L., & Gu, X. (2016). Using a semantic diagram to structure a collaborative problem solving process in the classroom. Educational Technology Research and Development, 64(6), 1207–1225.CrossRefGoogle Scholar
  4. Chen, B. B., & Li, D. (2008). Effect of classroom ecosystem on children’s prosocial behavior. Advances in Psychological Science, 16(05), 733–739. (in Chinese).Google Scholar
  5. Chen, M. H., Zhang, J., & Lee, J. (2013). Making collective progress visible for sustained knowledge building. In N. Rummel, M. Kapur, M. Nathan, & S. Puntambekar (Eds.), Proceedings of the International Conference of Computer-Supported Collaborative Learning: To See the World and a Grain of Sand: Learning Across Levels of Space, Time, and Scale (pp. 81–88). Madison: International Society of the Learning Science.Google Scholar
  6. Dillenbourg, P. (2013). Design for classroom orchestration. Computers & Education, 69, 485–492.CrossRefGoogle Scholar
  7. Dragon, T., Mavrikis, M., McLaren, B. M., Harrer, A., Kynigos, C., Wegerif, R., et al. (2013). Metafora: A web-based platform for learning to learn together in science and mathematics. IEEE Transactions on Learning Technologies, 6(3), 197–207.CrossRefGoogle Scholar
  8. Ertl, B., Fischer, F., & Mandl, H. (2006). Conceptual and socio-cognitive support for collaborative learning in videoconferencing environments. Computers & Education, 47(3), 298–315.CrossRefGoogle Scholar
  9. Gijlers, H., & de Jong, T. (2013). Using concept maps to facilitate collaborative simulation-based inquiry learning. Journal of the learning sciences, 22(3), 340–374.CrossRefGoogle Scholar
  10. Gu, X., & Quan, G. (2014). The literature review of visual knowledge representation and model by semantic diagram. e-Education Research, 5, 45–52. (in Chinese).Google Scholar
  11. Harrer, A., Pfahler, K., De Groot, R., & Abdu, R. (2013, September). Research on collaborative planning and reflection–methods and tools in the metafora project. In European Conference on Technology Enhanced Learning (pp. 139–150). Berlin: Springer.Google Scholar
  12. Jin, H., & Wong, K. H. (2010). Training on concept mapping skills in geometry. Journal of Mathematics Education, 3(1), 104–119.Google Scholar
  13. Kim, A. H., Vaughn, S., Wanzek, J., & Wei, S. (2004). Graphic organizers and their effects on the reading comprehension of students with LD: A synthesis of research. Journal of learning disabilities, 37(2), 105–118.CrossRefGoogle Scholar
  14. Morgan, B., & Martin, I. (2014). Toward a research agenda for classroom as-ecosystem. The Modern Language Journal, 98(2), 667–670.CrossRefGoogle Scholar
  15. Novak, J. D., & Canas, A. J. (2008). The theory underlying concept maps and how to construct and use them (Technical report). Pensacola: Institute for Human and Machine Cognition.Google Scholar
  16. Poole, M. S., & Holmes, M. E. (1995). Decision development in computer-assisted group decision making. Human Communication Research, 22(1), 90–127.CrossRefGoogle Scholar
  17. Prieto, L. P., Villagra´-Sobrino, S., Jorrı´n-Abella´n, I. M., Martı´nez-Mone´s, A., & Dimitriadis, Y. (2011). Recurrent routines: Analyzing and supporting orchestration in technology-enhanced primary classrooms. Computers & Education, 57(1), 1214–1227.Google Scholar
  18. Slof, B., Erkens, G., Kirschner, P. A., & Helms-Lorenz, M. (2013). The effects of inspecting and constructing part-task-specific visualizations on team and individual learning. Computers & Education, 60(1), 221–233.CrossRefGoogle Scholar
  19. Somekh, B. (2007). Pedagogy and learning with ICT: Researching the art of innovation. Routledge.Google Scholar
  20. Suthers, D. D. (2001). Towards a systematic study of representational guidance for collaborative learning discourse. Journal of Universal Computer Science, 7(3), 254–277.Google Scholar
  21. Scheuer, O., Loll, F., Pinkwart, N., & McLaren, B. M. (2010). Computer-supported argumentation: A review of the state of the art. International Journal of Computer-supported collaborative learning, 5(1), 43–102.CrossRefGoogle Scholar
  22. Urie, B. (1979). The ecology of human development: Experiments by nature and design. Cambridge, MA: Harvard.Google Scholar
  23. van Amelsvoort, M., Andriessen, J., & Kanselaar, G. (2007). Representational tools in computer-supported collaborative argumentation-based learning: How dyads work with constructed and inspected argumentative diagrams. The Journal of the Learning Sciences, 16(4), 485–521.CrossRefGoogle Scholar
  24. van Bruggen, J. M., Kirschner, P. A., & Jochems, W. (2002). External representation of argumentation in CSCL and the management of cognitive load. Learning and Instruction, 12(1), 121–138.CrossRefGoogle Scholar
  25. Vogel, F., Wecker, C., Kollar, I., & Fischer, F. (2017). Socio-cognitive scaffolding with computer-supported collaboration scripts: A meta-analysis. Educational Psychology Review, 29(3), 477–511.CrossRefGoogle Scholar
  26. Wang, M., Cheng, B., Chen, J., Mercer, N., & Kirschner, P. A. (2017). The use of web-based collaborative concept mapping to support group learning and interaction in an online environment. The Internet and Higher Education, 34, 28–40.CrossRefGoogle Scholar
  27. Wen, Y., Looi, C. K., & Chen, W. (2015). Appropriation of a representational tool in a second-language classroom. International Journal of Computer-Supported Collaborative Learning, 10(1), 77–108.CrossRefGoogle Scholar
  28. Wegerif, R., & Mansour, N. (2010). A dialogic approach to technology-enhanced education for the global knowledge society. In M. S. Khine & I. M. Saleh (Eds.), New science of learning (pp. 325–339). New York: Springer.CrossRefGoogle Scholar
  29. Wegerif, R., McClaren, B. M., Chamrada, M., Schreuer, O., Mansour, N., Miksátko, J., et al. (2010). Exploring creative thinking in graphically mediated synchronous dialogues. Computers & Education, 54, 613–621.CrossRefGoogle Scholar
  30. Weinberger, A., Ertl, B., Fischer, F., & Mandl, H. (2005). Epistemic and social scripts in computer-supported collaborative learning. Instructional Science, 33(1), 1–30.CrossRefGoogle Scholar

Copyright information

© Springer Nature Singapore Pte Ltd. 2019

Authors and Affiliations

  1. 1.Department of Educational TechnologyJiangnan UniversityWuxi, JiangsuChina
  2. 2.Research Center of Educational InformatizationJiangnan UniversityWuxi, JiangsuChina
  3. 3.Department of Education Information Technology, Faculty of EducationEast China Normal UniversityShanghaiChina

Personalised recommendations