一、用戶注冊：注冊頁需要輸入用戶名，郵箱，密碼，確認密碼，驗證碼，選擇用戶類型：類型分別為老師和學生。

二、用戶登錄：用戶輸入用戶名（郵箱也可以）和密碼驗證碼登錄。

三、教師端登錄后設置課程：教師點擊設置課程（可以在導航欄或者菜單欄中放置設置課程的按鈕），頁面顯示從現(xiàn)在開始最近七天的時間，選時間的為多選框表單，多選框表單按天顯示為一欄或一行，怎么好看怎么顯示，每一行從當天0點到23點，顯示為一個勾選框。教師勾選的代表教師設置了課表，在該段時間上課。

每節(jié)課程為一個小時以內(nèi)，但是到達整點時間，教師應該進入教室（直播間，教師只有進入教室，才創(chuàng)建直播間，之后學生在課程表中點擊對應的預約了的課程，即可進入教室上課，上課時老師應該準時進入直播間等待學生進入教室，進入后方可上課，如果學生沒有進入教室，教師在直播間等待，直到課程結(jié)束即可，沒有懲罰）。

四、學生預約課程： 學生登錄后點擊導航欄或者菜單欄中的去預約課程，進入所有教師的列表頁面，每個教師的列表顯示教師頭像，名字或者昵稱，評分或者星級，學生點擊列表中相應的教師進入預約課程界面，界面顯示的是教師在之前設置的課程（也即上課時間），上課時間根據(jù)教師之前設置的時間按每天顯示為一個列表，每個列表為復選框，如果該節(jié)課程時間已經(jīng)被其他人預約，需要在旁邊顯示為已預約，并顯示為紅色背景，選擇狀態(tài)為disabled，學生點擊某一節(jié)課程之后，彈框提示預約成功或者預約失敗，請稍后再試。

五、課程表：教師通過導航欄或者菜單進入課程表頁面，將顯示教師設置的所有課程，已經(jīng)被人預約的課程顯示為紅色，鼠標移上去彈出提示“已預約”，教師點擊對應的課程的上傳ppt按鈕將彈出一個彈窗，在彈窗中上傳ppt，并設置課程主題或者名稱（例如：中國歷史之秦朝那些事），上傳的ppt需要使用web插件轉(zhuǎn)換為圖片并存入服務器。同時，該節(jié)課程時間復選框旁邊還要顯示去上課按鈕，教師點擊去上課按鈕即可進入直播間（創(chuàng)建房間號，創(chuàng)建直播間），教師進入直播間后在直播間等待學生進入，然后開始上課。學生通過導航欄或者菜單進入課程表頁面，將顯示學生預約的每一節(jié)課程時間的列表，每個列表顯示上課時間，課程信息，比如課程主題或者標題，教師名稱等，如果教師已經(jīng)進入教室，該課程的列表框還要顯示一個狀態(tài)：進行中，如果沒有開始，將顯示未開始。同時該列表項還要在旁邊顯示去上課的按鈕，如果教室沒有進入教室，那么直播間沒有創(chuàng)建，就提示學生教師未開始課程，請等待。

六、直播間：在直播間中，上部顯示課程標題或者主題，中間顯示兩個小窗口，分別為教師和學生端的直播攝像頭，剛進入直播間時，這兩個顯示視頻通信的攝像頭關(guān)閉，防止學生或者教師沒有后準備好，準備好后，由學生或者教師自己打開攝像頭，然后雙方才會發(fā)布各自的視頻，視頻的窗口上如果是學生的就顯示學生名，老師的就顯示教師名。視頻窗口要顯示靜音的按鈕mute，點擊按鈕可以不發(fā)布自己的聲音，視頻通信應該能設置通信的速率，速率越大，視頻通信越清晰，但是占用的帶寬越大，推薦網(wǎng)絡好的時候使用高通信速率，網(wǎng)絡差設置低通信速率。

下面顯示一個以ppt轉(zhuǎn)換為圖片的背景的canvas做的白板，白板上老師可以寫字（用鼠標或者手寫筆），也可以打字，并且可以設置字號，字的顏色，顯示橡皮檫，橡皮檫可以調(diào)節(jié)大小，教師端和學生端進入的教室是同一個頁面，教師和學生端應該使用websocket實現(xiàn)字跡同步，但是只有教師端可以在白板上寫字，學生只能看。同時白板上還要顯示切換ppt的左右按鈕，點擊下一張或者上一張對ppt圖片進行切換。

app前端uniapp。后端php，具體詳談?

途傲科技為中小企業(yè)提供網(wǎng)站制作、網(wǎng)站建設、微信H5、微信小程序，多商戶平臺，多級分銷系統(tǒng)，APP開發(fā)，手機網(wǎng)站，HTML5多端自適應網(wǎng)站，營銷型企業(yè)站建設，及對技術(shù)人才的培養(yǎng)等都積累與沉淀了豐富的心得和實戰(zhàn)經(jīng)驗。

如果您想定制同款軟件，可以將需求提交給我們【免費提交需求，獲取解決方案】

免責聲明：文章部分內(nèi)容收集于互聯(lián)網(wǎng)，不代表本站的觀點和立場，如有侵權(quán)請聯(lián)系刪除。