360環景線上特展系列-中正紀念堂

Web Front-end development
Project Overview
1. 跨平台360環景網站製作,並符合SQL Injection和XSS資安檢測規定
2. 觀眾可透過「資訊點按鈕」看到更近一步資訊,於右側出現可上下拉動影片、照片、文字等豐富內容。
3. 小地圖 UI 快速指向導覽:可以快速切換區域,選到目標的作品前方觀看。
4. 提供流暢體驗,並記錄瀏覽人次,其中蔣中正總統與臺灣特展、逗陣遊特展更將近3000點閱。

1. cross-platform 360 surroundings website production and compliance with SQL Injection and XSS information security testing regulations
2. Visitors can view the detail of exhibits through the "Information Point Button," which appears on the right side and allows you to scroll up and down through videos, photos, and text.
3. Small map UI quick pointing guide: you can quickly switch areas and select the target works for viewing.
4. provide a smooth experience, and record the number of visitors. The four projects have reached 1000+ views.
My Contributions
網站前端程式撰寫,串接360環景API套件
資料庫建置:制定適當及一致性的命名格式,串接視覺端檔案
資料轉換: 視覺端到程式端的所需資料轉換

1. Website front-end programming, linking to the 360 Surroundings API suite
2. Database construction: develop the appropriate and consistent naming format, and link to visual end files
3. Data conversion:
Convert the required data from the visual side to the program side
1. safari瀏覽器的載入bug排除:
過於多次的點擊會有畫面的延遲,隨著展覽的作品數目,展品詳細資料的顯示會開始出現延遲跡象。
最終是補上避免暫存記憶殘留的程式碼。

2. 優化載入時間:
同時載入全部展覽作品會檔案太多,點開網頁的回饋感會讓觀看者以為是出現問題。
需預先載入重要資源,排序好適當的順序與符合習慣的數量,並且自動往後推進,達到流暢觀展經驗。

3. 優化版本控制流程:文本資訊內容校對會反覆修改,提出檔案管理的規劃,
讓作品資料庫更新上沒有重疊、誤刪疑慮,有效讓專案進行。

豐富而龐大的資料量:執行前的思考就必須很謹慎,並兼顧多方的溝通。  
預估分配時程:因此專案偏大須先排好優先順序,並抓好每個部分的工時並多方溝通。

1. safari browser loading bugs troubleshooting.
With the number of works in the exhibition, displaying exhibit details will show signs of delay. Finally, the code to avoid temporary memory residuals was added.

2. Optimize the loading time:
Loading all the works in the exhibition simultaneously will cause too many files, and the feedback feeling when clicking on the web page will make the viewer think there is a problem.
We need to load necessary resources in advance, sort them in the correct order and quantity to meet our habits, and push them back automatically to achieve a smooth viewing experience.

3. Optimize the version control process:
Text information content proofreading will be repeatedly revised, and file management planning is proposed so there will be no overlap or miss-deletion concerns in updating the work database and the project can proceed effectively.
克服的挑戰
Front-end engineer
『她的力量』特展–從紀念堂制服女力談起」展覽,以歷史敘事搭配堂史照片、不同年代之服務員制服等物件,透過線上科技再現展覽現場實景,帶領觀眾穿梭不同時空,透過4大時序展區,包括萌芽、茁壯、綻放、到展望未來,展示不同時代下紀念堂服務員的角色轉變,並結合臺灣婦女運動重要時點,將這群優雅與堅韌的職場女力,微觀呈現了臺灣從婦女運動、兩性平等、發展為性別平權的紀實與進程。

The exhibition "Her Power" - From the Power of Women in Uniform at Memorial Hall" uses historical narratives with photos of the hall's history and objects such as attendant uniforms from different eras, and recreates the exhibition site through online technology, leading visitors to travel through different periods.
「探索明天-運動中的女性」展覽於奧運賽事期間之8/5正式拉開序幕,
呈現臺灣女性參與運動歷程、奧運得獎紀錄以及體育事務中的性別與權力現況,
歡迎蒞臨共享臺灣女性運動員在多元運動領域挑戰自我、力與美的感動!

展名:探索明天-運動中的女性
地點:中央通廊
展期:2021/08/05~ 2021/12/12
主辦單位: 國立中正紀念堂管理處、台灣國家婦女館、財團法人婦女權益促進發展基金會
展覽二、

探索明天
運動中的女性

專案連結

接續展出從多元觀點歷史角度、以史實為基礎的「蔣中正總統與臺灣特展」。

如何在類多龐博的檔案史料,從多元化的角度,以精要、衡平的原則,如實地呈現歷史真相是一大挑戰;
在策展規劃階段,邀請多位文史專家學者及相關機關代表召開諮商會議後,繼而委託國立政治大學臺灣史研究所教授薛化元擔任策展人,從數以萬計的檔案史料中,擇選影響重大的事件作為展覽主要元素,
期待透過檔案文獻的展示,讓原本就有不同的歷史觀點或記憶的參觀者,
得以在史實的基礎上進行思辨、各自解讀與評價。

展覽期間:即日起至111年2月7日上午9時至下午6時
展覽地點:國立中正紀念堂三樓藝廊(臺北市中正區中山南路21號3F)
展覽三、

蔣中正總統與
臺灣特展

專案連結

自2020年首創國立場館先例,策辦以臺灣為主題的大型3D藝術展,深受國內民眾喜愛,
更吸引極多外籍人士參觀拍照、上傳分享予家鄉親朋好友,讓來自各國旅客留下美好精彩的臺灣視覺記憶,
開展1個月即吸引8萬人次入堂體驗及拍照;
2021年歲末,再度推出結合電音三太子與北中南東具代表性景點的3D藝術展,
包括宜蘭龜山島、臺東熱氣球嘉年華、臺南七股鹽山、南投清境農場、
臺北中正紀念堂及金門風獅爺,邀請大家逗陣遊臺灣。

「逗陣遊臺灣Amazing Taiwan-3D Trick Art Exhibition Ⅱ」
展覽期間:110年12月29日至111年8月14日09:00-18:00
展覽地點:中正紀念堂中央通廊(臺北市中正區中山南路21號)
展覽四、

逗陣遊臺灣Amazing Taiwan-3D Trick Art Exhibition Ⅱ

專案連結

跨裝置線上展

在疫情時代,展覽可以隨時隨地進行!