2019年1月10日

使用者經驗設計─課堂作業

小組分工配置表
林子婷 鄭涴勻
組長 組員
D0449763/49/林子婷 D0449199/46/鄭涴勻
分析 分析
整理參考網站優缺點 整理參考網站優缺點
實作範例功能部份 實作範例版面設計部份
範例檔中整體網頁架構 範例檔中程式語言網頁部分
範例檔中使用者經驗網頁部分 整理使用者經驗設計報告

專題進度─分析開放式課程

透過分析開放式課程來了解各個學校的優點與缺點

題目

分析開放式課程(OpenCourseWare, OCW)

目的

了解個平台的開放式平台，協助改善老師授課網頁實作，優化界面，更方便使用者：包含老師及學生或外校人士等。從不同角度均能快速理解我們網站的功能架構並使用。

分工

  • 林子婷(座號:49)：
  • 分析
  • 整理參考網站優缺點
  • 實作範例功能部份
  • 範例檔中整體網頁架構
  • 範例檔中使用者經驗網頁部分
  • 鄭涴勻(座號:46)：
  • 分析
  • 整理參考網站優缺點
  • 實作範例版面設計部份
  • 範例檔中程式語言網頁部分

分析

  • 交大開放式課程 : http://ocw.nctu.edu.tw/

    • 首頁的推薦影片，沒有說明，所以不知道這些影片重點。鼠標滯留才能顯示title。
    • 瀏覽紀錄有臭蟲(bug)：拉動滾輪會導致畫面一直向右，造成使用者的不便，且功能並未實作成功。
    • 課程故事不知道為什麼要多一個輪轉標體的view，沒有實質太大的效果。
    • 不會知道點進去的時候，會是列表第一個影片。
    • 只有理學院有把底下的系所分開放置。

  • MIT : https://ocw.mit.edu/index.htm

    • 有明確的分類

  • 臺大開放式課程 : http://ocw.aca.ntu.edu.tw/ntu-ocw/

    • 列表沒有用學院歸類，很難根據課程名稱找需要的課程。

  • 清大開放式課程 : http://ocw.nthu.edu.tw/ocw/

    • 簡單明瞭，又附有動畫感，卻不影響使用者操作。
    • 鼠標移至課程縮圖也有主要說明呈現。
    • 提供學生課程討論區詢問及發表意見。但僅能透過搜尋課程而非發言者找到留言。
    • 可惜現有的課程還不多。

  • 臺師大開放式課程 : http://ocw.lib.ntnu.edu.tw/

    • 有點類似所有課程都共同存在的大ilearn，但僅提供課程講義，缺乏課程說明及其他功能。

  • 靜宜大學開放式課程 : http://igtplus.lib.pu.edu.tw/home?locale=zh_tw

    • 以學院老師為重點下去分類，並未清楚其包含哪些授課內容。
    • 點選進去也只有提供相關教材，如果老師上傳時並未新增簡介，便沒有任何解釋，來說明此課程內容。
    • 較傾向供於有修習相關課程學生的補教網站。

功能需求

  • 簡約<功能實作完善><(即使添加動畫增加觀感，也)不影響使用者操作效率>
  • 任何層級使用者都能清楚網站目標<重要!!!><讓人明確找得到功能><功能明顯條列，清楚架構>

比較

  • taiwanlife MOOCS vs OCW : http://taiwanlife.org/mod/forum/discuss.php?d=1460

深碗計畫─交際障礙分組平台之系統開發

  1. 本專題為深碗計畫之分支
  2. 著重在於分組系統的開發
  3. 系統規格書連結
  4. 期末專題展示demo

題目

分組系統

目的

協助老師在課堂當中可以更快找到為分組的組員，以及進行分組，學生可以透過組別簡介，來找尋需要的組員，或是藉由組別簡介來做自我介紹。

環境部屬

  • Python Django 1.11
  • Ubuntu 16.04
  • Apache

使用者故事(User Story)

  • 學生(students)可以設定自我介紹
    • 可以修改個人簡介
      • 姓名(name)
      • 性別(sex)
      • 學級(grade)
      • 科系(program)
      • 技能專長(profession)
      • 聯絡資料(至少包含電子信箱)(tel)
      • 簡單自介(information)
  • 學生可以選擇自己的組別
    • 創立新組別
      • 組別名稱(teamName)
      • 組別簡介(teamInformation)
      • 創立時自動設定組長(teamLeader)
    • 加入已經創立的組別
      • 查看當前已創立組別
      • 查看當前組別缺額
      • 可看見這組簡介
  • 學生可以申請退組
    • 如為組員退組→等待組長確認，老師接收通知
      • 輸入原因，組長、老師可看見原因
      • 確認之後，取消原本組別，並要求進行「加入已經創立的組別」
      • 老師接收此學生組別變動通知，包含申請原因
    • 如為組長退組→等待組員、老師確認
      • 輸入原因，組員、老師可看見原因
      • 需組員半數以上同意(若未選擇視為不同意)，並可反悔
      • 所有組員都可看到目前選票
      • 半數以上同意，停止票選；等待老師進行確認動作
        1. 老師同意 ＊ 小組解散 ＊ 要求所有組員「創立新組別」或「加入已經創立的組別」 ＊ 老師接收組別變動通知
        2. 老師不同意 ＊ 輸入原因 ＊ 小組收到原因通知，組別維持不變
    • 互換組員
      • 同上述，雙方退出後，加入對方之缺額即可
  • 學生可以繳交作業
    • 個人
      • 每一個人一份作業
      • 上傳時可勾選權限
    • 團體
      • 每一個團體只有一份作業
      • 所有組員可查看目前上傳進度、下載及上傳檔案
      • (組員們選擇是否同意非組員下載)--參考老師作業設定
  • 老師(teachers)可以設定組別人數限制(上下限)
    • 可以查看每組人數缺額、名稱、簡介、名單
  • 老師可以設定作業
    • 日期
      • 設定作業的開啟時間
    • 截止日
      • 過期後是否仍可修改
    • 是否可以被其他人看見(參考)
      • 是
        1. 提出強制要求 ＊ 系統不會詢問小組，大家都可下載各組別檔案
        2. 非強制 ＊ 系統發出詢問(顯示於作業狀態) ＊ 預設為不公開 ＊ 所有組員隨時可更改選擇
      • 否 ＊ 不會提出詢問
    • 分類
      • 個人作業
      • 團體作業
        • 每組可看見作業狀態

model設計

老師 教授 課程 一對多 老師 安排 作業 多對多 老師 批准 組別 多對多 組屬於課程 (多對一) 作業屬於課程 (多對一) 學生 修習 課程 多對多 學生(組員) 創立/加入 組 多對一 學生 上傳及設定 作業 多對一 組的兩個關聯(和課程、和學生的)可以分開考慮

https://drive.google.com/file/d/1ipofsH-PaOFI1MtiAk4QCfTGIrvAoSmA/view?usp=sharing

  • 使用者(User)

    • 姓名(name):CharField
    • 性別(sex):CharField
    • 學級(grade):CharField
    • 科系(program):CharField
    • 技能專長(profession):TextField
    • 聯絡資料(tel):TextField
    • 信箱(email):CharField
    • 簡單自介(information):TextField
    • 角色(role):是否為老師
    • uuid:UUIDField

  • 組別上限

    • 組別上限
    • 每組人數限制最小值
    • 每組人數限制最大值

  • 組別(Team)

    • 名稱
    • 簡介
    • 組長
    • 組員
    • 人數

    ˋ - 作業題目(Qestion) - 創立日期 - 開始日期 - 結束日期 - 能見度(可被其他人看見?提出強制要求?) - 權限設定 - 類型(個人/團體)

  • 作業回答(Answer)

    • 作業題目/ForeignKey
    • 內容說明
    • 檔案上傳
    • 上傳時間

  • 退組申請(Application)

    • 原因
    • 職位

  • 課程

    • 老師
    • 學生

view

//目前給單一課程使用 老師身分 - 新增課程(頁面) => 新增組別上限(頁面) =>目前組別列表(頁面) - 新增作業(頁面) => 查看作業列表(頁面) 點入=> 查看作業繳交列表(頁面)

學生身分 - 目前組別列表(頁面) 點選創立組別=> 填寫組別資料(頁面) - 目前組別列表(頁面) 點入=> 申請加入組別 - 個人組別頁面(頁面) 點選申請退出組別=> 填寫原因(頁面) - 小組作業列表(頁面) 點選提交作業(按鈕)=> 作業上傳(頁面) => 查看整體作業列表(頁面) (=> 設定公開權限)

參考

http://mropengate.blogspot.tw/2015/08/mvcdjangomtv.html

進度

  • [x] 實作使用者登入
  • [x] 實作使用者登出
  • [x] 實作信箱密碼重設
  • [x] 實作使用者修改密碼
  • [x] 新增課程頁面
  • [x] 新增章節
  • [x] 新增課程對應組別
  • [x] 新增組別頁面
  • [x] 實作創立組別
  • [x] 實作加入組別
  • [x] 組別詳細資訊頁面
  • [x] 新增作業頁面
  • [x] 作業詳細資訊頁面
  • [x] (實作安排作業)
  • [x] (實作上傳作業)
  • [ ] (實作下載作業)

使用者需求

  • [x] 老師於課程頁面中點選，進入組別設定頁面(學生無法觀看到此功能)，完成組別需求設定：人數上下限。
  • [x] 同時開啟此課程的組別列表頁面，學生點選進入，自由選擇加入列表中的組別，亦或新增創立──填寫組別名稱、簡介，創立者系統將自動設定其為組長。
  • 老師於課程頁面中點選，進入作業設定頁面(學生無法觀看到此功能)，完成作業需求設定：開始日期、截止日期、名稱、內容、權限設定。系統自動記錄新增/修改時間。
  • 同時更新此課程的作業列表頁面，學生點選進入，選澤作業進入詳細作業頁面，於上傳頁面：填寫內容、勾選證明、上傳檔案、權限修改。系統自動記錄新增/修改時間、上傳者名稱；亦或純粹觀看、下載作業。
  • 個人作業一人一個，各組員的詳細作業頁面並不互通；團體作業一組一個，各組員的詳細作業頁面將互通。
  • [ ] 這一作業，除了我有註明是引注他人作品之外，都是我自己寫的。" "2019-01-09 13:18:00" "2019-01-09 13:18:00" "深碗計畫─本專題為深碗計畫之分支" "1" "3" "8"
分類：使用者經驗設計
標籤：

本篇大綱