WEEK 12: TECHINICAL & CONTENT PLANNING

  

Do Good Project WEEK 12

Pitch Deck

link to pitch deck: https://www.canva.com/design/DAF6byw7VKs/SBv6a-ojmmfV7BfnOo5N7Q/edit?utm_content=DAF6byw7VKs&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

Technical Workshop

I manage to establish connections between two clients via a server by using node.js and socket.io. This proves that it can handle multiple users at one time. Next, I'm planning to find out about how to start the local host on the mobile webpage.

As the user input is through a mobile webpage. I had to find a way to create separate scenes for questionnaires platform and the gyroscope controller. I did a research about switch case (basically like creating scene in Unity). 

I manage to create two scene but it has some bugs which are the gyrocircle kept appearing on both scene when it suppose to only appear in one scene. I suspect I have an extra code creating/duplicating the circle, but I haven't manage to find it yet.

Tutorial List:

‌The Coding train (2016). 12.1: Introduction to Node - WebSockets and p5.js Tutorial. YouTube [online] 13 April. Available at: https://www.youtube.com/watch?v=bjULmG8fqc8&ab_channel=TheCodingTrain [Accessed 4 Feb. 2024].

‌The Coding train (2016). 12.2: Using Express with Node - WebSockets and p5.js Tutorial. YouTube [online] 13 April. Available at: https://www.youtube.com/watch?v=bjULmG8fqc8&ab_channel=TheCodingTrain

‌The Coding train (2016). 12.3: Connecting Client to Server with Socket.io - WebSocket and p5.js Tutorial [online] 13 April. Available at: https://www.youtube.com/watch?v=bjULmG8fqc8&ab_channel=TheCodingTrain

‌The Coding train (2016). 12.4: Shared Drawing Canvas - WebSockets and p5.js Tutorial. YouTube [online] 13 April. Available at: https://www.youtube.com/watch?v=i6eP1Lw4gZk&ab_channel=TheCodingTrain 

xin xin (2020). 8.3 Switch Statement - Changing Scenes! - p5.js Tutorial. YouTube [online] 20 October. Available at: https://www.youtube.com/watch?v=cxppa6dNzxE&t=32s&ab_channel=xinxin 

‌