Hami Apps軟體開發暨供應商大賞作品名稱 : EasyLearn隊伍名稱 : Jailbreak開發團隊 : 范振原、莊晏指導老師 : 馬尚彬

動機 透過行動裝置進行閱讀與學習，已成為一個重要的行動應用趨勢

由大量的閱讀資料中，找到一種快速學習的方法

與人的多元互動擦亮新的智慧火花

概念 懶人包 (Infographic) 概念 希望能透過行動懶人包達成良好的行動學習成效，讓使用者可隨時隨地吸收有興趣的知識主題 結合集體智慧 (Collective Intelligence) ，社群網路服務 ( 如

Facebook) 以及既有的行動學習資源 ( 如 Slideshare 與 Youtube)

建構一個可便利建立、分享、閱讀、討論、更新懶人包的行動應用軟體 將特定主題的知識藉由社群的共筆、註解、評論等方式達成知識的吸收與散佈，建立一個新型態的行動學習模式。

簡介結合社群網路、集體智慧與行動學習概念，整合成社群網路與社群網路之行動學習系統，提供互動式的社群行動學習平台 ( 系統之英文名稱命名為EasyLearn)

需求分析―雙介面模式網站 手機

需求分析 登入登出功能

使用 Facebook 登入 首頁功能

使用者可以進入創建、管理、搜尋懶人包功能頁面，設定功能頁面，也可以使用登出功能。

觀看懶人包使用者可以對文章的內容新增便利貼，並可以對此便利貼進行留言。使用者選擇要觀看的版本也可以新增版本，可以對懶人包的內容作修改，不會覆蓋掉原來的懶人包。

新增懶人包功能使用者可新增 Youtube 影片、圖片、聲音、文字、連結、投影片，使用粗體、斜體、底線、螢光筆等功能。

管理懶人包使用者可以新增、刪除放置懶人包的資料夾，可以資照使用者的喜好改變懶人包存放的資料夾。使用者可以可下達關鍵字搜尋公開之懶人包。分享懶人包給有使用 APP 的 Facebook朋友。

需求分析 便利貼功能

使用者可以設定便利貼的顏色，在便利貼裡可以新增圖片、聲音、文字、連結。使用者可以回覆特定的便利貼。

書籤與目錄功能系統會自動載入上次關閉位置。使用者可以點擊系統自動依照懶人包標題產生之目錄，直接切換至對應區塊。

同步模組功能系統可以紀錄本機端的資料版本，且應判斷本機端的資料與資料庫的資料之新舊，以執行同步資料之上傳或下載。

RESTful Service登入驗證服務同步服務搜尋懶人包服務留言同步服務懶人包分享服務

Use case

架構圖

DB 設計

JSON 資料格式

三方軟體、原始碼 API

Facebook API Slideshare API Youtube API Imgur API

手機 APP Cordova Jquery Mobile Jquery froala-editor

網頁 APP React.js Material-UI Tooltip TinyMCE-editor

後端 Tomcat MySQL

開發工具 MySQL Workbench Eclipse Chrome 文字編輯器 (Notepad++ 、 Atom) Git 、 GitHub 雲端硬碟 Npm(Gulp 、 browserify 、 babel…)

三方原始碼 JSON java Library ResultSetConverter

情境一 英文課期中考要到了，使用者 A把課文製作成一個懶人包，

並加入 youtube 影片、 slideshare 投影片、圖片讓學習更全面，並與其他同學藉由便利貼在特定的單字上做及時討論，讓每位同學都能互相學習。

情境二 颱風過境後，雙北自來水混濁，

使用者 A 建立有關新聞的懶人包，使用者 B 在網路上看到有用的訊息，使用修改懶人包，修改懶人包內容後發布一個新的版本，並分享給自己的facebook親朋好友。

情境三 此情境設定使用者 A 為一位家庭主婦，想要出去添購食材，但是聽說最近食安問題很嚴重，不知道是甚麼狀況，也不曉得可以買些甚麼，於是去搜尋懶人包，找到大家最近在討論的食安懶人包，快速的了解過後，也清楚的掌握最近那些食品有問題，也可以針對內容跟其他網友討論。