The TeamThe Team Lee KurlandXiaolong SongJonathan Yuan Michael Wu 

Slides:



Advertisements
Similar presentations
Developing HTML5 Application using MVVM pattern Pekka Ylenius.
Advertisements

Mobile at USC Common Solutions Group University of Minnesota, June 2011.
Background Current Status Future Plans. Agenda Background First Steps Current Status Future Plans Joomla Basics Questions 2.
The World of Web Development Cindy Royal, Ph.D Assistant Professor Texas State University School of Journalism and Mass Communication
Lecture 3B: Client-Side Scripting IT 202—Internet Applications Based on notes developed by Morgan Benton.
Facebook Visualization Update Lourdes Chang. Goals Get familiar with Facebook API Connect *any* user to Facebook Gather friend’s list Gather friend’s.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
ITM352 Javascript and Dynamic Web Pages: Client Side Processing.
Developing Content for Mobile Devices Larry D. Lee Web Developer for K4Health.
Intelligent Tutoring System Mobile Communication Team Drew Boatwright Nakul Dureja Richard Liou.
WEB DESIGN SOME FOUNDATIONS. SO WHAT IS THIS INTERNET.
Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.
Agenda What is AJAX? What is jQuery? Demonstration/Tutorial Resources Q&A.
The Easiest Way to Write Web Applications Jordi Sastre IT Architect, PSC May 2012.
Presented by…. Group 2 1. Programming language 2Introduction.
The new way to work together SharePoint Products Cloud Server Free.
Single Page Applications with AngluarJS Bill Wolff Rob Keiser
Joel Bapaga on Web Design Strategies Technologies Commercial Value.
Jordan Maxwell ADVANCED PROGRAMMING. DEFINITIONS PHP: A server side Programming language often used in websites. API: ( Application programming interface.
NODEJS, THE JOOMLA FRAMEWORK, AND THE FUTURE IAN MACLENNAN.
NetTech Solutions Working with Web Elements Lesson 6.
JavaScript is a client-side scripting language. Programs run in the web browser on the client's computer. (PHP, in contrast, is a server-side scripting.
Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.
Steve Dower Software Engineer Python Tools for Visual Studio.
Designing Web Applications Thaddeus Diamond CPSC 112.
Leveraging ArcGIS Online Elevation and Hydrology Services
Presented by Graduate Design Group 2 Meredith, Jennifer, Cammay and Diane.
Esri Production Mapping: Automate Map Production With ArcGIS Workflow Manager Joe Sheffield.
DemocracyApps, Inc. Community Budget Explorer A Technical Overview.
WEP Presentation for non-IT Steps and roles in software development 2. Skills developed in 1 st year 3. What can do a student in 1 st internship.
Analysis. Solution Requirements 1. Identify the functions and attributes of the website. 2. Write a problem statement. (What is the problem? What will.
Virtual Earth Map Control V4 MARK MAGLIOCCO Phillydotnet.org 11/21/2006
Louisa Lambregts, Louisa Lambregts
 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Extending the Operations Dashboard
Ajax for Dynamic Web Development Gregory McChesney.
Developing Structured Interactive Multimedia Applications with HTML5 Robert Workman, Hrvoje Podnar Southern Connecticut State University, New Haven, CT.
Data analytics and mash-up Real time analytics of employment data Team Shadowfax 1/25/2016 CMPE Class Project 0.
Database Systems: Design, Implementation, and Management Eighth Edition Chapter 14 Database Connectivity and Web Technologies.
Event Handling & AJAX IT210 Web Systems. Question How do we enable users to dynamically interact with a website? Answer: Use mouse and keyboard to trigger.
USING JAVASCRIPT TO SHOW AN ALERT Web Design Sec 6-2 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development.
UNDERSTANDING YOUR OPTIONS FOR CLIENT-SIDE DEVELOPMENT IN OFFICE 365 Mark Rackley
AJAX and REST. Slide 2 What is AJAX? It’s an acronym for Asynchronous JavaScript and XML Although requests need not be asynchronous It’s not really a.
Mr. Justin “JET” Turner CSCI 3000 – Fall 2015 CRN Section A – TR 9:30-10:45 CRN – Section B – TR 5:30-6:45.
CU Student Organizer Trey McAlhany CPSC 482 Mobile Software Development Clemson University April 14, 2015.
IN THIS LESSON WE WILL REVIEW THE STRUCTURE OF THE INTERNET AND HOW BROWSERS ASSEMBLE WEBSITES BASED ON INSTRUCTIONS THEY RECEIVE FROM SERVERS. Internet.
Software services delivering SharePoint, Mobile, and Business Intelligence solutions Understanding and implementing the remote provision pattern in SharePoint.
DEV103 – Web Part Transformers – More than meets the eye By: D’arce Hess.
4.3. Code animations by using JavaScript Access data access by using JavaScript. Creating Animations, Working with Graphics, and Accessing Data.
Phonegap API & Phonegap Bridge CIS 136 Building Mobile Apps 1.
PSU Web Conference '12 Erica Hollis The Future is mobile Responsive Web Design Mobile Planning JQuery in World Campus Usability Testing Gamification Making.
The Future of Drupal and Content Delivery
Using JavaScript to Show an Alert
Animating Climate Trends
Google Web Toolkit Tutorial
Extending functionality using Collections
Writing JavaScript Code
Week 01 Comp 7780 – Class Overview.
Build Bot using PowerApps
PHP + Oracle = Data-Driven Websites
GIFT / Fiscal Data Package Iteration 3
5 Steps to file your objections/ suggestions on KUDA Master Plan 2041
Unit 6 part 3 Test Javascript Test.
Web Page Design CIS 300.
Lesson 10: Dictionaries Class Chat: Attendance: Participation
UI, UX: Who Does What? A Designers guide to the tech industry.
CS4433 Database Systems Project.
Web Application Development Using PHP
Presentation transcript:

The TeamThe Team Lee KurlandXiaolong SongJonathan Yuan Michael Wu 

Our Inspiration Our Process Our App! Agenda

Sometimes, you have questions.

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

You Need a hero!

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

Let’s Rewind

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

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

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

PrototypeWorking Site

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

Product DemoProduct Demo

Technical ImplementationTechnical Implementation

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

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

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