---
tags: 線上練習網站設計
---

# 線上練習網站設計

[TOC]

## 設計思路

### 網頁功能

* [X] 首頁
* 課後練習
* [ ] 情境演練
* 動態多結局劇本設計及體驗(蝴蝶效應遊戲)
* [x] 測驗
* 題目應可被歸類於不同**類別** e.g. 句型, 基礎會話, 應用對話, 代換練習, 聽力練習...
且須設計界面提供管理者維護，題目內容大致包含：
* 是非
* [X] 圖片、音檔可作為題目
* 選擇(閱讀測驗)
* [X] 圖片、音檔可作為題目及答案
* 填充
* 簡答(須由老師評分，可考慮採取寄信模式)
* [X] 文字簡答
* [X] 口語錄音簡答([php錄音](https://kknews.cc/zh-tw/code/ppp3j8e.html))
* [X] 圖片、音檔可作為題目
* [x] 題庫管理
* [x] 出題
* [x] 改題
* [x] 系統自動改
* [x] 審題人改

* [x] 通知功能(簡答題需由老師給分數)

* 排行榜
* [x] 以積分做排名依據
* 線上商城
* [x] 皆可購置網頁背景、裝飾
* [x] 實驗組可購買寵物食物、裝備

* [x] 個人化設定

* 使用者管理介面
* 可維護項目
* [ ] 劇本
* [X] 問題類別 (句型, 基礎會話, 應用對話...)
* [X] 測驗題目
* 是非
* 選擇
* 填充
* 簡答
* [x] 商城物品
* [x] 一般
* 背景
* 裝飾
* [x] 寵物
* 食物
* 裝備

## 待辦

* 網頁
* [x] 測驗功能
* [x] 對答案
* [x] 通知老師
* [x] 老師怎麼改
* [x] 首頁做公告系統
* [ ] 情境演練
* [ ] 情境劇本設計
* [ ] 初始化網頁使用controller+action做
* [x] 線上商城
* [x] 商城維護
* [x] 版面調整
* 寵物
* [x] 寵物機器人原型設計(仿Zenbo, 各動作概念圖)
* [x] 寵物單獨一個網站
* [x] 系統概念圖
* 

* [ ] 動態劇本設計

## 進階功能(未來考慮)

* 新增每日任務
* 成就系統

## 其他

* [網頁源碼位置](https://github.com/azrael830102/PracticeOnline.git)
* [使用手冊](https://docs.google.com/presentation/d/1_8PuX83U5RT-JUxslsoagAUfmE49sbjC/edit?usp=sharing&ouid=115208493077457844533&rtpof=true&sd=true)