Mobile education is a term that describes a relatively new way of education. Generally speaking, mobile education is aimed to facilitate teachers, students, and parents to interact with each other through mobile devices. This term gains much popularity especially in recent years with the smart devices coming into vogue. With the development of broadband networks as well as the evolution of smart devices, more and more people have come to realize that smart devices can become an effective medium for mobile education. This paper proposes an innovative approach to implement a mobile education system through web technology, which is regarded as an effective mean of overcoming cross-platform obstacles caused by the diversity of smart devices. Considering the constraints of web technology, research and development are undertaken to enhance the stability of the connection as well as the instantaneity of communication. Also, an awareness component is designed for detecting the user's environment such as location, network condition, and hardware specification in order to provide appropriate services. Our research and development lead to significant improvement in the interactivity and the usability of a web-based system.