Week 13 | Design and Final Progress Update
A few final design changes were made with regards to the AR, chat function, promotional material, logos and final prototype.
David worked on the map function and the augmented reality with the use of Google AR Core. He is currently facing a few difficulties especially in regards to the compatibility with Android/iPhone. He owns an iPhone but doesn’t use a Mac so he has to borrow his mum’s Samsung Galaxy s7. For the exhibition, we were planning to use Hamish’s s8, which also showed problems in the past week as the Marvel App default dimensions didn’t consider the large size of Hamish’s phone. The AR did end up working later on with the Android and David attempted bringing up the marker on larger printed sheets of our logo that act as a marker. There were some issues picking it up and as the 3D marker hadn’t been created yet, Sonic came along to help.
Use of Sonic as an ex
Use of AR with Momoka's Blender fbx file. Surprisingly it was detectable on any surface as long as the physical marker wasn't distorted in any way.
With the printed logo marker, it was important that it was held at a certain angle and didn’t have any glare that could hinder the camera’s detection. David posted his work on the glitch page available here: https://glitch.com/edit/#!/join/8d173570-2a1e-489b-8d41-9cec7d34a77d.
Momoka was in charge of creating the 3D marker, and after an exhausting 5 hour wait with 2 canceled downloads, Blender finally downloaded. With no knowledge of how to make anything on Blender and a lot of her laptop completely shutting down, we finally had a 3D marker that was saved as a .blend, .FBX and .3DS file so that David was able to use it in Unity. It was discovered that fbx was the only one that would work due to some compatibility issue despite Sonic being a 3Ds file.
The download speed was excruciatingly slow. The fastest time seen was 24 kb/s and was completed at UQ with eduroam.
The 3D marker used the 2D map marker created by Hamish. Video won't load on Github hence the hyperlink.
The 3D marker was rendered using the map markers as a a foundation for design. Future user testing would be placed on the design of the marker as it is understandable that it doesn’t wholly imply that it’s a location but hopefully the paradigm of the pointed bottom and its use on a map allows users to intuitively understand that it is a location marker.
The final design for the 3D marker.
David tried out the chat function at first with an example found here: https://bootsnipp.com/snippets/featured/simple-chat, but any changes that were made to it rendered it useless. Momoka took over while David focused on the implementation of the AR marker and was able to change the chat so that it worked with the messages and sent automated messages that would hopefully be enough as proof of concept. With the use of the input for the side, shown as ${side}, it would float to the respective side. There was some issue with the spacing as shown below that was fine when viewed on a mobile phone as there little space next to each message. Also shown in the image is the float of the input field, but as Hamish has worked with Bootstrap quite often he was able to fix this with an additional css variable. Due to the capabilities of MarvelApp, the site couldn’t redirect to the phone app so the applications would have to be accessed manually.
We had 5 sticker designs done up by Momoka and printed off by her sister. The designs were finalised through polling on the group chat; we were originally going to have 4 stickers but chose 5 in the end. There was a printing minimum with 250 stickers, and we pay by sheet but with the circular stickers, we were able to fit 6 * 9. So with 54 on each sheet, 250/54 is 4.63 hence a minimum 5 sheets.
All stickers with every variation of the colour palette. Only 4 could be chosen at first but 5 were chosen in the end.
The final 5 stickers chosen for the showcase.
The team logo also had design changes made to them and David also had a little bit too much time printing off name tags at Officeworks so we will be extra prepared for our exhibition.
Potential team logo that looked like a bank app
This was done on a whim of random inspiration
The sizes of each tool weren't the same hence the logo wasn't aligned. Turning them inwards allowed for that issue to be hidden
The final design!