洪優(yōu)萍
隨著移動終端的不斷發(fā)展,移動應用程序設(shè)計成為程序設(shè)計的新寵。現(xiàn)在的學生雖然都是數(shù)字時代的原住民,但對互聯(lián)網(wǎng)和移動終端的使用,他們大多只是停留在游戲的層面。在“互聯(lián)網(wǎng)+”的背景下,為了引導學生進行更有意義的學習,培養(yǎng)他們的計算思維,為信息化生存和未來發(fā)展打下基礎(chǔ),筆者引入了App Inventor程序設(shè)計課程,嘗試一種新的信息技術(shù)學習,引導學生從應用程序的消費者邁向APP的開發(fā)者。本課是一節(jié)APP起始課的教學案例。
教學內(nèi)容分析
本課是浙江教育出版社信息技術(shù)程序設(shè)計單元的內(nèi)容,程序設(shè)計既有桌面應用程序設(shè)計,又有移動應用程序設(shè)計,隨著移動互聯(lián)網(wǎng)的不斷發(fā)展,手機、平板等移動終端得到了極大地推廣,移動應用程序開發(fā)成為程序設(shè)計學習的新寵,學生學習它有利于計算思維的培養(yǎng)。為此,筆者對移動應用程序進行了教學實踐的嘗試,發(fā)現(xiàn)App Inventor非常適合初中學生學習,這主要是因為它使信息技術(shù)的學習生活化、可視化、模塊化和趣味化。
基于此,本課定位為安卓應用程序設(shè)計的起始課,主要學習內(nèi)容為:App Inventor的界面和功能;按鈕、圖像組件的添加與設(shè)置;按鈕、圖像組件的代碼編寫;安卓應用程序設(shè)計的基本流程。
學習對象分析
本課授課對象為八年級的學生,他們已經(jīng)了解了信息技術(shù)的相關(guān)知識,掌握了Office軟件的相關(guān)知識與技能,初步體驗了Flash動畫制作,具備一定的探究能力,在日常生活中對手機APP有一定的應用體驗,但從來沒有接觸過手機應用程序設(shè)計,對App Inventor也很陌生。App Inventor程序的打開、界面等跟以往學過的應用軟件有很大的差別,如何根據(jù)需求來編寫代碼,對學生來說有一定的難度。因此,筆者在教學過程中采用逐步引導的策略,依據(jù)APP程序設(shè)計的基本流程分步呈現(xiàn)學習內(nèi)容,并提供學習手冊輔助學生自主學習和實踐操作。
教學目標
知識與技能目標:能打開App Inventor平臺,初步認識它的工作界面;了解APP應用程序的界面設(shè)計,掌握按鈕、圖像組件的添加與屬性設(shè)置;初步掌握按鈕、圖像組件的代碼編寫和調(diào)試運行的基本方法。
過程與方法目標:通過觀察思考、實踐操作,能進入App Inventor平臺,初步認識它的工作界面;通過實例分析、實踐探究,了解APP應用程序的界面設(shè)計,掌握按鈕、圖像組件的添加與屬性設(shè)置;通過師生討論、實踐體驗,初步掌握按鈕、圖像組件的代碼編寫和調(diào)試運行的基本方法;在制作“美麗校園”APP的過程中,體驗App Inventor程序設(shè)計的基本流程。
情感態(tài)度與價值觀目標:在制作“美麗校園”APP的過程中,體驗安卓應用程序設(shè)計的樂趣,產(chǎn)生進一步學習的期待。
教學重點、難點
重點:App Inventor程序的界面設(shè)計、代碼編寫與調(diào)試運行。
難點:App Inventor中的代碼編寫。
整體思路
作為起始課,本課著眼于學生的興趣,立足于實踐體驗,通過“考考你的眼力”這個APP小游戲,激發(fā)學生的學習興趣;通過設(shè)計“美麗校園”APP的任務,使安卓應用程序設(shè)計更貼近生活。在教學過程中,注重引導學生觀察思考、實踐體驗、交流分享、總結(jié)歸納,逐步完成各環(huán)節(jié)的學習任務,經(jīng)歷安卓應用程序設(shè)計的基本流程。此外,引入平板電腦調(diào)試運行程序,增強學生對APP的真實體驗。
方法策略
為了消除學生對程序設(shè)計的陌生感,更好地落實教學目標,本節(jié)課以范例教學法和任務驅(qū)動教學法為主,沿著“需求分析—界面設(shè)計—代碼編寫—調(diào)試運行”這條主線展開。此外,筆者還采用了分層法,為學有余力的學生設(shè)計了拓展活動,美化與完善自己的APP作品。學生通過觀察思考、實踐體驗、總結(jié)歸納、交流分享,認識App Inventor的編程環(huán)境,掌握安卓應用程序設(shè)計的基本流程。
教學過程
1.情境導入,引出課題
(1)整體體驗平板APP作品
筆者通過“考考你的眼力”這一APP小游戲,展示生活中常用的APP圖標,引出教師制作的校園電子相冊APP(如圖1)。
(2)個體體驗美麗校園APP
每個學生都在平板上體驗“美麗校園”APP,感受安卓應用程序的樂趣,從而引出今天的學習課題——安卓編程初體驗(如圖2)。
設(shè)計意圖:通過APP作品的體驗,讓學生感受到原來開發(fā)APP并不是遙不可及的事,從而激發(fā)他們的學習欲望與學習熱情。
2.進入平臺,熟悉界面
(1)打開App Inventor
教師簡要介紹App Inventor的含義,并演示打開App Inventor平臺。
(2)認識App Inventor
教師介紹App Inventor“組件設(shè)計”界面中的四大分區(qū)(如圖3)。
學生探究App Inventor界面。
學生打開App Inventor,找到按鈕與圖像組件,并試著拖動到工作面板區(qū)。
(3)師生小結(jié)
學生上臺演示交流,教師小結(jié)。
設(shè)計意圖:App Inventor的打開,有別于其他軟件,需要教師的引導;同時界面的認識也相對較難,通過找一找、拖一拖組件的活動來探究;師生小結(jié)來整體感知。
3.設(shè)計作品,初步體驗
(1)界面設(shè)計
學生為美麗校園APP設(shè)計界面,添加按鈕與圖像組件,并設(shè)置它們的屬性。
(2)代碼編寫
教師展示學生作品,引出代碼編寫。教師介紹App Inventor邏輯設(shè)計界面(如圖4)。
教師講解如何編寫代碼,引出AI伴侶(如圖5)。
(3)調(diào)試完善
教師講解如何使用平板調(diào)試程序(如圖6)。
(4)拓展活動
教師提出分層任務:添加組件、設(shè)置屬性、編寫代碼,調(diào)試完善,讓你的APP更豐富。
設(shè)計意圖:在界面認識的基礎(chǔ)上再進行界面設(shè)計,對學生來說不算難;但代碼編寫對于八年級的學生來說比較困難,因此通過介紹與講解的方式讓他們初步感知,通過實踐體驗落實;學生之間存在個體差異,任務不能一刀切,因此要分層完成任務。
4.展示交流,總結(jié)提升
(1)展示交流
學生通過平板展示校園美景,并說一說自己的創(chuàng)作感悟(如上頁圖7)。
(2)總結(jié)提升
教師總結(jié)安卓應用程序設(shè)計的基本流程,展示校園相冊APP的升級版本,從界面布局到翻頁按鈕,再到滑動與搖動移動設(shè)備的效果,通過迭代的方式引導學生進一步探究實踐,向APP的開發(fā)者轉(zhuǎn)變(如上頁圖8)。
設(shè)計意圖:通過移動設(shè)備展示學生作品,真正實現(xiàn)學習應用于生活的理念。教師通過小結(jié),梳理本課學習的要點,以迭代的方式展示各個版本的校園APP,進一步激發(fā)學生的創(chuàng)作熱情。