SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Destaque

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
 

Destaque (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
 

Último

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Último (20)

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​Elevate Developer Efficiency & build GenAI Application with Amazon Q​
Elevate Developer Efficiency & build GenAI Application with Amazon Q​
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 AmsterdamDEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
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
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)Introduction to Multilingual Retrieval Augmented Generation (RAG)
Introduction to Multilingual Retrieval Augmented Generation (RAG)
 
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
 
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
 
Platformless Horizons for Digital Adaptability
Platformless Horizons for Digital AdaptabilityPlatformless Horizons for Digital Adaptability
Platformless Horizons for Digital Adaptability
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 

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

Notas do Editor

  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.