Computer programming is one of the critical competencies that engineering students should have. Meanwhile, not all engineering students have enough prior experience and knowledge in programming, especially for students in Industrial Engineering majors. There is an opportunity to develop an interactive learning and teaching approach as the growing interactive online learning system, which could facilitate students achieving their programming competencies to solve practical problems. This paper presents the design of a web-based learning module using interactive coding to enhance students learning process. The system was developed using the SDLC method with 3-tier architecture. It is also equipped with students' data, text and video learning materials, assessments, and an 'interactive coding'. Through interactivity, 'interactive coding' could facilitate students to deepen their understanding of coding practice from the online tutorials provided by the instructors. The text and video materials could add and drop as needed regarding the curriculum. The design result is promising to extend for any programming course in higher education.
