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

407 Presentation

Avatar for sshah95 sshah95
May 07, 2017
12

407 Presentation

Avatar for sshah95

sshah95

May 07, 2017

Transcript

  1. Motivation Why Flashcards? Available Apps FlashHub Design Views Feedback Future

    Work Code Improvements Additional Features Plans Thank You FlashHub CS 407 Final Project University of Wisconsin-Madison May 7th, 2017 William Pasteris Devin Hartleben Sohil Shah Arman Shanjani
  2. Motivation Why Flashcards? Available Apps FlashHub Design Views Feedback Future

    Work Code Improvements Additional Features Plans Thank You Table of Contents 1 Motivation Why Flashcards? Available Apps FlashHub 2 Design 3 Views 4 Feedback 5 Future Work Code Improvements Additional Features Plans 6 Thank You
  3. Motivation Why Flashcards? Available Apps FlashHub Design Views Feedback Future

    Work Code Improvements Additional Features Plans Thank You Flashcards Valuable learning tool designed to associate a set of information characterized by a ”name” and ”content” Used by countless students and professionals to quickly memorize information Medical students memorizing anatomical features, memorizing words for the SAT, ... Would be useful to have flashcards available on phone and across devices so that ultimately portable Want to be able to: Organize flashcards by topic Share decks publicly Persistent Storage Keep track of performance
  4. Motivation Why Flashcards? Available Apps FlashHub Design Views Feedback Future

    Work Code Improvements Additional Features Plans Thank You Other Flashcard Applications StudyBlue Multiple study modes Relatively heavyweight framework Fees for premium features Magoosh Displays statistics about performance No option to create your own flashcards
  5. Motivation Why Flashcards? Available Apps FlashHub Design Views Feedback Future

    Work Code Improvements Additional Features Plans Thank You FlashHub Easy-to-use, lightweight and functional flashcard application Allow users to create and practice their own flashcards Enable public access of decks created for global use Displays statistics on learning progress and maintains some basic algorithms to allow user to customize ordering of cards
  6. Motivation Why Flashcards? Available Apps FlashHub Design Views Feedback Future

    Work Code Improvements Additional Features Plans Thank You Application Design Front-End: Ionic Build AngularJS HTML CSS NodeJS Backend: Amazon Web Services (AWS) Authentication: Facebook login and AWS Cognito AWS API gateway for our RESTful API Backend Logic: AWS Lambda Database: AWS DynamoDB
  7. Motivation Why Flashcards? Available Apps FlashHub Design Views Feedback Future

    Work Code Improvements Additional Features Plans Thank You Login Figure: Login view for the application. Authenticated using Facebook Login.
  8. Motivation Why Flashcards? Available Apps FlashHub Design Views Feedback Future

    Work Code Improvements Additional Features Plans Thank You My Decks Figure: Listing of all decks that I created. Public decks marked separately. Aggregate statistics for deck displayed.
  9. Motivation Why Flashcards? Available Apps FlashHub Design Views Feedback Future

    Work Code Improvements Additional Features Plans Thank You Public Decks Figure: Allow users to search the public database for decks that are of interest to them. Recently used decks are shown for quick-access.
  10. Motivation Why Flashcards? Available Apps FlashHub Design Views Feedback Future

    Work Code Improvements Additional Features Plans Thank You Viewing/Editing Cards Figure: Allows user to modify the front and back of any individual card they select.
  11. Motivation Why Flashcards? Available Apps FlashHub Design Views Feedback Future

    Work Code Improvements Additional Features Plans Thank You Practice Figure: User can tap card to flip to see other side and can otherwise mark correct or incorrect to progress through the deck. User is given options over flow and content in this practice mode.
  12. Motivation Why Flashcards? Available Apps FlashHub Design Views Feedback Future

    Work Code Improvements Additional Features Plans Thank You Settings Figure: Profile page for user and gives option to logout.
  13. Motivation Why Flashcards? Available Apps FlashHub Design Views Feedback Future

    Work Code Improvements Additional Features Plans Thank You Feedback from Natural Users Ability to batch-create flashcards from other devices From e-mail or through some online application portal to backend Ability to support photos as a face in a flashcard Latency issues from fetching Aggressive caching could solve issue More sophisiticated Cordova plugins Ability to share directly with other users Further exploration of Facebook API
  14. Motivation Why Flashcards? Available Apps FlashHub Design Views Feedback Future

    Work Code Improvements Additional Features Plans Thank You Applications More complete coordination with back-end Allow users to fork public decks instead of read-only access Generalize data structures and styling to apply to more sophisticated content Formulas Pictures Sound Videos
  15. Motivation Why Flashcards? Available Apps FlashHub Design Views Feedback Future

    Work Code Improvements Additional Features Plans Thank You Applications Adding pictures support Leveraging social media and connections like Bluetooth or NFC for sharing Backend processing Run some unsupervised learning model to process decks into groups and generate suggestions and/or cluster decks by type
  16. Motivation Why Flashcards? Available Apps FlashHub Design Views Feedback Future

    Work Code Improvements Additional Features Plans Thank You Future plans with application May attempt to deploy to app stores although need to figure out efficient way to counteract costs of AWS Services Local use among the four of us
  17. Motivation Why Flashcards? Available Apps FlashHub Design Views Feedback Future

    Work Code Improvements Additional Features Plans Thank You Acknowledgements Dr. Suman Banerjee Josh, Zhiwei, Nick, Guanqing Thank you for a great semester! We really enjoyed learning about mobile development and building applications with Ionic.