資源簡介

(共39張PPT)
第10課
智能相冊-電子相冊
多種多樣的相冊
課堂總結(jié)
點(diǎn)擊照片進(jìn)行切換
添加按鈕
鞏固拓展
課程目錄
多種多樣的相冊
1
各種照片
各種相冊
電子相冊
觀看視頻，總結(jié)一下電子相冊的特點(diǎn)
角色功能分析
點(diǎn)擊照片可以進(jìn)行照片切換
點(diǎn)擊照片進(jìn)行切換
2
上傳背景和相框并調(diào)整位置
上傳照片并修改合適的大小
想一想
如何將照片和相框完美組合在一起
調(diào)整相框的大小
多個(gè)造型？多個(gè)角色？
上傳多個(gè)造型還是多個(gè)角色
切換造型
程序要求：
當(dāng)角色被點(diǎn)擊
下一個(gè)造型
切換效果太單調(diào)怎么辦
添加切換效果
消失的照片如何出現(xiàn)呢
逐漸消失、逐漸出現(xiàn)
整合程序
消失和出現(xiàn)對(duì)應(yīng)的照片順序是怎樣的
想一想
如何實(shí)現(xiàn)自動(dòng)播放
自動(dòng)播放照片
3
添加按鈕并調(diào)整大小和位置
想一想
按鈕如何通知照片發(fā)生變化呢
照片自動(dòng)播放
程序要求：
當(dāng)角色被點(diǎn)擊
廣播“開始”
當(dāng)接收到“開始”
逐漸消失
下一個(gè)造型
逐漸出現(xiàn)
照片暫停播放
如何暫停到某一張照片呢
照片暫停播放
程序要求：
當(dāng)角色被點(diǎn)擊
廣播“暫停”
當(dāng)接收到“暫停”
停止全部腳本
添加“上一張”按鈕，并調(diào)整大小和位置
上一張
上
上一張
添加“下一張”按鈕，并嘗試?yán)谩霸煨途幪?hào)”編寫下一張的程序。
1-小挑戰(zhàn)
1-小挑戰(zhàn)
嘗試添加背景音樂并編寫相關(guān)程序。
2-小挑戰(zhàn)
課堂總結(jié)
4
(1)
(2)
知識(shí)點(diǎn)鞏固
改變角色的清晰度，虛像值越大越不清晰。
造型變化時(shí)，不僅可以根據(jù)造型名稱進(jìn)行改變，還可以根據(jù)造型編號(hào)進(jìn)行改變。
(3)
加減運(yùn)算，與數(shù)學(xué)中的加減運(yùn)算一致。
知識(shí)點(diǎn)鞏固
Q1：下面的程序能實(shí)現(xiàn)下一張的功能嗎？為什么？
Q & A
我問你答
A1：減法應(yīng)該改成加法，下一張的造型編號(hào)是增大的，而
不是減小。
給照片編寫了這樣的程序，然而卻不能實(shí)現(xiàn)切換效果，為什么？（ ）
A
B
源碼測試
我問你答
虛像特效應(yīng)該先增加后減少
虛像特效設(shè)置的數(shù)值太小
答案：
解析：
A
源碼測試
我問你答
虛像數(shù)值越大，圖像越不清晰，因此應(yīng)該先增加虛像（即先消失）再減少虛像（再出現(xiàn)）。
鞏固拓展
5
1、添加更多的相框，實(shí)現(xiàn)多張圖片的切換效果。
2、為父母制作一個(gè)獨(dú)一無二的電子相冊。
鞏固拓展Scratch一階第十講：電子相冊
教學(xué)目標(biāo)
1、重點(diǎn)掌握按鈕的功能特點(diǎn)、虛像特效的設(shè)置；
2、掌握將虛像特效增加（）、造型編號(hào)、數(shù)學(xué)運(yùn)算加法和減法、廣播等程序腳本；
3、了解電子相冊的功能特點(diǎn)，與生活相結(jié)合，將普通相冊智能化。
二、主要程序腳本
編號(hào) 詳細(xì)內(nèi)容 功能描述
【1】 “將（）特效增加（）” 設(shè)置角色的清晰度，增加的數(shù)值越大越不清晰，其中0表示正常顯示，100表示消失，因此可以輸入的數(shù)值可以是（-100到100）。 （除了可以設(shè)置虛像特效之外，還可以設(shè)置：顏色、馬賽克、亮度等）
【2】 “造型（編號(hào)）” 造型左上角的編號(hào)稱為造型編號(hào)，根據(jù)造型編號(hào)可以獲得指定的造型 （還可以指定造型名稱）
【3】 “數(shù)學(xué)運(yùn)算加法” 進(jìn)行加法運(yùn)算，與數(shù)學(xué)中的加法運(yùn)算一致
【4】 “數(shù)學(xué)運(yùn)算減法” 進(jìn)行減法運(yùn)算，與數(shù)學(xué)中的減法運(yùn)算一致
三、課堂準(zhǔn)備
編號(hào) 名稱 內(nèi)容 來源 備注
【1】 PPT課件 課堂全流程演示文稿 火星科學(xué)盒官網(wǎng)
【2】 課程資料 PPT課件、講義、視頻 火星科學(xué)盒官網(wǎng)
【3】 學(xué)生上課使用器材 筆記本電腦或者臺(tái)式電腦 老師自備 電腦建議使用Windows系統(tǒng)，蘋果電腦和Linux系統(tǒng)需要從官網(wǎng)上單獨(dú)下載對(duì)應(yīng)的軟件
游戲手柄、螺絲刀 火星人商城采購
【4】 編程軟件下載 Scratch3.0 火星科學(xué)盒官網(wǎng) 火星科學(xué)盒官網(wǎng)在線編輯版
離線下載版
安裝好后測試一下是否可以使用
四、上課流程
主要內(nèi)容：
從生活中常見的照片和相冊入手，從普通相冊的弊端入手引出本節(jié)課的目的——電子相冊，通過觀看視頻分析電子相冊的功能特點(diǎn)，先實(shí)現(xiàn)點(diǎn)擊照片切換照片的功能，再實(shí)現(xiàn)添加按鈕自動(dòng)播放的功能（開始——暫?！弦粡垺乱粡垼?，最后讓學(xué)生制作出一個(gè)自己的電子相冊。讓學(xué)生了解到Scratch不僅可以做游戲，還可以與生活中相結(jié)合。
上課步驟 主要內(nèi)容 備注
【第1步】引入 【對(duì)應(yīng)PPT】“多種多樣的相冊”部分 【時(shí)長】10min 【鏈接話術(shù)】同學(xué)們平時(shí)喜歡拍照嗎？出去玩的時(shí)候，媽媽是不是經(jīng)常為給我們拍好多照片呢？（學(xué)生自由回答）那這么多的照片大家都是如何保存的呢？（學(xué)生自由回答） 【鏈接話術(shù)】大部分同學(xué)們都是采用相冊的形式進(jìn)行存放的，但是相冊存儲(chǔ)的照片都必須要打印出來，但是有一些照片我們并不想打印出來，比如我們的自拍照等等。然而過多的照片長時(shí)間存在手機(jī)或者相機(jī)里，很容易造成卡頓。那有沒有更好的辦法呢？（學(xué)生自由回答） 【鏈接話術(shù)】我們先來了解一下電子相冊的第一個(gè)特點(diǎn)，認(rèn)真觀看視頻，一會(huì)找同學(xué)來總結(jié)一下電子相冊的特點(diǎn)。（學(xué)生自由回答） 【總結(jié)】點(diǎn)擊照片可以進(jìn)行照片切換，當(dāng)然也有背景音樂、照片、相框、背景圖等。 1.上課前一天需要家長給學(xué)生拍照，每個(gè)至少5張，照片是豎著的（手機(jī)豎著拍攝），老師在上課前提前給學(xué)生上傳到電腦上并命好名字（1-5等）； 2.以提問的形式讓學(xué)生嘗試總結(jié)功能特點(diǎn)。
【第2步】點(diǎn)擊照片進(jìn)行切換 【對(duì)應(yīng)PPT】“點(diǎn)擊照片進(jìn)行切換”部分 【時(shí)長】35min 【鏈接話術(shù)】編寫程序之前，我們先上傳一下本節(jié)課需要用到的相冊背景和相框。上傳完成后，我們需要調(diào)整一下相框的位置，同學(xué)們還記得需要如何簡單的調(diào)整嗎？ 【講解】直接拖動(dòng)相框到相應(yīng)的位置即可。 【提示】①先刪除原有的角色； ②學(xué)生可以選擇喜歡的背景和相框； ③先實(shí)現(xiàn)一個(gè)相框再添加其他的相框。 【鏈接話術(shù)】從學(xué)生文件夾中上傳第一張照片，如果照片太大的話，我們需要修改一下照片的大小，可以先改成50看看是否合適。（根據(jù)實(shí)際大小進(jìn)行修改） 【鏈接話術(shù)】我們發(fā)現(xiàn)照片和相框并不能很好地組合在一起，那么如何操作才能將照片和相框完美的結(jié)合在一起呢？ 【總結(jié)】修改相框的大小，使照片鑲在相框里面。①選中“相框”②左鍵單擊“造型”③左鍵單擊“轉(zhuǎn)換為矢量圖”④進(jìn)行拉長或縮短（可以適當(dāng)?shù)奈⒄{(diào)一下相框或照片的位置） 【提示】最好不要修改照片，照片進(jìn)行拉伸之后很可能會(huì)變形。 【鏈接話術(shù)】一張照片太單調(diào)了，我們需要做的是一個(gè)相冊，因此需要上傳多張照片，那上傳多個(gè)角色還是多個(gè)造型呢？回想一下電子相冊的切換功能。（學(xué)生自由回答） 【講解】上傳的多個(gè)造型，因?yàn)楫?dāng)點(diǎn)擊照片時(shí)，會(huì)切換到下一張照片，需要用到“下一個(gè)造型”腳本。 【提示】造型上傳完成后，如果每個(gè)造型的大小不相同時(shí)，需要修改照片的大小，與修改相框的方法相同，需要注意的是，要在造型區(qū)移動(dòng)照片的位置。 【鏈接話術(shù)】現(xiàn)在照片都已經(jīng)上傳完成了，下面按照程序要求編寫相對(duì)應(yīng)的程序。（學(xué)生編寫程序）（程序樣例見“第五部分-程序1-1”） 【提問】運(yùn)行程序后發(fā)現(xiàn)切換效果太單調(diào)了，和之前觀看的切換效果并不一致，那如何實(shí)現(xiàn)比較好一點(diǎn)的切換效果呢？ 【講解】此時(shí)需要用到“外觀”模塊中的“將虛像特效增加（）”腳本，用來設(shè)置某一角色的可見度，數(shù)值越大表示越來越不清晰，虛像的數(shù)值范圍為0-100，因此也增加的數(shù)值范圍為-100到100。下面點(diǎn)擊一下腳本看看效果吧。 （程序樣例見“第五部分-程序1-4”） 【提問】消失了的照片如何出現(xiàn)呢？ 【講解】改成負(fù)數(shù)試試看。（學(xué)生動(dòng)手測試） 【鏈接話術(shù)】下面利用“重復(fù)執(zhí)行（）次”腳本來實(shí)現(xiàn)逐漸消失和逐漸出現(xiàn)的現(xiàn)象。（學(xué)生動(dòng)手操作）（程序樣例見“第五部分-程序1-2”） 【提問】消失和出現(xiàn)對(duì)應(yīng)的照片順序是怎樣的呢？（學(xué)生自由回答） 【講解】上一張照片消失之后下一張照片出現(xiàn)。（程序樣例見“第五部分-程序1-3”） 【提問】只有點(diǎn)擊時(shí)才能切換照片，那如何實(shí)現(xiàn)自動(dòng)切換功能呢？（學(xué)生自由回答） 【講解】在生活中經(jīng)常會(huì)看到很多的開關(guān)按鈕，只需要點(diǎn)擊一下就可以實(shí)現(xiàn)自動(dòng)功能，同樣，我們也可以添加按鈕來實(shí)現(xiàn)自動(dòng)播放的功能。 1.根據(jù)現(xiàn)象讓學(xué)生嘗試先給出解決思路，老師再給出提示信息，帶領(lǐng)學(xué)生編程實(shí)現(xiàn)； 2.拉伸修改相框的大小，照片的大小只在角色區(qū)進(jìn)行整體修改； 3.切換造型部分需要講解一下原因； 4.虛像特效講解時(shí)，讓學(xué)生動(dòng)手操作觀看效果，可以直接設(shè)成100和（-100），進(jìn)而推斷出虛像的范圍是0到100。
【第3步】自動(dòng)播放照片 【對(duì)應(yīng)PPT】“自動(dòng)播放照片”部分 【時(shí)長】30min 【鏈接話術(shù)】添加“開始”按鈕，并按照給定的位置和大小并行修改。 【提問】按鈕如何通知照片發(fā)生變化呢？（學(xué)生自由回答） 【講解】角色間的信息傳遞需要使用“事件”模塊中的“廣播”腳本。下面編寫開始按鈕的廣播信息吧。 【鏈接話術(shù)】根據(jù)程序要求編寫相關(guān)程序。為了和點(diǎn)擊切換的效果進(jìn)行區(qū)分，我們修改了一下自動(dòng)切換時(shí)的效果，當(dāng)然也可以不修改。（程序樣例見“第五部分-程序2-1”） 【提問】照片一直在播放，那要是想向別人介紹某一張照片時(shí)，如何暫停到該張照片呢？ 【講解】添加“暫?！卑粹o，并設(shè)置大小和位置。 【鏈接話術(shù)】根據(jù)程序要求編寫相關(guān)的程序。（程序樣例見“第五部分-程序2-2”） 【鏈接話術(shù)】現(xiàn)在自動(dòng)播放、暫停、下一張的功能都已經(jīng)實(shí)現(xiàn)了，接下來實(shí)現(xiàn)上一張的功能吧。先上傳“上一張”按鈕，并修改大小和位置。 【提問】上面的程序正確嗎？（學(xué)生自由回答） 【講解】程序腳本中并沒有“上一個(gè)造型”，此時(shí)我們需要使用其他方法來實(shí)現(xiàn)。 【總結(jié)】我們發(fā)現(xiàn)造型的左上角都會(huì)有一個(gè)數(shù)字，稱之為“造型編號(hào)”，因此我們可以利用該腳本并結(jié)合“換成（）造型”腳本來實(shí)現(xiàn)。之前我們了解到只能選擇造型的名稱，但還可以根據(jù)造型編號(hào)進(jìn)行切換，運(yùn)行程序觀察效果。（程序樣例見“第五部分-程序2-3”） 【1-小挑戰(zhàn)】添加“下一張”按鈕，并嘗試?yán)谩霸煨途幪?hào)”編寫下一張的程序。（程序樣例見“第五部分-程序1-小挑戰(zhàn)） 【2-小挑戰(zhàn)】嘗試添加背景音樂并編寫相關(guān)程序。（程序樣例見“第五部分-程序2-小挑戰(zhàn)”） 1.讓學(xué)生自己嘗試編寫程序，可以提示程序復(fù)制功能； 2.造型編號(hào)部分講解的詳細(xì)一點(diǎn)。
【第4步】課堂總結(jié) 【對(duì)應(yīng)PPT】“課堂總結(jié)”部分 【時(shí)長】15min 【鏈接話術(shù)】本節(jié)課的內(nèi)容到這里就要完成了，下面我們來簡單復(fù)習(xí)一下所學(xué)的內(nèi)容，考一考自己的記憶力。 【知識(shí)點(diǎn)鞏固】 老師以提問的方式進(jìn)行復(fù)習(xí)。
1.各個(gè)腳本的作用分別是什么？ 2.各個(gè)腳本在本節(jié)課中實(shí)現(xiàn)的功能效果。
【我問你答】
Q1：下面的程序能實(shí)現(xiàn)下一張的功能嗎？為什么？ A1：減法應(yīng)該改成加法，下一張的造型編號(hào)是增大的，而不是減小。
Q2：給照片編寫了這樣的程序，然而卻不能實(shí)現(xiàn)切換效果，為什么？（ ） A. 虛像特效應(yīng)該先增加后減少 B. 虛像特效設(shè)置的數(shù)值太小 答案：A 解析：虛像數(shù)值越大，圖像越不清晰，因此應(yīng)該先增加虛像（即先消失）再減少虛像（再出現(xiàn)）。
【第5步】鞏固拓展 【對(duì)應(yīng)PPT】“鞏固拓展”部分 【時(shí)長】課后作業(yè) 【鏈接話術(shù)】1、添加更多的相框，實(shí)現(xiàn)多張圖片的切換效果。 2、為父母制作一個(gè)獨(dú)一無二的電子相冊。 有做的快的學(xué)生可以課上完成。
五、主要程序說明
程序樣例編號(hào) 程序樣例與說明 對(duì)應(yīng)的角色
1-1 【程序1-1描述】當(dāng)用鼠標(biāo)點(diǎn)擊照片時(shí)，切換到下一張照片。 【照片】
1-2 【程序1-2描述】照片逐漸消失。 【程序1-2描述】照片逐漸顯示出來。
1-3 （“點(diǎn)擊照片進(jìn)行切換”的最終版參考程序） 【程序1-3描述】當(dāng)點(diǎn)擊照片時(shí)，照片逐漸消失，得到消失后，下一張照片逐漸出現(xiàn)。
2-1 （“自動(dòng)播放照片”的部分最終版參考程序） 【程序2-1描述】當(dāng)點(diǎn)擊開始按鈕時(shí)，廣播“開始”。當(dāng)接收到“開始”，照片逐漸消失，得到徹底消失后，下一張照片逐漸出現(xiàn)。 【注意事項(xiàng)】特效效果可以隨意修改，也可以跟之前的效果一樣。 【開始】
2-2 （“自動(dòng)播放照片”的部分最終版參考程序） 【程序2-2描述】當(dāng)點(diǎn)擊暫停按鈕時(shí)，廣播“暫?！薄．?dāng)接收到“暫停”，停止全部腳本。 【暫停】
2-3 （“自動(dòng)播放照片”的部分最終版參考程序） 【程序2-3描述】當(dāng)點(diǎn)擊上一張按鈕時(shí)，廣播“上一張”。當(dāng)接收到“上一張”，換成上一張照片。 【上一張】
1-小跳戰(zhàn) （“1-小挑戰(zhàn)”的最終版參考程序） 【程序1-小挑戰(zhàn)描述】當(dāng)點(diǎn)擊下一張按鈕時(shí)，廣播“下一張”。當(dāng)接收到“下一張”，換成下一張照片。 【下一張】
2-小挑戰(zhàn) （“2-小挑戰(zhàn)”的最終版參考程序） 【程序2-小挑戰(zhàn)描述】當(dāng)點(diǎn)擊小綠旗時(shí)，播放背景音樂。 【背景】

展開更多......

收起↑