sophiakc/memoir1

Group Project: Memoir

++

Memoir has been programmatically animated with Swift (iOS) as a team project for CodePath iOS for Designers.

Team members

Monith Ilavarasan

Namrata Mohanty

Sophia Kecir Camper

App Description

Personal diary attached to my calendar, using Google calendar API and a native calendar.

Wireframes W3


Wireframes W4

        .png)      

Animation suggestion

User Stories

• 1. "Start Writing" View Controller (initial View Controller)

  • No Text Yet to Start Writing - Sophia

    • As a new user, I see that I am going through "No Text Yet" and go straight to "Start Writing" - Sophia
    • As a new user, I can UI Pan Gesture Left and see that I don't have any previous text entry (cf. Dropbox W1: http://courses.codepath.com/courses/ios_for_designers/unit/1#!assignment) - Sophia
    • Automatically Select Text field and toggle keyboard when view loaded with textField.becomeFirstResponder() method - Sophia
    • Optional:

      • Reveal unlock icon + location and time button by following the toggle movement of keyboard (cf. W2 Assignment Carousel) - Sophia (ongoing)

      • When start scrolling, dismiss keyboard

      • toggle keyboard back when: stop scrolling?

      • UI Button for time and location - Sophia

        • Push or Modal segue to Settings page and location enable popup - Sophia
        • Can dismiss the Settings page to go back

  • Unlock icon:

    • Before performing Segue, when tapping on it, message pop up shows up: "Are you sure you have finished writing? You won't be able to edit this text again, it will be read only" - Sophia (ongoing)
    • Save text somewhere in a database?? as the latest text
    • Push or Modal segue to next screen - Monith

• 2. Animation from "Start Writing" to "Read Only" View Controller

  • transition animation with lock icon full screen, then go to read only text
  • UIScrollView with no icon - Sophia
  • Add opacity 0,5 icon (cf. )
    • to go to previous text
    • to go to new text

• 3. "Read Only" VC

  • Has a container view to coordinate all the previous text written or the "not yet text" screen if first user
  • Horizontal scroll left to see previous written texts from the most recent to the last recent

• 4. Animation from any "Read Only" VC to the corresponding "Today" VC

  • UI Pan Gesture down reveals "Today" VC - Namrata
  • The Read only text shrink into the Today small bubble view within the timeline - Namrata (ongoing)
  • The number in the big bubbles updates based on the actual number of words written
  • The number in the big bubbles updates based on the actual number of times a text has been written during the same day

• 5. "Today" View Controller - Sophia (ongoing 11/27/2016)

  • Vertical UIScrollView to bottom to see the different texts written per day in the timeline - Sophia (ongoing 11/27/2016)
  • Horizontal UIScrollView to left to see the text from the day before, and the day before..., one day = one screen
  • Horizontal UIScrollView to right go to a new "Start Writing" View Controller
  • Compute and store the number in the big bubbles (nb of words, nb of times)

• 6. Animation from "Today" VC to "This Week" VC - Sophia (ongoing 11/27/2016)

  • UI Pan Gesture down goes to "This Week" VC - Sophia (done 11/27/2016)
    • Add animation to reveal background when start panning down - IMPORTANT
  • The big bubbles from Today shrink and move into smaller bubbles on the CalendarWeek View - Sophia (ongoing 11/27/2016)
  • The big bubbles from CalendarWeek get bigger to reach the position in the Today View - Sophia (ongoing 11/27/2016)
  • The big bubbles are related to the corresponding day - IMPORTANT

• 7. "This Week" View Controller - Sophia (ongoing 11/27/2016)

  • Horizontal UIScrollView to see the different days of the month - Sophia (done 11/27/2016)
  • Taping the last column (corresponding to today) goes to the corresponding Today View - Sophia (done 11/27/2016)
  • Taping any column goes to the corresponding Day View - IMPORTANT
  • from day to week view: shrink 7 columns into 1 - IMPORTANT Optional:
  • from day to month view: shrink 30 columns into 1
  • from week to month view: shrink 4 columns into 1
  • Pan down to reveal search

• 8. Sign in screens

  • Sign in with Google connect
  • Create new account
  • Sign in with existing account

• 9. Save text as an event in Google Calendar

• 10. Onboarding screens

  • Explain how it works, include: privacy, gestures, how it works
  • UIScrollView through the 3 onboarding screens

• 11. Launch screen

  • add a real logo

• 12.Settings

  • Set up local time and location based on actual dataset up local time and location based on actual data
  • see where else to give access to it?

• 13. Launch in the appstore

• 14. Launch a landing page

Video Walkthrough

Notes / Challenges encountered while building the app:

License

Copyright [2016] Memoir

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.