Exploration of the Project-Based Teaching Model for the HTML5 Application Development Fundamentals Course under the Concept of Outcome-Based Education

Yalin Wu; Taizhi Lv

doi:10.54097/spgj6q65

Authors

Yalin Wu School of Information Engineering, Jiangsu Maritime Institute, Jiangsu Nanjing 211170, China
Taizhi Lv School of Information Engineering, Jiangsu Maritime Institute, Jiangsu Nanjing 211170, China

DOI:

https://doi.org/10.54097/spgj6q65

Keywords:

Outcome-Based Education, HTML5 Application Development, Project-Based Teaching, Teaching Model.

Abstract

The Outcome-Based Education (OBE) concept emphasizes a student-centered, learning-outcomes-oriented approach, providing important theoretical support for vocational education curriculum reform. As a core foundational course in Software Technology, the traditional teaching model of HTML5 Application Development Fundamentals suffers from problems such as disconnection between theory and practice and misalignment between teaching content and job requirements. Based on the OBE concept, this paper constructs a "backward design, forward implementation" project-based teaching model for the course, systematically exploring aspects including job requirement analysis, learning outcome identification, teaching content reconstruction, project system design, and establishment of diversified evaluation mechanisms. Research demonstrates that the project-based teaching model based on OBE concept can effectively enhance students' HTML5 application development abilities, professional competencies, and innovative thinking, providing a referable paradigm for teaching reform in computer-related courses.

Downloads

Download data is not yet available.

References

[1] Li, S., Xiao, Z. H., & Lu, Q. M. (2023). Teaching design of HTML5 course based on OBE concept. Computer Education, 1, 167–171.

[2] Zhou, Q. (2025). Research on the teaching model based on project-based task-driven approach — Taking the packaging design and production course as an example. Journal of Jilin Agricultural Science and Technology College, 34(2), 97–101.

[3] Liu, H. X. (2020). Research on the path of improving education quality in science and engineering universities based on OBE concept [Master’s thesis]. Hebei University of Science and Technology. https://doi.org/10.27107/d.cnki.ghbku.2020.000376

[4] Liang, X. B. (2021). Research and practice on the innovative education model combining "task-driven" and "project-driven" in higher vocational colleges — Taking the web page design and production course as an example. Journal of Hubei Open Vocational College, 34(22), 13–14.

[5] Tan, Q. (2018). Research on the application of task-driven teaching model in the higher vocational course web page design and production. Computer Products and Circulation, 11, 250–252.

[6] Jiang, H. J., & Guo, W. L. (2022). Exploration of blended teaching model combining OBE concept and project-based teaching. Computer Education, 10, 160–164.