The VR Browser X 3 DOM VR Hyperlinks

The VR Browser: X 3 DOM VR Hyperlinks Group 1 Anjalee Ovitigala, Isuru Herath, Kevin Lewis, Viseth So

X 3 DOM (pronounced "X-Freedom”) Framework ● X 3 DOM = X 3 D + DOM ● An open source Java. Script framework ● Used to create 3 D scenes declaratively in Web pages ● Based on standard browser technology - No plugin is needed to display X 3 DOM scenes

Problem Statement & Research Question ● Hyperlinks do not feature in 3 D web content. ● Yet hyperlinks are an essential element in the Web. ● How do we enhance 3 D content interaction with hyperlink?

Goals Adding clickable content in an X 3 DOM scene that leads to another page/scene ● A web of such scenes containing such hyperlinks to other scenes Developing a Guestbook widget ● Visitors can leave their own web addresses of their own X 3 DOM page ● Visitors can find those pages from earlier visitors and visit them

Related Work Article Authors Concept 1 Concept 2 X 3 DOM – A DOMbased HTML 5/ X 3 D Integration Model Johannes Behr Peter Eschler Yvonne Jung Michael Zollner Integration of 3 D into HTML 5 declaratively Simplify the process of integrating 3 D into web applications A Dual-Mode User Interface for Accessing 3 D Content on the World Wide Web. J. Jankowski S. Decker Hypertext Mode : Where a 3 D scene is embedded in hypertext. 3 D Mode : Which immerses the hypertextual annotations into the 3 D scene. Linking behavior in a virtual world environment J. Eno S. Gauch C. W. Thompson Use of portals to connect the distributed virtual environments Hyperlink is used to allow user to quickly move from one location to another

Architecture

Completed Work ● Some prototype 3 D scenes were implemented ● Hyperlink was implemented on 3 D objects ● Guestbook Add, Edit and Search pop-up forms were implemented ● Web API and Database was implemented

Web API Call

Demo Screenshots - Guestbook Widget

Demo Screenshots - Add

Demo Screenshots - Clickable 3 D Content

Demo Screenshots - Search

Demo Screenshots - Edit

Code Snippets

Upcoming Work ● Fine tuning the look of 3 D environment ● Hook up front end guest book widget to the Web API that store guest book data ● Usability test evaluation

Discussion and Lessons Learnt ● Understanding and defining the Project Requirements ● 3 D Designing ● Team Members having different perspectives ● Had to make some assumptions ● Time Constraints

Conclusion Hyperlink is implemented in 3 D scene to make it behave in a similar way to hypertext content.

Thank You