The purposes of this study was to develop the instructional media system for students using outside the classroom which managed by the teachers via videos and online documents. In this study, Professional Home Page (PHP), Cascading Style Sheet (CSS), JavaScript, SQL, and jQuery were used as tool in order to develop the promoting self-directed learning program.