Experiential Designing - Task 3

Samer Muhamed Usef / 0357036 / Bachelors of Computer Science (Hons)

Experiential Design
Experiential Design Task 03 - Project Prototype 
19/06/2024 - 08/07/2024 (Week 08 - Week 11)

As from my proposals mockup: https://www.figma.com/design/zxcOKZvoTcr8Qe4Dxj9GgK/FitAr?node-id=0-1&t=5TayYUOl3H1sdpEX-1

1 Splash Screen

Starting off, we have the splash screen which I have tried to recreate (not the final product for UI) which was done with a Panel inside the Canvas and Text which showcases the apps name FitAr.

Figure 1.1: Splash Screen

As for how it works, within the MySplashScreen Script, I've added a method which functions by delaying the process of transition screen by 2 seconds and then loads the FitAr-Screen

Figure 1.2: Script: MySplahScreen

2 FitAr (Main Screen)

As the Splash Screen transitions to the main screen, we can see the main specialty of the application. As for this prototype, I have tested the gym machine detecting capabilities using image detection for make the main functionalities work. Beginning with adding the vuforia packages, putting in the license key and adding the image into the vuforia database to allow for Image detection, I have put a canvas with a panel beside the image detection which follows my mockups concepts.

Figure 2.1: Panel in Canvas

Figure 2.2: Product

With that, I have added in the relevant buttons and the naming of the machine to showcase the features the buttons would demonstrate (As mentioned this wont be the final design of the UI, this is to see if it works). These buttons methods are assigned within the OnClick() event on to the required buttons. 

Figure 2.3: Results

As the backend of this canvas, when clicked on any of the buttons, they would take the user to the respective scene which would provide a visualization of the exercise, variation of the exercise (different machine/workout workaround) 

Figure 1.2: Script: MySplahScree

3 Visualization (1st Button)

Now, Lastly what I had added was the main functionality of this app, being the visualization process of the workout. As for the image being targeted being known as a "smith machine" I have added the required models (Smith Machine, Demonstrating Model) to showcase the exercise properly with the buttons, "Start", "Stop" to handle the animation as well as the "Back" to take the user back to the previous FitAr screen. 

Figure 3.1: Script: My Visualization

Here I have ran the scene to see how it would perform and did how I had imagined it would. But I plan on making it such that when the user clicks the visualization screen, they are to scan the ground and then the model appears with the buttons on the users phones for them to go back or control the animation. Another thing to point is the animation is not well synced together, only the character model moves while the machine remains static which needs to be worked on.

Figure 3.2: Script: MySplahScreen

This is the code I have put in to showcase the capabilities of the Visualization screen in this demo:

Figure 3.3: Script: MyVisualization

Another problem I would like to address is the integration of virtual machine with my phone (IOS). I am confident but uncertain how the application works since I have been trying for multiple weeks on getting my VM to work with the OS Sonoma 15 (OS required for my phone) so I can test this application in my phone.  

To summarize everything, things I have added:

• SplashScreen Functionality 
• ImageTarget with Panel showing buttons
• Visualization Screen with Model and demonstration

Things to change change:

• UI reformat into cleaner style
• Track real world machine for FitAr main screen
• Add more information about machine
• Add Scenes for the buttons "Alternatives" and "Variations" 
• Change Visualization Screen to Scan ground for model to appear

Google Drive

https://drive.google.com/drive/folders/1Lvy3dLBuTPLBiF611U7hM9KtbD5Aso5h?usp=sharing

Prototype

Reflection

I will be really honest and genuine about how I handled the prototype, really poorly. I have self reflected on the ongoing activities and time I have put into this project/module overall and it wasn't the best. Moreover, the integration of this VR application into my phone has still not been resolved when that should have been fixed and compatible weeks back before this project. But upon taking on a new path and solely focusing on this project I had proposed, I have came to become interested in Experiential Design and what it has to offer and furthermore, upon developing my prototype, I have come to take interest towards my aim and goal of my design, FitAr. The things I have done has gratified me and I was happy I could do the work I have put onto it so far (even though overall it wasn't the best result) but the effort I put into it would be a considerate amount due to the interests and resolve I have put forth. I hope to make a great finished product for the final project that would impress my lecturer, inshallah.