Your SlideShare is downloading. ×
0
CartoSet, a new            Framework to create            highly visual geo            portals           Javier de la Torr...
_CartoSet                       a lightweight framework for development of                       geospatial dataset websit...
_Geospatial dataset: Collection of features                     Protected Areas                     NGO projects in Haiti ...
_What inspired us to develop it                       These websites have lot of things in common.                       W...
_What do these sites have in                common?                             _Home page                              Li...
__ Some examples....Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
_What do these sites DONT                   have in common?                       They all look very different            ...
_Introducing CartoSetThursday, September 15, 11
_Principles                       Those are my principles. If you dont like them I have                       others - Gro...
_ 1 Design comes first                       Visualization is a way to tell stories.                       We start designi...
_ 2 Lightweight                       These sites are not that complicate.                       Lets keep the architectur...
_ 3 Deployable on the cloud                       We mean Heroku. Of course you can also use any                       hos...
_Technologies                       Ruby on Rails 3                       PostGIS or CartoDB                       Techniq...
_CartoDB                        PostGIS on the cloud with fancy APIs                         Dynamic tiles using Carto CSS...
_The CartoSet workflow                       From client to deploy...Thursday, September 15, 11
_Make a good deal with the client                       Open Source Freedom, no licenses costs and very                   ...
_ Import the data and understand it                       Thats the first thing! With lorem impsums everything is          ...
_Wireframes & Visual Design                       Try to catch the story. Good design is expensive but it                 ...
_Develop the views                       There is a lot of PSD2HTML companies out there if                       you dont ...
_ Develop Explore and JS                    interactivity                        This is the fun part! If you use CartoDB ...
_ Augment the data with external                    APIs                        Use Wikipedia geolocated articles, picture...
_Set up a backoffice                        This one is easy, is given.Thursday, September 15, 11
_Deploy                        We like Heroku, so easy to deploy and no maintaince.Thursday, September 15, 11
_How to get started                     http://github.com/Vizzuality/cartosetThursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
_Default layoutThursday, September 15, 11
_The backoffice                       Simple feature metadata editing.                       CartoDB provides already some ...
Thursday, September 15, 11
Thursday, September 15, 11
_First implemented CartoSets                       Fresh fresh!Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
Thursday, September 15, 11
_How does it look the data                   structure                       One single column is the baseThursday, Septem...
Thursday, September 15, 11
_How does it look the data                   structure                         One single column is the baseThursday, Sept...
_Some sneak preview of                   CartoDB SQL API                         Very useful when doingThursday, September...
https://whs.cartodb.com/api/v1/          sql?q=          SELECT          st_x(the_geom) AS lon,          st_y(the_geom) AS...
{                             "time":0.002,                             "total_rows":1,                             "rows"...
_What we love about it                        Very fast development                        Easy to explain the code!      ...
_The present and the future                        Released today with BSD license                        Has bugs but in ...
Thank you!             Javier de la Torre             @jatorre             Vizzuality             148 Lafayette St. PH, Ne...
How does it fit in the FOSS4G space?                    Multiple Datasets                         GeoNode                 ...
Upcoming SlideShare
Loading in...5
×

Cartoset

5,432

Published on

CartoSet is a new Open Source framework to develop great geospatial websites. Based on the experience by Vizzuality developing highly visual geospatial websites, like protectedplanet.net, CartoSet is a Ruby on Rails framework based on CartoDB. Despite the number of existing geoportal websites none of them allow the creation of highly customized interfaces. On the other hand libraries like geoRuby provide great foundation but still it takes too much time to develop nice websites. CartoSet is a FOSS framework in the middle, allowing great customization but providing an easy building block for agile developers.

Published in: Technology, News & Politics

Transcript of "Cartoset"

  1. 1. CartoSet, a new Framework to create highly visual geo portals Javier de la Torre Vizzuality @jatorreThursday, September 15, 11
  2. 2. _CartoSet a lightweight framework for development of geospatial dataset websitesThursday, September 15, 11
  3. 3. _Geospatial dataset: Collection of features Protected Areas NGO projects in Haiti Indigenous and Community Conserved Areas Species in the Antartic Marine areas Potholes in Madrid Goverment procurement Wetlands Migratory species World Heritage Sites ....Thursday, September 15, 11
  4. 4. _What inspired us to develop it These websites have lot of things in common. We found ourselves doing the same code again and again...Thursday, September 15, 11
  5. 5. _What do these sites have in common? _Home page List of features, search functionality _Explore page Visualize features on a map Filter and see updated map _Feature detail page Display metadata View in a map Related contentThursday, September 15, 11
  6. 6. __ Some examples....Thursday, September 15, 11
  7. 7. Thursday, September 15, 11
  8. 8. Thursday, September 15, 11
  9. 9. Thursday, September 15, 11
  10. 10. Thursday, September 15, 11
  11. 11. Thursday, September 15, 11
  12. 12. Thursday, September 15, 11
  13. 13. Thursday, September 15, 11
  14. 14. Thursday, September 15, 11
  15. 15. Thursday, September 15, 11
  16. 16. Thursday, September 15, 11
  17. 17. Thursday, September 15, 11
  18. 18. _What do these sites DONT have in common? They all look very different Each one tells you a different storyThursday, September 15, 11
  19. 19. _Introducing CartoSetThursday, September 15, 11
  20. 20. _Principles Those are my principles. If you dont like them I have others - Groucho MarxThursday, September 15, 11
  21. 21. _ 1 Design comes first Visualization is a way to tell stories. We start designing stories and then we develop strictly following those designs.Thursday, September 15, 11
  22. 22. _ 2 Lightweight These sites are not that complicate. Lets keep the architecture to a minimum so that you can be as flexible as you need.Thursday, September 15, 11
  23. 23. _ 3 Deployable on the cloud We mean Heroku. Of course you can also use any hosting, but Heroku makes it a charm deploying apps like this.Thursday, September 15, 11
  24. 24. _Technologies Ruby on Rails 3 PostGIS or CartoDB Techniques for distributed high-speed map tile generation using Mapnik & Node.js Thu, 09/15/2011 - 1:00pm - 1:30pm Simon TokumineThursday, September 15, 11
  25. 25. _CartoDB PostGIS on the cloud with fancy APIs Dynamic tiles using Carto CSS Node.js SQL API OAuth Great UI for managing/editing geo data Techniques for distributed high-speed map tile generation using Mapnik & Node.js Thu, 09/15/2011 - 1:00pm - 1:30pm Simon TokumineThursday, September 15, 11
  26. 26. _The CartoSet workflow From client to deploy...Thursday, September 15, 11
  27. 27. _Make a good deal with the client Open Source Freedom, no licenses costs and very fast time to market.Thursday, September 15, 11
  28. 28. _ Import the data and understand it Thats the first thing! With lorem impsums everything is beautifulThursday, September 15, 11
  29. 29. _Wireframes & Visual Design Try to catch the story. Good design is expensive but it is one of the most valuable things. Map design, usability and interaction Thu, 09/15/2011 - 4:00pm - 4:30pm Sergio AlvarezThursday, September 15, 11
  30. 30. _Develop the views There is a lot of PSD2HTML companies out there if you dont feel you can make it rightThursday, September 15, 11
  31. 31. _ Develop Explore and JS interactivity This is the fun part! If you use CartoDB you get a lot of APIs for free (more later)Thursday, September 15, 11
  32. 32. _ Augment the data with external APIs Use Wikipedia geolocated articles, pictures, videos, tweets, etc. There is a world of APIs to give context to your data. Wikipedia sync Panoramio and Flickr sync Youtube ....Thursday, September 15, 11
  33. 33. _Set up a backoffice This one is easy, is given.Thursday, September 15, 11
  34. 34. _Deploy We like Heroku, so easy to deploy and no maintaince.Thursday, September 15, 11
  35. 35. _How to get started http://github.com/Vizzuality/cartosetThursday, September 15, 11
  36. 36. Thursday, September 15, 11
  37. 37. Thursday, September 15, 11
  38. 38. Thursday, September 15, 11
  39. 39. Thursday, September 15, 11
  40. 40. Thursday, September 15, 11
  41. 41. Thursday, September 15, 11
  42. 42. Thursday, September 15, 11
  43. 43. Thursday, September 15, 11
  44. 44. _Default layoutThursday, September 15, 11
  45. 45. _The backoffice Simple feature metadata editing. CartoDB provides already some functionalityThursday, September 15, 11
  46. 46. Thursday, September 15, 11
  47. 47. Thursday, September 15, 11
  48. 48. _First implemented CartoSets Fresh fresh!Thursday, September 15, 11
  49. 49. Thursday, September 15, 11
  50. 50. Thursday, September 15, 11
  51. 51. Thursday, September 15, 11
  52. 52. Thursday, September 15, 11
  53. 53. Thursday, September 15, 11
  54. 54. Thursday, September 15, 11
  55. 55. Thursday, September 15, 11
  56. 56. Thursday, September 15, 11
  57. 57. _How does it look the data structure One single column is the baseThursday, September 15, 11
  58. 58. Thursday, September 15, 11
  59. 59. _How does it look the data structure One single column is the baseThursday, September 15, 11
  60. 60. _Some sneak preview of CartoDB SQL API Very useful when doingThursday, September 15, 11
  61. 61. https://whs.cartodb.com/api/v1/ sql?q= SELECT st_x(the_geom) AS lon, st_y(the_geom) AS lat FROM geo_ips WHERE ip_start <=inetmi(69.31.103.39,0.0.0.0 ) ORDER BY ip_start DESC LIMIT 1Thursday, September 15, 11
  62. 62. { "time":0.002, "total_rows":1, "rows":[ {"lon":-87.6376, "lat":41.8824} ] }Thursday, September 15, 11
  63. 63. _What we love about it Very fast development Easy to explain the code! No compromises on the fronted Using Heroku and CartoDB = free hostingThursday, September 15, 11
  64. 64. _The present and the future Released today with BSD license Has bugs but in production already More stability and better documentation Modules for data augmentation Use of Heroku PostgreSQL hosting serviceThursday, September 15, 11
  65. 65. Thank you! Javier de la Torre @jatorre Vizzuality 148 Lafayette St. PH, New York, 10013,USA +1 347 320 7715 +34 689 41 4420 www.vizzuality.com @vizzualityThursday, September 15, 11
  66. 66. How does it fit in the FOSS4G space? Multiple Datasets GeoNode GeoNetwork One single featureThursday, September 15, 11
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×