# 專題 [網站規劃課簡報](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 頁面? - 金流 - (六角學院測試套件) - 發票、金流等可用綠界測試 - 電子發票走樣式就好 - 銀行轉帳比較簡單 - 增加:商品搜尋不到的頁面