[Narrative Interaction] Process – Concept & Possible Plot

Heritage & History

The Concept
Long Ya Men Re-Identified

Re-identifying Long Ya Men through recollections, accounts and archeological evidences to trace back Singapore’s history way back before Raffles’ arrival in 1819. User will play a role as a voyager as he navigates through the maritime route to identify this place known as Long Ya Men. They become involved in the interpretation of the past as they utilize analytical and interpretive skills to piece the missing history.

The Context Summary
Long Ya Men (or Dragon’s Tooth Gate) is a granite outcrop which served as a key navigational point for ships entering and passing by Singapore’s main port of Keppel Harbour. It is most importantly the first historical documentation of Singapore in the maritime trade. It traces our history further back before Raffles even came.

The Plot/Structure

1) Identifying Long Ya Men in Three Acts
Act 1 –   Beginning

– The founding of Singapore, as most people already knew (arrival of Sir Stamford Raffles on Singapore in 1819)
– Established a port
– Conflict: blew up outcrops to widen the entrance for ships to past through
– Climax : unknowingly destroyed Singapore’s important navigational mark

Act 2 –   Middle
– Archaeological evidences through excavations and shipwrecks
> tells us how the environment was at that time
– Recollections of ‘Long Ya Men’ by Wang Da Yuan
> stories of the settlements/communities at that time
– Climax : Zheng He’s fleet and his documentation of Long Ya Men

Act 3 –   Ending
– User pieces the puzzle up and identify where is Long Ya Men (eventually, the place is actually Singapore)

2) Identifying Long Ya Men in a Timeline :
10th-13th Century (Before LYM Identified)
– Shipwrecks in Java Sea

– Malay Annales
– The Singapore Stone
> All these described the area around Long Ya Men as an active maritime trade route

14th – 16th Century (LYM Identified)
– Wang Dayuan’s travelogue Daoyi Zhilue

– Archeological Evidences
– Zheng He’s voyages & navigational map
> All these described Long Ya Men’s location and its inhabitants

19th Century (LYM Destruction)
– Arrival of British

Art Style/Moodboard

Long Ya Men Gate sketch 1825
Long Ya Men Gate sketch 1825

Content, a mixture of :
– Illustration/sketches
– Images
– Background sound
– Short videos

Website References :
Sailing with Greenpeace (http://sailing-with-greenpeace.com/)
“A great interactive site to bring awareness to Greenpeace’s work and past projects. I loved the variety of content and features on this site – short documentaries, an interactive map that truly makes you feel like you’re floating in sea, and tours of Greenpeace’s ships. I also loved the music choice – very peaceful.”

Sons of Gallipoli (http://sonsofgallipoli.com/?l=en#!/)
“This website has the overall warm feel that I wanted for my interactive website. It is clean and smooth but some of the grid layouts look quite rigid”

Project Documentation : https://www.behance.net/gallery/32784385/Sons-of-Gallipoli-Interactive-Documentary

Un/Civilized (http://www.washingtonpost.com/sf/brand-connect/fx/taboo/uncivilized/)

Art Style References :
Welcome to India (https://www.behance.net/gallery/41819743/Welcome-to-India)
Open University (https://www.sequence.co.uk/work/open-university)

Technology Exploration
I was considering Adobe Muse so I looked up tutorials and see what functions it can do. It is an interesting software as it is like a combination of Illustrator and Dreamweaver.

However, I do not think it is as flexible as the HTML5 + CSS3 + Javascript combo. I also wanted my interactive website pages to load its content without refreshing the browser. Most of the developers in the internet suggested AJAX, which I have no experience in. As it has been years since I last opened Dreamweaver, I might need to recap and at the same time, explore more options.

Published by


Believes in creating works that someone can not only see or touch but be part of, to be within them.

Leave a Reply