SlideShare une entreprise Scribd logo
1  sur  20
Boxes are for shoes
So, put your “out of the box” web
map back, and let’s build a web
mapping application.
Example:
Mammoth Lakes Public and Trail
Access Foundation (MLTPA)
http://www.mammothtrails.org
Users!
Why on Earth would a User* want to visit your
site?
*capitalised to indicate the omnipotent and
tempestuous nature of “The User”
So, build them a story
Joe does not want to click a bunch of
checkboxes.
Joe wants to go hiking, lets help him.
Hey guys, maybe a map would be awesome?
Shrek’s Onion
Layers, man
1. Context
2. Emotion
3. Interactivity
Your site has these too, think about it
Context
This is the why
There has to be some reason people come to
your web site… really, something
Emotion
Weave the themes and the stories into visual
literature
Engender the spirit of the experience
There is real bona fide CARTOGRAPHY here too!
PS. Pictures really, really help
Interactivity
Inside and outside the map
It’s the experience, man
So, lets talk about technology then…
Base maps
Google MapBox Stamen
Custom Map Tiles
Generally, for static(ish) features
Huh, what?
This is where you get to add layers of data
without scaring your users
sweet
Also if you use tilemill or mapnik, you can just
about use the same style sheet as the rest of
your site
sweet x2
What did you say?
Yes, you can almost use the same style sheet in
your map as in the rest of your site.
Its like the map is actually part of your website!?
Maps are part of the story
This shouldn’t happen
Really..?
Focus
Shout outs:
• MLTPA – awesome client!
• Derek Balmer (HoldFast) – awesome designer
• Geodjango & PostGIS – awesome tech
• TileMill (MapBox) – awesome tech
• Google Maps (Terrain) – awesome maps
• Jason Sanford – awesome code
(https://github.com/JasonSanford/GeoJSON-to-Google-Maps)
• Brian Timony – for the blog post
Maps are part of your story
So take them out of the box, and set them free!
Disagree? Publicly shame me here:
@geo_will
I dare you

Contenu connexe

En vedette

Integrated Language Definition Testing: Enabling Test-Driven Language Develop...
Integrated Language Definition Testing: Enabling Test-Driven Language Develop...Integrated Language Definition Testing: Enabling Test-Driven Language Develop...
Integrated Language Definition Testing: Enabling Test-Driven Language Develop...
lennartkats
 

En vedette (14)

Testing type
Testing typeTesting type
Testing type
 
Compatibility Testing
Compatibility TestingCompatibility Testing
Compatibility Testing
 
Design and testing of disc type hybrid turbine pump
Design and testing  of disc type hybrid turbine pumpDesign and testing  of disc type hybrid turbine pump
Design and testing of disc type hybrid turbine pump
 
Acceptance & Functional Testing with Codeception - SunshinePHP 2016
Acceptance & Functional Testing with Codeception - SunshinePHP 2016Acceptance & Functional Testing with Codeception - SunshinePHP 2016
Acceptance & Functional Testing with Codeception - SunshinePHP 2016
 
Integrated Language Definition Testing: Enabling Test-Driven Language Develop...
Integrated Language Definition Testing: Enabling Test-Driven Language Develop...Integrated Language Definition Testing: Enabling Test-Driven Language Develop...
Integrated Language Definition Testing: Enabling Test-Driven Language Develop...
 
Automated visual-regression-testing (1)
Automated visual-regression-testing (1)Automated visual-regression-testing (1)
Automated visual-regression-testing (1)
 
Frankenstein final
Frankenstein finalFrankenstein final
Frankenstein final
 
Software Testing without Requirements: Survival Guide
Software Testing without Requirements: Survival GuideSoftware Testing without Requirements: Survival Guide
Software Testing without Requirements: Survival Guide
 
GPCE16: Automatic Non-functional Testing of Code Generators Families
GPCE16: Automatic Non-functional Testing of Code Generators FamiliesGPCE16: Automatic Non-functional Testing of Code Generators Families
GPCE16: Automatic Non-functional Testing of Code Generators Families
 
Automated visual-regression-testing
Automated visual-regression-testingAutomated visual-regression-testing
Automated visual-regression-testing
 
Functional Testing Swing Applications with Frankenstein
Functional Testing Swing Applications with FrankensteinFunctional Testing Swing Applications with Frankenstein
Functional Testing Swing Applications with Frankenstein
 
API Testing: The heart of functional testing" with Bj Rollison
API Testing: The heart of functional testing" with Bj RollisonAPI Testing: The heart of functional testing" with Bj Rollison
API Testing: The heart of functional testing" with Bj Rollison
 
Test Reports
Test ReportsTest Reports
Test Reports
 
functional testing
functional testing functional testing
functional testing
 

Dernier

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 

Dernier (20)

From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
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...
 
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
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
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
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
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
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
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?
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 

Geomeetup ignite talk - Google I/O "Boxes are for Shoes"

  • 1. Boxes are for shoes So, put your “out of the box” web map back, and let’s build a web mapping application.
  • 2.
  • 3. Example: Mammoth Lakes Public and Trail Access Foundation (MLTPA) http://www.mammothtrails.org
  • 4. Users! Why on Earth would a User* want to visit your site? *capitalised to indicate the omnipotent and tempestuous nature of “The User”
  • 5. So, build them a story Joe does not want to click a bunch of checkboxes. Joe wants to go hiking, lets help him. Hey guys, maybe a map would be awesome?
  • 6. Shrek’s Onion Layers, man 1. Context 2. Emotion 3. Interactivity Your site has these too, think about it
  • 7. Context This is the why There has to be some reason people come to your web site… really, something
  • 8. Emotion Weave the themes and the stories into visual literature Engender the spirit of the experience There is real bona fide CARTOGRAPHY here too! PS. Pictures really, really help
  • 9. Interactivity Inside and outside the map It’s the experience, man So, lets talk about technology then…
  • 11. Custom Map Tiles Generally, for static(ish) features
  • 12. Huh, what? This is where you get to add layers of data without scaring your users sweet Also if you use tilemill or mapnik, you can just about use the same style sheet as the rest of your site sweet x2
  • 13. What did you say? Yes, you can almost use the same style sheet in your map as in the rest of your site. Its like the map is actually part of your website!?
  • 14. Maps are part of the story
  • 17. Focus
  • 18.
  • 19. Shout outs: • MLTPA – awesome client! • Derek Balmer (HoldFast) – awesome designer • Geodjango & PostGIS – awesome tech • TileMill (MapBox) – awesome tech • Google Maps (Terrain) – awesome maps • Jason Sanford – awesome code (https://github.com/JasonSanford/GeoJSON-to-Google-Maps) • Brian Timony – for the blog post
  • 20. Maps are part of your story So take them out of the box, and set them free! Disagree? Publicly shame me here: @geo_will I dare you

Notes de l'éditeur

  1. Cartography is NOT out of the box
  2. Maps are not an appendix, or an addendum. Maps can be a piece of the story you tell.