nativesintech / mmiwg2s Goto Github PK
View Code? Open in Web Editor NEWAn Augmented Face app to show support for MMIW
An Augmented Face app to show support for MMIW
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.
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.
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.
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.
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 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.
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
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]
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
This is a test, this is only a test.
https://www.figma.com/file/FpmBgui9L0VjuLCytJ7fNK/Screens?node-id=1103%3A1
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
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
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.