「教育」隨著時代的推進不停的在改革，近年來，「翻轉教學」逐漸成為現今的學習趨勢。翻轉教學強調讓學生成為學習的主角，並在課堂中真正擁有學習自主權，因此，「自學」便是翻轉教學的關鍵之一。如何訓練學生自學，或是選用什麼樣的自學教材顯然是件重要的事。如「聖嬰現象」的單元，受時間、空間關係及海氣作用影響，為概念抽象複雜且涵蓋尺度規模較大的動態過程，是國中學生常感到困難的單元。本研究分別利用「動畫」及「靜態圖片」作為自學教材，探討學生的學習態度及學習成效，並將學生空間能力的差異納入分析，嘗試研究空間能力與多媒體學習的關聯性。
本研究以新北市立某國中八年級學生為研究對象，有效樣本共104位學生。隨機選定兩個班作為動畫組及圖文組進行自學，自學時間結束後填寫學習態度量表及學習成效測驗，再利用一節課分組討論完成翻轉學習的流程，並於結束後再次接受學習成效測驗。
研究結果如下：（1）學生使用動畫自學教材的學習態度優於靜態圖片組，而學習成效測驗中，靜態圖片組學生選擇題成績高於動畫組；動畫組學生在開放式問題中的成績則顯著優於靜態圖片組；（2）以學習成效「完整性」分析的結果顯示，空間能力與教材間具交互作用，表示空間能力對不同教材的呈現方式在學習成效（完整性）上是會有影響的，並且，動畫的教材對低空間能力的學習者的效果高於高空間能力的學習者；（3）動畫組學生在翻轉課堂中的成果顯著優於靜態圖片組。

英文部分
1. Battista, M. T., Wheatley, G. H., & Talsma, G. (1982). The importance of spatial visualization and cognitive development for geometry learning in preservice elementary teachers. Journal for Research in Mathematics Education, 332-340.
2. Bergmann, J., & Sams, A. (2012a). Flip your classroom: Reach every student in every class every day.
3. Bishop, J. L., & Verleger, M. A. (2013). The flipped classroom: A survey of the research. Paper presented at the ASEE National Conference Proceedings, Atlanta, GA.
4. Blake, L. W. (1977). Opening mechanism for umbrella-like intravascular shunt defect closure device: Google Patents.
5. Burger, J. (1993). Sound thinking: audio in multimedia production: NewMedia.
6. Chang, C. Y., Yeh, T. K., & Barufaldi, J. P. (2010). The positive and negative effects of science concept tests on student conceptual understanding. International Journal of Science Education, 32(2), 265-282.
7. ChanLin, L.-J. (2000). Attributes of animation for learning scientific knowledge. Journal of Instructional Psychology, 27(4), 228.
8. Day, J. A., & Foley, J. D. (2006). Evaluating a web lecture intervention in a human–computer interaction course. IEEE Transactions on education, 49(4), 420-431.
9. Enfield, J. (2013). Looking at the Impact of the Flipped Classroom Model of Instruction on Undergraduate Multimedia Students at CSUN. TechTrends, 57(6), 14-27.
10. Fulton, K. (2012). The Flipped Classroom: Transforming Education at Byron High School: A Minnesota High School with Severe Budget Constraints Enlisted YouTube in Its Successful Effort to Boost Math Competency Scores. Technological Horizons In Education, 39(3).
11. Hays, T. A. (1996). Spatial abilities and the effects of computer animation on short-term and long-term comprehension. Journal of educational computing research, 14(2), 139-155.
12. He, Y., Swenson, S., & Lents, N. (2012). Online video tutorials increase learning of difficult concepts in an undergraduate analytical chemistry course. Journal of Chemical Education, 89(9), 1128-1132.
13. Kalyuga, S., Chandler, P., & Sweller, J. (1999). Managing split-attention and redundancy in multimedia instruction. Applied cognitive psychology, 13(4), 351-371.
14. Kay, R., & Kletskin, I. (2012). Evaluating the use of problem-based video podcasts to teach mathematics in higher education. Computers & Education, 59(2), 619-627.
15. Kong, S. C. (2014). Developing information literacy and critical thinking skills through domain knowledge learning in digital classrooms: An experience of practicing flipped classroom strategy. Computers & Education, 78, 160-173.
16. Large, A., Beheshti, J., Breuleux, A., & Renaud, A. (1996). Effect of animation in enhancing descriptive and procedural texts in a multimedia learning environment. Journal of the Association for Information Science and Technology, 47(6), 437-448.
17. Marbach‐Ad, G., Rotbain, Y., & Stavy, R. (2008). Using computer animation and illustration activities to improve high school students' achievement in molecular genetics. Journal of Research in Science Teaching, 45(3), 273-292.
18. Mayer, R. E. (2002). Multimedia learning. Psychology of learning and motivation, 41, 85-139.
19. Mayer, R. E., & Sims, V. K. (1994). For whom is a picture worth a thousand words? Extensions of a dual-coding theory of multimedia learning. Journal of educational psychology, 86(3), 389.
20. McDonald, K., & Smith, C. M. (2013). The flipped classroom for professional development: Part I. Benefits and strategies. The Journal of Continuing Education in Nursing, 44, 437-438.
21. Pallrand, G. J., & Seeber, F. (1984). Spatial ability and achievement in introductory physics. Journal of Research in Science Teaching, 21(5), 507-516.
22. Ploetzner, R., & Lowe, R. (2012). A systematic characterisation of expository animations. Computers in Human Behavior, 28(3), 781–794.
23. Pribyl, J. R., & Bodner, G. M. (1987). Spatial ability and its role in organic chemistry: A study of four organic courses. Journal of Research in Science Teaching, 24(3), 229-240.
24. Ruddick, K. W. (2012). Improving chemical education from high school to college using a more hands-on approach.
25. Schnotz, W. (2002). Commentary: Towards an integrated view of learning from text and visual displays. Educational psychology review, 14(1), 101-120.
26. Sweller, J. (1999). Instructional design. Paper presented at the Australian Educational Review.
27. Tversky, B., Morrison, J. B., & Betrancourt, M. (2002). Animation: can it facilitate? International journal of human-computer studies, 57(4), 247-262.
28. Westermann, E. B. (2014). A Half-Flipped Classroom or an Alternative Approach?: Primary Sources and Blended Learning. Educational Research Quarterly, 38.2, 43-57.
29. Wright, P., Milroy, R., & Lickorish, A. (1999). Static and animated graphics in learning from interactive texts. European journal of psychology of education, 14(2), 203-224.
30. Yang, E.-M., Andre, T., Greenbowe, T. J., & Tibell, L. (2003). Spatial ability and the impact of visualization/animation on learning electrochemistry. International Journal of Science Education, 25(3), 329-349.

中文部分
1. 王嘉慶. (2015). 獨輪車運動翻轉學習與傳統教學對國小學童創造力的影響. 大葉大學運動健康管理學系碩士論文.
2. 吳昌家. (2001). 電腦動畫輔助教學對國中學生粒子概念學習成效之研究. 臺灣師範大學化學系學位論文, 1-113.
3. 吳清山, & 林天祐. (2011). 教育名詞: PEST 分析.
4. 吳慧珍. (1999). 探討學生透過網際網路進行合作學習對其科學過程技能的影響. 臺灣師範大學地球科學系學位論文, 1-116.
5. 吳聲毅. (2009). 數位學習與觀念實作. 台北市: 學貫行銷.
6. 周楷蓁. (2013). 翻轉教室結合行動學習之教學成效. 未出版之碩士論文. 國立臺中教育大學教育測驗統計研究所碩士論文, 未出版, 台中市.
7. 林香岑. (2000). 高中 [電化學] 概念媒體教學與教師教學策略之研究. 臺灣師範大學化學系學位論文, 1-132.
8. 林錦雪. (1995). CAI 與傳統教學對不同學習風格之國小學生學習自然科學成就和態度之影響.
9. 邱美虹, & 陳英嫻. (1995). 月相盈虧之概念改變. 師大學報, 40, 509-548.
10. 邱惠芬. (2003). 多媒體判面對國小學學習動機, 學習成就及學習保留的影響. 碩士論文, 國立屏東師範學介教育科技研究所.
11. 施駿宏, & 陳姚真. (2010). 多媒體呈現方式與空間能力對國二學生 [地震與海嘯] 學習結果之影響. Journal of Information Technology and Applications (資訊科技與應用期刊), 4(2), 84-93.
12. 洪榮昭. (1992). 電腦輔助教學設計之原理與應用. 臺北市: 師大書苑.
13. 紀佩妘. (2014). 翻轉教室教學法對國中八年級學生英語學習表現與學習態度之影響. 國立新竹教育大學教育與學習科技學系碩士論文.
14. 秦夢群. (1992). 高中教師管理心態, 學生內外控信念與學生學習習慣與態度關係之研究. 教育與心理研究(15), 129-171.
15. 張俊彥, & 董家莒. (2000). “問題解決”或“無問題解決”？電腦輔助教學成效的比較研究. 科學教育學刊, 8(4), 357 - 377.
16. 張春興, & 林清山. (1973). 教育心理學: {u279FF} 育廳.
17. 張國恩. (1999). 資訊融入各科教學之內涵與實施.
18. 陳育. (2015). 翻轉教室對於國中學生數學學習成效與態度影響之行動研究── 以一元一次方程式為例. 淡江大學教育科技學系數位學習在職專班學位論文, 1-161.
19. 陳彙芳, & 范懿文. (2000). 認知負荷對多媒體電腦輔助學習成效之影響研究. 資訊管理研究, 國立中央大學, 2(2), 45-60.
20. 曾冠雲. (2012). 發展以動畫為主的月相盈虧課程並探討學生的空間能力對學習成效與認知負荷的影響. 臺灣師範大學科學教育研究所學位論文, 1-94.
21. 黃志清. (2001). 應用模擬動畫輔助國中理化實驗教學之研究.
22. 楊士陞. (2015). 翻轉課堂教學結合行動載具對國小學童在星象單元的學習成就與態度之研究. 碩士論文, 台北市立大學, 台北市.
23. 楊淇. (2011). 探究動畫為主的遺傳學課程對學生認知負荷與學習成效之影響.
24. 溫嘉榮, & 吳明隆. (1999). 新時代資訊教育的理論與實務應用: 松崗.
25. 劉光夏, & 周宛瑜. (2016). 翻轉教學融入國小高年級自然與生活科技領域課程學習成效之探討. 教育傳播與科技研究(113), 39-62.
26. 劉杰. (2007). e-Learning2. 0 環境中大學生自我導向學習與網路學習動機之探討. 臺灣師範大學圖文傳播學系學位論文, 1-190.
27. 蔡義本, & 陳斐卿. (1999). 網路上高中地球科學學習環境之研究與發展. 科學發展月刊, 27(9), 1054-1065.
28. 戴文雄, 王裕德, 王瑞, & 陳嘉苓. (2016). 翻轉教學式合作學習對生活科技實作課程學習成效影響之研究. Chinese Journal of Science Education, 24(1), 57-88.