Using MOOC as a personalized learning methodology has become a huge trend these days. In this study, an e-learning service system was examined particularly for a fused academic discipline, computational science. Both learning system which can hold multiple heterogeneous learning elements and handy authoring system were developed for the full usage on a web browser. The development items included computational learning system with the widely used jupyter notebook and the autonomous grader of coding tasks and courseware authoring tool which enables courseware makers to implement their instructional designs for effective problem based learning. For programming practice, the children of a parent notebook can be spawned from the docker host implemented in the high performance computing infrastructure. The learning tool interface can be run on external learning management. In the last stage of this study actual, courseware making was demonstrated by an example of a computational physics lesson.