Adaptation of an online course from desktop to mobile browsers‌‌

Abstract: This project investigates approaches for adapting desktop e-learning web pages to mobile devices using principles of Responsive Web Design. It gives a brief introduction on usability and responsiveness and how these concepts are important when developing online courses to be accessed by users in different devices. It explains an online course structure, its chapters and lessons, and how it is generated from a XML specification to HTML. After that, 3 different course web pages for desktop are optimized to be used in mobile browsers. The implementation section explains how the pages behave in smaller screens. In the conclusion, it is shown how some of the web pages design are not ideal for the mobile user and how to improve them in the future.