Design and Analysis of Project-driven Flipping Classroom Teaching Cases

Abstract

"Web Design and Production" is a strong practical computer science foundation course. The concept, ideas and techniques of web front-end development have an important impact on the follow-up courses. The paper compares and analyzes the reform in current teaching methods of the course, and proposes a project-driven flipping classroom teaching method, which rationally decomposes and reorganizes the curriculum knowledge system, and divides the curriculum content into several modules. Meanwhile, each module is driven by a project, mixing problem-based teaching methods, task-driven methods and flipping classroom teaching methods. The paper clarifies pre-class, in-class, and after-school tasks. Knowing the project tasks before class, understanding the knowledge and skills needed for the design project, using the micro-curriculum resources to learn and practice knowledge autonomously; detecting the learning effect of knowledge in the class, solving the problems in the self-learning, and apply the learned knowledge to the actual project development by the way of group collaboration in order to promote internalization and application of knowledge, when encountering new problems, teachers not only explain new knowledge to help students continue to implement the project, but also promptly recorded the completion of the project of the group collaboration; After class, teachers summarize questions, build a knowledge system, and guide students to complete extended design of project. In this way, students' practical application ability, project development ability, self-learning ability and creative ability can be improved. This article also provides specific instructional design cases based on the  "Web Page Layout and Beautification" module and provides specific teaching design cases.