1 / 27

MyHero! Connecting People with Life's Immediate Questions

MyHero's mission is to connect helpful individuals with those seeking answers to urgent life queries. Our process involves project timeline planning, prototype creation, research, data modeling, back-end and front-end development, design, and technical implementation to create a user-friendly app. Through prototyping, development lessons, and a specialized app workflow, we aim to make information easily accessible and reliable for anyone in need of assistance.

yamin
Download Presentation

MyHero! Connecting People with Life's Immediate Questions

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. MyHero!Hero’s are everywhere. Find them!

  2. The Team Lee Kurland Xiaolong Song Jonathan Yuan  Michael Wu

  3. Agenda • Our Inspiration • Our Process • Our App!

  4. Sometimes, you have questions.

  5. But other times… • you have REALLY IMPORTANT QUSETIONS!!!

  6. ≠

  7. You Need a hero!

  8. MyHero’s Mission Connect helpful people with those who need help answering life’s immediate questions

  9. Let’s Rewind

  10. Our Process Project Timeline Prototype Process Mapping Research Define Data Model Back End Dev Front End Design

  11. Process Mapping • Talk through the intended experience • Quickly define the scope of the project • Start identifying necessary screens

  12. Prototyping • Move from concept to visuals, quickly! • Establish a common understanding of the product • Define ideal functionality Prototype Demo

  13. Research

  14. The App Begins to Take Shape

  15. Prototype Working Site

  16. Apply Design Template • Located a free mobile site design template • Refined the look and feel • Standardized on common user conventions Sample

  17. Product Demo

  18. Technical Implementation

  19. App Workflow GET Information • Use HTML form to collect user questions STORE Information • Use CGI with Python to store data to a JSON file • Load the JSON file • Decode the JSON file LOAD Information • Use Google Maps API for map display • Javascript and CSS throughout DISPLAY Information

  20. Site Inventory • index.php • qc.php • ql.php • helphere.json • about.html • entry.cgi • find.html • script.js • style.css

  21. Development Lessons • Biggest Challenges • Learning relevant programming languages with little experience • Server-side scripting • Most important breakthroughs • Being able to combine elements coded with different languages (HTML, PHP, Python, Javascript)

More Related