Application of Human-Computer Interaction in Online Music Education: A Case Study of 'Little Leaf Music Education’

Authors

  • Tonghui Sang Universiti Malaysia Kelantan. Bachok, Kelantan 36, 16100, Malaysia
  • Khairil Anwar Dean Universiti Malaysia Kelantan. Bachok, Kelantan 36, 16100, Malaysia

DOI:

https://doi.org/10.53797/ajvah.v6i1.10.2025

Keywords:

"Human-computer interaction" model, music education, curriculum and teaching objectives, teaching platform, multimedia teaching system

Abstract

This study explores the application and development of Human-Computer Interaction (HCI) in online education, with a specific focus on online music learning. The research begins by summarizing the evolution of HCI concepts and technologies and analyzing trends in the global digital music industry. Data from 2010 to 2020 indicate that the industry experienced a decline followed by recovery, reaching a total revenue of USD 21.5 billion in 2020, a 7.7% year-on-year increase. This study explores the potential of human-computer interaction in strengthening music education by proposing a new online music application system based on human-computer interaction and evaluating existing software. A case study was conducted using the "Little Leaf Music Education" program as a practical example. Through a participatory action research approach, an HCI course evaluation scale was developed. Questionnaire surveys showed that 66.67% of the 12 students participated in group sessions, and among the four unregistered students, more than 60% attended classes. This indicates that teaching based on HCI has been widely and positively accepted. Further analysis revealed that under the HCI system, both the job submission rate and the pass rate reached 90%. In simulated exams, 75% of students achieved high scores. Moreover, both student and teacher satisfaction rates with HCI classes were recorded at 100%. These findings demonstrate that HCI significantly enriches interactive and hands-on music learning, effectively fostering students’ imagination and creativity. The results provide strong empirical and theoretical support for the future application and advancement of HCI technologies in broader online education contexts.

Downloads

Download data is not yet available.

References

Aljohani, N. R., Davis, H. C., & Loke, S. W. (2012). A comparison between mobile and ubiquitous learning from the perspective of human-computer interaction. International Journal of Mobile Learning and Organisation, 6(3–4/2012), 218-231.

Astapov, K. L., & Liu, Y. (2020). Implementation of Platforms’ Strategy by Financial Companies in China and Russia. Научно-практический журнал Выходит ежемесячно, 112.

Barbosa, Á., Calegario, F., Teichrieb, V., & Ramalho, G. (2011). Interacting with Music in Mixed Reality. Proceedings of the International Computer Music Conference.

Bargas-Avila, J. A., and K. Hornbæk. 2011. “Old Wine in New Bottles or Novel Challenges: A Critical Analysis of Empirical Studies of User Experience.” In Proceedings of the SIGCHI Conference on Human Factors in Computing Systems, CHI '11, Vancouver, BC, May 7–12. 2689–2698, New York, NY: ACM. http://dl.acm.org/citation.cfm?id=1979336.

Barr, P., J. Noble, and R. Biddle. 2007. “Video Game Values: Human-Computer Interaction and Games.” Interacting with Computers 19 (2): 180–195. doi: 10.1016/j.intcom.2006.08.008

Beauchamp, G., & Kennewell, S. (2010). Interactivity in the classroom and its impact on learning. Computers & Education, 54(3), 759-766.

Chesney, T., & Lawson, S. (2007). The illusion of control: A cognitive model of music downloading. Information Systems Journal, 17(3), 273–289.

Dalgarno, B., & Lee, M. J. W. (2010). What are the learning affordances of 3‐D virtual environments? British Journal of Educational Technology, 41(1), 10–32.

Day, J. A., & Foley, J. D. (2006). Evaluating a web lecture intervention in a human–computer interaction course. IEEE Transactions on education, 49(4), 420-431.

Dix, A., Finlay, J., Abowd, G., & Beale, R. (2004). Human-Computer Interaction (3rd ed.). Pearson.

Erkunt, H. (2001). Computer-based Cognitive Tools: A Case of Effective Human Computer Interaction in Music Education. Bolgaziçi University Journal of Education, 19(1), 37-60.

Fan, X., & Zhong, X. (2022). Artificial intelligence-based creative thinking skill analysis model using human–computer interaction in art design teaching. Computers and Electrical Engineering, 100, 107957.

Fitzpatrick, J. L., Sanders, J. R., & Worthen, B. R. (2011). Program evaluation: Alternative approaches and practical guidelines. Pearson.

Gu, D., & Li, F. (2020, September). The Exploration of the Application of VR Technology in Music Education under the Background of Internet+. In 2020 International Conference on Modern Education and Information Management (ICMEIM) (pp. 9-12). IEEE.

Holland, S., Wilkie, K., Mulholland, P., & Seago, A. (2013). Music interaction: understanding music and human-computer interaction. In Music and human-computer interaction (pp. 1-28). Springer, London.

Jia, K., Kenney, M., & Zysman, J. (2018). Global competitors? Mapping the internationalization strategies of Chinese

Karpov, A. A., & Yusupov, R. M. (2018). Multimodal interfaces of human–computer interaction. Herald of the Russian Academy of Sciences, 88(1), 67-74.

Kay, R., & Leung, S. (2017). Predicting student use of technology-based learning tools. Computers in Human Behavior, 68, 106-115.

Keenan, J. M. (2016). From sustainability to adaptation: Goldman Sachs’ corporate real estate strategy. Building Research & Information, 44(4), 407-422.

Kemmis, S., & McTaggart, R. (1988). The Action Research Planner. Deakin University Press.

Kjærgaard, A., and M. T. Vendelø. 2015. “The Role of Theory Adaptation in the Making of a Reference Discipline.” Information and Organization 25 (3): 137–149. doi: 10.1016/j.infoandorg.2015.04.002

Kostakos, V. 2015. “The Big Hole in HCI Research.” Interactions 22 (2): 48–51. doi: 10.1145/2729103

Li, M. (2016). Smart home education and teaching effect of multimedia network teaching platform in piano music education. International Journal of Smart Home, 10(11), 119-132.

Li, Y. (2020). Visual education of music course for college students based on human-computer interaction. International Journal of Emerging Technologies in Learning (iJET), 15(2), 175-186.

Liu, Y., Sivaparthipan, C. B., & Shankar, A. (2021). Human–computer interaction based visual feedback system for augmentative and alternative communication. International Journal of Speech Technology, 1-10.

Lo, J. Y., Huang, D. Y., Sun, C. K., Hou, C. E., & Chen, B. Y., October. RollingStone: Using single slip taxel for enhancing active finger exploration with a virtual reality controller. In Proceedings of the 31st Annual ACM Symposium on User Interface Software and Technology (pp. 839-851). 2018 DOI: https://doi.org/10.1145/3242587.3242627

Melnik, J. (2019). China’s “National Champions” Alibaba, Tencent, and Huawei. Education About Asia, 24(2), 28-33. digital platform firms. In International business in the information and digital age (Vol. 13, pp. 187-215). Emerald Publishing Limited.

Norman, D. A. (2013). The Design of Everyday Things: Revised and Expanded Edition. Basic Books.

Oppenheim, D. V. (1994). Slappability: A new metaphor for human computer interaction. In Music Education: An Artificial Intelligence Approach (pp. 92-107). Springer, London.

Papazoglou, M., & Retalis, S. (2008). Towards a Human-Centered e-Learning Environment. Interactive Learning Environments, 16(2), 123–134.

Pérez-Marín, D., Paredes-Velasco, M., & Pizarro, C. (2022). Multi-mode Digital Teaching and Learning of Human-Computer Interaction (HCI) using the VARK Model during COVID-19. Educational Technology & Society, 25(1), 78-91.

Rautaray, S. S., & Agrawal, A. (2015). Vision based hand gesture recognition for human computer interaction: a survey. Artificial intelligence review, 43(1), 1-54.

Rapp, A. (2020). Design fictions for learning: A method for supporting students in reflecting on technology in Human-Computer Interaction courses. Computers & Education, 145, 103725.

Simon, J. P. (2019). New players in the music industry: lifeboats or killer whales? The role of streaming platforms. Digital Policy, Regulation and Governance, 21(6), 525-549.

Vuletic, T., Duffy, A., Hay, L., McTeague, C., Campbell, G., & Grealy, M. (2019). Systematic literature review of hand gestures used in human computer interaction interfaces. International Journal of Human-Computer Studies, 129, 74-94.

Wong, P. W., Yuen, M., & Mok, P. (2014). Enhancing Young Children’s Piano Learning through Haptic and Visual Feedback in a HCI Environment. International Journal of Music Education, 32(3), 305–320.

Wu, S. (2016, May). Research on the Automatic Music Creation System based on the Human-Computer Interaction and Artificial Intelligence. In 2016 2nd International Conference on Social Science and Technology Education (ICSSTE 2016) (pp. 640-645). Atlantis Press.

Xie, X., Siau, K., & Nah, F. F.-H. (2019). COVID-19 pandemic–online education in the new normal and the next normal. Journal of Information Technology Case and Application Research, 21(3), 137–144. https://doi.org/10.1080/15228053.2020.1824881

Yu, L., & Ding, J. (2020, February). Application of music artificial intelligence in preschool music education. In IOP Conference Series: Materials Science and Engineering (Vol. 750, No. 1, p. 012101). IOP Publishing.

Downloads

Published

2025-07-06

How to Cite

Sang, T., & Dean, K. A. (2025). Application of Human-Computer Interaction in Online Music Education: A Case Study of ’Little Leaf Music Education’. Asian Journal of Vocational Education And Humanities, 6(1), 73-86. https://doi.org/10.53797/ajvah.v6i1.10.2025