數位內容與科技學位學程 畢業專題實作

Avatar of Hazel Chiang 姜姵君.
Avatar of Hazel Chiang 姜姵君.

數位內容與科技學位學程 畢業專題實作

M.S. Informatics Student
Taipei City, Taiwan

數位內容與科技學位學程 畢業專題製作

羅密歐與仙杜瑞拉

林以珊、張宜蓁、陳昱丞、王柏安、姜姵君、陳渝晴、李宜庭

JavaScript HTML CSS

Romeo and Cinderella

數位足跡能不能等於一個人、一個個體,能不能看穿靈魂,能不能找回感情?


        現在人們隨身皆不離3C產品,因此許多的秘密與隱私都隱藏在我們的數位足跡當中。

若是窺探某一個人的數位足跡,我們即能發現使用者是什麼樣的人、遭遇過什麼事;

在窺探數位足跡的同時,也能看見一個人最坦誠的模樣。


Facebook Github

呈現形式

.一輪體驗為20分鐘左右,一次開放兩個名額,體驗各自獨立。

.開頭由組員扮演徵信社工作人員接待,以平板播放前導片引入故事前情,並確認體驗者是否自備手機與網路,隨後帶入獨立空間進行遊玩。

.展場空間以黏貼眼睛圖騰的黑布圍繞出狹小的辦公空間,模擬駭客在暗中駭入他人電腦的環境,並以黑布與眼睛營造窺視的隱密氣氛。


.體驗主體使用HTML、JavaScript、CSS等技術仿作的虛擬網頁,仿製成故事人物的電腦,包含桌面、資料夾、新聞、備忘錄、LINE、Google首頁、Google地圖、Google日曆、Facebook、Instagram、Gmail以及自製的駭入頁面。

.玩家可自由查找所有內容,從不同內容和情報中拼湊出人物與故事,以實現數位足跡能夠塑造出一個人的理念。


.網頁內嵌計時程式,15分鐘後自動跳出警告頁面詢問玩家「你是誰、你為什麼要看我的電腦」同時拍下玩家反應,以實現窺視他人時同時也被窺視與偷看的行為隨時可能被發現的理念。

.隨後跳出404ERROR頁面示意體驗時間結束,玩家使用手機掃描頁面上的QRcode可跳至Messanger頁面,與Chatbot設定好的虛擬案主回報,以自身在體驗中的觀察與對故事的想法自由回答。

.問答完會轉至回饋表單詢問體驗心得,表單中會詢問玩家是否想要體驗時拍下的照片,日後組員會將照片寄出。



互動網頁與沉浸式體驗 羅密歐與仙杜瑞拉 Javascript HTML CSS
Avatar of the user.
Please login to comment.

Published: Jul 17th 2021
23
8
0

Tools

html5
HTML5
css3
CSS3
javascript
JavaScript

互動網頁
HTML
css
javascript

Share