為了讓民眾在瀏覽網站時能感到較活潑親切,希望在背景和地圖等圖片能使用微動畫吸引民眾,也在首頁加入了臺南的觀光景點元素,讓交通和觀光結合為臺南帶來更多觀光人潮。還有介紹各種中運量捷運系統,以及每條捷運線的路線圖都會呈現給民眾看。
前往網站:https://www.rapid-transit.org/
使用技術: html / css / javascript / RWD
監測每一次的呼吸數據並蒐集,可以自己查看呼吸的狀態,也能讓醫師可以立即取得患者的狀況並管理。
前往網址:https://play.google.com/store/apps/details?id=com.fable.air
使用技術: java / objective C
[embedyt] https://www.youtube.com/watch?v=eOkeKY4HQOs[/embedyt] 360線上展場網站,可以查看展示產品(布料/衣服)的360度以及產品資料。可以選擇喜歡或中意的衣服,點擊後會出現不同的布料材質可以選擇,除了布料的基本資訊,還可以按播放鍵讓模擬展示的布料自行360度旋轉。 前往網站:http://172.104.78.208/app/ 使用技術: html / css / javascript / pannellum / 360view
日本網站,用儀器監測使用者心率,用大數據分析使用者身體健康狀況,以及包含心電圖等資訊,整個後台版面設計。
前往網站:https://www.mitsufuji.co.jp/
使用技術: html / css / javascript(jquery) / analytics.js
[embedyt] https://www.youtube.com/watch?v=XBuF2cIrgh0[/embedyt]
魔法素描是讓孩童們發揮想像力跟創造力的科技藝術活動,小孩子可以DIY宇宙生物的色彩,體驗藝術家的創意,發揮想像力,並且在繪畫過程中有家長陪同創作,最適合作為各個親子展覽活動展出之互動科技項目。
在繪畫中每個人都是創作者!在紙上的宇宙生物塗上你喜歡的顏色,你創造的宇宙生物就會活起來進入一個全新、獨一無二的太空世界,透過體感技術還能與創造的角色有所互動!
宇宙場景
角色人物
幫助使用者了解三鶯樹(三峽、鶯歌、樹林)的景點,還有提供交通路線,可以即時查YouBike、公車位置或停車地點等等,也有當地的天氣資訊可以查看,還有說書人告訴你三鶯樹的小故事,能輕鬆地完成在三鶯樹的旅遊觀光安排。
使用技術: Line Bot Designer(Line提供的開發軟體)
數據分析使用。
使用技術: VUE / Highcharts
按照給予的版型,利用Cookie儲存資料以及顯示紀錄,做出一個DEMO,資料由案主要更新時自行上傳到資料庫。
使用技術: html / css / javascript(jquery) / miranda.js / cookie.js
使用GoogleMap的api在網站內崁入Google地圖,並且在上頭加上ICON進行互動。抓取資料並且呈現成圖表。主要功能為測試投資眼光準確度的網站,整個網站的圖表及 ICON皆為製作範圍。
使用技術: html / css / javascript(jquery) / Google map javascript api / Apexcharts.js / miranda.js
[embedyt] https://www.youtube.com/watch?v=RVRFJwmFN3k[/embedyt]
為了展示免稅商店的多元體驗,昇恆昌澎坊三號港在2019台北國際夏季旅展中,特地將免稅商店內「星探索探索極限運動場」的AR攀岩,重新設計成AR體感遊戲,讓參觀民眾可以現場體驗遊戲效果。
參觀民眾體驗AR體感遊戲達到一定分數,就可以提高抽大獎的機率,簡單易上手的遊戲內容結合現場抽獎,吸引了不少男女老少的目光,大幅提升了攤位在展場的能見度。
AR體感遊戲是將虛擬場景與現場環境結合,並利用感測器抓取玩家動作,體驗AR體感遊戲的玩家能操控遊戲內的游標,或是直接與物件互動。
兩名玩家需同時將游標移至按鈕「開始遊戲」,才能進入遊戲說明,遊戲過程中,玩家需要在30秒內利用四肢觸碰,來消滅蝙蝠累積分數。遊戲後15秒蝙蝠會加速和變多,提升遊戲的刺激感,結束後玩家只要將游標移至拉霸機的手把即可抽獎。