Recently, the main research topics in the field of education had focused on using information and communication technology to enhance teaching and learning for developing pupil's ability in the 21(superscript th) century. This study combined the MST (Mathematics, Science, and Technology) interdisciplinary integration strategy and information and communication technology to develop a web-based interdisciplinary integration learning system. In order to make sure that the learning system was corresponding to the learners' needs, participant observation and questionnaire survey were employed to collect data and analyze the learners' learning styles and learning affect factors. By this way, the researchers hoped that the web-based interdisciplinary integration learning system could be corrected better for the learners' needs.