引導(dǎo)學(xué)生從APP的消費者邁向開發(fā)者

洪優(yōu)萍

隨著移動終端的不斷發(fā)展，移動應(yīng)用程序設(shè)計成為程序設(shè)計的新寵?，F(xiàn)在的學(xué)生雖然都是數(shù)字時代的原住民，但對互聯(lián)網(wǎng)和移動終端的使用，他們大多只是停留在游戲的層面。在“互聯(lián)網(wǎng)+”的背景下，為了引導(dǎo)學(xué)生進(jìn)行更有意義的學(xué)習(xí)，培養(yǎng)他們的計算思維，為信息化生存和未來發(fā)展打下基礎(chǔ)，筆者引入了App Inventor程序設(shè)計課程，嘗試一種新的信息技術(shù)學(xué)習(xí)，引導(dǎo)學(xué)生從應(yīng)用程序的消費者邁向APP的開發(fā)者。本課是一節(jié)APP起始課的教學(xué)案例。

教學(xué)內(nèi)容分析

本課是浙江教育出版社信息技術(shù)程序設(shè)計單元的內(nèi)容，程序設(shè)計既有桌面應(yīng)用程序設(shè)計，又有移動應(yīng)用程序設(shè)計，隨著移動互聯(lián)網(wǎng)的不斷發(fā)展，手機、平板等移動終端得到了極大地推廣，移動應(yīng)用程序開發(fā)成為程序設(shè)計學(xué)習(xí)的新寵，學(xué)生學(xué)習(xí)它有利于計算思維的培養(yǎng)。為此，筆者對移動應(yīng)用程序進(jìn)行了教學(xué)實踐的嘗試，發(fā)現(xiàn)App Inventor非常適合初中學(xué)生學(xué)習(xí)，這主要是因為它使信息技術(shù)的學(xué)習(xí)生活化、可視化、模塊化和趣味化。

基于此，本課定位為安卓應(yīng)用程序設(shè)計的起始課，主要學(xué)習(xí)內(nèi)容為：App Inventor的界面和功能；按鈕、圖像組件的添加與設(shè)置；按鈕、圖像組件的代碼編寫；安卓應(yīng)用程序設(shè)計的基本流程。

學(xué)習(xí)對象分析

本課授課對象為八年級的學(xué)生，他們已經(jīng)了解了信息技術(shù)的相關(guān)知識，掌握了Office軟件的相關(guān)知識與技能，初步體驗了Flash動畫制作，具備一定的探究能力，在日常生活中對手機APP有一定的應(yīng)用體驗，但從來沒有接觸過手機應(yīng)用程序設(shè)計，對App Inventor也很陌生。App Inventor程序的打開、界面等跟以往學(xué)過的應(yīng)用軟件有很大的差別，如何根據(jù)需求來編寫代碼，對學(xué)生來說有一定的難度。因此，筆者在教學(xué)過程中采用逐步引導(dǎo)的策略，依據(jù)APP程序設(shè)計的基本流程分步呈現(xiàn)學(xué)習(xí)內(nèi)容，并提供學(xué)習(xí)手冊輔助學(xué)生自主學(xué)習(xí)和實踐操作。

教學(xué)目標(biāo)

知識與技能目標(biāo)：能打開App Inventor平臺，初步認(rèn)識它的工作界面；了解APP應(yīng)用程序的界面設(shè)計，掌握按鈕、圖像組件的添加與屬性設(shè)置；初步掌握按鈕、圖像組件的代碼編寫和調(diào)試運行的基本方法。

過程與方法目標(biāo)：通過觀察思考、實踐操作，能進(jìn)入App Inventor平臺，初步認(rèn)識它的工作界面；通過實例分析、實踐探究，了解APP應(yīng)用程序的界面設(shè)計，掌握按鈕、圖像組件的添加與屬性設(shè)置；通過師生討論、實踐體驗，初步掌握按鈕、圖像組件的代碼編寫和調(diào)試運行的基本方法；在制作“美麗校園”APP的過程中，體驗App Inventor程序設(shè)計的基本流程。

情感態(tài)度與價值觀目標(biāo)：在制作“美麗校園”APP的過程中，體驗安卓應(yīng)用程序設(shè)計的樂趣，產(chǎn)生進(jìn)一步學(xué)習(xí)的期待。

教學(xué)重點、難點

重點：App Inventor程序的界面設(shè)計、代碼編寫與調(diào)試運行。

難點：App Inventor中的代碼編寫。

整體思路

作為起始課，本課著眼于學(xué)生的興趣，立足于實踐體驗，通過“考考你的眼力”這個APP小游戲，激發(fā)學(xué)生的學(xué)習(xí)興趣；通過設(shè)計“美麗校園”APP的任務(wù)，使安卓應(yīng)用程序設(shè)計更貼近生活。在教學(xué)過程中，注重引導(dǎo)學(xué)生觀察思考、實踐體驗、交流分享、總結(jié)歸納，逐步完成各環(huán)節(jié)的學(xué)習(xí)任務(wù)，經(jīng)歷安卓應(yīng)用程序設(shè)計的基本流程。此外，引入平板電腦調(diào)試運行程序，增強學(xué)生對APP的真實體驗。

方法策略

為了消除學(xué)生對程序設(shè)計的陌生感，更好地落實教學(xué)目標(biāo)，本節(jié)課以范例教學(xué)法和任務(wù)驅(qū)動教學(xué)法為主，沿著“需求分析—界面設(shè)計—代碼編寫—調(diào)試運行”這條主線展開。此外，筆者還采用了分層法，為學(xué)有余力的學(xué)生設(shè)計了拓展活動，美化與完善自己的APP作品。學(xué)生通過觀察思考、實踐體驗、總結(jié)歸納、交流分享，認(rèn)識App Inventor的編程環(huán)境，掌握安卓應(yīng)用程序設(shè)計的基本流程。

教學(xué)過程

1.情境導(dǎo)入，引出課題

（1）整體體驗平板APP作品

筆者通過“考考你的眼力”這一APP小游戲，展示生活中常用的APP圖標(biāo)，引出教師制作的校園電子相冊APP（如圖1）。

（2）個體體驗美麗校園APP

每個學(xué)生都在平板上體驗“美麗校園”APP，感受安卓應(yīng)用程序的樂趣，從而引出今天的學(xué)習(xí)課題——安卓編程初體驗（如圖2）。

設(shè)計意圖：通過APP作品的體驗，讓學(xué)生感受到原來開發(fā)APP并不是遙不可及的事，從而激發(fā)他們的學(xué)習(xí)欲望與學(xué)習(xí)熱情。

2.進(jìn)入平臺，熟悉界面

（1）打開App Inventor

教師簡要介紹App Inventor的含義，并演示打開App Inventor平臺。

（2）認(rèn)識App Inventor

教師介紹App Inventor“組件設(shè)計”界面中的四大分區(qū)（如圖3）。

學(xué)生探究App Inventor界面。

學(xué)生打開App Inventor，找到按鈕與圖像組件，并試著拖動到工作面板區(qū)。

（3）師生小結(jié)

學(xué)生上臺演示交流，教師小結(jié)。

設(shè)計意圖：App Inventor的打開，有別于其他軟件，需要教師的引導(dǎo)；同時界面的認(rèn)識也相對較難，通過找一找、拖一拖組件的活動來探究；師生小結(jié)來整體感知。

3.設(shè)計作品，初步體驗

（1）界面設(shè)計

學(xué)生為美麗校園APP設(shè)計界面，添加按鈕與圖像組件，并設(shè)置它們的屬性。

（2）代碼編寫

教師展示學(xué)生作品，引出代碼編寫。教師介紹App Inventor邏輯設(shè)計界面（如圖4）。

教師講解如何編寫代碼，引出AI伴侶（如圖5）。

（3）調(diào)試完善

教師講解如何使用平板調(diào)試程序（如圖6）。

（4）拓展活動

教師提出分層任務(wù)：添加組件、設(shè)置屬性、編寫代碼，調(diào)試完善，讓你的APP更豐富。

設(shè)計意圖：在界面認(rèn)識的基礎(chǔ)上再進(jìn)行界面設(shè)計，對學(xué)生來說不算難；但代碼編寫對于八年級的學(xué)生來說比較困難，因此通過介紹與講解的方式讓他們初步感知，通過實踐體驗落實；學(xué)生之間存在個體差異，任務(wù)不能一刀切，因此要分層完成任務(wù)。

4.展示交流，總結(jié)提升

（1）展示交流

學(xué)生通過平板展示校園美景，并說一說自己的創(chuàng)作感悟（如上頁圖7）。

（2）總結(jié)提升

教師總結(jié)安卓應(yīng)用程序設(shè)計的基本流程，展示校園相冊APP的升級版本，從界面布局到翻頁按鈕，再到滑動與搖動移動設(shè)備的效果，通過迭代的方式引導(dǎo)學(xué)生進(jìn)一步探究實踐，向APP的開發(fā)者轉(zhuǎn)變（如上頁圖8）。

設(shè)計意圖：通過移動設(shè)備展示學(xué)生作品，真正實現(xiàn)學(xué)習(xí)應(yīng)用于生活的理念。教師通過小結(jié)，梳理本課學(xué)習(xí)的要點，以迭代的方式展示各個版本的校園APP，進(jìn)一步激發(fā)學(xué)生的創(chuàng)作熱情。