技能交換平台

Game Design、Design thinking
在Web網頁設計課程中,我們設計並實際架設了技能交換平台,擁有論壇交流區、會員帳號系統、地圖api存取等多種功能。UI部分套用Bootstrap框架,後端則以php來存取資料庫。
Time Duration
April 2021 - June 2021
Role & Contribution
Ideation and development(HTML, CSS, MySQL, PHP)
Tool(s)
HTML, CSS, Javascript, MySQL+php
Overview
設計並實際架設了技能交換平台,擁有論壇交流區、會員帳號系統、地圖api存取等多種功能。UI部分套用Bootstrap框架,後端則以php來存取資料庫。

Introduction

技能交換平台(Live

隨著科技網路的進步,許多人使用網路來擴大自己的交際圈,如此一來,不僅可以認識更多人,還能取得更多知識或資訊,我們希望可以架設專門的技能交換平台,供使用者可以尋找技能交換的夥伴,一起精進學習!

主要功能&頁面

技術內容

01.程式架構

  • 使用PDO(PHP Data Objects)存取資料庫
    • 使用者帳號資訊
    • 圖檔上傳
    • 各討論版及所屬貼文
  • 以session判斷使用者帳號權限
    • 註冊/登入狀態
    • 管理員權限
  • 簡易模板化設計 "{:XXX}"+
  • Google Maps API
  • 動畫部分採用wow.js

02.資料庫設計

  • user : 儲存使用者資料
  • dz_board : 儲存各個交流看板資料
  • dz_thread : 儲存討論串資料
  • dz_respond : 儲存回應
  • profileimg : 儲存使用者個人頭像的狀態