|
| 1 | +--- |
| 2 | +title: "DMP ’25 Week 11 Update by Aman Naik" |
| 3 | +excerpt: "This week focused on restructuring the advice feature for persistent visibility within the sidebar and refining the UX to better support students’ writing flow." |
| 4 | +category: "DEVELOPER NEWS" |
| 5 | +date: "2025-08-16" |
| 6 | +slug: "2025-07-16-dmp-25-AmanNaik-week11" |
| 7 | +author: "@/constants/MarkdownFiles/authors/amannaik247.md" |
| 8 | +tags: "dmp25,writeactivity,write,sugarlabs,week11,amannaik247" |
| 9 | +image: "assets/Images/c4gt_DMP.webp" |
| 10 | +--- |
| 11 | + |
| 12 | +<!-- markdownlint-disable --> |
| 13 | + |
| 14 | +# Week 11 Progress Report by Aman Naik |
| 15 | + |
| 16 | +**Project:** [Add an AI-assistant to the Write Activity](https://github.com/sugarlabs/write-activity/issues/52) |
| 17 | +**Mentors:** [Walter Bender](https://github.com/walterbender), [Ibiam Chihurumnaya](https://github.com/chimosky) |
| 18 | +**Reporting Period:** 2025-08-10 – 2025-08-16 |
| 19 | + |
| 20 | +--- |
| 21 | + |
| 22 | +## Goals for This Week |
| 23 | + |
| 24 | +- Move the advice section into the sidebar for persistent visibility |
| 25 | +- Add a button to toggle the advice section within the sidebar |
| 26 | + |
| 27 | +--- |
| 28 | + |
| 29 | +## This Week’s Achievements |
| 30 | + |
| 31 | +1. **Integrated Advice Section into Sidebar** |
| 32 | + - Previously, the “Get Advice” button lived in the toolbar and printed feedback in the console, which was not accessible or user-friendly. |
| 33 | + - I redesigned the interaction so that advice now appears inside the sidebar alongside the framework view. |
| 34 | + - This allows students to keep advice visible while continuing to build their story, instead of losing it after an action or context switch. |
| 35 | + |
| 36 | +  |
| 37 | + |
| 38 | +2. **Toggle Button for Advice Section** |
| 39 | + - Added a dedicated toggle button within the sidebar to control the visibility of the advice section. |
| 40 | + - Students can now choose between focusing only on the story framework or expanding the sidebar to see both the framework and advice in parallel. |
| 41 | + - The sidebar structure now uses `Gtk.Stack` to handle multiple subviews cleanly, preventing layout conflicts and allowing for flexible switching between sections. |
| 42 | + |
| 43 | +  |
| 44 | + |
| 45 | +--- |
| 46 | + |
| 47 | +## Challenges & How I Overcame Them |
| 48 | + |
| 49 | +- **Challenge:** Persistent visibility for advice section |
| 50 | + **Problem:** In the old design, advice appeared below the toolbar button but disappeared when clicking anywhere else, meaning the student could not revisit it. |
| 51 | + **Solution:** Created a dedicated advice section inside the sidebar and added a toggle button to control its display. This ensured persistence and improved discoverability without cluttering the workspace. |
| 52 | + |
| 53 | +- **Challenge:** Iterating UX without upfront testing |
| 54 | + **Problem:** The initial design underestimated the importance of persistent context. Students often need to revisit advice multiple times while writing. |
| 55 | + **Solution:** Midway through implementation, I restructured the UI to reflect actual student needs, demonstrating the importance of adaptive design based on iterative testing and mentor feedback. |
| 56 | + |
| 57 | +--- |
| 58 | + |
| 59 | +## Key Learnings |
| 60 | + |
| 61 | +- Learned how to use `Gtk.Stack` effectively to manage multiple sidebar views (chat, framework, advice) while maintaining a clean state transition. |
| 62 | +- Understood the importance of persistent UI components in educational tools, where students benefit from continuous access to feedback and guidance. |
| 63 | +- Realized that UX design often requires mid-development revisions and that structured mentor feedback helps identify overlooked usability issues. |
| 64 | + |
| 65 | +--- |
| 66 | + |
| 67 | +## Next Week’s Roadmap |
| 68 | + |
| 69 | +- Implement saving of chat history into the Sugar Journal for persistence across sessions |
| 70 | +- Begin integrating Sugar AI as the inference backend, replacing the temporary Groq API placeholder |
| 71 | + |
| 72 | +--- |
| 73 | + |
| 74 | +## Acknowledgments |
| 75 | + |
| 76 | +Thanks to my mentors for guiding me through iterative design discussions and encouraging me to prioritize the student’s perspective in UI/UX decisions. |
| 77 | + |
| 78 | +--- |
0 commit comments