Posts

Kicking Off Development with p5.js

Image
Week 8 This week marked the beginning of the development phase for the NeuroMap  app using p5.js. Based on the storyboard and user flow shaped in previous weeks, I started with building the core interactive puzzle feature. Progress This Week: Built the puzzle framework using p5.js : Build a puzzle function framework in p5.js: This week's key breakthrough is to realize the function that the system can automatically cut the photos uploaded by users into puzzle pieces. In this process, I tried different cutting algorithms. The first two successful attempts failed to correctly reassemble the puzzle due to coordinate misalignment and image blur. Finally, the third attempt achieved accurate cutting and restoration of puzzle pieces. Developed drag-and-drop interaction: I implemented a basic dragging mechanism and added interactive feedback effects (such as mouse hover highlight) to puzzle pieces. This helps improve visual recognition and operation feedback for elderly users. In orde...

Video Editing

Image
Week 7 This week, I focused on the editing phase of the promotional video for the NeuroMap  app. With all footage filmed in Week 6, I began assembling the final cut to bring the narrative to life and highlight the emotional and functional aspects of the app.  Progress This Week: Clip Selection & Arrangement : Carefully screened and selected the best clips from more than 20 video clips. The materials were organized according to the script: a touching opening, app introduction, interactive games, and a touching ending. Transitions & Subtitles : Added smooth transitions between scenes and embedded English subtitles for better accessibility and storytelling clarity. Background Music & Audio Sync : A gentle, sentimental music track was chosen to match the theme of memory and love. Dialogue audio was synced with visuals for natural pacing. App UI Overlay : The screen recording of the integrated app clearly demonstrates how the memory puzzle works. Next Steps: ...

Video Shooting Begins

Image
Week 6 This week marked a major milestone — the video shooting phase officially began for the promotional video of the Memory Puzzle app. With the storyboard and script finalized in Week 5, I proceeded to organize the filming sessions, capturing the emotional narrative and key app interactions. Progress This Week: Filming Completed : All scenes from the four-part script have been filmed, including: The emotional opening where the grandmother gazes out the window. Moments of interaction with the NeuroMap  app. The final scene featuring emotional taglines and app branding. Footage Overview : A wide range of clips was captured across different settings, including both indoor scenes and app close-ups. Visual materials include .MP4 and .MOV formats, with each clip focused on natural expressions and smooth transitions that align with the emotional tone of the story. App Demonstration : A dedicated screen recording of the app prototype was also included to clearly show t...

Video Script Idea

Image
Week 5 This week, I focused on crafting the script for the promotional video of the app. To better communicate the emotional and functional value of the app, I designed a four-scene storyboard that centers around the heartwarming interaction between an Alzheimer's patient and her granddaughter. The goal is to evoke empathy while clearly presenting the key features of Memory Puzzle . Progress This Week: I completed a detailed script consisting of the following four scenes: Warm Opening : A heartwarming opening scene: a grandmother with Alzheimer's stares blankly out the window. Her granddaughter approaches with a tablet and shows an old photo. This scene sets an emotional tone and underscores the theme of memory loss. App Introduction : The screen transitions to the app interface, showing how a photo is uploaded and transformed into a 3x3 puzzle. The grandmother begins to piece it together, her expression gradually softening into a warm smile. This visually demonstrates...

Academic Support for Cognitive Engagement

Image
Week 4 This week, I focused on exploring academic literature to further validate the cognitive value of the app I’m developing. Research on cognitive engagement shows that interactive and visual activities, such as puzzle-solving, are not only beneficial in maintaining cognitive function but also help slow the progression of memory decline to a certain extent. Neurological studies have demonstrated that puzzle-solving activates multiple areas of the brain, promoting neural connectivity and communication, thereby enhancing overall brain function. Academic Reference: Fissler, P., Küster, O. C., Laptinskaya, D., Loy, L. S., Von Arnim, C. A., & Kolassa, I. T. (2018). Jigsaw puzzling taps multiple cognitive abilities and is a potential protective factor for cognitive aging. Frontiers in Aging Neuroscience, 10, 408085. https://doi.org/10.3389/fnagi.2018.00299 Next Steps: Begin planning and producing a promotional video for NeuroMap , aimed at visually presenting the core features...

Initial App Wireframe

Image
Week 3 This week, my main task was to start designing the user interface (UI) for the app based on the core concept and target users established in the previous two weeks. To create a more structured and user-friendly flow, I used Figma to complete the initial wireframe of the app interface. UI Design Goals and Philosophy: In the UI design process, I focused on the following key aspects: Simple and intuitive layout : The interface features large icons, large font sizes, and high-contrast colors to ensure Alzheimer’s patients don’t feel confused during use. Warm and friendly aesthetic : The color palette includes soft pinks, blues, and yellows combined with visual elements of puzzles and memory, creating a comforting and emotional experience. Clear module separation and ease of use : The core functions are organized into five main pages: Start Page, Login Page, Home Page, Memory Map Page, and Achievements Page. This ensures that each step in the user journey is logical and e...

Clarifying the Purpose

Image
Week 2 After receiving feedback from my instructor, I began to rethink the significance and purpose of this app. The core question was: Why would users want to play this puzzle game? Since not everyone would play a puzzle game for no reason, the app must offer more value than just entertainment. Therefore, I redefined the app’s target audience as elderly users with Alzheimer's disease , and repositioned the project as a memory-aid tool . Clarifying the Purpose and Audience: This week, I conducted further research on the cognitive needs of Alzheimer’s patients. I learned that patients often struggle with memory loss, emotional detachment, and difficulty recalling everyday experiences. Compared to ordinary puzzle games, a tool that aids in memory recall and emotional connection would be more meaningful to this group. Thus, my app, which combines jigsaw puzzles with personal photo memories and map-based location cues , could serve as a way to both stimulate cognitive functions ...