2採用 1g 純表格 → 唯讀查看版(四位科任各一間固定教室,不含預約)
2a教室時段週表 · 唯讀(可切換 4 間教室、只看空閒)
{{ roomName2 }} 週時段表
{{ roomCode2 }} · {{ owner2 }} · 115 學年上學期第 1 週(9/1–9/5)
‹ 上週回到本週下週 ›
只看空閒
{{ r.name }}
{{ r.sub }}
星期{{ d }}
第 {{ row.p }} 節
{{ row.time }}
{{ c.icon }}{{ c.label }}
{{ c.sub }}
{{ l.icon }}{{ l.label }} · {{ l.note }}
本週 35 格中 {{ free2 }} 格空閒 · {{ used2 }} 格固定課占用
早自習 07:50–08:30 | 午休 12:40–13:30 · 狀態一律文字+圖示,不單靠顏色
2b教室對照總覽 · 唯讀
4 間自然教室
每間對應一位自然科任的固定課表
{{ r.code }}
{{ r.name }}
{{ r.teacher }} 老師 · 固定課 {{ r.used }} 節/週
{{ r.st }}
空閒 {{ r.free }} 格
曾唯誠老師(507、601–604,每週 15 節)的上課地點尚未指定,待您提供後補上;目前不列入任何教室的占用。
2c唯讀週表 · 手機(單日分頁)
9:41▮▮▮ ▮
{{ roomName2 }}
{{ owner2 }}
{{ d.n }}
第 {{ c.p }} 節
{{ c.time }}
{{ c.icon }} {{ c.label }}
{{ c.sub }}

可以這樣接著說:「曾唯誠的上課地點是 ⋯⋯」 · 「2a 加上教師課表切換」 · 「把 2b 做成首頁摘要」

1智慧教室排程系統 — 桌面 + 手機原型(正興國小 115 學年實際課表)

A · 登入與帳號

1a登入頁 · 桌面
智慧教室
排程系統
4 間自然教室的課表檢視、
占用查詢與預約管理
正興國小 115 學年
自然科教師專用
教師登入
帳號或密碼錯誤,請再試一次
顯示密碼
忘記密碼請洽系統管理者(曾唯誠老師)重設。
首次登入將引導您更換初始密碼。
1b首次登入 · 設定新密碼
首次登入
請設定您的新密碼
目前使用的是管理者提供的初始密碼,為保護您的課表資料,請立即更換。
✓ 至少 8 個字元
✓ 含英文字母與數字
· 不可與初始密碼相同
1c登入 + 帳號設定 · 手機
9:41▮▮▮ ▮
智慧教室排程系統
正興國小 · 自然科
顯示密碼
忘記密碼?請洽管理者
9:41▮▮▮ ▮
帳號設定
曾唯誠 老師
tseng.wc · 自然科任/系統管理
修改密碼
通知設定
管理後台
版本 V1.2 · 若忘記密碼請洽系統管理者

B · 首頁與教室列表

1d首頁 · 我的課表(桌面,含側邊導覽)
智慧教室排程
正興國小 115 學年
首頁
我的課表
自然教室
我的預約
帳號設定
管理後台管理者
曾唯誠
自然科任/管理
午安,曾唯誠老師
2026 年 8 月 28 日(星期五)· 第 1 週
查看教室占用
建立預約
今日課程 · 星期五
共 3 節
第 5 節
13:40–14:20
自然 · 602
自然教室四
◉ 已排定
第 6 節
14:30–15:10
自然 · 603
自然教室四
! 教室衝突
查看原因
第 7 節
15:20–16:00
自然 · 603
自然教室四
◉ 已排定
本週課表 · 每週 15 節
‹ 上週本週下週 ›
星期{{ d }}
第 {{ row.p }} 節
{{ row.time }}
{{ c.t1 }}
{{ c.t2 }}
▪ 早自習 07:50–08:30▪ 午休 12:40–13:30
4 間教室即時摘要
{{ r.name }}
{{ r.next }}
{{ r.icon }} {{ r.label }}
近期預約
自然教室四 · 星期一 第 5 節
601 · 自然課 · 13:40–14:20
自然教室二 · 星期三 第 6 節
604 · 科展指導 · 14:30–15:10
自然教室四 · 星期五 第 6 節
! 與曾喬笠老師課程衝突
查看全部預約
1e自然教室列表 · 桌面
自然教室
目前時間 星期五 第 5 節 13:40–14:20
全部只看現在空閒
{{ r.name }}
{{ r.code }} · 固定課 {{ r.fixed }} 節/週
{{ r.icon }} {{ r.label }}
目前:{{ r.now }}
下一個占用:{{ r.next }}
本週 35 格中 {{ r.free }} 格空閒
查看時段
1f首頁 + 教室列表 · 手機
9:41▮▮▮ ▮
8 月 28 日 星期五
午安,曾唯誠老師
今日課程
第 5 節
13:40
自然 · 602
自然教室四
第 6 節
14:30
自然 · 603
! 教室衝突
原因
教室即時狀態
全部 ›
{{ r.name }}
{{ r.icon }} {{ r.label }}
首頁
課表
教室
預約
9:41▮▮▮ ▮
自然教室
星期五 第 5 節 13:40–14:20
{{ r.name }}
{{ r.icon }} {{ r.label }}
下一個占用:{{ r.next }}
查看時段

C · 教室時段週表 — 四種版本比較(1g 可實際點選預約)

1gA · 純表格 — 最接近紙本課表(可點空閒格試預約)
{{ roomName }} 週時段表
115 學年上學期 · 第 1 週(9/1–9/5)· 每格下方為實際上課時間
‹ 上週回到本週下週 ›
只看空閒
{{ r.name }}
星期{{ d }}
第 {{ row.p }} 節
{{ row.time }}
{{ c.icon }}{{ c.label }}
{{ c.sub }}
{{ l.icon }}{{ l.label }} · {{ l.note }}
作息:早自習 07:50–08:30 | 午休 12:40–13:30。狀態一律以「文字+圖示」標示,不單靠顏色辨識。
{{ modal.title }}
{{ modal.banner.icon }}
{{ modal.banner.title }}
{{ modal.banner.text }}
教室
{{ modal.room }}
星期
星期{{ modal.day }}
節次
第 {{ modal.p }} 節 · {{ modal.time }}
602
自然課社團研習科展
例如:需準備顯微鏡 6 組
尚可輸入 100 字
{{ modal.cancelText }}
{{ modal.okText }}
{{ toast.text }}
1hB · 狀態卡片 — 每格顯示班級與用途
自然教室四 · 週時段表
資訊量最大:不用點開就知道是誰、哪一班、做什麼
星期{{ d }}
第 {{ row.p }} 節
{{ row.time }}
{{ c.icon }} {{ c.label }}
{{ c.b1 }}
{{ c.b2 }}
1iC · 空閒優先 — 淡化占用,只讓可預約格跳出
自然教室四 · 週時段表
為「我要找一個空堂」而設計:綠色實心=可預約,其餘退到背景
星期{{ d }}
第 {{ row.p }} 節
{{ row.time }}
{{ c.icon }} {{ c.label }}
{{ c.sub }}
本週 {{ freeCount }} 個空堂可預約 · 占用與衝突仍可點開查看細節
1jD · 四室同時看 — 橫向比較同一星期
星期二 · 4 間自然教室對照
「這節有沒有任何一間空的?」一眼看完,不用逐間點
{{ d }}
{{ r.name }}
{{ r.code }}
第 {{ row.p }} 節
{{ row.time }}
{{ c.icon }} {{ c.label }}
{{ c.sub }}
1k週表 · 手機(單日分頁)
9:41▮▮▮ ▮
自然教室四
第 1 週 · 9/1–9/5
{{ d.n }}
第 {{ c.p }} 節
{{ c.time }}
{{ c.icon }} {{ c.label }}
{{ c.sub }}
{{ c.btn }}

D · 預約流程

1l預約成功 / 送出時衝突
預約成功
自然教室四 · 星期三 第 4 節 11:20–12:00
602 · 自然課
時段表已更新為「◉ 我的預約」,可於「我的預約」取消。
回到時段表
查看我的預約
此時段剛被占用
您開啟畫面後,曾喬笠老師已於 13:42 預約
自然教室四 · 星期二 第 3 節。
您填寫的內容已保留:604 · 自然課 · 需顯微鏡
時段表已為您更新,請改選其他時段或教室。
改選其他教室
返回時段表
1m我的預約 + 取消確認
我的預約
未來過去
{{ b.date }}
第 {{ b.p }} 節 {{ b.time }}
{{ b.room }}
{{ b.cls }} · {{ b.use }}
{{ b.tag }}
{{ b.btn }}
固定課表產生的時段不提供教師自行取消,請洽系統管理者調整。
確認取消這筆預約?
{{ cancelling.room }}
{{ cancelling.date }} · 第 {{ cancelling.p }} 節 {{ cancelling.time }}
{{ cancelling.cls }} · {{ cancelling.use }}
取消後該時段會立即開放給其他教師預約,此動作無法復原。
保留預約
確認取消
{{ toast2 }}
1n預約表單 + 我的預約 · 手機
9:41▮▮▮ ▮
建立預約
自然教室四
星期三 · 第 4 節 11:20–12:00
← 返回時段表可更改
602
自然課社團研習
需準備顯微鏡 6 組
尚可輸入 91 字
確認預約
9:41▮▮▮ ▮
我的預約
未來過去
{{ b.room }}
{{ b.tag }}
{{ b.date }} · 第 {{ b.p }} 節 {{ b.time }}
{{ b.cls }} · {{ b.use }}
{{ b.btn }}

E · 管理後台(四個子頁)

1o帳號管理
帳號管理
115 學年 · 自然科教師 5 位
新增教師帳號
教師
組別/角色
授課班級
節數
操作
{{ t.name }}
{{ t.acct }}
{{ t.role }}
{{ t.classes }}
{{ t.hours }} 節
重設密碼停用
測試用初始密碼為 SmartClass2026!,正式上線前務必更換;重設密碼會要求教師下次登入時自行設定新密碼。
1p課表管理 · 調整課程教室
課表管理
選擇教師後可調整單一課程使用的教室
{{ t.name }}
! 偵測到 7 筆教室衝突
曾唯誠老師與曾喬笠老師同時使用自然教室四,請調整其中一方的教室。
星期{{ c.day }} 第 {{ c.p }} 節
{{ c.time }}
{{ c.a }}
↔ {{ c.b }}
改用 {{ c.suggest }}
1q教室管理 + 預約管理
教室管理
修改名稱與啟用狀態;停用後教師端不可預約
{{ r.code }}
{{ r.name }}
{{ r.st }}
自然教室三 停用原因:設備維修至 9/8,教師端顯示「✕ 暫停使用」且不可點選。
預約管理
依教師 ▾依教室 ▾
{{ b.ini }}
{{ b.who }} · {{ b.room }}
{{ b.when }} · {{ b.cls }} · {{ b.use }}
代為取消

可以這樣接著說:「把 1g 的節次時間做得更明顯」 · 「1i 的空閒優先併進 1g 當成一個切換」 · 「1j 改成可以直接在對照表上預約」 · 「管理後台再加一頁統計」