SVG在行動學習上之應用—以原子力顯微鏡（AFM）為例

Abstract

近年來關於遠距教學和訓練之進化可以根據一些特性分為遠距學習(d-Learning)、數位學習(e-Learning)以及行動學習(m-Learning)。 本篇論文主要是研究如何利用SVG和Java ME這兩樣技術實現出模擬式的教學內容以及可播放此內容行動學習的教學平台。 在靜態教學資料的製作部份主要是利用SVG(Scalable Vector Graphics)來進行資料的編輯工作，由於是利用向量式的圖形，方便使用者在編輯教學資料時，不需要考慮到所製作的圖片大小是否符合手機的螢幕大小，如此便可以將所製作的教學內容很輕易的放到各種手機上播放！並且不受限於各手機螢幕先天大小不同的限制。 利用SVG製作完靜態的教學畫面後，跟著再搭配SMIL（Synchronized Multimedia Integration Language）便能將原本是靜態的SVG圖檔，利用時間軸的概念達到動畫展現的效果。 最後是運用JSR所公佈的JSR226 SVG API，開發一個適用於本教學平台的播放瀏覽器，並且由於JAVA ME的技術，可將教學課程內容放到各種不同作業平台的手機進行播放，達到跨平台的目的。並且也可實現『互動式』的教學效果。

In recent years the evolution in education and training at a distance can be characterized as a move from d-Learning (distance Learning) to e-Learning (electronic Learning), and then to m-Learning (mobile learning). This paper mainly studies how to use SVG(Scalable Vector Graphics) and Java ME to realize a simulation content and a mobile teaching platform. The SVG was used to design static content. The vector scalability of SVG allows the content to be easily adapted to mobile phones in any size of screen. Next, the SMIL（Synchronized Multimedia Integration Language）was used to animate the static content .Thus the animating content can imitate the true physical phenomenon and realize the e-simulation purpose. Finally, the Java ME was adopt to produce a Java based SVG Animator to display the learning content. In this way, not only can we meet the cross-platform software demands, but also make the teaching and learning interactive and effective.