WEEK 13: TECHNICAL & CONTENT

  

Do Good Project WEEK 13

During this week, I try to concurrently build the content as I build my technical side. As for the content-side, I continue to develop my Lo-fidelity Ui design.

Lo-fidality development

On 2nd February, I received few pointers from Louise on things I have to look out for, such as improvement in my UX writing. She also suggested to shift focus towards the negative budgeting traits, which are spender and procrastinator. This adjustment will allow me to in facilitate content that will effectively assists users in recognizing their negative traits.

In this wireframe, I'm planning add in few characteristics to determine each type of budget characters.  For example, planner is characterized as prioritization, discipline, goal-oriented and knowledgeable. After the consultation with Louise, I made some changes on the traits after researched more on financial jargons. The research led me to few terms: Short-term/long-term, Spendthrift/frugalists, conservative/aggressive and debt-averse/debt-neutral.

Short-term/Long-term: To evaluate the participant's the financial planning.

spendthrifts/ frugalist: To assess the participant's spending habits in terms of how they manage and allocate their allowance.

debt-averse/debt-neutral: Evaluating individual's approach to debt management.

conversative/aggressive: Examine a participant's risk tolerance. 

 Technical Development

I'm able to run the website on my mobile phone with the help of Ron. Instead of using localhost default address (127.0.0.1), we switch it to the Wi-Fi address while adding the server port as well (:3000). During the process, I have to switch off the firewall due to the Window security disrupting the connection between the server and my mobile signal.

Previously, I managed to make the gyroscope work within the p5js Editor. But when I tried the gyroscope event on the phone, it doesn't work. I tested out with event like resizing and it works. (the console.log works)

Later on, I found out that the gyroscope event will only work within secure contexts (HTTPS). I suspect this could be the reason why the gyroscope doesn't work on my phone.

Learning Plan Changes

I adjusted my learning plan to focus on creating interactive projected content instead of pursuing projection mapping. This shift is due to my transition in technical focus, moving from processing towards learning p5js and nodejs. The decision also allows me to focus on my learning progress in creating the connection between two devices and explore their application within interactive content creation.

Old ver.

New ver.

Content refence:

• Consumer Financial Protection Bureau. (n.d.). Financial Habits and Norms. [online] Available at: https://www.consumerfinance.gov/consumer-tools/educator-tools/youth-financial-education/learn/financial-habits-norms/.

• Wealth Management (n.d.). What’s your financial personality? [online] Available at: https://www.rbcwealthmanagement.com/en-us/insights/whats-your-financial-personality.

• Investopedia. (n.d.). 5 Money Personality Types: Which One Are You? [online] Available at: https://www.investopedia.com/articles/basics/07/money-personality.asp#:~:text=Key%20Takeaways%201%20Understanding%20the%20various%20money%20personalities 

• Career Money Moves. (2019). Are you debt-neutral, debt-averse, or ‘debt-particular?’ [online] Available at: https://www.careermoneymoves.com/blog/2019/9/22/are-you-debt-neutral-debt-averse-or-debt-useful#:~:text=Debt-Averse%20is%20the%20category%20used%20to%20describe%20people

• Ericson, C. (2022). What’s the Difference Between Conservative and Aggressive Investing and Portfolios? [online] Acorns. Available at: https://www.acorns.com/learn/investing/conservative-vs-aggressive-investing-and-portfolios/.

• Money254 (n.d.). 6 Types of Spenders: Which One Are You? [online] Available at: https://www.money254.co.ke/post/6-types-of-spenders-which-one-are-you-money-management.

• Indeed (2022) Long-term vs. Short-term Goals:Differences and Examples [online] November 10. Available at: Long-Term vs. Short-Term Goals: Differences and Examples | Indeed.com Canada

Technical Reference:

• Stack Overflow. (n.d.). Access to a site on localhost from remote. [online] Available at: https://stackoverflow.com/questions/11364406/access-to-a-site-on-localhost-from-remote
• ‌Stack Overflow. (n.d.). Detect rotation of Android phone in the browser with JavaScript. [online] Available at: https://stackoverflow.com/questions/1649086/detect-rotation-of-android-phone-in-the-browser-with-javascript
• MDN (n.d.). Detecting device orientation - Web APIs [online] Available at: https://developer.mozilla.org/en-US/docs/Web/API/Device_orientation_events/Detecting_device_orientation
• MDN (n.d.). Visual Viewport: resize event [online] Available at: https://developer.mozilla.org/en-US/docs/Web/API/Device_orientation_events/Detecting_device_orientation 

‌

‌