SlideShare una empresa de Scribd logo
1 de 9
2013 Esri International Developer Summit March 25 - 28, 2013


Presented by: Robert Winterbottom
Blue Raster
Editing tools made easy
 Goals
    Configure the editor widget to
     support non-GIS users
    Keep it simple
    Limit the tasks our users
     could perform
    Add additional capabilities to
     the editor widget
Keeping it simple
 Easily identifiable tools.
 Simple tools
    Draw/Erase
        Polygon and Freehand Polygon drawing
    Undo/ Redo
    Edit Vertices
Custom Editing Tools
 != “Reinvent the wheel”.
 Reassemble the wheel with
  components that were already
  available from Esri’s JavaScript
  API.
 Combination of draw
  toolbar, edit toolbar, and the
  Geometry Service.
Drawing
 Polygon or Freehand
  Polygon tool.
 Draw the shape and
  automatically join the
  geometries.
 Geometry Service
  Method: Union
Erasing
 Draw a shape and
  automatically
  remove that section
  from the polygon.
 Geometry Service
  Method: Difference
Editing Vertices
 Give our user greater
  precision.
 Great tool already.
 Snapping!
Interact with neighboring polygons
 Show neighboring
  polygons.
 Highlight overlapping
  polygons.
 Provide feedback.
 Geometry Service
  Methods: Buffer,
  Intersect, Relation
Thank you.
 Follow Blue Raster
    Twitter - @blueraster
    blueraster.com/blog
 Follow Me
    Twitter - @RWinter85
    Github – Robert-W

Más contenido relacionado

La actualidad más candente

Step By Step Webpage Guide
Step By Step Webpage GuideStep By Step Webpage Guide
Step By Step Webpage Guidelucyluu
 
Evidence of magazine construction
Evidence of magazine constructionEvidence of magazine construction
Evidence of magazine constructionKosua97
 
Digital Techniques
Digital TechniquesDigital Techniques
Digital Techniquesseamstresser
 
2011 OptiTex Marketing Materials
2011 OptiTex Marketing Materials2011 OptiTex Marketing Materials
2011 OptiTex Marketing MaterialsOptiTex
 
Unit 3 constructing figures
Unit 3   constructing figures Unit 3   constructing figures
Unit 3 constructing figures chin1440
 
OptiTex Company Brief
OptiTex Company BriefOptiTex Company Brief
OptiTex Company BriefOptiTex
 
The Perfect Fit - Presentation for 2010 International conference on 3D body s...
The Perfect Fit - Presentation for 2010 International conference on 3D body s...The Perfect Fit - Presentation for 2010 International conference on 3D body s...
The Perfect Fit - Presentation for 2010 International conference on 3D body s...OptiTex
 
learn sketchup (for the beginners)
learn sketchup (for the beginners)learn sketchup (for the beginners)
learn sketchup (for the beginners)Moksha Bhatia
 

La actualidad más candente (11)

Step By Step Webpage Guide
Step By Step Webpage GuideStep By Step Webpage Guide
Step By Step Webpage Guide
 
Unit2
Unit2Unit2
Unit2
 
Evidence of magazine construction
Evidence of magazine constructionEvidence of magazine construction
Evidence of magazine construction
 
Digital Techniques
Digital TechniquesDigital Techniques
Digital Techniques
 
(Sept.14)
(Sept.14)(Sept.14)
(Sept.14)
 
2011 OptiTex Marketing Materials
2011 OptiTex Marketing Materials2011 OptiTex Marketing Materials
2011 OptiTex Marketing Materials
 
Unit 3 constructing figures
Unit 3   constructing figures Unit 3   constructing figures
Unit 3 constructing figures
 
OptiTex Company Brief
OptiTex Company BriefOptiTex Company Brief
OptiTex Company Brief
 
The Perfect Fit - Presentation for 2010 International conference on 3D body s...
The Perfect Fit - Presentation for 2010 International conference on 3D body s...The Perfect Fit - Presentation for 2010 International conference on 3D body s...
The Perfect Fit - Presentation for 2010 International conference on 3D body s...
 
Chap22
Chap22Chap22
Chap22
 
learn sketchup (for the beginners)
learn sketchup (for the beginners)learn sketchup (for the beginners)
learn sketchup (for the beginners)
 

Destacado

AMWA-MAC 2015 Conference Presention MJSpiering
AMWA-MAC 2015 Conference Presention MJSpieringAMWA-MAC 2015 Conference Presention MJSpiering
AMWA-MAC 2015 Conference Presention MJSpieringMartin Spiering
 
Collaborative Editing Tools
Collaborative Editing ToolsCollaborative Editing Tools
Collaborative Editing ToolsMichael Farina
 
Photo and Graphic editing tools for bloggers
Photo and Graphic editing tools for bloggersPhoto and Graphic editing tools for bloggers
Photo and Graphic editing tools for bloggersSarah Arrow
 
المحاضرة الثامنة- سلسلة أساسيات البحث العلمي
المحاضرة الثامنة- سلسلة أساسيات البحث العلميالمحاضرة الثامنة- سلسلة أساسيات البحث العلمي
المحاضرة الثامنة- سلسلة أساسيات البحث العلميEgypt Scholars Inc.
 

Destacado (6)

AMWA-MAC 2015 Conference Presention MJSpiering
AMWA-MAC 2015 Conference Presention MJSpieringAMWA-MAC 2015 Conference Presention MJSpiering
AMWA-MAC 2015 Conference Presention MJSpiering
 
Editing images powerpoint
Editing images powerpointEditing images powerpoint
Editing images powerpoint
 
Collaborative Editing Tools
Collaborative Editing ToolsCollaborative Editing Tools
Collaborative Editing Tools
 
Photo and Graphic editing tools for bloggers
Photo and Graphic editing tools for bloggersPhoto and Graphic editing tools for bloggers
Photo and Graphic editing tools for bloggers
 
المحاضرة الثامنة- سلسلة أساسيات البحث العلمي
المحاضرة الثامنة- سلسلة أساسيات البحث العلميالمحاضرة الثامنة- سلسلة أساسيات البحث العلمي
المحاضرة الثامنة- سلسلة أساسيات البحث العلمي
 
4 ikr m
4 ikr m4 ikr m
4 ikr m
 

Similar a 2013 Esri Developer Summit Editing Tools

AutoCad 2D shortcut Keys
AutoCad 2D shortcut KeysAutoCad 2D shortcut Keys
AutoCad 2D shortcut KeysNzar Braim
 
UX Process Document
UX Process Document UX Process Document
UX Process Document Joe Jancsics
 
GetPoll (A Polling Website)
GetPoll (A Polling Website)GetPoll (A Polling Website)
GetPoll (A Polling Website)IRJET Journal
 
Catia v5 presentation report
Catia v5 presentation reportCatia v5 presentation report
Catia v5 presentation reportMunna Kumar
 
Adobe photoshop program1
Adobe photoshop program1Adobe photoshop program1
Adobe photoshop program1u2803355Huda
 
Computer Aided Solid Modelling
Computer Aided Solid ModellingComputer Aided Solid Modelling
Computer Aided Solid ModellingDibyajyoti Laha
 
AIR CANVAS APPLICATION
AIR CANVAS APPLICATIONAIR CANVAS APPLICATION
AIR CANVAS APPLICATIONIRJET Journal
 
Reach into the computer & grab a pixel
Reach into the computer & grab a pixelReach into the computer & grab a pixel
Reach into the computer & grab a pixelKIIT University
 
CADbro white paper
CADbro white paperCADbro white paper
CADbro white paper雪琼 林
 
IRJET-Computer Aided Touchless Palmprint Recognition Using Sift
IRJET-Computer Aided Touchless Palmprint Recognition Using SiftIRJET-Computer Aided Touchless Palmprint Recognition Using Sift
IRJET-Computer Aided Touchless Palmprint Recognition Using SiftIRJET Journal
 
A Novel approach for Graphical User Interface development and real time Objec...
A Novel approach for Graphical User Interface development and real time Objec...A Novel approach for Graphical User Interface development and real time Objec...
A Novel approach for Graphical User Interface development and real time Objec...IOSR Journals
 
Tutorial 1 - Computer Aided Design (Final Release)
Tutorial 1 - Computer Aided Design (Final Release)Tutorial 1 - Computer Aided Design (Final Release)
Tutorial 1 - Computer Aided Design (Final Release)Charling Li
 

Similar a 2013 Esri Developer Summit Editing Tools (20)

AutoCad 2D shortcut Keys
AutoCad 2D shortcut KeysAutoCad 2D shortcut Keys
AutoCad 2D shortcut Keys
 
UX Process Document
UX Process Document UX Process Document
UX Process Document
 
GetPoll (A Polling Website)
GetPoll (A Polling Website)GetPoll (A Polling Website)
GetPoll (A Polling Website)
 
Dwg 106 module 2 part 1
Dwg 106 module 2 part 1Dwg 106 module 2 part 1
Dwg 106 module 2 part 1
 
Catia v5 presentation report
Catia v5 presentation reportCatia v5 presentation report
Catia v5 presentation report
 
Adobe photoshop program1
Adobe photoshop program1Adobe photoshop program1
Adobe photoshop program1
 
Computer Aided Solid Modelling
Computer Aided Solid ModellingComputer Aided Solid Modelling
Computer Aided Solid Modelling
 
Auto cad material
Auto cad materialAuto cad material
Auto cad material
 
AIR CANVAS APPLICATION
AIR CANVAS APPLICATIONAIR CANVAS APPLICATION
AIR CANVAS APPLICATION
 
newappsonbaseinnovtions
newappsonbaseinnovtionsnewappsonbaseinnovtions
newappsonbaseinnovtions
 
Reach into the computer & grab a pixel
Reach into the computer & grab a pixelReach into the computer & grab a pixel
Reach into the computer & grab a pixel
 
Imagej
ImagejImagej
Imagej
 
Autocad Presentation
Autocad PresentationAutocad Presentation
Autocad Presentation
 
CADbro white paper
CADbro white paperCADbro white paper
CADbro white paper
 
DrTAD 6 Blender software. Loop Ssubdivide. Loop Cut and Slide
DrTAD 6 Blender software. Loop Ssubdivide. Loop Cut and SlideDrTAD 6 Blender software. Loop Ssubdivide. Loop Cut and Slide
DrTAD 6 Blender software. Loop Ssubdivide. Loop Cut and Slide
 
IRJET-Computer Aided Touchless Palmprint Recognition Using Sift
IRJET-Computer Aided Touchless Palmprint Recognition Using SiftIRJET-Computer Aided Touchless Palmprint Recognition Using Sift
IRJET-Computer Aided Touchless Palmprint Recognition Using Sift
 
A Novel approach for Graphical User Interface development and real time Objec...
A Novel approach for Graphical User Interface development and real time Objec...A Novel approach for Graphical User Interface development and real time Objec...
A Novel approach for Graphical User Interface development and real time Objec...
 
Tutorial 1 - Computer Aided Design (Final Release)
Tutorial 1 - Computer Aided Design (Final Release)Tutorial 1 - Computer Aided Design (Final Release)
Tutorial 1 - Computer Aided Design (Final Release)
 
UNIGRAPHICS ONLINE TRAINING BY KMR
UNIGRAPHICS ONLINE TRAINING BY KMRUNIGRAPHICS ONLINE TRAINING BY KMR
UNIGRAPHICS ONLINE TRAINING BY KMR
 
Adobe photoshop
Adobe photoshopAdobe photoshop
Adobe photoshop
 

Más de Blue Raster

ArcGIS Maps and Microsoft Integration: Power BI
ArcGIS Maps and Microsoft Integration: Power BIArcGIS Maps and Microsoft Integration: Power BI
ArcGIS Maps and Microsoft Integration: Power BIBlue Raster
 
ArcGIS StoryMaps: Agencies Are Creating Great Story Maps; Here's How You Can Too
ArcGIS StoryMaps: Agencies Are Creating Great Story Maps; Here's How You Can TooArcGIS StoryMaps: Agencies Are Creating Great Story Maps; Here's How You Can Too
ArcGIS StoryMaps: Agencies Are Creating Great Story Maps; Here's How You Can TooBlue Raster
 
Unless We Act Now: Impact of Climate Change on Children
Unless We Act Now: Impact of Climate Change on ChildrenUnless We Act Now: Impact of Climate Change on Children
Unless We Act Now: Impact of Climate Change on ChildrenBlue Raster
 
ESRI Federal Small Business Specialty 2017 Partner of the Year Award
ESRI Federal Small Business Specialty 2017 Partner of the Year AwardESRI Federal Small Business Specialty 2017 Partner of the Year Award
ESRI Federal Small Business Specialty 2017 Partner of the Year AwardBlue Raster
 
Emerging Hot Spot Analysis
Emerging Hot Spot AnalysisEmerging Hot Spot Analysis
Emerging Hot Spot AnalysisBlue Raster
 
Fighting Climate Change by Fighting Fires - Esri FedGIS 2016 Presentation
Fighting Climate Change by Fighting Fires - Esri FedGIS 2016 PresentationFighting Climate Change by Fighting Fires - Esri FedGIS 2016 Presentation
Fighting Climate Change by Fighting Fires - Esri FedGIS 2016 PresentationBlue Raster
 
AppStudio for ArcGIS: The Basics - Esri FedGIS 2016
AppStudio for ArcGIS: The Basics - Esri FedGIS 2016AppStudio for ArcGIS: The Basics - Esri FedGIS 2016
AppStudio for ArcGIS: The Basics - Esri FedGIS 2016Blue Raster
 
Blue Raster Natureserve Synergy Workshop Presentation
Blue Raster Natureserve Synergy Workshop PresentationBlue Raster Natureserve Synergy Workshop Presentation
Blue Raster Natureserve Synergy Workshop PresentationBlue Raster
 
Blue Raster Presents on Emerging Hotspots of Global Tree Cover Loss
Blue Raster Presents on Emerging Hotspots of Global Tree Cover LossBlue Raster Presents on Emerging Hotspots of Global Tree Cover Loss
Blue Raster Presents on Emerging Hotspots of Global Tree Cover LossBlue Raster
 
Creating Apps with Maps in AppStudio - Esri User Conference 2015 Presentation
Creating Apps with Maps in AppStudio - Esri User Conference 2015 PresentationCreating Apps with Maps in AppStudio - Esri User Conference 2015 Presentation
Creating Apps with Maps in AppStudio - Esri User Conference 2015 PresentationBlue Raster
 
U.S. National Arboretum - Esri User Conference 2015 Presentation
U.S. National Arboretum - Esri User Conference 2015 Presentation U.S. National Arboretum - Esri User Conference 2015 Presentation
U.S. National Arboretum - Esri User Conference 2015 Presentation Blue Raster
 
The Power of Story Maps, Data Visualization, and Analysis: NetHope and Blue R...
The Power of Story Maps, Data Visualization, and Analysis: NetHope and Blue R...The Power of Story Maps, Data Visualization, and Analysis: NetHope and Blue R...
The Power of Story Maps, Data Visualization, and Analysis: NetHope and Blue R...Blue Raster
 
Best Practices for Story Maps
Best Practices for Story MapsBest Practices for Story Maps
Best Practices for Story MapsBlue Raster
 
Kill those bugs with the ultimate tool - Chrome DevTools
Kill those bugs with the ultimate tool - Chrome DevToolsKill those bugs with the ultimate tool - Chrome DevTools
Kill those bugs with the ultimate tool - Chrome DevToolsBlue Raster
 
Make JavaScript Lean, Mean, and Clean
Make JavaScript Lean, Mean, and CleanMake JavaScript Lean, Mean, and Clean
Make JavaScript Lean, Mean, and CleanBlue Raster
 
Building a Custom UI Control with D3 - 2015 Esri Devoloper Summit
Building a Custom UI Control with D3 - 2015 Esri Devoloper SummitBuilding a Custom UI Control with D3 - 2015 Esri Devoloper Summit
Building a Custom UI Control with D3 - 2015 Esri Devoloper SummitBlue Raster
 
Building a Custom UI control with D3
Building a Custom UI control with D3Building a Custom UI control with D3
Building a Custom UI control with D3Blue Raster
 
Great Story Maps - Blue Raster Esri User Conference 2014 Presentation
Great Story Maps - Blue Raster Esri User Conference 2014 PresentationGreat Story Maps - Blue Raster Esri User Conference 2014 Presentation
Great Story Maps - Blue Raster Esri User Conference 2014 PresentationBlue Raster
 
Total Knockout: Start-to-Finish Development of Suitability Applications Using...
Total Knockout: Start-to-Finish Development of Suitability Applications Using...Total Knockout: Start-to-Finish Development of Suitability Applications Using...
Total Knockout: Start-to-Finish Development of Suitability Applications Using...Blue Raster
 
Online Mapping Patterns in 2013 and Beyond
Online Mapping Patterns in 2013 and BeyondOnline Mapping Patterns in 2013 and Beyond
Online Mapping Patterns in 2013 and BeyondBlue Raster
 

Más de Blue Raster (20)

ArcGIS Maps and Microsoft Integration: Power BI
ArcGIS Maps and Microsoft Integration: Power BIArcGIS Maps and Microsoft Integration: Power BI
ArcGIS Maps and Microsoft Integration: Power BI
 
ArcGIS StoryMaps: Agencies Are Creating Great Story Maps; Here's How You Can Too
ArcGIS StoryMaps: Agencies Are Creating Great Story Maps; Here's How You Can TooArcGIS StoryMaps: Agencies Are Creating Great Story Maps; Here's How You Can Too
ArcGIS StoryMaps: Agencies Are Creating Great Story Maps; Here's How You Can Too
 
Unless We Act Now: Impact of Climate Change on Children
Unless We Act Now: Impact of Climate Change on ChildrenUnless We Act Now: Impact of Climate Change on Children
Unless We Act Now: Impact of Climate Change on Children
 
ESRI Federal Small Business Specialty 2017 Partner of the Year Award
ESRI Federal Small Business Specialty 2017 Partner of the Year AwardESRI Federal Small Business Specialty 2017 Partner of the Year Award
ESRI Federal Small Business Specialty 2017 Partner of the Year Award
 
Emerging Hot Spot Analysis
Emerging Hot Spot AnalysisEmerging Hot Spot Analysis
Emerging Hot Spot Analysis
 
Fighting Climate Change by Fighting Fires - Esri FedGIS 2016 Presentation
Fighting Climate Change by Fighting Fires - Esri FedGIS 2016 PresentationFighting Climate Change by Fighting Fires - Esri FedGIS 2016 Presentation
Fighting Climate Change by Fighting Fires - Esri FedGIS 2016 Presentation
 
AppStudio for ArcGIS: The Basics - Esri FedGIS 2016
AppStudio for ArcGIS: The Basics - Esri FedGIS 2016AppStudio for ArcGIS: The Basics - Esri FedGIS 2016
AppStudio for ArcGIS: The Basics - Esri FedGIS 2016
 
Blue Raster Natureserve Synergy Workshop Presentation
Blue Raster Natureserve Synergy Workshop PresentationBlue Raster Natureserve Synergy Workshop Presentation
Blue Raster Natureserve Synergy Workshop Presentation
 
Blue Raster Presents on Emerging Hotspots of Global Tree Cover Loss
Blue Raster Presents on Emerging Hotspots of Global Tree Cover LossBlue Raster Presents on Emerging Hotspots of Global Tree Cover Loss
Blue Raster Presents on Emerging Hotspots of Global Tree Cover Loss
 
Creating Apps with Maps in AppStudio - Esri User Conference 2015 Presentation
Creating Apps with Maps in AppStudio - Esri User Conference 2015 PresentationCreating Apps with Maps in AppStudio - Esri User Conference 2015 Presentation
Creating Apps with Maps in AppStudio - Esri User Conference 2015 Presentation
 
U.S. National Arboretum - Esri User Conference 2015 Presentation
U.S. National Arboretum - Esri User Conference 2015 Presentation U.S. National Arboretum - Esri User Conference 2015 Presentation
U.S. National Arboretum - Esri User Conference 2015 Presentation
 
The Power of Story Maps, Data Visualization, and Analysis: NetHope and Blue R...
The Power of Story Maps, Data Visualization, and Analysis: NetHope and Blue R...The Power of Story Maps, Data Visualization, and Analysis: NetHope and Blue R...
The Power of Story Maps, Data Visualization, and Analysis: NetHope and Blue R...
 
Best Practices for Story Maps
Best Practices for Story MapsBest Practices for Story Maps
Best Practices for Story Maps
 
Kill those bugs with the ultimate tool - Chrome DevTools
Kill those bugs with the ultimate tool - Chrome DevToolsKill those bugs with the ultimate tool - Chrome DevTools
Kill those bugs with the ultimate tool - Chrome DevTools
 
Make JavaScript Lean, Mean, and Clean
Make JavaScript Lean, Mean, and CleanMake JavaScript Lean, Mean, and Clean
Make JavaScript Lean, Mean, and Clean
 
Building a Custom UI Control with D3 - 2015 Esri Devoloper Summit
Building a Custom UI Control with D3 - 2015 Esri Devoloper SummitBuilding a Custom UI Control with D3 - 2015 Esri Devoloper Summit
Building a Custom UI Control with D3 - 2015 Esri Devoloper Summit
 
Building a Custom UI control with D3
Building a Custom UI control with D3Building a Custom UI control with D3
Building a Custom UI control with D3
 
Great Story Maps - Blue Raster Esri User Conference 2014 Presentation
Great Story Maps - Blue Raster Esri User Conference 2014 PresentationGreat Story Maps - Blue Raster Esri User Conference 2014 Presentation
Great Story Maps - Blue Raster Esri User Conference 2014 Presentation
 
Total Knockout: Start-to-Finish Development of Suitability Applications Using...
Total Knockout: Start-to-Finish Development of Suitability Applications Using...Total Knockout: Start-to-Finish Development of Suitability Applications Using...
Total Knockout: Start-to-Finish Development of Suitability Applications Using...
 
Online Mapping Patterns in 2013 and Beyond
Online Mapping Patterns in 2013 and BeyondOnline Mapping Patterns in 2013 and Beyond
Online Mapping Patterns in 2013 and Beyond
 

2013 Esri Developer Summit Editing Tools

  • 1. 2013 Esri International Developer Summit March 25 - 28, 2013 Presented by: Robert Winterbottom Blue Raster
  • 2. Editing tools made easy  Goals  Configure the editor widget to support non-GIS users  Keep it simple  Limit the tasks our users could perform  Add additional capabilities to the editor widget
  • 3. Keeping it simple  Easily identifiable tools.  Simple tools  Draw/Erase  Polygon and Freehand Polygon drawing  Undo/ Redo  Edit Vertices
  • 4. Custom Editing Tools  != “Reinvent the wheel”.  Reassemble the wheel with components that were already available from Esri’s JavaScript API.  Combination of draw toolbar, edit toolbar, and the Geometry Service.
  • 5. Drawing  Polygon or Freehand Polygon tool.  Draw the shape and automatically join the geometries.  Geometry Service Method: Union
  • 6. Erasing  Draw a shape and automatically remove that section from the polygon.  Geometry Service Method: Difference
  • 7. Editing Vertices  Give our user greater precision.  Great tool already.  Snapping!
  • 8. Interact with neighboring polygons  Show neighboring polygons.  Highlight overlapping polygons.  Provide feedback.  Geometry Service Methods: Buffer, Intersect, Relation
  • 9. Thank you.  Follow Blue Raster  Twitter - @blueraster  blueraster.com/blog  Follow Me  Twitter - @RWinter85  Github – Robert-W