閱讀素養設計思維

課程總覽


單元一:網路閱讀素養/6

單元二:夢想輕旅行/8

單元三:大魚吃小魚/4

學校日簡報

學校日簡報四年級下學期

單元一:網路閱讀素養

立體閱讀

立體閱讀是將閱讀的內容從平面的狀態轉變為動態的、多面向的、多媒體的、參與式的(體感)、超維度的閱讀方式。

從傳統的紙本書籍出發,為了滿足兒童立體閱讀的需求而開發出各種書種,例如黑白書、翻翻書、拉拉書、洞洞書、連頁書、觸摸書、洗澡書、立體摺紙書、點讀書、有聲書......等等。進入數位閱讀時代後,紙本書被電子書取代,配合程式設計讓書籍更有互動性,包含:多線式劇情選擇、解謎關卡、互動測驗,甚至像 AR、VR 體驗也可以由電子書直接提供。

除了電子書之外,隨時隨地都可以取得的網路,也成為重要的資訊來源。網路上的訊息是分散、非線性的,有圖片、影像和動畫等,又分別可以往外連結到不同的素材。因此閱讀不再是有順序的(線性的),不再是單一觀點的,而是可以從各種不同觀點,更多細節描述,透過相關聯的其它資訊慢慢構築出更具有廣度和深度的內容架構,讓閱讀可以變成深層次的理解

網路閱讀素養的學習從「有目的的搜尋」開始:要先定義自己需要什麼樣的材料,再去搜尋與選擇。在一大堆搜尋結果中,還要判斷這些資料是否符合原先訂下的搜尋目的,並考慮到資料的可信度和有效,最後再把資料整合成自己的知識。

資料搜尋技巧

為了能夠在龐大的網路資源中找到自己想要的資料,「網路搜尋引擎」這種服務就被開發出來。「網路搜尋引擎」會監聽網路上流經的資訊,並分析其內容建立索引資料庫,所有的資料都可以從資料被使用的程度找出哪些是流行熱門資訊,也可以透過使用者搜尋的歷程推測出使用者感興趣的資訊有哪些,根據這些資訊「網路搜尋引擎」能夠主動推薦有用的內容給每一個人。

「網路搜尋引擎」針對不同的內容,提供客製化的搜尋功能,包含:

網頁搜尋技巧

關鍵字的運用:

進階搜尋:

貼上成純文字

當我們從網頁複製搜尋結果時,會一併把格式複製起來,然後貼上的時候,有時候會發現格式亂掉、表格壞掉、文字太大或太小、顏色很奇怪看不清楚......等等問題。因此我們需要學習如何在貼上時移除文字的格式。

使用下面的快速鍵來貼上就可以了:

Windows:Ctrl + Shift + V

Mac: Command + Shift + V

網頁搜尋學習單

請將以下內容複製到電子郵件中,並在題目下方輸入搜尋結果,完成作業後請郵寄給老師。

一、查出下列機構的網址:

二、上網搜尋並回答以下問題,請把資料來源網址貼在答案後面:

圖片搜尋技巧

圖片搜尋也可以使用上一節介紹過的網頁搜尋技巧,除此之外還有以下特殊的搜尋設定:

在手機或平板上面,可以使用 Google 智慧相機進行以圖搜尋,請點擊底下連結進行下載。

https://lens.google/#cta-section

以圖搜尋學習單

地理資訊搜尋與應用

地理資訊搜尋的運作方式除了關鍵字的用法與前面介紹過的網頁搜尋和圖片搜尋是相同的,但其餘部分就有很大的差異:

課堂練習

地理資訊查資料學習單

請將以下內容複製到電子郵件中,並在題目下方輸入搜尋結果,完成作業後請郵寄給老師。(操作過程請參考底下的範例圖示)

請規劃半日遊行程,從國語實小出發,前往剝皮寮以及中正紀念堂兩個定點,最後回到國語實小。

其他搜尋工具介紹

https://zh.wikipedia.org/

維基百科(Wiki)是維基媒體基金會運營的一個多語言的線上百科全書,網站以開源的方式開發,提供開放內容,也就是說任何人都可以自由取得、自由編輯、並且允許參與創作。透過成千上萬網友的協同合作,他們共同建立和維護了超過百萬的條目,協助維基百科成為目前全球網路上最大且最受大眾歡迎的參考工具書


教育部線上辭典為教育部終身教育司為推展語言文字教育工作、整理語文資料庫,故編訂數部線上電子字辭典供民眾免費使用。包含:

《國語小字典》:http://dict.mini.moe.edu.tw

《國語辭典簡編本》:http://dict.concised.moe.edu.tw

《重編國語辭典修訂本》:http://dict.revised.moe.edu.tw

《異體字字典》:http://dict.variants.moe.edu.tw

《成語典》: http://dict.idioms.moe.edu.tw

《臺灣閩南語常用詞辭典》:http://twblg.dict.edu.tw

《臺灣客家語常用詞辭典》:https://hakkadict.moe.edu.tw

《臺灣原住民族歷史語言文化大辭典》(試用版): http://citing.hohayan.net.tw

採用「創用CC-姓名標示-禁止改作 臺灣3.0版授權條款」釋出《國語小字典》、《國語辭典簡編本》、《重編國語辭典修訂本》與《成語典》內文資料,本授權條款允許使用者重製、散布、傳輸著作(包括商業性利用),但不得修改該著作

網路媒體識讀

流言滿天飛

知識的傳播最早是透過口耳相傳,這種透過聲音傳輸的方式不但傳播困難而且正確率低,在傳播過程中容易產生錯誤或片段的資訊,這便是最原始的流言。網路的出現使得知識傳播的力量,進入一種空前未有的巨量、即時、便利的階段。照道理來說,隨著科技的進步知識傳播方式應該更為可靠便利才對,但目前我們所處的資訊時代卻是個流言滿天飛無法區分真假的時代。主要的原因如下:

搜尋引擎可以信任嗎?

在這麼龐大的內容當中,搜尋引擎不但要把你想要的資訊找出來,還要根據內容的重要性來排序,這就要依靠一套公式來進行計算,其中一個決定性的數據稱為權威值(Authority)。權威值越高的網站,會排列在搜尋結果越上面的位置。

雖然說,一個網頁內容是否優良、可靠具有權威,即使請專家一頁一頁來評分,都未必能正確估算。更何況如此大量的網頁,不是人力能夠逐一瀏覽完成的。

那麼到底搜尋引擎如何估算每個網站的權威值呢?

答案很複雜,但簡單來說是根據一個網站被其他網站連結的情形來決定。通常越多人連結的網站,代表它的內容被多數人肯定,因此較具有權威。尤其是專業機構,例如:政府、學術研究、公益團體網站,會得到較高的權威值。而被這些網站引用的網頁,就表示這份資料已經獲得專家的認可。同時,如果網頁資訊是可靠的,表示網頁內容會經常更新,不會隔一段時間就從網站刪除,因此網頁連結存活時間久,不會常常連不到,會獲得權威值加分。被企業或個人使用防火牆規則過濾阻隔的網頁,通常代表網頁內容有不當資訊,其權威值會遭到扣分,因為那表示提供資訊的網站無人審核或管理。搜尋引擎會綜合上述這些情況來研判網站的權威值。

網路媒體識讀三原則

判斷網站資訊是否可靠最重要的三個原則:

資料整理

為什麼要整理從網路搜尋來的資料呢?

整理資料有三種常用的方法:

條列式的使用時機

對照表的使用時機

圖文整合的使用時機

單元二:夢想輕旅行

快樂旅行的方法

作業規範

此次作業為分組作業,請所有組員透過上學期教過的 Google 共用雲端硬碟進行協作,各組要完成「旅遊手冊」文件一份。

文件內容,應包含:

旅遊天數為兩天一夜,請選擇國內單一縣市作為旅遊目的地,旅行預算以每人 4000 元為上限。

週休二日旅遊規劃注意事項:

分組討論題綱

討論一:請根據你的旅遊經驗,提出旅遊縣市的建議。

討論二:請提供該縣市你覺得不錯的景點給小組,並在協作文件的第一頁「行程規劃表」列出想去的景點清單。

討論三:請組長和組員決定工作分配:

建立旅遊地圖和旅遊手冊

下面是旅遊手冊的範本,提供給同學參考。

旅遊手冊

單元三:大魚吃小魚

遊戲體驗

請先玩玩這個 Scratch 遊戲:大魚吃小魚點擊這裡取得原始檔案

共同討論

共 4 個角色,小魚 3 隻、大魚 1 隻

大魚由玩家控制,目標是吃掉小魚

小魚由電腦控制,在舞臺游來游去

透過滑鼠操作

小魚被吃掉後過一段時間會自動復活

從舞台左邊邊緣出現

程式實驗

請閱讀程式碼後,回答問題。

大魚的程式

小魚的程式

當滑鼠不動時,大魚也會停下來。但如果把「與鼠標的間距」判斷程式拿掉的話,大魚會不停地左右翻轉。

使用右轉積木讓小魚轉彎,但轉彎的幅度限制在左轉 20 度和右轉 20 度之間

小魚方向會突然變化,比較不合理,而且玩家將會無法預測小魚的位置,遊戲變得只靠運氣不需要技巧。

請修改小魚隨機取數的範圍,然後實驗看看是否與剛才的討論結果相同。

Scratch 提供的碰撞偵測積木總共有以下三種:

請仔細觀看老師示範選取顏色的操作,然後依序把碰撞偵測積木擺放到程式裡,實驗看看不同積木有著什麼樣不同的效果?

小魚程式使用「定位到 x y」積木,把 x 座標固定在 -200,讓小魚從舞台邊緣游進來,如果不固定 x 座標小魚有可能會突然出現在舞台中央,好像小魚會瞬間移動一樣很不合理!

流程圖

流程圖(flow chart)是用來表示工作流程的一種方塊圖表,它以不同類型的框代表不同種類的步驟,每兩個步驟之間則以箭頭連接,代表步驟之間的順序關係。

常用的流程圖方塊包含:

範例:決定出門要不要帶傘

範例:設計一個逃命的遊戲

大魚吃小魚流程圖(點擊前面的連結,取得原始檔案)

大魚吃小魚流程圖.drawio

請仔細觀察上面大魚吃小魚的流程圖,並比對程式碼,回答以下問題:

流程圖中的「開始」是指哪一個積木?

當綠旗子被點擊

流程圖中的「大魚嘴巴張開」是利用哪個積木完成步驟的?

「造型換成」積木

流程圖中的「大魚嘴巴動畫」是指哪一段程式?

「重複 2 次」積木和積木中間的切換造型程式

當小魚需要觸發大魚的動作時,使用了「廣播 訊息」和「當接收訊息」積木,在流程圖上如何表示呢?

使用「小圓」圖示,並將訊息寫在小圓中央,可能需要兩個或更多的小圓,視程式需要而定。

畫流程圖時,需要照抄程式碼的內容嗎?還是要寫成人類容易理解的句子?

流程圖的文字只要能表達設計者的意圖就好,因為照抄程式碼可能無法說明程式執行的目的。

請將上面的流程圖,按右上角圖示開啟在新分頁,然後下載檔案並上傳到自己的「我的雲端硬碟」裡備用。

打開我的雲端硬碟,按左側的新增按鈕,點選「更多」,在選單中找到「diagrame.net」並點擊。(如果找不到這個選項,請先「連結更多應用程式」搜尋「draw.io」應用程式)

請看老師示範並練習繪製流程圖:

遊戲改良

全班共同討論:

大魚吃小魚遊戲應該怎麼改良會更好玩?

參考答案:

如果想要在遊戲裡面計分,我們需要使用「變數」。所謂「變數」(Variable)是指一個可以用來儲存數值或資訊的記憶體空間,以及相對應的符號名稱識別字,通常會依照其使用目的來命名。

切換到「變數」分類後,可以看到有一個系統預設的變數叫做「my variable」,請在變數上按滑鼠右鍵,選擇「重新命名變數」,請將名稱改為「分數」。

要顯示分數在舞台上,請將變數「分數」左邊的框框打勾。

使用變數必須要進行「初始化」,也就是在遊戲開始時將分數歸零。這個程式可以寫在舞台上。

在小魚被吃掉時,增加分數,這個程式請寫在小魚中。分數可以自訂,也可以根據不同小魚給予不同分數。


如果想要畫面更繽紛好看,可以修改小魚的造型,利用「填滿」工具塗上不同顏色。

然而修改顏色後,碰撞偵測程式就會偵測不到,所以需要修改判斷條件如右圖。

需要增加小魚請自行複製小魚角色,然後新增新造型,把舊造型刪除即可。

如果有變更造型,記得要修改碰撞偵測程式喔!

修改流程圖

將先前下載的流程圖,上傳到自己的雲端硬碟中,然後打開來修改流程圖。

請依照自己改寫的程式內容,在流程圖中加入新方塊,然後在方塊中加入新的文字敘述,說明程式的目的,若有必要可以增加新的流程方塊,或修改連結線以及箭頭方向。

本單元將以修改後的流程圖進行評分。

在平板電腦編輯及繳交流程圖

ipad 繳交流程圖作業.mp4

附錄:Draw.io 教學影片