ltu

資 訊 管 理 系 學 齡 前 自 主 學 習 之 行 動 裝 置 輔 助 系 統 指 導 教 授 : 李 靜 怡 教 授 組 員 名 單 : 蔡 承 育 988C012 黃 佳 誼 988C026 鄭 亦 琦 988C060 廖 曼 伶 988C108 中 華 民 國 1 0 2 年 5 月

嶺 東 科 技 大 學 資 訊 管 理 系 學 齡 前 自 主 學 習 之 行 動 裝 置 輔 助 系 統 中 華 民 國 一 二 年 五 月

資 訊 管 理 系 專 題 口 試 委 員 審 定 書 學 齡 前 自 主 學 習 之 行 動 裝 置 輔 助 系 統 指 導 教 授 : 組 員 名 單 : 李 靜 怡 教 授 蔡 承 育 988C012 黃 佳 誼 988C026 鄭 亦 琦 988C060 廖 曼 伶 988C108 指 導 教 授 : 口 試 委 員 :

誌 謝 本 專 題 報 告 得 以 順 利 完 成, 首 先 要 感 謝 恩 師 李 靜 怡 老 師 細 心 引 導 我 們, 耐 心 的 協 助 我 們, 克 服 研 究 過 程 中 所 面 臨 的 困 難, 給 予 我 們 最 大 的 協 助, 使 本 專 題 得 以 順 利 完 成 研 究 報 告 口 試 期 間, 感 謝 夏 則 智 老 師 黃 光 宇 老 師 不 辭 辛 勞 細 心 審 閱, 不 僅 給 予 我 們 指 導, 並 且 提 供 寶 貴 的 建 議, 使 我 們 的 專 題 內 容 以 更 臻 完 善, 在 此 由 衷 的 感 謝 最 後, 感 謝 系 上 諸 位 老 師 在 各 學 科 領 域 的 熱 心 指 導, 增 進 商 業 管 理 知 識 範 疇, 在 此 一 併 致 上 最 高 謝 意 蔡 承 育 黃 佳 誼 鄭 亦 琦 廖 曼 伶 謹 誌 中 華 民 國 一 二 年 五 月 於 嶺 東

摘 要 學 齡 前 正 是 兒 童 的 學 習 黃 金 時 期, 兒 童 的 人 格 基 礎 以 及 智 力 的 發 展, 皆 是 在 學 齡 前 這 個 階 段 所 奠 定 的 但 是 學 齡 前 的 兒 童 十 分 活 潑 好 動, 為 了 引 起 學 齡 前 兒 童 的 學 習 興 趣, 讓 他 們 能 夠 喜 歡 學 習 並 且 持 續 學 習 本 系 統 以 APP 的 方 式 開 發, 以 達 到 無 所 不 在 地 學 習 系 統 使 用 亮 色 系 的 色 彩 來 吸 引 兒 童 們 的 注 意 力, 讓 兒 童 們 感 到 興 趣, 並 且 設 計 小 遊 戲 讓 兒 童 在 遊 戲 過 程 中 學 習, 以 及 製 作 測 驗 幫 助 兒 童 記 住 學 習 內 容 為 了 不 讓 兒 童 有 手 機 成 癮 症, 本 系 統 設 有 監 控 功 能, 兒 童 在 行 動 裝 置 上 使 用 此 APP 三 十 分 鐘 後, 系 統 會 自 動 強 制 關 閉 此 APP, 以 避 免 兒 童 有 手 機 成 癮 症, 也 保 護 兒 童 的 視 力 同 時 本 系 統 採 用 MVC 架 構 降 低 系 統 開 發 的 複 雜 度, 以 利 於 後 續 系 統 的 維 護 擴 充 與 軟 體 的 再 利 用 關 鍵 詞 :APP 行 動 裝 置 MVC -I-

目 錄 摘 要... I 目 錄... II 表 目 錄... Ⅳ 圖 目 錄... Ⅴ 第 壹 章 緒 論... 1 1.1 研 究 動 機... 1 1.2 研 究 目 的... 1 第 貳 章 文 獻 回 顧 與 探 討... 3 2.1 行 動 裝 置 APP 開 發 平 台... 3 2.1.1 Android 基 礎 與 開 發 環 境... 3 2.2 MVC... 3 2.3 圖 片 格 式... 4 2.3.1 JPEG(JPG)... 4 2.3.2 PNG... 4 2.3.3 GIF... 5 2.3.4 BMP... 5 2.4 音 訊 格 式... 6 2.4.1 MP3... 6 2.4.2 WMA... 6 2.5 聲 音 播 放 元 件... 7 2.5.1 SoundPool... 7 2.5.2 MediaPlayer... 7 2.6 資 料 庫... 7 -II-

第 參 章 研 究 方 法... 8 3.1 研 究 流 程... 8 3.2 系 統 分 析... 9 3.3 資 料 庫 說 明... 10 3.4 開 發 軟 體 與 系 統 需 求... 12 3.5 系 統 內 容 與 介 紹... 13 第 肆 章 系 統 實 作... 16 第 伍 章 結 論... 19 參 考 文 獻... 20 附 錄... 21 附 錄 : 學 齡 前 自 主 學 習 之 行 動 裝 置 輔 助 系 統... 21 -III-

表 目 錄 表 3.1 WORD 資 料 表 欄 位 說 明... 11 表 3.2 CATEGROY 資 料 表 欄 位 說 明... 11 表 3.3 開 發 軟 體... 12 表 3.4 系 統 需 求... 12 表 3.5 java 檔 案 說 明... 14 表 3.6 xml 檔 案 說 明... 15 -IV-

圖 目 錄 圖 2.1 MVC 架 構 圖... 4 圖 3.1 系 統 流 程 圖... 8 圖 3.2 使 用 案 例 圖... 9 圖 3.3 發 音 功 能 的 MVC 架 構... 9 圖 3.4 ER 模 型... 10 圖 3.5 Java 檔 案... 13 圖 3.6 Xml 檔 案... 15 圖 4.1 系 統 首 頁... 16 圖 4.2 語 言 選 擇... 16 圖 4.3 中 文 遊 戲 畫 面... 16 圖 4.4 英 文 遊 戲 畫 面... 16 圖 4.5 注 音 符 號... 17 圖 4.6 英 文 字 母... 17 圖 4.7 中 英 文 圖 卡 類 別 選 擇... 17 圖 4.8 動 物 圖 卡 畫 面... 17 圖 4.9 配 對 遊 戲 畫 面... 17 圖 4.10 測 驗 遊 戲 畫 面... 17 圖 4.11 測 驗 答 對 畫 面... 18 圖 4.12 測 驗 答 錯 畫 面... 18 圖 4.13 系 統 即 將 關 閉 畫 面... 18 圖 4.13 系 統 關 閉 畫 面... 18 -V-

第 壹 章 緒 論 1.1 研 究 動 機 依 據 我 國 現 行 的 國 教 法 規 定, 滿 6 足 歲 的 兒 童 必 須 接 受 國 民 小 學 義 務 教 育, 因 此 通 稱 入 小 學 就 讀 的 兒 童 為 學 齡 兒 童, 而 在 進 入 小 學 就 讀 前 的 階 段 就 稱 為 學 齡 前 許 多 專 家 學 者 認 為 這 個 階 段 正 是 兒 童 的 學 習 黃 金 時 期, 兒 童 的 人 格 基 礎 以 及 智 力 的 發 展, 皆 是 在 學 齡 前 這 個 階 段 所 奠 定 的 每 一 個 小 孩 都 是 父 母 的 心 肝 寶 貝, 每 一 個 父 母 都 望 子 成 龍 望 女 成 鳳, 因 此 不 要 輸 在 起 跑 點 這 句 話, 幾 乎 已 成 為 家 中 有 學 齡 前 兒 童 的 家 長 所 尊 奉 的 信 念 為 了 引 起 學 齡 前 兒 童 的 學 習 興 趣, 讓 他 們 能 夠 喜 歡 學 習 並 且 持 續 學 習 根 據 公 共 圖 書 館 學 齡 前 兒 童 及 家 長 服 務 之 調 查 研 究 發 現 鮮 豔 色 彩, 能 給 予 幼 兒 視 覺 上 豐 富 的 刺 激, 可 以 提 升 學 齡 前 兒 童 的 學 習 意 願 [1][2] 1.2 研 究 目 的 學 齡 前 的 兒 童 十 分 活 潑 好 動, 如 果 要 兒 童 乖 乖 地 坐 在 書 桌 前 學 習, 對 兒 童 來 說 是 無 趣 且 困 難 的 使 用 一 般 桌 上 型 電 腦 學 習 的 方 式 雖 然 可 行, 但 是 由 於 桌 上 型 電 腦 不 易 移 動 與 隨 身 攜 帶, 如 果 想 隨 時 隨 地 學 習, 就 成 了 最 大 的 學 習 阻 礙 現 今, 由 於 IT 技 術 的 進 步, 行 動 裝 置 的 普 及 化, 使 得 人 們 愈 來 愈 依 賴 智 慧 型 手 機 與 平 板 電 腦, 而 這 類 型 的 行 動 裝 置 解 決 了 桌 上 型 電 腦 可 攜 性 不 高 的 問 題, 因 此 本 系 統 以 APP 的 方 式 開 發, 達 到 無 所 不 在 地 學 習, 並 且 使 用 亮 色 系 的 色 彩 來 吸 引 兒 童 們 的 注 意 力, 提 升 兒 童 們 學 習 意 願, 本 APP 也 設 計 小 遊 戲 讓 兒 童 在 遊 戲 過 程 中 學 習, 同 時 製 作 測 驗 幫 助 兒 童 增 加 記 憶 力, 讓 他 們 回 想 學 習 了 哪 些 東 西, 不 是 單 純 玩 遊 戲, 而 是 在 遊 戲 中 能 夠 記 住 學 習 內 容 Xiaoming Li 博 士 表 示, 使 用 電 腦 的 學 齡 前 兒 童 是 比 較 聰 明 的, 同 時 入 學 後 也 比 較 容 易 適 應 ; 但 是 要 注 意, 花 太 多 的 時 間 在 電 腦 上 可 能 會 產 生 負 面 影 響, 即 使 是 年 紀 非 常 小 的 孩 子 也 一 樣, 所 以 學 齡 前 兒 童 使 用 電 腦 或 行 動 裝 置 三 十 分 鐘 就 得 需 要 休 息 [3], 可 以 避 免 近 視 以 及 成 癮 症, 因 此 本 系 統 設 計 監 控 功 能, 在 兒 童 使 用 - 1 -

電 腦 三 十 分 鐘 後, 系 統 會 自 動 強 制 關 閉 此 APP, 以 避 免 兒 童 有 手 機 成 癮 症, 也 保 護 兒 童 的 視 力 本 系 統 開 發 採 用 MVC(Model-View-Controller) 架 構,MVC 是 軟 體 工 程 中 的 一 種 軟 體 架 構 模 式, 此 架 構 將 軟 體 系 統 分 為 三 個 基 本 部 分 : 模 型 (Model) 檢 視 (View) 和 控 制 器 (Controller) 利 用 MVC 架 構 可 以 降 低 系 統 開 發 的 複 雜 度, 對 後 續 系 統 的 維 護 擴 充 與 軟 體 的 再 利 用 都 有 所 助 益 [4][5] - 2 -

2.1 行 動 裝 置 APP 開 發 平 台 第 貳 章 文 獻 回 顧 與 探 討 APP 是 APPlication 的 縮 寫, 意 思 是 應 用 程 式, 無 論 手 機 或 電 腦 上 的 軟 體, 其 實 都 是 APP 只 是 因 為 目 前 智 慧 型 手 機 正 流 行, 因 此 一 般 智 慧 型 手 機 上 的 應 用 程 式 就 被 簡 稱 為 APP 2.1.1 Android 基 礎 與 開 發 環 境 Android 是 一 套 使 用 Linux 作 業 系 統 為 基 礎 開 發 的 開 放 原 始 碼 (Open Source) 作 業 系 統, 最 初 使 用 在 手 機 等 行 動 裝 置 上, 現 在 已 逐 漸 擴 充 到 平 板 電 腦 和 其 他 領 域 [6] 目 前 非 營 利 組 織 的 開 放 式 手 持 裝 置 聯 盟 和 Google 公 司 全 力 支 持 Android 作 業 系 統 的 開 發 計 畫 Google 並 整 合 Google 的 Gmail YouTube Google Maps 和 Google play 等 服 務, 擴 大 市 場 的 佔 有 率 對 於 程 式 開 發 者 來 說,Android 提 供 完 整 開 發 工 具 和 框 架, 可 以 讓 開 發 者 快 速 建 立 行 動 裝 置 執 行 的 應 用 程 式, 其 中 Android SDK 更 提 供 模 擬 器 來 模 擬 行 動 裝 置, 也 就 是 說, 在 沒 有 實 體 行 動 裝 置 的 情 況 下, 程 式 開 發 者 依 然 可 以 進 行 Android 應 用 程 式 的 開 發 [7][8] 2.2 MVC MVC 是 軟 體 工 程 中 的 一 種 軟 體 架 構 模 式, 主 要 是 用 來 將 使 用 者 介 面 設 計 與 程 式 邏 輯 控 制 分 離, 以 降 低 系 統 開 發 的 複 雜 度 此 架 構 將 軟 體 系 統 分 為 三 個 基 本 部 分 : 模 型 (Model) 檢 視 (View) 和 控 制 器 (Controller), 如 圖 1 Model 是 定 義 資 料 的 存 取 介 面 以 及 資 料 格 式, 包 含 了 資 料 認 證 及 商 業 邏 輯 等 View 是 定 義 使 用 者 介 面 (User Interface ) 等 相 關 設 計, 包 含 輸 入 輸 出 Controller 是 定 義 控 制 系 統 運 作 的 流 程 操 作 的 邏 輯 錯 誤 的 處 理 事 件 的 回 應 等 等 [5] 使 用 MVC 架 構, 由 於 模 型 檢 視 和 控 制 器 互 相 獨 立, 因 此 可 以 容 易 的 修 改 使 用 者 介 面, 而 不 會 影 響 到 程 式 邏 輯 反 之, 可 以 改 變 邏 輯 的 控 制, 而 不 會 影 響 到 - 3 -

使 用 者 介 面 此 架 構 可 以 使 用 不 同 的 View 來 顯 示 相 同 資 料, 也 能 夠 讓 程 式 碼 重 複 使 用, 提 升 系 統 開 發 的 彈 性 與 效 率 2.3 圖 片 格 式 圖 2.1 MVC 架 構 圖 Android 支 援 JPEG(JPG) BMP PNG GIF 等 各 種 圖 片 格 式, 以 下 簡 單 的 分 析 比 較 常 見 的 圖 片 格 式, 並 選 擇 最 適 合 本 系 統 的 圖 片 格 式 2.3.1 JPEG(JPG) 是 一 種 針 對 相 片 影 像 而 廣 泛 使 用 的 一 種 失 真 壓 縮 標 準 方 法 也 是 全 球 資 訊 網 (World Wide Web) 上 最 普 遍 的 被 用 來 儲 存 和 傳 輸 照 片 的 格 式 優 點 : 可 以 處 理 數 千 或 甚 至 數 百 萬 的 色 彩, 並 能 維 持 最 精 簡 的 檔 案 大 小 缺 點 : 壓 縮 方 式 是 破 壞 性 資 料 壓 縮 不 支 援 透 明 背 景 2.3.2 PNG 是 一 種 無 損 壓 縮 的 圖 形 格 式, 支 持 索 引 灰 階 及 Alpha 通 道 等 特 性 優 點 : 最 高 支 持 48 位 真 彩 色 圖 像 支 持 Alpha 通 道 的 透 明 / 半 透 明 特 性 使 用 無 損 壓 縮 - 4 -

缺 點 : 不 能 儲 存 多 張 影 像 資 訊 檔 案 大 小 較 大 2.3.3 GIF 是 一 種 點 陣 圖 圖 形 檔 案 格 式, 以 8 位 元 色 ( 即 256 種 顏 色 ) 重 現 真 彩 色 的 影 像 優 點 : 圖 形 通 常 比 較 小, 因 此 在 下 載 和 顯 示 時 會 較 為 快 速 可 插 入 多 影 格, 從 而 實 作 動 畫 效 果 可 設 定 透 明 色 以 產 生 物 件 浮 現 於 背 景 之 上 的 效 果 缺 點 : 由 於 採 用 了 8 位 元 壓 縮, 最 多 只 能 處 理 256 種 顏 色, 故 不 宜 應 用 於 真 彩 色 圖 片 2.3.4 BMP 是 微 軟 視 窗 圖 形 子 系 統 (Graphics Device Interface) 內 部 使 用 的 一 種 點 陣 圖 圖 形 格 式, 它 是 微 軟 視 窗 平 台 上 的 一 個 簡 單 的 圖 形 文 件 格 式 優 點 : 是 不 採 用 任 何 壓 縮, 無 損, 顏 色 準 確, 有 2 色 16 色 256 色 真 彩 色 各 種 選 擇 缺 點 : 檔 案 大 小 較 大, 不 支 援 檔 案 壓 縮 經 過 以 上 分 析, 本 系 統 選 用 PNG 圖 片 格 式 來 做 使 用 因 為 本 系 統 的 圖 片 皆 需 要 透 明 背 景, 以 及 希 望 在 智 慧 型 產 品 上 容 量 小 且 看 到 圖 片 不 會 失 真, 所 以 圖 片 格 式 選 用 PNG 格 式 儲 存 - 5 -

2.4 音 訊 格 式 Android 支 援 MP3 WMA MP2 等 各 種 音 訊 格 式, 但 是 錄 音 只 有 支 援 MP3 與 WMA 兩 種 格 式, 所 以 在 此 只 分 析 MP3 與 WMA, 並 選 擇 最 適 合 本 系 統 的 音 訊 格 式 2.4.1 MP3 是 一 種 音 頻 壓 縮 技 術, 是 在 1987 年 的 數 位 音 訊 廣 播 ( Digital Audio Broadcasting) 計 畫 中, 所 發 明 出 來 的 音 訊 壓 縮 演 算 法 優 點 : 檔 案 大 小 較 小, 傳 輸 速 度 快 缺 點 : 壓 縮 方 式 為 有 損 壓 縮 2.4.2 WMA 由 微 軟 公 司 開 發 的 一 種 數 字 音 頻 壓 縮 格 式 優 點 : 檔 案 大 小 較 小 缺 點 : 有 損 數 據 壓 縮 的 檔 案 格 式 經 過 以 上 分 析, 本 系 統 選 用 MP3 格 式 儲 存 因 為 本 系 統 的 聲 音 長 度 不 長, 壓 縮 後 的 檔 案 與 原 始 檔 的 差 異 不 大, 而 且 MP3 檔 案 的 音 質 比 WMA 好 - 6 -

2.5 聲 音 播 放 元 件 Android 支 援 SoundPool 與 MediaPlayer 兩 種 播 放 元 件 在 此 分 析 SoundPool 與 MediaPlayer, 並 選 擇 最 適 合 本 系 統 的 聲 音 播 放 元 件 2.5.1 SoundPool 主 要 用 於 播 放 一 些 較 短 的 聲 音 片 段, 支 援 從 專 案 的 資 源 或 文 件 系 統 載 入 優 點 : CPU 資 源 佔 用 量 低 和 反 應 延 遲 小 可 依 照 自 己 的 喜 好 設 置 聲 音 的 品 質 音 量 播 放 比 率 等 參 數 可 同 時 管 理 多 個 音 頻 流, 每 個 音 頻 都 有 獨 自 的 ID 缺 點 : 只 支 援 容 量 小 的 檔 案, 不 適 合 來 播 放 歌 曲 或 者 做 遊 戲 背 景 音 樂 2.5.2 MediaPlayer Android 內 建 撥 放 元 件 優 點 : 聲 音 長 度 不 受 限 制 缺 點 : 不 能 同 時 播 放 不 同 聲 音 檔 經 過 以 上 分 析, 本 系 統 選 用 SoundPool 與 MediaPlayer 兩 種 元 件 搭 配 使 用, 因 為 有 些 聲 音 長 度 較 短, 適 合 用 SoundPool, 但 是 遊 戲 背 景 音 樂 則 適 合 用 MediaPlayer 2.6 資 料 庫 Android 作 業 系 統 提 供 內 建 的 SQLite 資 料 庫 [9],SQLite 本 身 包 含 資 料 庫 引 擎, 而 且 可 以 嵌 入 至 其 他 系 統 中, 不 需 額 外 設 定 SQLite 比 較 不 會 浪 費 行 動 裝 置 的 記 憶 體 資 源, 而 且 是 一 套 支 援 ACID 交 易 的 關 聯 式 資 料 庫 ; 支 援 多 種 語 言 跨 平 台, 目 前 主 流 的 作 業 系 統 都 支 援 本 系 統 資 料 庫 使 用 SQLite 記 錄 系 統 運 作 相 關 資 訊 - 7 -

3.1 研 究 流 程 第 參 章 研 究 方 法 本 研 究 流 程, 首 先 確 認 研 究 動 機 與 目 的, 接 下 來 是 系 統 初 步 規 劃 系 統 實 作 與 系 統 測 試 ; 一 開 始 先 確 認 本 系 統 是 要 為 哪 個 年 齡 層 的 孩 童 設 計, 再 進 一 步 了 解 此 年 齡 層 孩 童 的 學 習 阻 礙, 然 後 針 對 這 些 學 習 阻 礙 而 開 發 一 個 適 合 此 年 齡 層 孩 童, 且 可 以 增 進 他 們 學 習 意 願 與 樂 趣 的 輔 助 學 習 系 統 本 研 究 流 程 圖 如 下 : 確 認 研 究 動 機 與 目 的 系 統 規 劃 與 架 構 系 統 分 析 系 統 設 計 系 統 實 施 完 成 圖 3.1 系 統 流 程 圖 - 8 -

3.2 系 統 分 析 本 研 究 採 用 研 究 與 開 發 (Research and Development, R & D) 之 研 究 方 法 [10], 亦 即 以 MVC 建 立 系 統 架 構, 並 使 用 UML( Unified Modeling Language) 工 具 進 行 系 統 分 析 與 設 計, 最 後 實 作 APP 系 統 開 發 系 統 時 要 先 擷 取 使 用 者 需 求, 並 且 以 使 用 案 例 圖 描 述 系 統 功 能, 如 圖 3.2 本 系 統 有 兩 個 行 為 者, 一 為 使 用 者, 另 一 個 是 系 統 的 計 時 器 ( Timer) 其 中 使 用 者 與 測 驗 發 音 圖 卡 及 配 對 四 個 使 用 案 例 互 動, 計 時 器 與 監 控 使 用 案 例 互 動 圖 3.3 顯 示 MVC 架 構 下 的 發 音 使 用 案 例, 當 使 用 者 點 選 字 母 注 音 或 圖 卡 按 鈕, 即 從 View 輸 入, 接 下 來 Controller 判 斷 何 按 鈕 被 按 下, 然 後 去 Model 尋 找 屬 於 該 按 鈕 的 聲 音 檔, 再 使 用 播 放 元 件 輸 出 聲 音 圖 3.2 使 用 案 例 圖 圖 3.3 發 音 功 能 的 MVC 架 構 - 9 -

3.3 資 料 庫 說 明 本 系 統 的 資 料 庫 檔 名 為 LEARNING 共 擁 有 兩 個 資 料 表 WORD 及 CATEGORY,WORD 資 料 表 儲 存 圖 卡 中 英 文 名 稱 等 資 訊,CATEGORY 資 料 表 儲 存 圖 卡 分 類 等 資 訊, 聲 音 及 圖 片 檔 案 儲 存 在 專 案 資 源 (Resource) 資 料 夾, 其 相 關 資 料 表 的 關 聯 性 及 說 明 如 圖 3.4 表 3.1 與 表 3.2 圖 3.4 ER 模 型 - 10 -

表 3.1 WORD 資 料 表 欄 位 說 明 WORD 欄 位 名 稱 型 態 備 註 ID Int 編 號 Cname Text 中 文 名 稱 Spell Text 注 音 Ename Text 英 文 名 稱 Csound Int 中 文 發 音 Esound Int 英 文 發 音 Img Int 圖 片 Cateid Int 分 類 ID 表 3.2 CATEGROY 資 料 表 欄 位 說 明 CATEGORY 欄 位 名 稱 型 態 備 註 Cateid Int 分 類 ID Cate Text 分 類 名 稱 - 11 -

3.4 開 發 軟 體 與 系 統 需 求 本 系 統 採 用 Eclipse 編 輯 軟 體 撰 寫 程 式, 圖 片 遊 戲 背 景 與 按 鈕 圖 則 是 使 用 Illustrator PhotoImpact 軟 體, 聲 音 編 輯 採 用 GoldWave 軟 體 ; 資 料 庫 則 是 使 用 SQLite 引 擎, 如 表 3.3 執 行 本 系 統 所 需 的 系 統 需 求 如 表 3.4 表 3.3 開 發 軟 體 項 目 程 式 撰 寫 軟 體 圖 片 編 修 軟 體 聲 音 編 輯 軟 體 程 式 撰 寫 語 言 版 面 配 置 語 言 資 料 庫 軟 體 工 具 名 稱 Eclipse Illustrator PhotoImpact GoldWave JAVA 語 言 XML 語 言 SQLite 表 3.4 系 統 需 求 項 目 最 低 配 備 作 業 系 統 Android 2.1-12 -

3.5 系 統 內 容 與 介 紹 本 系 統 擁 有 16 個 java 檔 與 15 個 xml 檔,java 檔 案 與 說 明 如 圖 3.5 表 3.5,xml 檔 案 與 說 明 如 圖 3.6 表 3.6 圖 3.5 java 檔 案 - 13 -

檔 案 名 稱.java 表 3.5 java 檔 案 說 明 說 明 animalcactivity 中 文 動 物 圖 卡 程 式 animaleactivity 英 文 動 物 圖 卡 程 式 animalgalleryc 中 文 動 物 圖 片 瀏 覽 程 式 db 用 來 創 建 資 料 庫 所 使 用 的 程 式 DBHelper 用 來 創 建 資 料 庫 所 使 用 的 程 式 foodcactivity 中 文 食 物 圖 卡 程 式 foodeactivity 英 文 食 物 圖 卡 程 式 foodgalleryc 中 文 食 物 圖 片 瀏 覽 程 式 foodgallerye 英 文 食 物 圖 片 瀏 覽 程 式 ImageAdaper 負 責 Gallery 與 GradView 之 間 的 工 作 language 語 言 選 擇 的 程 式, 提 供 使 用 者 中 文 及 英 文 兩 種 語 言 learning 資 源 檔 letter 英 文 字 母 的 程 式, 按 下 英 文 字 母 就 會 發 音 main 首 頁 的 程 式, 提 供 使 用 者 開 始 離 開 的 功 能 Card 翻 牌 遊 戲 程 式 MemoryGame 翻 牌 遊 戲 程 式 mygallery 圖 片 瀏 覽 程 式 playchinese 中 文 遊 戲 畫 面 的 程 式, 提 供 使 用 者 可 選 擇 注 音 圖 卡 配 對 測 驗 四 種 遊 戲 playenglish 英 文 遊 戲 畫 面 的 程 式, 提 供 使 用 者 可 選 擇 字 母 圖 卡 配 對 測 驗 四 種 遊 戲 playitem 英 文 圖 卡 項 目, 提 供 使 用 者 可 選 擇 動 物 食 物 交 通 工 具 三 項 目 playitemc 中 文 圖 卡 項 目, 提 供 使 用 者 可 選 擇 動 物 食 物 交 通 工 具 三 項 目 QA 中 文 測 驗 QAE 英 文 測 驗 sym 注 音 符 號 的 程 式, 按 下 注 音 符 號 就 會 發 音 trafficcactivity 中 文 交 通 圖 卡 程 式 trafficeactivity 英 文 交 通 圖 卡 程 式 trafficgalleryc 中 文 交 通 圖 卡 瀏 覽 程 式 trafficgallerye 英 文 交 通 圖 卡 瀏 覽 程 式 YGridGallery Activity 圖 片 瀏 覽 程 式 - 14 -

表 3.6 xml 檔 案 說 明 檔 案 名 稱.xml choosepic demomain 說 明 選 擇 圖 卡 項 目 的 畫 面, 包 含 動 物 食 物 交 通 工 具 三 種 項 目 圖 片 瀏 覽 的 畫 面, 使 用 GridView 呈 現 所 有 的 圖 片 gallery 單 一 圖 片 瀏 覽 畫 面 index 首 頁 language 語 言 選 擇 畫 面 ( 中 文 英 文 ) letter main 字 母 鍵 盤 畫 面, 按 下 每 個 字 母 都 會 發 出 其 對 應 的 音 設 定 的 畫 面, 包 含 新 增 刪 除 修 改 三 個 按 鈕 modify 修 改 的 畫 面 playchinese playenglish 中 文 遊 戲 介 面, 包 含 注 音 圖 卡 配 對 測 驗 四 個 按 鈕 英 文 遊 戲 介 面, 包 含 字 母 圖 卡 配 對 測 驗 四 個 按 鈕 qa 中 文 測 驗 畫 面 qae 英 文 測 驗 畫 面 scale 縮 放 動 畫 sym 注 音 鍵 盤 畫 面, 按 下 每 個 注 音 符 號 都 會 發 出 其 對 應 的 音 - 15 -

第 肆 章 系 統 實 作 本 系 統 包 含 發 音 遊 戲 測 驗 及 監 控 四 項 功 能, 發 音 提 供 中 文 與 英 文 兩 種 語 言 選 擇, 中 文 部 分 包 含 注 音 與 圖 卡, 英 文 部 分 則 包 含 字 母 與 圖 卡 注 音 功 能 與 字 母 功 能 可 以 幫 助 兒 童 識 別 注 音 符 號 與 英 文 字 母 和 發 音 圖 卡 有 可 愛 的 圖 像 幫 助 兒 童 識 別 動 物 食 物 與 交 通 工 具, 並 具 有 中 文 與 英 文 發 音 練 習 配 對 遊 戲 有 可 愛 的 圖 像, 提 高 兒 童 的 大 腦 能 力 測 驗 可 以 幫 助 孩 童 增 加 記 憶 力, 提 升 兒 童 學 習 的 效 果 監 控 功 能 三 十 分 鐘 後 啟 動, 關 閉 APP, 以 保 護 兒 童 的 視 力 本 系 統 首 頁 ( 圖 4.1), 有 開 始 與 離 開 兩 個 選 項 當 點 選 開 始 按 鈕 進 入 語 言 選 擇 畫 面 ( 圖 4.2), 當 點 選 離 開 按 鈕 即 結 束 本 APP 點 選 中 文 按 鈕 會 出 現 圖 4.3 畫 面, 點 選 英 文 按 鈕 會 出 現 圖 4.4 畫 面 圖 4.1 系 統 首 頁 圖 4.2 語 言 選 擇 點 選 注 音 按 鈕 後 進 入 注 音 符 號 畫 面 ( 圖 4.5), 按 下 任 一 個 注 音 按 鈕, 將 發 出 其 相 對 應 之 注 音 符 號 聲 音, 藉 由 此 功 能, 學 齡 前 兒 童 能 夠 學 習 與 辨 識 注 音 符 號 和 發 音 點 選 字 母 按 鈕 會 進 入 英 文 字 母 畫 面 ( 圖 4.6), 藉 由 此 功 能, 讓 學 齡 前 兒 童 能 夠 學 習 與 辨 識 英 文 字 母 和 發 音 點 選 圖 卡 按 鈕 後 進 入 中 英 文 圖 卡 分 類 畫 面 ( 圖 4.7), 點 選 配 對 按 鈕 顯 示 圖 4.9 畫 面 圖 4.3 中 文 遊 戲 畫 面 圖 4.4 英 文 遊 戲 畫 面 - 16 -

圖 4.5 注 音 符 號 圖 4.6 英 文 字 母 當 進 入 中 英 文 圖 卡 類 別 選 擇 畫 面 時, 可 點 選 動 物 食 物 或 交 通 三 種 類 別, 圖 4.8 為 點 選 動 物 按 鈕 時 顯 示 之 畫 面 配 對 遊 戲 ( 圖 4.9) 是 以 翻 牌 的 方 式 進 行, 如 果 翻 到 兩 張 相 同 的 牌, 即 配 對 成 功, 強 化 兒 童 記 憶 力 測 驗 ( 圖 4.10) 以 選 擇 題 的 方 式 呈 現, 每 題 答 案 共 有 三 個 選 項, 當 點 選 錯 誤 答 案 時, 會 出 現 錯 誤 訊 息 ( 圖 4.11), 點 選 正 確 答 案 方 可 進 行 下 一 題 ( 圖 4.12) 圖 4.7 中 英 文 圖 卡 類 別 選 擇 圖 4.8 動 物 圖 卡 畫 面 圖 4.9 配 對 遊 戲 畫 面 圖 4.10 測 驗 遊 戲 畫 面 - 17 -

圖 4.11 測 驗 答 對 畫 面 圖 4.12 測 驗 答 錯 畫 面 當 進 入 本 系 統 即 自 動 計 時, 三 十 分 鐘 後 啟 動 監 控 功 能, 關 閉 的 前 五 秒 會 出 現 提 醒 訊 息 ( 圖 4.13), 五 秒 後 即 關 閉 APP( 圖 4.14) 圖 4.13 系 統 即 將 關 閉 畫 面 圖 4.14 系 統 關 閉 畫 面 - 18 -

第 伍 章 結 論 本 系 統 包 含 發 音 遊 戲 測 驗 及 監 控 四 項 功 能, 達 成 寓 教 於 樂 的 目 的, 按 鈕 圖 遊 戲 圖 卡 注 音 與 英 文 字 母 按 鈕 皆 以 豐 富 色 彩 繪 製, 以 吸 引 兒 童 的 注 意 力, 使 兒 童 在 遊 戲 中 學 習, 提 升 學 習 的 意 願, 還 能 增 加 學 習 的 樂 趣, 同 時 製 作 測 驗 幫 助 兒 童 增 加 記 憶 力, 提 升 學 習 效 果 本 系 統 並 以 APP 的 方 式 呈 現, 達 到 無 所 不 在 的 學 習 的 目 的 為 了 不 讓 兒 童 有 手 機 成 癮 症, 本 系 統 設 有 監 控 功 能, 兒 童 在 行 動 裝 置 上 使 用 此 APP 三 十 分 鐘 後, 系 統 會 自 動 強 制 關 閉 此 APP, 以 避 免 兒 童 有 手 機 成 癮 症, 也 保 護 兒 童 的 視 力 此 外, 本 系 統 以 UML 中 的 使 用 案 例 圖 描 述 使 用 者 的 需 求 與 系 統 功 能, 並 以 MVC 架 構 降 低 系 統 開 發 的 複 雜 度, 以 利 於 後 續 系 統 的 維 護 擴 充 與 軟 體 的 再 利 用 - 19 -

參 考 文 獻 (1) 圖 書 資 訊 學 系 - 輔 仁 大 學, 公 共 圖 書 館 學 齡 前 兒 童 及 家 長 服 務 之 調 查 研 究, 第 12-16 頁 (2) 劉 瑩, 如 何 作 好 啟 蒙 兒 童 心 靈 的 良 師 : 談 父 母 與 孩 子 共 賞 兒 童 文 學 的 方 法, 第 4 卷, 社 教 資 料 雜 誌 188 期, 第 5-9 頁, 民 國 八 十 三 年 (3) WebMD 大 眾 醫 療 新 聞, 電 腦 可 促 進 學 齡 前 兒 童 智 能 但 長 時 間 使 用 會 妨 礙 發 展, 參 考 自 http://www.24drs.com/webmd/chinese_t.asp?who=99862,2004 年 (4) 維 基 百 科, http://zh.wikipedia.org/wiki/mvc (5) 周 冠 誠 吳 俊 德, 基 於 MVC 架 構 之 雲 端 平 台, 國 立 暨 南 國 際 大 學 電 機 工 程 系 碩 士 論 文, 民 國 一 O 一 年 (6) 陳 會 安, 台 北, 新 觀 念 Android SDK 程 式 設 計 範 例 教 本, 第 一 章, 第 1-2 頁, 旗 標 出 版 股 份 有 限 公 司, 民 國 一 O 一 年 (7) 鄧 文 淵, Android 初 學 特 訓 班, 台 北 碁 峰 資 訊 股 份 有 限 公 司, 民 國 一 OO 年 (8) 何 孟 翰, Google Android SDK 實 戰 演 練, 台 北 悅 知 文 化, 民 國 一 O O 年 (9) 施 威 銘, Microsoft SQL Server 2008 設 計 實 務, 台 北 旗 標 出 版 股 份 有 限 公 司, 民 國 一 OO 年 (10) Nunamaker, J. F., Jr, Chen, M. and Prudin, D. M. Systems Development in Information Systems Research, Journal of Management Information Systems, Vol. 7, No. 3, pp.89-106 (1990-1991). - 20 -

附 錄 一 學 齡 前 自 主 學 習 之 行 動 裝 置 輔 助 系 統 李 靜 怡 1 夏 則 智 1 蔡 承 育 2 黃 佳 誼 2 鄭 亦 琦 2 廖 曼 伶 嶺 東 科 技 大 學 資 訊 管 理 系 副 教 授 1 嶺 東 科 技 大 學 資 訊 管 理 系 {jennie, tchsia}@teamail.ltu.edu.tw 1 摘 要 學 齡 前 正 是 兒 童 的 學 習 黃 金 時 期, 兒 童 的 人 格 基 礎 以 及 智 力 的 發 展, 皆 是 在 學 齡 前 這 個 階 段 所 奠 定 的 但 是 學 齡 前 的 兒 童 十 分 活 潑 好 動, 為 了 引 起 學 齡 前 兒 童 的 學 習 興 趣, 讓 他 們 能 夠 喜 歡 學 習 並 且 持 續 學 習 本 系 統 以 APP 的 方 式 開 發, 以 達 到 無 所 不 在 地 學 習 系 統 使 用 亮 色 系 的 色 彩 來 吸 引 兒 童 們 的 注 意 力, 讓 兒 童 們 感 到 興 趣, 並 且 設 計 小 遊 戲 讓 兒 童 在 遊 戲 過 程 中 學 習, 增 強 記 憶 力 為 了 不 讓 兒 童 有 手 機 成 癮 症, 本 系 統 設 有 監 控 功 能, 兒 童 在 行 動 裝 置 上 使 用 此 APP 三 十 分 鐘 後, 系 統 會 自 動 強 制 關 閉 此 APP, 以 避 免 兒 童 有 手 機 成 癮 症, 也 保 護 兒 童 的 視 力 同 時 本 系 統 採 用 MVC 架 構 降 低 系 統 開 發 的 複 雜 度, 以 利 於 後 續 系 統 的 維 護 擴 充 與 軟 體 的 再 利 用 關 鍵 詞 :APP 行 動 裝 置 MVC 一 前 言 依 據 我 國 現 行 的 國 教 法 規 定, 滿 6 足 歲 的 兒 童 必 須 接 受 國 民 小 學 義 務 教 育, 因 此 通 稱 入 小 學 就 讀 的 兒 童 為 學 齡 兒 童, 而 在 進 入 小 學 就 讀 前 的 階 段 就 稱 為 學 齡 前 許 多 專 家 學 者 認 為 這 個 階 段 正 是 兒 童 的 學 習 黃 金 時 期, 兒 童 的 人 格 基 礎 以 及 智 力 的 發 展, 皆 是 在 學 齡 前 這 個 階 段 所 奠 定 的 每 一 個 小 孩 都 是 父 母 的 心 肝 寶 貝, 每 一 個 父 母 都 望 子 成 龍 望 女 成 鳳, 因 此 不 要 輸 在 起 跑 點 這 句 話, 幾 乎 已 成 為 家 中 有 學 齡 前 兒 童 的 家 長 所 尊 奉 的 信 念 為 了 引 起 學 齡 前 兒 童 的 學 習 興 趣, 讓 他 們 能 夠 喜 歡 學 習 並 且 持 續 學 習 根 據 公 共 圖 書 館 學 齡 前 兒 童 及 家 長 服 務 之 調 查 研 究 發 現 鮮 豔 色 彩, 能 給 予 幼 兒 視 覺 上 豐 富 的 刺 激, 可 以 提 升 學 齡 前 兒 童 的 學 習 意 願 [1][2] 學 齡 前 的 兒 童 十 分 活 潑 好 動, 如 果 要 兒 童 乖 乖 地 坐 在 書 桌 前 學 習, 對 兒 童 來 說 是 無 趣 且 困 難 的 使 用 一 般 桌 上 型 電 腦 學 習 的 方 式 雖 然 可 行, 但 是 由 於 桌 上 型 電 腦 不 易 移 動 與 隨 身 攜 帶, 如 果 想 隨 時 隨 地 學 習, 就 成 了 最 大 的 學 習 阻 礙 現 今, 由 於 IT 技 術 的 進 步, 行 動 裝 置 的 普 及 化, 使 得 人 們 愈 來 愈 依 賴 智 慧 型 手 機 與 平 板 電 腦, 而 這 類 型 的 行 動 裝 置 解 決 了 桌 上 型 電 腦 可 攜 性 不 高 的 問 題, 因 此 本 系 統 以 APP 的 方 式 開 發, 達 到 無 所 不 在 地 學 習, 並 且 使 用 亮 色 系 的 色 彩 來 吸 引 兒 童 們 的 注 意 力, 提 升 兒 童 們 學 習 意 願, 本 APP 也 設 計 小 遊 戲 讓 兒 童 在 遊 戲 過 程 中 學 習, 增 強 記 憶 力 Xiaoming Li 博 士 表 示, 使 用 電 腦 的 學 齡 前 兒 童 是 比 較 聰 明 的, 同 時 入 學 後 也 比 較 容 易 適 應 ; 但 是 要 注 意, 花 太 多 的 時 間 在 電 腦 上 可 能 會 產 生 負 面 影 響, 即 使 是 年 紀 非 常 小 的 孩 子 也 一 樣, 所 以 學 齡 前 兒 童 使 用 電 腦 或 行 動 裝 置 三 十 分 鐘 就 得 需 要 休 息 [3], 可 以 避 免 近 視 以 及 成 癮 症, 因 此 本 系 統 設 計 監 控 功 能, 在 兒 童 使 用 電 腦 三 十 分 鐘 後, 2 2

附 錄 一 系 統 會 自 動 強 制 關 閉 此 APP, 以 避 免 兒 童 有 手 機 成 癮 症, 也 保 護 兒 童 的 視 力 本 系 統 開 發 採 用 MVC(Model-View-Controller) 架 構,MVC 是 軟 體 工 程 中 的 一 種 軟 體 架 構 模 式, 此 架 構 將 軟 體 系 統 分 為 三 個 基 本 部 分 : 模 型 (Model) 檢 視 (View) 和 控 制 器 (Controller) 利 用 MVC 架 構 可 以 降 低 系 統 開 發 的 複 雜 度, 對 後 續 系 統 的 維 護 擴 充 與 軟 體 的 再 利 用 都 有 所 助 益 [4][9] 2.1 行 動 裝 置 APP 開 發 平 台 二 文 獻 探 討 APP 是 APPlication 的 縮 寫, 意 思 是 應 用 程 式, 無 論 手 機 或 電 腦 上 的 軟 體, 其 實 都 是 APP 只 是 因 為 目 前 智 慧 型 手 機 正 流 行, 因 此 一 般 智 慧 型 手 機 上 的 應 用 程 式 就 被 簡 稱 為 APP 2.1.1 Android 基 礎 與 開 發 環 境 Android 是 一 套 使 用 Linux 作 業 系 統 為 基 礎 開 發 的 開 放 原 始 碼 (Open Source) 作 業 系 統, 最 初 使 用 在 手 機 等 行 動 裝 置 上, 現 在 已 逐 漸 擴 充 到 平 板 電 腦 和 其 他 領 域 [5] 目 前 非 營 利 組 織 的 開 放 式 手 持 裝 置 聯 盟 和 Google 公 司 全 力 支 持 Android 作 業 系 統 的 開 發 計 畫 Google 並 整 合 Google 的 Gmail YouTube Google Maps 和 Google play 等 服 務, 擴 大 市 場 的 佔 有 率 對 於 程 式 開 發 者 來 說,Android 提 供 完 整 開 發 工 具 和 框 架, 可 以 讓 開 發 者 快 速 建 立 行 動 裝 置 執 行 的 應 用 程 式, 其 中 Android SDK 更 提 供 模 擬 器 來 模 擬 行 動 裝 置, 也 就 是 說, 在 沒 有 實 體 行 動 裝 置 的 情 況 下, 程 式 開 發 者 依 然 可 以 進 行 Android 應 用 程 式 的 開 發 [6][7] 2.1.2 多 媒 體 格 式 與 元 件 Android 支 援 JPEG(JPG) BMP PNG GIF 等 各 種 圖 片 格 式, 本 系 統 選 用 PNG 圖 片 格 式 來 做 使 用 因 為 本 系 統 的 圖 片 皆 需 要 透 明 背 景, 以 及 希 望 在 智 慧 型 產 品 上 容 量 小 且 看 到 圖 片 不 會 失 真, 所 以 圖 片 格 式 選 用 PNG 格 式 儲 存 在 音 訊 格 式 方 面 支 援 MP3 WMA MP2 等, 但 是 錄 音 只 支 援 MP3 與 WMA 兩 種 格 式, 本 系 統 選 用 MP3 格 式 儲 存 因 為 本 系 統 的 聲 音 長 度 不 長, 壓 縮 後 的 檔 案 與 原 始 檔 的 差 異 不 大, 而 且 MP3 檔 案 的 音 質 比 WMA 好 Android 支 援 SoundPool 與 MediaPlayer 兩 種 播 放 元 件, 本 系 統 選 用 SoundPool 與 MediaPlayer 兩 種 元 件 搭 配 使 用, 因 為 有 些 聲 音 長 度 較 短, 適 合 用 SoundPool, 但 是 遊 戲 背 景 音 樂 則 適 合 用 MediaPlayer 2.1.3 資 料 庫 Android 作 業 系 統 提 供 內 建 的 SQLite 資 料 庫 [8],SQLite 本 身 包 含 資 料 庫 引 擎, 而 且 可 以 嵌 入 至 其 他 系 統 中, 不 需 額 外 設 定 SQLite 比 較 不 會 浪 費 行 動 裝 置 的 記 憶 體 資 源, 而 且 是 一 套 支 援 ACID 交 易 的 關 聯 式 資 料 庫 ; 支 援 多 種 語 言 跨 平 台, 目 前 主 流 的 作 業 系 統 都 支 援 本 系 統 資 料 庫 使 用 SQLite 記 錄 系 統 運 作 相 關 資 訊

附 錄 一 2.2 MVC MVC 是 軟 體 工 程 中 的 一 種 軟 體 架 構 模 式, 主 要 是 用 來 將 使 用 者 介 面 設 計 與 程 式 邏 輯 控 制 分 離, 以 降 低 系 統 開 發 的 複 雜 度 此 架 構 將 軟 體 系 統 分 為 三 個 基 本 部 分 : 模 型 (Model) 檢 視 (View) 和 控 制 器 (Controller), 如 圖 1 Model 是 定 義 資 料 的 存 取 介 面 以 及 資 料 格 式, 包 含 了 資 料 認 證 及 商 業 邏 輯 等 View 是 定 義 使 用 者 介 面 (User Interface) 等 相 關 設 計, 包 含 輸 入 輸 出 Controller 是 定 義 控 制 系 統 運 作 的 流 程 操 作 的 邏 輯 錯 誤 的 處 理 事 件 的 回 應 等 等 [9] 使 用 MVC 架 構, 由 於 模 型 檢 視 和 控 制 器 互 相 獨 立, 因 此 可 以 容 易 的 修 改 使 用 者 介 面, 而 不 會 影 響 到 程 式 邏 輯 反 之, 可 以 改 變 邏 輯 的 控 制, 而 不 會 影 響 到 使 用 者 介 面 此 架 構 可 以 使 用 不 同 的 View 來 顯 示 相 同 資 料, 也 能 夠 讓 程 式 碼 重 複 使 用, 提 升 系 統 開 發 的 彈 性 與 效 率 圖 1 MVC 架 構 圖 三 系 統 分 析 與 設 計 本 研 究 採 用 研 究 與 開 發 (Research and Development, R & D) 之 研 究 方 法 [10], 亦 即 以 MVC 建 立 系 統 架 構, 並 使 用 UML(Unified Modeling Language) 工 具 進 行 系 統 分 析 與 設 計, 最 後 實 作 APP 系 統 開 發 系 統 時 要 先 擷 取 使 用 者 需 求, 並 且 以 使 用 案 例 圖 描 述 系 統 功 能, 如 圖 2 本 系 統 有 兩 個 行 為 者, 一 為 使 用 者, 另 一 個 是 系 統 的 計 時 器 (Timer) 其 中 使 用 者 與 發 音 圖 卡 及 配 對 三 個 使 用 案 例 互 動, 計 時 器 與 監 控 使 用 案 例 互 動 圖 3 顯 示 MVC 架 構 下 的 發 音 使 用 案 例, 當 使 用 者 點 選 字 母 注 音 或 圖 卡 按 鈕, 即 從 View 輸 入, 接 下 來 Controller 判 斷 何 按 鈕 被 按 下, 然 後 去 Model 尋 找 屬 於 該 按 鈕 的 聲 音 檔, 再 使 用 撥 放 元 件 輸 出 聲 音 圖 2 使 用 案 例 圖 圖 3 發 音 功 能 的 MVC 架 構

附 錄 一 四 系 統 實 作 本 系 統 包 含 發 音 遊 戲 及 監 控 三 項 功 能, 發 音 提 供 中 文 與 英 文 兩 種 語 言 選 擇, 中 文 部 分 包 含 注 音 與 圖 卡, 英 文 部 分 則 包 含 字 母 與 圖 卡 注 音 功 能 與 字 母 功 能 可 以 幫 助 兒 童 識 別 注 音 符 號 與 英 文 字 母 和 發 音 圖 卡 有 可 愛 的 圖 像 幫 助 兒 童 識 別 動 物 食 物 與 交 通 工 具, 並 具 有 中 文 與 英 文 發 音 練 習 配 對 遊 戲 有 可 愛 的 圖 像, 提 高 兒 童 的 大 腦 能 力, 增 強 記 憶 力 監 控 功 能 三 十 分 鐘 後 啟 動, 關 閉 APP 本 系 統 首 頁 ( 圖 4), 有 開 始 與 離 開 兩 個 選 項 當 點 選 開 始 按 鈕 進 入 語 言 選 擇 畫 面 ( 圖 5), 當 點 選 離 開 按 鈕 即 結 束 本 APP 點 選 中 文 按 鈕 會 出 現 圖 6 畫 面, 點 選 英 文 按 鈕 會 出 現 圖 7 畫 面 圖 4 系 統 首 頁 圖 5 語 言 選 擇 點 選 注 音 按 鈕 後 進 入 注 音 符 號 畫 面 ( 圖 8), 按 下 任 一 個 注 音 按 鈕, 將 發 出 其 相 對 應 之 注 音 符 號 聲 音, 藉 由 此 功 能, 學 齡 前 兒 童 能 夠 學 習 與 辨 識 注 音 符 號 和 發 音 點 選 字 母 按 鈕 會 進 入 英 文 字 母 畫 面 ( 圖 9), 藉 由 此 功 能, 讓 學 齡 前 兒 童 能 夠 學 習 與 辨 識 英 文 字 母 和 發 音 點 選 圖 卡 按 鈕 後 進 入 中 英 文 圖 卡 分 類 畫 面 ( 圖 10), 點 選 配 對 按 鈕 顯 示 圖 12 畫 面 圖 6 中 文 遊 戲 畫 面 圖 7 英 文 遊 戲 畫 面

附 錄 一 圖 8 注 音 符 號 圖 9 英 文 字 母 當 進 入 中 英 文 圖 卡 類 別 選 擇 畫 面 時, 可 點 選 動 物 食 物 或 交 通 三 種 類 別, 圖 11 為 點 選 動 物 按 鈕 時 顯 示 之 畫 面 配 對 遊 戲 ( 圖 12) 是 以 翻 牌 的 方 式 進 行, 如 果 翻 到 兩 張 相 同 的 牌, 即 配 對 成 功, 強 化 兒 童 記 憶 力 圖 10 中 英 文 圖 卡 類 別 選 擇 圖 11 動 物 圖 卡 畫 面 圖 12 配 對 遊 戲 為 了 避 免 兒 童 有 手 機 成 癮 症, 也 保 護 兒 童 的 視 力, 每 三 十 分 鐘 後 啟 動 監 控 功 能, 關 閉 APP( 圖 13)

附 錄 一 圖 13 監 控 功 能 畫 面 五 結 論 本 系 統 包 含 發 音 遊 戲 及 監 控 三 項 功 能, 達 成 寓 教 於 樂 的 目 的, 按 鈕 圖 遊 戲 圖 卡 注 音 與 英 文 字 母 按 鈕 皆 以 豐 富 色 彩 繪 製, 以 吸 引 兒 童 的 注 意 力, 使 兒 童 在 遊 戲 中 學 習, 提 升 學 習 的 意 願, 還 能 增 加 學 習 的 樂 趣, 並 以 APP 的 方 式 呈 現, 達 到 無 所 不 在 的 學 習 的 目 的 此 外, 本 系 統 以 UML 中 的 使 用 案 例 圖 描 述 使 用 者 的 需 求 與 系 統 功 能, 並 以 MVC 架 構 降 低 系 統 開 發 的 複 雜 度, 以 利 於 後 續 系 統 的 維 護 擴 充 與 軟 體 的 再 利 用 六 參 考 文 獻 1. 圖 書 資 訊 學 系 - 輔 仁 大 學, 公 共 圖 書 館 學 齡 前 兒 童 及 家 長 服 務 之 調 查 研 究, 頁 12-16 2. 劉 瑩, 如 何 作 好 啟 蒙 兒 童 心 靈 的 良 師 : 談 父 母 與 孩 子 共 賞 兒 童 文 學 的 方 法, 社 教 資 料 雜 誌 188 期 4 卷,1994 年, 頁 5-9 3. WebMD 大 眾 醫 療 新 聞, 電 腦 可 促 進 學 齡 前 兒 童 智 能 但 長 時 間 使 用 會 妨 礙 發 展, 參 考 自 http://www.24drs.com/webmd/chinese_t.asp?who=99862,2004 年 4. 維 基 百 科, http://zh.wikipedia.org/wiki/mvc 5. 陳 會 安, 台 北, 新 觀 念 Android SDK 程 式 設 計 範 例 教 本, 第 一 章, 第 1-2 頁, 旗 標 出 版 股 份 有 限 公 司, 民 國 一 百 零 一 年 6. 鄧 文 淵, Android 初 學 特 訓 班, 台 北 碁 峰 資 訊 股 份 有 限 公 司,2011 年 7. 何 孟 翰, Google Android SDK 實 戰 演 練, 台 北 悅 知 文 化,2011 年 8. 施 威 銘, Microsoft SQL Server 2008 設 計 實 務, 台 北 旗 標 出 版 股 份 有 限 公 司,2011 年 9. 周 冠 誠 吳 俊 德, 基 於 MVC 架 構 之 雲 端 平 台, 國 立 暨 南 國 際 大 學 電 機 工 程 系 碩 士 論 文,2012 年 10. Nunamaker, J. F., Jr, Chen, M. and Prudin, D. M. Systems Development in Information Systems Research, Journal of Management Information Systems, Vol. 7, No. 3, Winter 1990-1991, pp.89-106.