專案簡介： 前端剛入行時的作品，此專案為公視「我們的島-尋找海底黑煙囪」活動網頁，由設計公司外包給我參與前端設計及製作，網站的目的是呈現研究船從台南安平港出發，前去台灣東北海域，透過ROV水下遙控載具，下潛千米，尋找海底黑煙囪的直播及相關活動介紹。頁面分別為landing page導航列、主題企劃介紹及連結至外部Youtube直播頁、GPS及即時訊息透過websocket串接OSM地圖API、航海筆記及深海探險部分，使用iframe包裝，點擊後會彈出介紹的youtube，最後猜猜我是誰的部分，點擊後會替換圖檔顯示圖片。 參與專案執行項目： - 網頁設計 - 網頁製作 - API串接 - OSM MAP API - Youtube API Project Overview: This project involves the development of the website for the Public Television Service (PTS) event titled "Our Island - Searching for Deep-Sea Black Smokers." I was engaged to handle front-end design and production by an external design company. The website aims to showcase a research vessel departing from Anping Port in Tainan, heading to the northeast sea area of Taiwan. Using a remotely operated vehicle (ROV) that can dive up to a kilometer underwater, the project livestreams the search for deep-sea black smokers, along with related event details. The website includes a navigation bar on the landing page, a thematic project introduction with links to external YouTube livestream pages, GPS and real-time information integrated through WebSocket connecting to the OpenStreetMap (OSM) API, a section for navigational notes, and deep-sea exploration. The latter is presented using iframes, and upon clicking, it pops up an introduction video on YouTube. The final section involves a guessing game where clicking will replace the image file to reveal the answer. Project Involvements: -Web Design -Web Development -API Integration -OSM MAP API -Youtube API