| With the rapid development of Internet technology,HTML5 has been widely used in the field of mobile Internet.In view of the problems of students’ low interest in learning,teaching content divorced from the actual needs of the post and neglect of professional quality training in the current traditional teaching methods of HTML5 technology courses in secondary vocational schools,this study introduces the OBE education concept suitable for training high-quality technical and skilled talents,and reverse design of course teaching guided by students’ learning outcomes.Conform to the wave of vocational education to improve the quality of personnel training.Firstly,through preliminary research,this paper analyzes the teaching status and enterprise needs of "HTML5 Development Technology" course in secondary vocational schools,summarizes the existing problems in teaching,and further analyzes the feasibility of OBE concept in the teaching of "HTML5 Development Technology" course in secondary vocational schools,so as to construct the teaching design framework of "HTML5 Development Technology" course based on OBE concept.Secondly,the reverse design of teaching is carried out according to the social needs,the achievement target is set to meet the post needs and the teaching content is reconstructed.According to the reconstructed teaching content,the appropriate teaching methods are selected,the teaching resources are integrated and developed with the help of the Super Star Learning platform,the diversified teaching evaluation methods are established,the teaching activities are implemented positively and the teaching evaluation is continuously improved.Finally,the effectiveness of teaching design based on OBE concept is tested through teaching practice.The main research work is as follows:1.Investigate the teaching status and job requirements of "HTML5 Development Technology" course in secondary vocational schools.Through the analysis of the results of students’ questionnaire survey,teachers’ interviews and enterprise personnel interviews,the existing problems in the teaching of "HTML5 Development Technology" in secondary vocational schools are found,and the feasibility of OBE concept in secondary vocational schools is further analyzed.2.Constructed the teaching design framework of "HTML5 Development Technology" course based on OBE concept in secondary vocational schools.According to the design principle of OBE concept,the classroom plan to improve the teaching effectiveness is obtained,including analyzing the post needs and students’ needs,determining effective training objectives,reconstructing teaching content,constructing digital teaching resources,adopting diversified teaching methods and establishing diversified teaching evaluation methods.3.Analyze the effectiveness of teaching design based on OBE concept applied to the teaching of HTML5 Development Technology in secondary vocational schools.Comparative experiment method is adopted to carry out teaching and implementation.After teaching,project quality,written test and skill scores of experimental class and control class are compared and analyzed to understand students’ mastery of professional knowledge and skills.Through the questionnaire analysis of students’ satisfaction with the course,to understand the teaching implementation and the improvement of students’ professional quality;By analyzing the results of interviews between teachers and students,this paper summarizes the shortcomings and suggestions of teaching design based on OBE concept in practice.The research results show that the instructional design based on OBE concept has a significant effect on the improvement of students’ professional knowledge and skills.In addition,the instructional design based on OBE concept also effectively improves students’ learning interest and classroom participation,and promotes the development of students’ professional qualities such as communication and expression ability,inquiry ability,teamwork awareness and responsibility awareness. |