SlideShare uma empresa Scribd logo
1 de 31
Mobile Symbol Design and Event Reporting for Mobile Devices:
      A Preview of a Mobile Application and Developer API Based
                    on an Online Symbol Repository




Joshua Stevens
Scott Pezanowski
Elaine Guidero
Anthony C. Robinson
Alan M. MacEachren

                          NACIS | October 19, 2012
Overview
            1. Event reporting + current strategies
            2. Preview of our mobile app
            3. What makes our app possible
            4. Symbol design for mobile devices




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
Event Reporting




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
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
Christchurch Recovery Map, Built w/ Ushahidi
         Event Reporting




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
The Good:
               Event maps are popular + utilized

                                      Arab Spring               NZ

                                            Haiti




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
The Bad:
                Event maps are largely desktop-
                          oriented




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
The Ugly:
              Event maps typically use the same
                     abstract symbology




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
The Uglier:
           Event mapping platforms center on a
           single geographic area and/or event
                          type




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
A Preview of Our Mobile App




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
Mobile Event Reporting + Symbology   NACIS | October 19, 2012
Streamlined Event Symbolization




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
Streamlined Event Reporting




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
How MapAlert is Possible




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
What Makes MapAlert Possible:
          Symbol Store: An online repository of
                 2,400+ map symbols




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
Mobile Event Reporting + Symbology   NACIS | October 19, 2012
Symbol Store Web Services




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
Symbol Store Web Services

            •   Developers can create their own apps to
                access the Symbol Store

            •   Main feature: Search

                •   Symbol name

                •   Tags

                •   Category

                •   Agency

                •   Org:Set


Mobile Event Reporting + Symbology   NACIS | October 19, 2012
Extended Features

            •   Edit

            •   Upload

            •   Parse and generate style !les, SVG, PNG




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
How Symbol Store Web Services Work



                                                          Symbol
                   Your App
                                                           Store



                Your Parser                                     XML


Mobile Event Reporting + Symbology   NACIS | October 19, 2012
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
These services were made for you.




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
Mobile Symbol Design




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
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 set




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
Mobile Symbol Recommendation 1:
                        Use dark symbols on light
                             backgrounds.




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
Mobile Symbol Recommendation 2:
                  Size matters. Bigger is (mostly)
                              better.




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
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
Mobile Symbol Recommendation 4:
             Visually distinguish interactive and
                  non-interactive symbols.




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
Our Mobile Symbol Design vs HSWG
              Fire                       Riot / Revolt          Shooting / Firearm




           Wild Fire                    Chemical Spill               Tornado




             Bomb                           Cyclone                 Biohazard




         Bomb Threat                     Plane Crash                Radiation




Mobile Event Reporting + Symbology   NACIS | October 19, 2012
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"ordance


Mobile Event Reporting + Symbology   NACIS | October 19, 2012
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 | @alanGeoVISTA



Mobile Event Reporting + Symbology   NACIS | October 19, 2012

Mais conteúdo relacionado

Último

Último (20)

Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
Apidays Singapore 2024 - Scalable LLM APIs for AI and Generative AI Applicati...
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 

Destaque

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Destaque (20)

2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
 
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPTEverything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
 
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 

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

  • 1. Mobile Symbol Design and Event Reporting for Mobile Devices: A Preview of a Mobile Application and Developer API Based on an Online Symbol Repository Joshua Stevens Scott Pezanowski Elaine Guidero Anthony C. Robinson Alan M. MacEachren NACIS | October 19, 2012
  • 2. Overview 1. Event reporting + current strategies 2. Preview of our mobile app 3. What makes our app possible 4. Symbol design for mobile devices Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 3. Event Reporting Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 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. Christchurch Recovery Map, Built w/ Ushahidi Event Reporting Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 6. The Good: Event maps are popular + utilized Arab Spring NZ Haiti Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 7. The Bad: Event maps are largely desktop- oriented Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 8. The Ugly: Event maps typically use the same abstract symbology Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 9. The Uglier: Event mapping platforms center on a single geographic area and/or event type Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 10. A Preview of Our Mobile App Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 11. Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 12. Streamlined Event Symbolization Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 13. Streamlined Event Reporting Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 14. How MapAlert is Possible Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 15. What Makes MapAlert Possible: Symbol Store: An online repository of 2,400+ map symbols Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 16. Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 17. Symbol Store Web Services Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 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:Set Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 19. Extended Features • Edit • Upload • Parse and generate style !les, SVG, PNG Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 20. How Symbol Store Web Services Work Symbol Your App Store Your Parser XML Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 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. These services were made for you. Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 23. Mobile Symbol Design Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 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 set Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 25. Mobile Symbol Recommendation 1: Use dark symbols on light backgrounds. Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 26. Mobile Symbol Recommendation 2: Size matters. Bigger is (mostly) better. Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 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. Mobile Symbol Recommendation 4: Visually distinguish interactive and non-interactive symbols. Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 29. Our Mobile Symbol Design vs HSWG Fire Riot / Revolt Shooting / Firearm Wild Fire Chemical Spill Tornado Bomb Cyclone Biohazard Bomb Threat Plane Crash Radiation Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 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"ordance Mobile Event Reporting + Symbology NACIS | October 19, 2012
  • 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 | @alanGeoVISTA Mobile Event Reporting + Symbology NACIS | October 19, 2012