視覺化的學習是人類獲得知識的途徑之一。圖像組織結合圖像與文字，透過視覺化的呈現，清楚看到資訊間的關係與重點，表現非文字類型的概念知識。圖像可傳達許多文字的概念，甚至可取代或包含非文字的敘述，同時也是視覺思考的技巧。 若將程式語言強化知識結構學習予以摘要性及視覺化的呈現方式，運用所列出之概念知識，學習者可看到概念知識間的連續性與關係，除了可幫助學習者組織知識及提高理解，及看到部分概念與全面概念的關係。因此本研究選擇使用Alice作為學習系統，以建立對於程式語言的認知架構並連結新學習與舊概念。 為了落實學習者確實學習課程，研究中根據分割理論製作學習影片將影片分割小段，讓學習者以最有效率的方式整合或吸收訊息，再加上重點受訪者之深度訪談，探討其學習成效，作為未來程式語言學習及相關研究之改進參考。

In this century, the internet is used by many people and specialty domain, it become more and more popular, many people are involved in the digital content study、learning and etc., in the past few years, if learner want to catch a new knowledge or technology, he/she will spend a lot of time and fortune, but after internet and web skill become popular, the situation become much easier, because e-learning don’t limit by the time and space, learner can study in everywhere and anytime, e-learning have became a main trend of future study. In tradition, most of people they think the high effect of learning is depend on learner’s intelligence or ability, but learner’s study ability and intelligence are all different to other one, so they spend the time in study are different, if we can give sufficient time to every learner then the certain study effect will reach for everyone. Recently, the government is developing and trying to improve all the citizen’s English level and skill, especially for students in university. So in this research, we will use e-learning platform, base on Mastery Learning model so we have created a e-learning platform that learner can depend on his/her ability or time to practice、exam themselves and try to improve their English level, in the same time, I have collected their learning process step and calculate the time that they have spent, finally to prove the Mastery Learning model is true and correct.