David Promisel'S Journal

Week 1 (10 hours)

2/2 - Researched important usability principles and explored how same principles can be applied to VR/AR - https://www.usability.gov/what-and-why/usability-evaluation.html (2)

2/3 - Investigate sound in VR - https://medium.com/@jain.yasha/audio-reactive-vr-d9e08e4ac847 (1)

2/4 - Performed research on AR/VR as a whole - articles, videos, comment sections (7.5). I am interested in the increasing availability of VR for the masses, visualization of sound in VR, as well as computer vision with AR.

Week 2 (8 hours)

2/8 - After some research into sound and VR and reflection about making valuable contributions to the class, I have decided to pivot to a software comparison and tutorial of the most popular WebVR development kits (3)

2/10 - Before rushing into the project it is important to take a step back and do an analysis as to the best approach to my project plan. My goals for this project are to survey the available WebVR API frameworks and make a software comparison (5).

Week 3 (10 hours)

2/11 (5) - FIRST PROJECT DESCRIPTION:

Title - Exploring WebVR

Description: The goal of my project is to survey the different WebVR software development kits.

Contributions: First contribution is a comparison of each of the WebVR software development kits. As part of the comparison I will create a simple tutorial of how to program basic data visitation with the respective toolkits.

Prior Knowledge: I have a lot of experience with web development. However, I have never worked with WebVR. Thus, I think this is the perfect time to expand my current knowledge and learn a new important library: WebVR.

Pre-Project Activities: Determine the 3 relevant WebVR development kits up for comparison, finalize data set type to be used in tutorial

Milestones:

• Week 1:

  • • Create quantitative and qualitative metrics to be used for comparison of the development tracks.

    • "Hello World" in each of the development kits

• Week 2:

  • • In software comparison, contrast the setup ("Hello World") of each kit

    • Load data in each development kit, parse and clean data as necessary

    • Begin scripting of tutorial video

• Week 3:

  • • In software comparison, contrast loading data in each kit

    • Basic visualization of data in each development kit

• Week 4:

  • • Finish data visualizations

    • Finish tutorial write up draft

• Week 5

  • • Based on current status, either play catch up on tasks up to this point or begin filming of video tutorial

• Week 6

  • • Edit and finalize video tutorial

Deliverable: My project will have a number of deliverables. Most obvious deliverable will be three static web pages with WebVR implemented. Additionally, I will create a comparison of the different WebVR kits used to build the static web pages. Further, I will create a brief tutorial for each of the development kits. With time permitting, I will also create a video tutorial that encapsulates the written comparison and tutorials previously mentioned.

2/12 (5)

• Attended Facebook AR/VR Tech Talk on 2/12 (2)

• Pre-Project Activities (2):

  • • Determined WebVR software kits (going to review 3 of the following):

      • • A-Frame

        • React VR

        • Sketchfab

        • Vizor

    • Determined that I want to use geo-spatial data of Rhode Island for visualizations

2/13 - Self-Evaluation of Journal

• Journal activities are explicitly and clearly related to course deliverables - 4

• deliverables are described and attributed in wiki - 4

• report states total amount of time - 5

• total time is appropriate - 3

Week 4 (15 Hours)

2/17 - "Hello World" in A-Frame (6 hours)

• A-Frame School (4 hours)

• Demo, Github (2 hour)

2/18 - "Hello World" in React-360 (4 hours)

• Getting started with React VR - https://www.youtube.com/watch?v=HJg8CMPNp3w (1 hour)

• Transitioning from React VR -> React 360, related blog post: https://facebook.github.io/react-360/blog/ (1 hour)

• Implement "Hello World" App - Github (2 hours)

2/19 - "Hello World" in the DataVerse (3 hours)

• Learning about DataVerse - Documentation

• Example Google Sheet Template

2/21 - Presentation - Google Slides (2 hours)

Week 5 (4.5 hours)

2/23 - Learn how to create A-Frame components to load and visualize data - https://aframe.io/docs/0.4.0/core/component.html#custom-property-type (2 hours)

2/24 - Learning more about the possibilities (and limitations) of React-360 - https://hackernoon.com/virtual-reality-with-react-360-ce24b611f0f5 (1.5 hours)

2/25 - Learning more about the creation of Dataverse - https://medium.com/journalism360/immersive-data-visualisation-a-brief-update-on-our-journalism-360-grant-99b37acfb3b2 (1 hour)

Week 6 (10 hours)

Create Outline for A-Frame Getting Started with Web VR Tutorial (10 hours)

Week 7 (10 hours)

Research .gltf and .obj sources (2 hours)

UPDATED FIRST PROJECT DESCRIPTION (8 hour):

Title - Exploring WebVR

Description: The goal of my project is to survey the different WebVR software development kits.

Contributions: First contribution is a comparison of each of the WebVR software development kits. As part of the comparison I will create a simple tutorial of how to program basic data visitation with the respective toolkits.

Prior Knowledge: I have a lot of experience with web development. However, I have never worked with WebVR. Thus, I think this is the perfect time to expand my current knowledge and learn a new important library: WebVR.

Pre-Project Activities: Determine the 3 relevant WebVR development kits up for comparison, finalize data set type to be used in tutorial

Milestones:

• Week 7:

  • • In software comparison, contrast the setup ("Hello World") of each kit

    • Load data in each development kit, parse and clean data as necessary

    • Begin scripting of tutorial video

• Week 8:

  • • In software comparison, contrast loading data in each kit

    • Basic visualization of data in each development kit

• Week 9:

  • • Finish data visualizations

    • Finish tutorial write up draft

• Week 10:

  • • Record YouTube videos of primary A-Frame functions

    • Prepare presentation

Deliverable: My project will have a number of deliverables. Most obvious deliverable will be three static web pages with WebVR implemented. Additionally, I will create a comparison of the different WebVR kits used to build the static web pages. Further, I will create a brief tutorial for each of the development kits. With time permitting, I will also create a video tutorial that encapsulates the written comparison and tutorials previously mentioned.

Week 8 (10 Hours)

Wiki Post Progress (10 hours):

• • VR Development Software

    • Comparisons

      • WebVR Comparison: A-Frame vs. React-360 (80%)

    • Tutorials

      • A-Frame / React-360: 3D Models (50%)

Week 9 (8 hours)

• Project 1 Final Presentation (4 hours)

• Wiki Contribution Completion (3 hours)

• Project 2 Pre-Proposal (1 hour)

Week 10 (10 hours

• Survey on available Music Visualization software (3 hours)

• Investigation of Tilt Brush and Virtual Music (2 hours)

• A-Frame Spotify Frontend App Implementation (5 hours)

Week 11 (12 hours)

• User Authentication with Spotify Backend using SpotiPy and Flask (8 hours)

• Integration of Spotify backend with A-Frame Frontend (4 hours)

Week 12 (10 hours)

• 4/20 - Set up tutorial with Zweg for class. Each student will use TiltBrush and Virtual Music and respond on a feedback form I made (2.5 hours).

• 4/21 - Set up presentation and tutorial for class (1.5 hours)

• 4/23 - Ran tutorial with Zweg in class (1.5 hours)

• 4/25 - Finish up Spotify VR Audio Experience Application (4.5 hours)