【IOS Swift 3】教學輔助系統使用者終端建置

2017 年 7 月 14 日

這次被教授急call回去，原來是有份專案的系統即將到第一階段展示時間，卻還沒有人手來幫忙處理Ios部分的系統建置，雖然時間上只剩短短一周，看似有些急迫，但幸好是API部分已經大致上完成了，所以補上與伺服器連結即可，這次確認到的需求是協助建置教學輔助系統的IOS使用者終端，而該終端所需要的功能如下：

登入註冊會員
選擇課程後，終端從伺服器獲取教學影片資訊列表，學生通過選擇章節後播放該節教學影片
檢查當前進行中考試，加入考試後，學生可以啟動相機，透過相機拍照答案卷後將其答案回傳至伺服器，提供老師批改。

這次整個系統需求包還到跨平台，所以為了能無痛轉換，整體系統以 client – server 架構來建置
，遵照RESTful風格，透過API與Json來與伺服器溝通，目的是在高內聚低耦合balabalabala～

咳咳！總之還是直接進系統看看吧

首先是登入畫面，這邊由於對方說是實驗室性質，通常有輸入資料都要使用驗證碼和加密步驟，驗證碼我通常都會使用reCAPTCHA，但這次的要求是快速產出與內網使用，使用者比較單純也比較能控制(敢亂來就當掉)，所以這邊對方並不打算做這個步驟。

登入前

登入後

進入課程後，這邊會有所有進行中的課程，這邊使用 UITableViewController 搭配 Navigation Controller來做導航列，若要進入測試系統則可點取右上角按鈕進入，而點選列表中課程的Detail按鈕則能讀取該課程中所有的單元。

這邊我們先看課程部分系統，主要就是透過選項來進入小單元，進入小單元後，該畫面會透過URL來連結影片，這次該團隊是將影片放在YouTube，所以只要簡單的做個影片嵌入即可。

選擇單元

播放影片

然後再來是進行考試的部分，與剛剛稍有不同的是必須使用到相機與http multipart request，雖然說是與剛剛不同，但也是非常常用的溝通，這邊有幾個需要注意的小地方，如像是相機要記得去設定開啟向使用者請求權限的要求、multipart 的溝通設定等，這邊我貼了個人曾經參考過的網站，希望對此有些幫助。

這邊主要也是跟上面的架構相同，從伺服器讀取相關資料後給學生選取，最後拍照回送答案至伺服器，下面圖示這所有流程。