The Team
Lee Kurland
Xiaolong Song
Michael Wu

Jonathan Yuan
Agenda
•
Our Inspiration
•
Our Process
•
Our App!
Sometimes,
you have questions.
But other times…
you have REALLY IMPORTANT QUSETIONS!!!
≠
You Need a hero!
MyHero’s Mission
Connect helpful people with those who need
help answering life’s immediate questions
Let’s Rewind
Our Process
Project Timeline
Process
Mapping
Prototype
Research
Define Data
Model
Back End
Dev
Front End
Design
Process Mapping
•
Talk through the intended experience
•
Quickly define the scope of the project
•
Start identifying necessary screens
Prototyping
•
Move from concept to visuals, quickly!
•
Establish a common understanding of the product
•
Define ideal functionality
Prototype Demo
Research
The App Begins to Take Shape
Prototype
Working Site
Apply Design Template
•
Located a free mobile site design
template
•
Refined the look and feel
•
Standardized on common user
conventions
Sample
Product Demo
Technical Implementation
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 Information
• Load the JSON file
• Decode the JSON file
DISPLAY Information
• Use Google Maps API for map display
• Javascript and CSS throughout
Site Inventory
•
index.php
•
qc.php
•
ql.php
•
helphere.json
•
about.html
•
entry.cgi
•
find.html
•
script.js
•
style.css
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)