nativesintech / mmiwg2s Goto Github PK

We need to make sure the image sizes are no too large. So let's try for around 1mb per image. We will need to use compression of some sort to do this.

• Should be part of the slides
• Use text from figma: Agreement 3
• Add I Agree button
• Tapping I agree should move you to camera view
  https://www.figma.com/file/FpmBgui9L0VjuLCytJ7fNK/Screens?node-id=1103%3A1

Add the MMIW banner and swipable stats/quotes view across the bottom of the screen.

See those elements here: https://www.figma.com/file/UOBTQ8qkOSJjMf8SeySiPr/Screens?node-id=1239%3A140

Maybe this can be done programmatically
Short term just add a new hand png?
https://www.figma.com/file/FpmBgui9L0VjuLCytJ7fNK/Screens?node-id=1103%3A1

Noticed in Testflight build 1.0(10)` that I can get to the Share options without populating the Name or Email fields.

The user can swipe to progress slides. We just want to extend for the last slide to the agreement page if possible.

Create share page that overlays edit screen after user taps Send to button.
See this figma for view: https://www.figma.com/file/UOBTQ8qkOSJjMf8SeySiPr/Screens?node-id=1528%3A160

The Share Button sends the image and information to us and then move to system share. The image, email, and state should just be passed to an empty function at this point.
The Skip button goes directly to the system share button.
The back button at the top should restart the face editing view.
The grey box should be the user's image they will share. Could be cropped, doesn't have to fit. Could also be shrunk to fit. Do the faster one as the design may change.

• Maybe this can be done programmatically
• Short term just add a new hand png?

https://www.figma.com/file/FpmBgui9L0VjuLCytJ7fNK/Screens?node-id=1103%3A1

Currently the capture button only captures the AR scene. We may get the banner and quote views for free, but we will need to test and copy the views that don't automatically get added when capture is tapped.

In /Face.scnassets/ directory

We will set up a Firestore database and have the info from the shared screen be added there.

To do, dynamically update button sizes when tapped.

Add haptic feedback, like the other buttons use, i.e., capture, send to, etc.

• We could have two pngs for hand color
• We could try to change the tint of the hand

https://www.figma.com/file/FpmBgui9L0VjuLCytJ7fNK/Screens?node-id=1103%3A1

We could have two pngs for hand color
We could try to change the tint of the hand
https://www.figma.com/file/FpmBgui9L0VjuLCytJ7fNK/Screens?node-id=1103%3A1

Use figma for assets and specs

Create Static Intro page.

• Add this screen from figma: Intro 3
• Should have hand, black background, #MMIW and MMIW spelled out.

https://www.figma.com/file/FpmBgui9L0VjuLCytJ7fNK/Screens?node-id=1103%3A1

Use background image, headers, and facts from Figma.

Should include picture in background
Faded background for text
Add statistic
Add #MMIW
Add tappable Next button
Add indicators
Should be swipe-able
https://www.figma.com/file/FpmBgui9L0VjuLCytJ7fNK/Screens?node-id=1103%3A1

This is probably a precursor to #18 and #19

This function will be used to clear the screen of unwanted elements after the users taps the capture button.

Note: Currently I'm use the activity XML to handle things we don't want captured. So things that we want captured should be on the FaceArFragment.

This is probably a precursor to #31 and #30

Reproduction Steps:
Go through the experience and skip the share with us section.
The iOS share sheet will come up.
Tap a social media app.
The screen will flash and then it will fall back to the app.

Issue: If the user decline the camera permissions, or it times out at the screen for granting, it seems like we lose the majority of functionality, should we re-prompt the user that they need to grant camera?

Waiting for design, but this should be a page that comes up over the camera view.

We will set up a Firestore database and have the info from the shared screen be added there.

Use fake image if real image isn't available yet..

Should be part of the slides
Use text from figma: Agreement 3
Add I Agree button
Tapping I agree should move you to camera view
and save a user default so this page doesn't show again after they hit Agree.

https://www.figma.com/file/FpmBgui9L0VjuLCytJ7fNK/Screens?node-id=1103%3A1

Create share page that overlays edit screen after user taps Send to button.
See this figma for view: https://www.figma.com/file/UOBTQ8qkOSJjMf8SeySiPr/Screens?node-id=1528%3A160

The Share Button sends the image and information to us and then move to system share. The image, email, and state should just be passed to an empty function at this point.
The Skip button goes directly to the system share button.
The back button at the top should restart the face editing view.
The grey box should be the user's image they will share. Could be cropped, doesn't have to fit. Could also be shrunk to fit. Do the faster one as the design may change.

Create Static Intro page.

Add this screen from figma: Intro 3
Should have hand, black background, #MMIW and MMIW spelled out.
https://www.figma.com/file/FpmBgui9L0VjuLCytJ7fNK/Screens?node-id=1103%3A1

Noticed in testing on a Samsung S9 device that the #MMIW header shows green instead of transparent.

We need to make sure the image sizes are no too large. So let's try for around 1mb per image. We will need to use compression of some sort to do this.

When things are closer to the end, let's clean up the unused files.
• /MMIW/iOS/MMIWG2S/Face.scnassets/fox_face.scn
• /MMIW/iOS/MMIWG2S/Face.scnassets/[any unused hand pngs]

The spacing for the camera button is a bit too close

Noticed when I rotated my iPhone on taking a photo then airdropping to my computer to send, it flipped the image upside down, might want to lock in portrait mode.

Should include picture in background
Faded background for text
Add statistic
Add #MMIW
Add tappable Next button
Add indicators
Should be swipe-able
https://www.figma.com/file/FpmBgui9L0VjuLCytJ7fNK/Screens?node-id=1103%3A1

• Should include picture in background
• Faded background for text
• Add statistic
• Add #MMIW
• Add tappable Next button
• Add indicators
• Should be swipe-able
  https://www.figma.com/file/FpmBgui9L0VjuLCytJ7fNK/Screens?node-id=1103%3A1

This is a test, this is only a test.

• This should pull up the Android share screen with available apps
  • E.g., Instagram, facebook, etc.
• Use fake image if real image isn't available yet..

https://www.figma.com/file/FpmBgui9L0VjuLCytJ7fNK/Screens?node-id=1103%3A1

This is a good ole race condition. Where as the text view is populating, the screen is getting copied, so it doesn't have time to always finish. This usually happens on the first go.

After the user taps the capture button. Pause the AR view and remove the capture and color buttons.
Add Back and Send to buttons on image edit view.
The Back button will unpause the AR view and remove the Back and Send to buttons. It will also add back the color and capture buttons.
The Send to button will go to the Share with us screen in #46

Seen here in figma:

https://www.figma.com/file/UOBTQ8qkOSJjMf8SeySiPr/Screens?node-id=1239%3A140

Add MMIW header and quotes carousel.

The original Android animation for the MMIW didn't come up from the bottom, and I want to fix that

• Use asset from figma
• Should be tappable

https://www.figma.com/file/FpmBgui9L0VjuLCytJ7fNK/Screens?node-id=1103%3A1

From Kaitlyn's previous review:
The button position would be great if it was moved up a tad. When I hit it, it coincides in position on the screen with the home button if the buttons are brought up from immersive mode so a few times in testing I accidentally hit the home button. I know this isn't the final iteration but that was tricky
Try to find a way to disable the button when it has been hit once. I was able to hit it upwards of 10 times before the share drawer appeared and then I had to hit back 10 times to get rid of it. Should only open the share intent once.
Otherwise, totally works!

If the user does not like the picture they took we should have a way to retake the photo.

To do this add a back button to the edit image view and have that button unpause ARCore.

Also add the send to button to share the image.

Android has a library called PixelCopy for this: https://codelabs.developers.google.com/codelabs/sceneform-intro/index.html?index=..%2F..io2018#15