---
# System prepended metadata

title: 線上練習網站設計
tags: [線上練習網站設計]

---

---
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://i.imgur.com/0KYdIuf.jpg)

* [ ] 動態劇本設計

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

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

## 其他

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