2. The TeamThe Team Lee KurlandXiaolong SongJonathan Yuan Michael Wu 

3. Our Inspiration Our Process Our App! Agenda

4. Sometimes, you have questions.

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

7. ≠

10. You Need a hero!

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

12. Let’s Rewind

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

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

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

17. Research

18. The App Begins to Take Shape

19. PrototypeWorking Site

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

21. Product DemoProduct Demo

24. Technical ImplementationTechnical Implementation

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

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

27. 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) Development LessonsDevelopment Lessons