Mobile Symbol Design and Event Reporting for Mobile Devices:      A Preview of a Mobile Application and Developer API Base...
Overview            1. Event reporting + current strategies            2. Preview of our mobile app            3. What mak...
Event ReportingMobile Event Reporting + Symbology   NACIS | October 19, 2012
Event Reporting            •   Interest of emergency management, crisis                mapping, and law enforcement       ...
Christchurch Recovery Map, Built w/ Ushahidi         Event ReportingMobile Event Reporting + Symbology   NACIS | October 1...
The Good:               Event maps are popular + utilized                                      Arab Spring               N...
The Bad:                Event maps are largely desktop-                          orientedMobile Event Reporting + Symbolog...
The Ugly:              Event maps typically use the same                     abstract symbologyMobile Event Reporting + Sy...
The Uglier:           Event mapping platforms center on a           single geographic area and/or event                   ...
A Preview of Our Mobile AppMobile Event Reporting + Symbology   NACIS | October 19, 2012
Mobile Event Reporting + Symbology   NACIS | October 19, 2012
Streamlined Event SymbolizationMobile Event Reporting + Symbology   NACIS | October 19, 2012
Streamlined Event ReportingMobile Event Reporting + Symbology   NACIS | October 19, 2012
How MapAlert is PossibleMobile Event Reporting + Symbology   NACIS | October 19, 2012
What Makes MapAlert Possible:          Symbol Store: An online repository of                 2,400+ map symbolsMobile Even...
Mobile Event Reporting + Symbology   NACIS | October 19, 2012
Symbol Store Web ServicesMobile Event Reporting + Symbology   NACIS | October 19, 2012
Symbol Store Web Services            •   Developers can create their own apps to                access the Symbol Store   ...
Extended Features            •   Edit            •   Upload            •   Parse and generate style !les, SVG, PNGMobile E...
How Symbol Store Web Services Work                                                          Symbol                   Your ...
Search Example using HTML GET          Request          GET /OurServiceURL/OurService.asmx/SearchLucene?          value=st...
These services were made for you.Mobile Event Reporting + Symbology   NACIS | October 19, 2012
Mobile Symbol DesignMobile Event Reporting + Symbology   NACIS | October 19, 2012
Mobile Symbol Design            •   We wanted to learn if mobile symbols were                unique (spoiler alert: they a...
Mobile Symbol Recommendation 1:                        Use dark symbols on light                             backgrounds.M...
Mobile Symbol Recommendation 2:                  Size matters. Bigger is (mostly)                              better.Mobi...
Mobile Symbol Recommendation 3:                       Symbols should be simple.                       (Can you guess what ...
Mobile Symbol Recommendation 4:             Visually distinguish interactive and                  non-interactive symbols....
Our Mobile Symbol Design vs HSWG              Fire                       Riot / Revolt          Shooting / Firearm        ...
Evaluation now Planned for November            •   Will compare our symbols to DHS:HSWG on a                tablet device ...
Thank You - questions & comments                    are welcome! Joshua Stevens, UI+UX and Symbol Design          josh.ste...
Upcoming SlideShare
Loading in …5
×

Stevens et al., NACIS2012: A Preview of a Mobile Application and Developer API Based on an Online Symbol Repository

464 views

Published on

This work describes an online map symbol database and API that will provide developers with access to these symbols. An example application is demonstrated showing one potential use of the Symbol Store (SymbolStore.org) database within the context of mobile event reporting. The example given is unique in that it is not tied to a specific geographic region or event scenario, which is typical of most other event mapping platforms (e.g, Ushahidi, Crowdmap, etc).

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
464
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Stevens et al., NACIS2012: A Preview of a Mobile Application and Developer API Based on an Online Symbol Repository

  1. 1. Mobile Symbol Design and Event Reporting for Mobile Devices: A Preview of a Mobile Application and Developer API Based on an Online Symbol RepositoryJoshua StevensScott PezanowskiElaine GuideroAnthony C. RobinsonAlan M. MacEachren NACIS | October 19, 2012
  2. 2. Overview 1. Event reporting + current strategies 2. Preview of our mobile app 3. What makes our app possible 4. Symbol design for mobile devicesMobile Event Reporting + Symbology NACIS | October 19, 2012
  3. 3. Event ReportingMobile Event Reporting + Symbology NACIS | October 19, 2012
  4. 4. Event Reporting • Interest of emergency management, crisis mapping, and law enforcement • ...but also the general public • Played a major role in... • Haiti earthquake, 2010 • Arab Spring, 2010 • Christchurch earthquake, 2011 • Public demonstrations since (e.g., #OWS)Mobile Event Reporting + Symbology NACIS | October 19, 2012
  5. 5. Christchurch Recovery Map, Built w/ Ushahidi Event ReportingMobile Event Reporting + Symbology NACIS | October 19, 2012
  6. 6. The Good: Event maps are popular + utilized Arab Spring NZ HaitiMobile Event Reporting + Symbology NACIS | October 19, 2012
  7. 7. The Bad: Event maps are largely desktop- orientedMobile Event Reporting + Symbology NACIS | October 19, 2012
  8. 8. The Ugly: Event maps typically use the same abstract symbologyMobile Event Reporting + Symbology NACIS | October 19, 2012
  9. 9. The Uglier: Event mapping platforms center on a single geographic area and/or event typeMobile Event Reporting + Symbology NACIS | October 19, 2012
  10. 10. A Preview of Our Mobile AppMobile Event Reporting + Symbology NACIS | October 19, 2012
  11. 11. Mobile Event Reporting + Symbology NACIS | October 19, 2012
  12. 12. Streamlined Event SymbolizationMobile Event Reporting + Symbology NACIS | October 19, 2012
  13. 13. Streamlined Event ReportingMobile Event Reporting + Symbology NACIS | October 19, 2012
  14. 14. How MapAlert is PossibleMobile Event Reporting + Symbology NACIS | October 19, 2012
  15. 15. What Makes MapAlert Possible: Symbol Store: An online repository of 2,400+ map symbolsMobile Event Reporting + Symbology NACIS | October 19, 2012
  16. 16. Mobile Event Reporting + Symbology NACIS | October 19, 2012
  17. 17. Symbol Store Web ServicesMobile Event Reporting + Symbology NACIS | October 19, 2012
  18. 18. Symbol Store Web Services • Developers can create their own apps to access the Symbol Store • Main feature: Search • Symbol name • Tags • Category • Agency • Org:SetMobile Event Reporting + Symbology NACIS | October 19, 2012
  19. 19. Extended Features • Edit • Upload • Parse and generate style !les, SVG, PNGMobile Event Reporting + Symbology NACIS | October 19, 2012
  20. 20. How Symbol Store Web Services Work Symbol Your App Store Your Parser XMLMobile Event Reporting + Symbology NACIS | October 19, 2012
  21. 21. Search Example using HTML GET Request GET /OurServiceURL/OurService.asmx/SearchLucene? value=string&timestamp=string HTTP/1.1 Host: www.geovista.psu.edu Response HTTP/1.1 200 OK Content-Type: text/xml; charset=utf-8 Content-Length: length <?xml version="1.0" encoding="utf-8"?> <ArrayOfAnyType xmlns="http:// www.geovista.psu.edu/"> <anyType /> <anyType /> </ArrayOfAnyType>Mobile Event Reporting + Symbology NACIS | October 19, 2012
  22. 22. These services were made for you.Mobile Event Reporting + Symbology NACIS | October 19, 2012
  23. 23. Mobile Symbol DesignMobile Event Reporting + Symbology NACIS | October 19, 2012
  24. 24. Mobile Symbol Design • We wanted to learn if mobile symbols were unique (spoiler alert: they are) • Reviewed close to 80 separate studies and manufacturer guidelines (Apple + Google) • Boiled the !ndings down to some “simple” recommendations...brief overview here • Designed mobile symbology to test against existing DHS HSWG setMobile Event Reporting + Symbology NACIS | October 19, 2012
  25. 25. Mobile Symbol Recommendation 1: Use dark symbols on light backgrounds.Mobile Event Reporting + Symbology NACIS | October 19, 2012
  26. 26. Mobile Symbol Recommendation 2: Size matters. Bigger is (mostly) better.Mobile Event Reporting + Symbology NACIS | October 19, 2012
  27. 27. Mobile Symbol Recommendation 3: Symbols should be simple. (Can you guess what this is? You shouldn’t have to.)Mobile Event Reporting + Symbology NACIS | October 19, 2012
  28. 28. Mobile Symbol Recommendation 4: Visually distinguish interactive and non-interactive symbols.Mobile Event Reporting + Symbology NACIS | October 19, 2012
  29. 29. Our Mobile Symbol Design vs HSWG Fire Riot / Revolt Shooting / Firearm Wild Fire Chemical Spill Tornado Bomb Cyclone Biohazard Bomb Threat Plane Crash RadiationMobile Event Reporting + Symbology NACIS | October 19, 2012
  30. 30. Evaluation now Planned for November • Will compare our symbols to DHS:HSWG on a tablet device • Looking at: • accuracy • time • associative relationships • in!uence of base maps • interactive a"ordanceMobile Event Reporting + Symbology NACIS | October 19, 2012
  31. 31. Thank You - questions & comments are welcome! Joshua Stevens, UI+UX and Symbol Design josh.stevens@psu.edu | @jscarto Scott Pezanowski , Lead Developer spezanowski@psu.edu | @spezanowski Elaine Guidero, Symbol Design and Metadata guidero@psu.edu | @elaineguidero Anthony C. Robinson, Co-PI acr181@psu.edu | @A_C_Robinson Alan M. MacEachren, PI maceachren@psu.edu | @alanGeoVISTAMobile Event Reporting + Symbology NACIS | October 19, 2012

×