{"id":41,"date":"2022-04-13T17:48:52","date_gmt":"2022-04-13T17:48:52","guid":{"rendered":"https:\/\/blogs.oregonstate.edu\/zhaom\/?p=41"},"modified":"2022-05-07T21:35:56","modified_gmt":"2022-05-07T21:35:56","slug":"cs-467_week3","status":"publish","type":"post","link":"https:\/\/blogs.oregonstate.edu\/zhaom\/2022\/04\/13\/cs-467_week3\/","title":{"rendered":"CS 467_Week 3"},"content":{"rendered":"\n<p>Welcome to my Blog Post #3! As promised in my last post, let\u2019s dive right into the OSU CS467 Capstone Create Project Plan, and let\u2019s talk Figma. As most CS students should know that one must start the assignment early, and our team sure started as soon as this assignment was released. Our team was consistent over the past 11 days in working asynchronously and synchronously on our project plan. Our final document was 15 pages (no double spacing, but plenty of graphical examples). For this project, it\u2019s more than fulfilling our grading rubric, our group fundamentally wants to create a solid and practical plan. From the past two meetings and group messages, I see that my team members are organized, and they are thoughtful with their contributions. I love the energy and I am grateful for being in this group.&nbsp;<\/p>\n\n\n\n<p>Ready for some Figma fun first? I have been introduced to Figma outside of school about 1.5 years ago when my nonprofit tech team needed to design and prototype fast. Recalling my time before using Figma, my teammates and I were using graph papers to draw out the UI screens. Although we still use graph papers for quick in-person sketching, I prefer to use Figma for designing mobile app interfaces and\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/www.figma.com\/prototyping\/\" target=\"_blank\">prototyping<\/a>\u00a0designs. I like the ability to quickly animate and share prototypes, especially with all of the plugins ready for integration with just a few clicks away. The prototype interactions help me see whether the interactions on each UI frame will meet our user\u2019s stories and their intended actions. I\u2019m a visual person and need time to reflect, so seeing how the screens are connected on the Figma prototype flow has been valuable for me, especially before I spend any time on coding. The Comments collaboration tool in Figma is good for me to note my thoughts for other members\u2019 input on the design and prototype directly. I can easily sort, filter, and resolve comments to keep me on track. Overall, I value any tools that can help me be more organized and productive. I have not used\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/www.figma.com\/wireframe-tool\/\" target=\"_blank\">Figma for wireframing<\/a>\u00a0or as a\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/www.figma.com\/graphic-design-tool\/\" target=\"_blank\">graphic design tool<\/a>. I\u2019ll need to check those out later, along with\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/www.figma.com\/figjam\/brainstorming-tool\/\" target=\"_blank\">FigJam<\/a>\u00a0as a brainstorming tool. Fun stuff ahead. Now, it\u2019s time for me to blog about this course\u2019s Create Project Plan assignment.\u00a0<\/p>\n\n\n\n<p>Our project plan consists of 10 sections. It starts with a short introduction on what we want to accomplish for the target users, a sentence on our team member\u2019s experiences that are relevant to the success of the project, and our motivation to launch a minimum viable product in 3 months. The User Perspective section addressed the 2 main target users (K-12 students, teachers) and our client (our course\u2019s instructor). Now that we know our users&#8217; perspectives and the requirements, we can flow into the Software section to document our thoughts on the software structure. In our Requirement section, our team discussed and agreed upon using React website that will be deployed via Firebase, Flutter environment, Firebase libraries, and backend for both website and app. Now onto our thorough description of our Initial Plan that includes implementation notes and a schedule. This section involved each team member\u2019s full participation, including writing and reviewing User stories, data models, and prototype plans. Each team member took the lead in their interest area. We summarised our Initial Plan section with team members\u2019 plan to focus on functionality and then styling. The Team Member Tasks took the longest to complete, and we ended up working on this section at our weekly Saturday meeting. This made sense as we wanted to share and go over our tasks weekly, and most importantly, synchronize our tasks to support each others\u2019 deliverables. Now onto the Graphical Examples section that includes our NoSQL Entity Relationship Diagram, screen captures of our admin website prototype for teachers, and screen captures of our field app for students. We can now wrap up with a Conclusion section, and of course, we must end with the Appendix and References.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Wow! You made it through to the end of the blog. Feel free to leave me a comment if you have any input about Creating Project Plan. I think it\u2019s pretty standard, and as students, we follow instructions and prompts from our course instructor. Overall, this is one of my favorite group assignments throughout my CS journey at OSU. Perhaps it\u2019s because I\u2019m interested in this project and I have good teammates.&nbsp;<\/p>\n\n\n\n<p>Planning for my next post, I\u2019ll blog about our assignment for the Standup discussion. I\u2019ve started working on the mobile app so I\u2019ll talk more about it then! One more quick note, I was able to get my daily meditation on most days, and I got some fantastic workouts in on Sunday. Maybe I should make Sunday my workout day from now on.&nbsp;<\/p>\n\n\n\n<p>Be Well, Be you, Be present,&nbsp;<\/p>\n\n\n\n<p>M :Z&nbsp;<\/p>\n\n\n\n<p>\u201cWhat we know matters, but who we are matters more.\u201d Brene Brown.&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcome to my Blog Post #3! As promised in my last post, let\u2019s dive right into the OSU CS467 Capstone Create Project Plan, and let\u2019s talk Figma. As most CS students should know that one must start the assignment early, and our team sure started as soon as this assignment was released. Our team was &hellip; <a href=\"https:\/\/blogs.oregonstate.edu\/zhaom\/2022\/04\/13\/cs-467_week3\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;CS 467_Week 3&#8221;<\/span><\/a><\/p>\n","protected":false},"author":12181,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-41","post","type-post","status-publish","format-standard","hentry","category-osu-cs-467-capstone-project"],"_links":{"self":[{"href":"https:\/\/blogs.oregonstate.edu\/zhaom\/wp-json\/wp\/v2\/posts\/41","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.oregonstate.edu\/zhaom\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.oregonstate.edu\/zhaom\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/zhaom\/wp-json\/wp\/v2\/users\/12181"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/zhaom\/wp-json\/wp\/v2\/comments?post=41"}],"version-history":[{"count":5,"href":"https:\/\/blogs.oregonstate.edu\/zhaom\/wp-json\/wp\/v2\/posts\/41\/revisions"}],"predecessor-version":[{"id":71,"href":"https:\/\/blogs.oregonstate.edu\/zhaom\/wp-json\/wp\/v2\/posts\/41\/revisions\/71"}],"wp:attachment":[{"href":"https:\/\/blogs.oregonstate.edu\/zhaom\/wp-json\/wp\/v2\/media?parent=41"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/zhaom\/wp-json\/wp\/v2\/categories?post=41"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.oregonstate.edu\/zhaom\/wp-json\/wp\/v2\/tags?post=41"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}