《App組件設(shè)計(jì)》教學(xué)設(shè)計(jì)

講堂教學(xué)設(shè)計(jì)表一、教學(xué)目的確定的依據(jù)1.教材剖析本項(xiàng)目中，組建設(shè)計(jì)和邏輯設(shè)計(jì)是其最重要的兩個(gè)部分。他們之間的關(guān)系必須相互協(xié)調(diào)，才能實(shí)現(xiàn)特定的功能。在達(dá)成本章的學(xué)習(xí)之后，就能夠開(kāi)始創(chuàng)建自己的應(yīng)用了體現(xiàn)教育價(jià)值的教學(xué)策略的選擇和教材辦理情況說(shuō)明本項(xiàng)目依靠AppInventor編程平臺(tái)進(jìn)行。在進(jìn)行探究的過(guò)程中，重點(diǎn)熟悉平臺(tái)的各個(gè)部分組成，通過(guò)畫草圖的方式設(shè)計(jì)出演示底稿，事半功倍。2.學(xué)生剖析學(xué)生沒(méi)有經(jīng)驗(yàn)?zāi)軌蚪梃b，完全是白紙一張學(xué)生個(gè)體關(guān)于所要學(xué)習(xí)內(nèi)容，可能存在好多問(wèn)題。不熟悉車間工具，不知道模擬器。學(xué)生用AppInventor的實(shí)時(shí)測(cè)試功能對(duì)應(yīng)用進(jìn)行測(cè)試。你能夠一邊創(chuàng)建應(yīng)用，一邊在手機(jī)上看到它們外觀以及運(yùn)行情況二、教學(xué)的詳細(xì)目標(biāo)1.初識(shí)App編程平臺(tái)，體驗(yàn)組件和程序模塊，熟悉編程平臺(tái)2.通過(guò)登錄界面的設(shè)計(jì)，認(rèn)識(shí)組件設(shè)計(jì)的過(guò)程和基本方法3.通過(guò)按鈕組件抽獎(jiǎng)效果的實(shí)現(xiàn)，掌握App編程的一般過(guò)程和方法重點(diǎn)、難點(diǎn)：界面的設(shè)計(jì)方法和編程的過(guò)程，按鈕的作用。教學(xué)過(guò)程設(shè)計(jì)教學(xué)環(huán)教師活動(dòng)節(jié)每一種產(chǎn)品都有自己的生產(chǎn)地址和生產(chǎn)方法。AppInventor編程平臺(tái)就相當(dāng)于App的開(kāi)生產(chǎn)車間。在這個(gè)車間里，能夠通過(guò)各樣組件的組合實(shí)現(xiàn)移動(dòng)應(yīng)用程序界面的建立;放通過(guò)邏輯設(shè)計(jì)為各樣組件增添必要的功能;的通過(guò)模擬器或許導(dǎo)出apk的方式進(jìn)行程序?qū)У臏y(cè)試與安裝等。入

學(xué)生活動(dòng)設(shè)計(jì)意圖登錄編程平臺(tái)申請(qǐng)賬號(hào)，熟悉并注冊(cè)用戶，環(huán)境。要熟悉AppInventor編“車間工具”的程平臺(tái)是谷歌詳細(xì)使用方法，企業(yè)設(shè)計(jì)達(dá)成、才能生產(chǎn)出優(yōu)現(xiàn)由麻省理工質(zhì)的“產(chǎn)品”學(xué)院負(fù)責(zé)維護(hù)核任務(wù)一：體驗(yàn)設(shè)計(jì)主界面心編程設(shè)計(jì)主界面分為組件設(shè)計(jì)和邏批設(shè)計(jì)過(guò)兩個(gè)程(1)組件設(shè)計(jì)。推進(jìn)行組件設(shè)計(jì)時(shí)，能夠通過(guò)拖拽的方式將進(jìn)組件增添進(jìn)作面板中的“Screenl”地區(qū)內(nèi)、通過(guò)更改“組件屬性”對(duì)組件進(jìn)行屬性設(shè)置。組件按照顯示種類能夠分為可視組件和非

與營(yíng)運(yùn)的Android編程環(huán)境在實(shí)際操作過(guò)程中，把組件拖動(dòng)進(jìn)"Screenl"地區(qū)后，它們的排列方式為默認(rèn)靠左上排列。為了使登錄界面更為雅觀，能夠?qū)ⅰ癝creen1”

通過(guò)對(duì)各樣App登錄界面的察看和剖析我們會(huì)發(fā)現(xiàn)，簡(jiǎn)短的色彩搭配和簡(jiǎn)單了然的界面設(shè)計(jì)是它們的共同特點(diǎn)?？梢暯M件。可視組件包括按鈕、標(biāo)簽和文核本輸人框等、非可視傳感器、電話撥號(hào)器心和網(wǎng)絡(luò)微數(shù)據(jù)庫(kù)等。過(guò)2.邏輯設(shè)計(jì)程通過(guò)“程序模塊”拼接的方式實(shí)現(xiàn)邏輯設(shè)計(jì)推任務(wù)二：App登錄界面的設(shè)計(jì)進(jìn)1.繪制草圖通過(guò)手繪或其他方式繪制登錄界面的草圖。2.登錄編程平臺(tái)并新建一個(gè)項(xiàng)目登錄編程平臺(tái)，履行“項(xiàng)目”菜單中的“新建項(xiàng)目3.選擇合適的組件實(shí)現(xiàn)不同的功能我們使用“圖像”組件來(lái)實(shí)現(xiàn)“產(chǎn)品logo"的顯示;使用“文本輸人框”組件來(lái)達(dá)成用戶名輸人功能;使用“密碼輸人框”組件來(lái)達(dá)成密碼輸人功能;使用“按鈕"組件來(lái)達(dá)成登錄的功能。總結(jié)提升號(hào)內(nèi)容延長(zhǎng)任務(wù)：按鈕組件抽獎(jiǎng)在App中，“按鈕”的功能十分強(qiáng)大，應(yīng)用也特別寬泛。一般情況下，如果要利用App進(jìn)行某一種操作，比如要上傳數(shù)據(jù)等，需要點(diǎn)擊“按鈕”來(lái)觸發(fā)有關(guān)程序的運(yùn)行?，F(xiàn)在，嘗試通過(guò)對(duì)“按鈕”的編程與設(shè)置實(shí)現(xiàn)抽獎(jiǎng)效果。開(kāi)放的延伸4.進(jìn)行邏輯設(shè)計(jì)當(dāng)“按鈕”被點(diǎn)擊時(shí)，按鈕的圖像隨機(jī)設(shè)置成張獎(jiǎng)項(xiàng)圖片中的一張。(1)履行“邏輯設(shè)計(jì)”翻動(dòng)工作面板。(2)在“模塊”欄中找到“按鈕1”，把“當(dāng)按鈕1校點(diǎn)擊”程序模塊拖動(dòng)到工作面板中。當(dāng)按1，被點(diǎn)擊履行按鈕被點(diǎn)擊(3)當(dāng)“按鈕1”被點(diǎn)擊時(shí)，應(yīng)該隨機(jī)給“按

組件屬性中的“水平對(duì)齊”和“垂直對(duì)齊”更改為“居中”。給“圖像”組件增添圖片素材改變“文本輸人(1)選中“圖像”框”“密碼輸人組件?？颉焙汀鞍粹o”(2)在“組件屬組件的屬性，讓性”中選擇“圖組件的大小、位片”及“上傳文置相互協(xié)調(diào)。件"，上傳圖片素材。(3)更改“圖像”組件屬性中的“高度”和“寬度”，使圖片大小更為合理?，F(xiàn)實(shí)生活中我翻開(kāi)編程平臺(tái)，們經(jīng)常會(huì)在超新建項(xiàng)目，在市等場(chǎng)所看到"Screen1”中添抽獎(jiǎng)輪盤，這種加一個(gè)“按鈕1”輪盤必須依賴組件。人力轉(zhuǎn)動(dòng)才能2.設(shè)置組件屬性實(shí)現(xiàn)抽獎(jiǎng)效果，分別更改對(duì)參與者來(lái)說(shuō)"Screen1”和不是很方便。我“按鈕”的組件們能不能設(shè)計(jì)屬性，使“按鈕一個(gè)模擬抽獎(jiǎng)1”程序，讓抽獎(jiǎng)活動(dòng)變得更方便呢?隨機(jī)整數(shù)對(duì)“按鈕”增添圖像要根據(jù)圖片的文件名來(lái)怎樣將圖像設(shè)進(jìn)行，但只從置為三張圖片1-3中隨機(jī)選擇中的隨意一-張一一個(gè)數(shù)字并呢?能夠嘗試用不能完全指定“數(shù)學(xué)”模塊中某張圖片為了的“隨機(jī)整數(shù)”解決這個(gè)問(wèn)題，鈕1”的區(qū)像”屬性設(shè)置

-張獎(jiǎng)項(xiàng)圖片。

程序模塊來(lái)解決。

需要用到“文本”模塊中的“合井字串”程序模塊。5.生成安裝文件，測(cè)試效果教學(xué)反思內(nèi)容總結(jié)

（1）講堂教學(xué)設(shè)計(jì)表

一、教學(xué)目的確定的依據(jù)

1.教材剖析

本項(xiàng)目中，組建