兒美教材數位化示範單元 Starter 1 Unit 1
2018年2月3日 星期六 ：

2018年2月2日 星期五 ：
內容說明：
  1. 圖案代表網頁畫面，含灰色部分。
  2. 裝置螢幕不同時，以畫面圖檔等比例縮放。
  3. 畫面圖檔比例為 16:9。
統一特效：
  1. Lesson 圖示：
    1. ：
    2. mouse over 時，出現翻頁效果。
    3. 點擊後，讀出課文。
    4. 讀到畫面中的 dialog 的部分，畫面同時做反應。
    5. 沒有畫面的部分，是否需要補繡文字，類似歌曲卡拉的模式？？
  2. Dialog 圖示 

    2. mouse over 時，變色。
    3. 點擊後，依序，讀出畫面上的 dialog內容
    4. 被讀到的 dialog，畫面做反應。
  3. Home 圖示：
    1. mouse over 時，變色。
    2. 點擊後，回首頁？
      1. 詢問是否確定回首頁？
  4. Page 圖示，左右換頁：
    1. 滑鼠游標靠近，高亮，不透明度 100%。
    2. 滑鼠游標遠離，暗色，不透明度 20%。
    3. 觸控螢幕操作？
    4. 建議收歸工具列功能按鈕。

 
教學設計內容 & 特效設計內容
教材畫面
教學設計內容
  1. 點擊單元號碼或是複習（R）可以直接轉換到該部分的首頁。
Parker：
  • Q小比，隨機在頁面上漂浮
  • 滑鼠移到的單元，標題文字果凍效果。
對應紙本頁面：總目錄：
教學設計內容
  1. 頁面左上角放置書本icon，點擊之後會撥放課文。
  2. 頁面的右側中間要放置箭頭符號，點擊可以往下一頁翻。
特效設計內容
  1. 點擊鐵捲門的位置會有升降動作及音效。
  2. 在鐵捲門開啟的狀態下，點擊車子會有往外跑的簡短動畫。
對應紙本頁面：單元 1：P6P7：
教學設計內容
  1. 頁面左上角放置書本icon，點擊之後會撥放課文。
  2. 頁面的左右側中間要放置箭頭符號，點擊可以往前後一頁翻。
  3. 點擊對話icon，會自動念一次畫面出現的所有對話並產生動態效果。
  4. 點擊單字時，會有刷子畫出該顏色的簡短動畫，並唸出發音兩次。
特效設計內容
  1. 點擊紅綠燈會有燈光閃爍加上音效。
  2. 點擊右下角區塊的暴龍會有暈眩的動畫及音效。
對應紙本頁面：單元 1：P8P9：

教學設計內容
  1. 頁面左上角放置書本icon，點擊之後會撥放課文。
  2. 頁面的左右側中間要放置箭頭符號，點擊可以往前後一頁翻。
  3. 點擊對話icon，會自動念一次畫面出現的所有對話並產生動態效果。
  4. 點擊單字時，會有刷子畫出該顏色的簡短動畫，並唸出發音兩次。
特效設計內容
  1. 點擊牆上的名畫會掉落，砸到猴子頭上，並會產生音效。
  2. 點擊有魚的畫，裡面的魚會游動並產生水聲的音效。
對應紙本頁面：單元 1：P10P11：

教學設計內容
  1. 畫面要有一個調色盤的設置，可以點選顏色附在刷子游標上。
  2. 確定好所選的顏色，刷子可以移動到彩虹的位置，隨意點放在空白處，直接填滿。
特效設計內容
  1. 當整個彩虹完成時，會有視窗跳出確定是否已完成？
  2. 確定完成的話，會有特效使彩虹色條由上到下，發出閃光跟音效。

Parker：
  • 示範功能按鈕：
    • 頁面直接示範？
    • 連結說明網頁？
  • 畫面秀出後，顏色隨機輪流閃亮，當第一個顏色被選取，停止。
  • 畫面游標筆狀，顏色隨使用者從色盤選取的顏色改變，初始顏色？？
  • 完成畫面的出現？是否需要判斷尚未完成？

對應紙本頁面：單元 1：遊戲：P13

教學設計內容
  1. 點擊最上方的大小寫字母（虛線），會出現在畫面中間放大的效果，並示範大小寫的筆順。寫完之後，字母縮回原處，並保留虛線的筆順。
  2. 點擊單字會有發音。
特效設計內容
  1. 可以實際用筆造型的游標練習字母書寫。


Parker：
  • 滑鼠操作時，書寫不精準的問題？
  • 自行製作 GIF 書寫圖檔。
對應紙本頁面：單元 1：字母練習：P16P17：

對應紙本頁面：單元 1：字母練習：P18P19：

教學設計內容
  1. 點擊CD標記會開始撥放整首歌曲。
特效設計內容
  1. 歌曲播放時，歌詞字體必須依照撥放進度放大或是改變顏色（伴唱帶效果）。

Parker：
  • 文字伴唱效果：
    • 卡拉歌詞，顯示到頁面正中央。
    • 本句一半時，下一句出現。
    • 下一句開唱時，本句收掉。
    • 跟隨歌曲，單行變色，凸顯單字。
對應紙本頁面：單元 1：歌曲：P20P21：

教學設計內容
  1. 頁面左上角放置書本icon，點擊之後會撥放課文。
  2. 頁面的左右側中間要放置箭頭符號，點擊可以往前後一頁翻。
  3. 點擊對話icon，會自動念一次畫面出現的所有對話並產生動態效果。
  4. 點擊單字時，會有晃動的簡短動畫，並唸出發音兩次。
特效設計內容
  1. 點擊食物招牌會有燈光變化加上音效。
  2. 點擊猴子會有指責的動畫（憤怒表情以及動作）。
對應紙本頁面：單元 2：P22P23：

教學設計內容
  1. 頁面左上角放置書本icon，點擊之後會撥放課文。
  2. 頁面的左右側中間要放置箭頭符號，點擊可以往前後一頁翻。
  3. 點擊對話icon，會自動念一次畫面出現的所有對話並產生動態效果。
  4. 點擊單字時，會有晃動的簡短動畫，並唸出發音兩次。
特效設計內容
  1. 點擊食物招牌會有燈光變化加上音效。
  2. 點擊猴子會有指責的動畫（憤怒表情以及動作）。
對應紙本頁面：單元 2：P24P25

教學設計內容
  1. 頁面左上角放置書本icon，點擊之後會撥放課文。
  2. 頁面的左右側中間要放置箭頭符號，點擊可以往前後一頁翻。
  3. 點擊對話icon，會自動念一次畫面出現的所有對話並產生動態效果。
  4. 點擊單字時，會有晃動的簡短動畫，並唸出發音兩次。
特效設計內容
  1. 點擊紅蘿蔔，玉米和蛋會有反應並產生音效。
  2. 點擊店員會有手揮動跟表情等反應。
對應紙本頁面：單元 2：P26P27

教學設計內容
  1. 左列的食物要能夠擺放到右側的三角形。
  2. 每個區塊有固定擺放的食物種類，擺放正確要有音效及特效。
特效設計內容
    對應紙本頁面：單元 2：遊戲：P31

    教學設計內容
    1. 點擊最上方的大小寫字母（虛線），會出現在畫面中間放大的效果，並示範大小寫的筆順。寫完之後，字母縮回原處，並保留虛線的筆順。
    2. 點擊單字會有發音。
    特效設計內容
    1. 可以實際用筆造型的游標練習字母書寫。
    對應紙本頁面：單元 2：字母練習：P32P33

    對應紙本頁面：單元 2：字母練習：P34P35
    教學設計內容
    1. 點擊CD標記會開始撥放整首歌曲。
    特效設計內容
    1. 歌曲播放時，歌詞字體必須依照撥放進度放大或是改變顏色（伴唱帶效果）。
    對應紙本頁面：單元 2：歌曲：P36P37

    教學設計內容
    1. 需要設置一個制式化的骰子，可以讓使用者點擊，以決定前進步數。
    2. 當骰子步數出現之後，要讓圖騰能夠自行移動到對的位置上。
    特效設計內容
    1. 針對特殊的格子，像是泡溫泉（暫停）以及終點站，要設計動畫及搭配音效。
    對應紙本頁面：單元 2：遊戲：P38P39

    教學設計內容
    1. 頁面左上角放置書本icon，點擊之後會撥放課文。
    2. 頁面的左右側中間要放置箭頭符號，點擊可以往上或下一頁翻。
    特效設計內容
    1. 點擊媽媽的位置會有指示動作及音效。
    2. 點擊弟弟位置會有眼神和動作的簡短動畫和音效。
    對應紙本頁面：單元 3：P40P41

    教學設計內容
    1. 頁面左上角放置書本icon，點擊之後會撥放課文。
    2. 頁面的左右側中間要放置箭頭符號，點擊可以往前後一頁翻。
    3. 點擊對話icon，會自動念一次畫面出現的所有對話並產生動態效果。
    4. 點擊單字時，會有臉部表情的簡短動畫，並唸出發音兩次。
    特效設計內容
    1. 點擊女生朋友會有揮手動作加上音效。
    2. 點擊爸爸會有暈眩的動畫以及音效。
    對應紙本頁面：單元 3：P42P43

    教學設計內容
    1. 頁面左上角放置書本icon，點擊之後會撥放課文，唸到對話框內句子會先放大再縮小。
    2. 頁面的左右側中間要放置箭頭符號，點擊可以往前後一頁翻。
    3. 點擊對話icon，會自動念一次畫面出現的所有對話並產生動態效果。
    4. 點擊單字時，會有臉部表情的簡短動畫，並唸出發音兩次。    
    特效設計內容
    1. 點擊叔叔會有大口吃紅蘿蔔的動畫，並產生音效。
    2. 點擊爺爺會有睡覺的動畫，並產生打呼的音效。
    對應紙本頁面：單元 3：P44P45

    教學設計內容
    1. 左列的家庭成員大頭要能夠拖曳到右側的家庭樹狀圖。
    特效設計內容
    1. 每個房間有固定擺放的家庭成員，擺放正確要有音效及特效（房間燈亮起）。
    對應紙本頁面：單元 3：遊戲：P49

    教學設計內容
    1. 左側的題型要能夠依據每一題撥放出單字發音，然後使用者可以進行圈選的動作。
    2. 右側上方的題型要能夠依據每一題撥放出上下兩個單字的發音，中間的圖案點擊的話，要能夠加以上色。
    3. 右側下方的題型，在點擊兩個不同的字母和圖片的時候，要能夠有連線的動作。
    特效設計內容
    1. 左側可以實際用筆造型的游標練習字母書寫。
    對應紙本頁面：P50P51：
    Review：單元 1,2,3：Ａ～Ｈ

    教學設計內容
    1. 點擊CD標記會開始撥放整首歌曲。
    特效設計內容
    1. 歌曲播放時，歌詞字體必須依照撥放進度放大或是改變顏色（伴唱帶效果）。
    對應紙本頁面：單元 3：歌曲：P52P53

    同 單元 1：P6 ~ P11
    對應紙本頁面：單元 4：P54~P59
    教學設計內容
    1. 左右兩側的不同工作腳色要能夠拖曳到中間的工作場合。
    特效設計內容
    1. 每個工作場合有固定擺放的工作腳色，擺放正確要有音效及特效。
    對應紙本頁面：單元 4：遊戲P60

    教學設計內容
    1. 要能夠撥放線索音檔。
    2. 要設置彈出面版，內容包含不同家庭成員的大頭拼圖。
    3. 使用者要能夠拖曳拼圖至想要放置的空白處。當拼圖一被選定，彈出面版自動縮回。
    特效設計內容
    1. 擺放到正確位置，必須要有音效及特效。
    對應紙本頁面：P70P71
    Review：單元 3,4


    同 單元 2：P22 ~ P27
    對應紙本頁面：單元 5：P72~P77?
    教學設計內容
    1. 衣櫃裡的衣著配件要能夠拖曳到右側的猴子人偶上。
    2. 衣著種類主要分上半身，下半身跟鞋襪，當衣著種類放置到不恰當的人偶部位，選取的衣著會自動回到衣櫃裡。
    特效設計內容
    1. 當人偶三個部分都配置完成，可以拍攝一張全身照，並有特效及音效。
    對應紙本頁面：單元 5 ：遊戲：P80

    同 單元 3：P40 ~ P45
    對應紙本頁面：單元 5：P88~P93
    教學設計內容
    1. 當使用者還沒有開始作答，圖案的背景必須是灰階的。
    2. 使用者回答過的題目要變成彩色的背景。圖案請用動畫的方式呈現。
    3. 確定問題答對之前，要有跳出視窗讓人選擇Yes/No。
    特效設計內容
    1. 當整列圖案問題都回答完的時候，要有音效及特效。
    對應紙本頁面：單元 6 ：遊戲：P95


    教學設計內容
    1. 同 P50P51 ?
    特效設計內容
    1. 同 P50P51 ?
    對應紙本頁面：P98P99
    Review：頁面 4,5,6 ：I ~ P 字母

    教學設計內容
    1. 左上的活動要能夠撥放單字發音。
    2. 左下的活動要能夠撥放線索音檔，依照點選的順序，能夠標上1-4。
    3. 右側需要設置一個制式化的骰子，可以讓使用者點擊，以決定前進步數。
    4. 當骰子步數出現之後，要讓圖騰能夠自行移動到對的位置上。
    特效設計內容
    1. 右側針對特殊的格子，像是重新開始（restart）以及終點站，要設計動畫及搭配音效。
    對應紙本頁面：P102P103
    Review：單元 5,6

     
    Parker：

    工具列範例示意圖：



    滑鼠游標：


    範例音檔：