---
# System prepended metadata

title: 專題

---

# 專題

[網站規劃課簡報](https://docs.google.com/presentation/d/1jvgHAw6hSlFIvfOmzbEJMBVps2Gtk5n7OEnJ8TFw_i4/edit#slide=id.p30)

- 1/30 專題、網站規劃課
- 3/21 （四）離開前將整合後的小組專案檔案 + SQL 檔案放到老師電腦
- 3/25（一）期中專題發表（後臺管理系統，CRUD through webpage with server database`
- 5/12 前完成切版含 RWD
- 5/31 製作完成
- 6/7 發表

## 分組

全班 27 人，一組 6-7 人

- 不宜：以技術分工（JS、PHP……）
- 宜：以功能分工（）

## 目標

- 需求書
- 可商用的網站

例如：

- 找有網站需求的朋友，製作符合其需求的網站

- 在現有模式上改善
- 如果是電商，儘量各組不同領域，不要重複
-

## 電商

- 購物車
- 願望清單

## 方案

### 居家托育媒合平台

https://www.pwr.org.tw/apply#apply-3

- 申請表單
- 後臺管理

### 改善政府 App

+2

- 改善 UI、UX

### 改善 FB 社團

+4

- 分類社團主題
- 例如：影集類主題內可找到不同影集的各自社團
- [ActivityPub](https://zh.wikipedia.org/zh-tw/ActivityPub)

### 個人形象網站

### 占卜

+6

- 塔羅牌等線上占卜
  - 動畫
- 販賣課程、一對一占卜服務等
- 可連結到個人形象網站
- 可連結服飾

### 搶（訂？）票系統

- 金流

### 旅遊電商

- 旅遊行程 + 旅遊用品

### 服飾電商

+6

- https://www.50-shop.com/Shop/
- 著重 UI 外觀
- 可練習到各種購物車、金流、庫存等實戰功能，有說服力
- 改善 UX
  - https://www.zalora.com.tw/
    - 使分類明確
    - 衣服搭配範例推薦直接連結
- 可連結占卜

### 電玩社群網站

- https://www.gamer.com.tw/
- 改善 UX
- 例如：手遊分類
- 區分遊戲、直播、購物三大平臺界面避免眼花繚亂
- 每日登入獎勵、代幣

## 分組畫圖

https://miro.com/
https://xmind.app/

- 占卜：蟲蟲
- 服飾：承家、浩澤
- 社群：品全、家誠
- 政府：吳某

## 01/30 老師意見

- 期中只有 PHP 後端 CRUD（若能預先學會 Node.js 亦可）
- 功能儘量增加，讓每個人都能分工到、有東西講
- 期末後端會用 Node.js、前端會用 React
- 不要太多「遊戲規則」，儘量用常見好懂的功能，以利於向廠商介紹

## 02/24

- Frontend: Bootstrap __dashboard__ template __free__
    - Do not use frameworks e.g. React, Vue. Use pure HTML5 instead
- Features:

## 2/26 緯宸老師期中專題說明：

1. 功能分類
    1.會員中心、註冊、瀏覽紀錄、我的最愛/：品全
	2.購物車、下單、出貨、存貨
	/
	3.4.5單商品：關鍵字搜尋、買家秀、評價圖、論壇的評價
	推薦商品、放大圖片、分享、穿搭圖的配件連結；商品目錄：篩選功能、/：玉米 吳某 志龍
	6..心理測驗：占卜/色彩學、客製化/、購物金：浩澤
	7.論壇：家誠

更改過的類別圖用不同顏色區分

2. ERD
 
衣服顏色

[Composer 安装与使用](https://reurl.cc/4jnAZX)
[Transparent Textures](https://www.transparenttextures.com/)

---
:::info
如果發表那天 CRUD 沒有 delete 需告訴老師原因
:::

## 02/29 老師意見
- 參考範本，用現有網站截圖取代Figma
- 假資料
- 後臺管理
    - 例如：管理者刪文
    - 要怎麼用後台的管理
    - 公司使用者管理有什麼？刪除、新增權限
- RWD以首頁、商品頁優先
- 小遊戲動畫不容易控制到 RWD
- 穿搭圖的配件連結點選資料設置（如上圖）
- （欄位連結product 1和2的連結）
- 登入建議用email驗證不用費用
- 增加下單流程 wireframe 頁面？
- 金流
    - （六角學院測試套件）
    - 發票、金流等可用綠界測試
    - 電子發票走樣式就好
    - 銀行轉帳比較簡單
- 增加：商品搜尋不到的頁面