Upgrade to Pro — share decks privately, control downloads, hide ads and more …

cookle

daichi
September 11, 2020

 cookle

daichi

September 11, 2020
Tweet

More Decks by daichi

Other Decks in Programming

Transcript

  1. 2 Summary Members Role Divide front-end and back-end roles depending

    on each members’ experiences Dev env React.js, Flask, AWS (S3), and GCP Target User Beginners and Intermediates at cooking who want to make a habit of cooking Action Developing an SNS which connects people through cooking challenges online to support the continuation of self-catering Issue Despite the increasing demand for self-catering, it's difficult for beginners to continue cooking.
  2. 3 Summary Members Role Divide front-end and back-end roles depending

    on each members’ experiences Dev env React.js, Flask, AWS (S3), and GCP Target User Beginners and Intermediates at cooking who want to make a habit of cooking Action Developing an SNS which connects people through cooking challenges online to support the continuation of self-catering Issue Despite the increasing demand for self-catering, it's difficult for beginners to continue cooking.
  3. 4 Issue • Increased time at home due to self-restraint

    from going out • Needs to save money due to reduced part-time hours Huge demand for self-catering
  4. 5 Issue • Increased time at home due to self-restraint

    from going out • Needs to save money due to reduced part-time hours Huge demand for self-catering Issue1 : Lack of motivation to cook alone everyday Issue2 : A self-catering recipe has become stereotyped
  5. 6 Issue • Increased time at home due to self-restraint

    from going out • Needs to save money due to reduced part-time hours Huge demand for self-catering Issue1 : Lack of motivation to cook alone everyday Issue2 : A self-catering recipe has become stereotyped https://prtimes.jp/main/html/rd/p/000000005.000050254.html Increased : 71%
  6. 7 Summary Members Role Divide front-end and back-end roles depending

    on each members’ experiences Dev env React.js, Flask, AWS (S3), and GCP Target User Beginners and Intermediates at cooking who want to make a habit of cooking Action Developing an SNS which connects people through cooking challenges online to support the continuation of self-catering Issue Despite the increasing demand for self-catering, it's difficult for beginners to continue cooking.
  7. 8 Target User • Beginners at cooking • who want

    to make a habit of cooking. • who live alone and need to cook for themselves. • Intermediates at cooking • who want to make a habit of cooking. • who want to expand their repertoire of recipes.
  8. 9 Target User • Beginners at cooking • who want

    to make a habit of cooking. • who live alone and need to cook for themselves. • Intermediates at cooking • who want to make a habit of cooking. • who want to expand their repertoire of recipes. I made a cooking account on Instagram to continue cooking for myself, but I stopped after three days. https://www.instagram.com/haya.nana/
  9. 10 Summary Members Role Divide front-end and back-end roles depending

    on each members’ experiences Dev env React.js, Flask, AWS (S3), and GCP Target User Beginners and Intermediates at cooking who want to make a habit of cooking Action Developing an SNS which connects people through cooking challenges online to support the continuation of self-catering Issue Despite the increasing demand for self-catering, it's difficult for beginners to continue cooking.
  10. 11 Action Developing an SNS to support the continuation of

    self-catering • Connecting people through an SNS and cooking challenges online • No other services which motivate people to continue self-catering • Record : miil, Instagram, etc. • Recipe : Rakuten Recipe, cookpad, pecco, etc. 5
  11. 12 How to solve issues Issue1 : Lack of motivation

    to cook alone everyday • Ideas to maintain the cooking motivation • Photos: Stylish Instagram-like photo display • Badges : Collecting badges by cooking from the unachieved recipe and the times it was cooked • Points : Obtaining points by cooking continuously • Ranking : Ranking of the number of badges and points 5 My Page Status Page id0001 2000pt id0002 1600pt id0003 1200pt id0004 1100pt id0005 1000pt id0006 900pt Ranking Page
  12. 13 How to solve issues Issue2 : A self-catering recipe

    has become stereotyped • Ideas to explore more recipes • Badges : Collecting badges by cooking from the unachieved recipe and the times it was cooked • Meal Ranking : Ranking of the popular meals cooked by users • Timelines : The posts of the following users appear on the timeline • Daily Bonus Points : Obtaining more points according to each day’s recipe subject 5 My Page Timeline Page id0001 2000pt id0002 1600pt id0003 1200pt id0004 1100pt id0005 1000pt id0006 900pt Ranking Page
  13. 14 Product Overview Cookle Login Form id password Login Sign

    Up Image Post Form Dish Names Post id0001 2000pt id0002 1600pt id0003 1200pt id0004 1100pt id0005 1000pt id0006 900pt 22 Login 5 My Page Nav Bar Status Ranking Others Post Award Timeline
  14. 15 Function List • Sign Up • Login • Timeline

    Page • Daily Bonus • Post Page • Get Badge Function • My / Others’ Page • Badge / Graph Status Page • Total / Monthly, Total / Followee, Badge / Point Ranking • Follow / Unfollow • Total / Weekly Meal Ranking • Meal Search
  15. 16 Summary Members Role Divide front-end and back-end roles depending

    on each members’ experiences Dev env React.js, Flask, AWS (S3), and GCP Target User Beginners and Intermediates at cooking who want to make a habit of cooking Action Developing an SNS which connects people through cooking challenges online to support the continuation of self-catering Issue Despite the increasing demand for self-catering, it's difficult for beginners to continue cooking.
  16. 17 System Architecture Environment • GCP(Google Cloud Platform) server Languages

    / Frameworks • Front-end : TypeScript / React.js • Back-end : Python / Flask Database • SQLite (including image URL) • Amazon S3 (image storage)
  17. 18 How we developed • GCP : To run in

    the same environment • VSCode Remote SSH & Live Share : To share the source code and editing lines in real time • Jira & MURAL : To visualize others’ progress • Zoom room : Separate the Zoom room in order to discuss by sub-teams
  18. 19 Technical Strength System • Reduce the size of the

    database by using cloud storage(S3) and make it a scalable system • Implement SNS functions such as user authentication, posting, timelines, follow-followed relationships, etc. • The development was divided into a front application server and a back-end API server • You can access our app already. Authentication • Managing login sessions using browser storage containing JWT (json web token) • Securing access to URLs based on the authentication status Design • Mobile layout for target users
  19. 20 Summary Members Role Divide front-end and back-end roles depending

    on each members’ experiences Dev env React.js, Flask, AWS (S3), and GCP Target User Beginners and Intermediates at cooking who want to make a habit of cooking Action Developing an SNS which connects people through cooking challenges online to support the continuation of self-catering Issue Despite the increasing demand for self-catering, it's difficult for beginners to continue cooking.
  20. 21 Kimura Members’ Roles First, we shared the details of

    the skills we each have. Masui Kajiura Niimi Kudo Python TypeScript Python Design Python TypeScript Ohmura Python Infrastructure Python CSS Python SQLite
  21. 22 Members’ Roles Then, we created sub-teams according to the

    skills that each member. Kimura Masui Kajiura Niimi Kudo Python TypeScript Back-end Front-end Python TypeScript Ohmura Python Design Python Infrastructure Python CSS Python SQLite
  22. 23 Members’ Roles Schedules were assigned according to the priority

    of the tasks. Implementation Priority GCP Database Database My-page Authentication Ranking Timeline Amazon S3 Posting Debug Badge Status PPT Slides CSS Search Idea Kimura Masui Kajiura Niimi Ohmura Kudo Python TypeScript Back-end Front-end API Connection Authentication Error Handling Tech Lead Routing Header Image List Facilitator Python TypeScript Python Design Python Infrastructure Python CSS Python SQLite
  23. 24 Members’ Role Appropriate task assigning & Frequent information sharing

    Product Design Final Product MVP Desired Function Future Work Implemented function Introduced following a product design review
  24. 26 Function List • (Sign Up) • Login • Timeline

    Page • Daily Bonus • Post Page • Get Badge Function • My / Others’ Page • Badge / Graph Status Page • Total / Monthly, Total / Followee, Badge / Point Ranking • Follow / Unfollow • Total / Weekly Meal Ranking • Meal Search ? I'll show you the functions in the demo, starting from the top of the left list.
  25. 28 Summary Members Role Divide front-end and back-end roles depending

    on each members’ experiences Dev env React.js, Flask, AWS (S3), and GCP Target User Beginners and Intermediates at cooking who want to make a habit of cooking Action Developing an SNS which connects people through cooking challenges online to support the continuation of self-catering Issue Despite the increasing demand for self-catering, it's difficult for beginners to continue cooking. Now available here →