Projects
NTU ArtFest 30th Website
Life & Journey

NTU ArtFest 30th Website

2025-5-2

Github

點我去看程式碼

Website

點我去看網站

負責內容

  1. 身任網站製作組長,整合所有頁面的呈現
  2. 架設網站於台大網域內,處理系統級的問題
  3. 協助製作網頁,設計別於一般網頁之呈現方式

重點摘要

(1) 架設網站

  1. 採用 Nginx 作為反向代理伺服器,將網站部署於校內工作站上,負責處理流量分發與靜態資源快取,以提升效能與可用性。
  2. 為確保資料傳輸的安全性,網站採用 HTTPS 通訊協定,透過設定 SSL 憑證加密伺服器與用戶端之間的連線,防止中間人攻擊與資料竊取。

(2)網站實作

  1. 網站採用 Next.js 全端框架 搭配 TypeScript 進行程式開發,並使用 Tailwind CSS 進行樣式設計,達到元件化、可維護且高效的開發流程。
  2. 與設計組協作,使用 Blender 建立台大校園的 3D 模型,並透過 Three.js 將模型嵌入至網頁,使使用者能以互動方式瀏覽校園場景。在模型本身,也可以藉由滑鼠 hover 到某建築物上來提供相對應的展場資訊。
  3. 負責網站首頁的視覺設計與互動呈現,並實作後端 API,以支援前端資料讀取與動態渲染,確保整體系統的穩定運作與良好使用體驗。

NTU 3D Map

Share...

Enjoyed this read?

Comments

Share your thoughts and feedback.

0 total