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.

1. CartoSet, a new
Framework to create
highly visual geo
portals
Javier de la Torre
Vizzuality
@jatorre
Thursday, September 15, 11

2. _CartoSet
a lightweight framework for development of
geospatial dataset websites
Thursday, September 15, 11

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. _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. _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 content
Thursday, September 15, 11

6. __ Some examples....
Thursday, September 15, 11

7. Thursday, September 15, 11

8. Thursday, September 15, 11

9. Thursday, September 15, 11

10. Thursday, September 15, 11

11. Thursday, September 15, 11

12. Thursday, September 15, 11

13. Thursday, September 15, 11

14. Thursday, September 15, 11

15. Thursday, September 15, 11

16. Thursday, September 15, 11

17. Thursday, September 15, 11

18. _What do these sites DONT
have in common?
They all look very different
Each one tells you a different story
Thursday, September 15, 11

19. _Introducing CartoSet
Thursday, September 15, 11

20. _Principles
Those are my principles. If you don't like them I have
others - Groucho Marx
Thursday, September 15, 11

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. _ 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. _ 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. _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 Tokumine
Thursday, September 15, 11

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 Tokumine
Thursday, September 15, 11

26. _The CartoSet workflow
From client to deploy...
Thursday, September 15, 11

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. _ Import the data and understand it
Thats the first thing! With lorem impsums everything is
beautiful
Thursday, September 15, 11

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 Alvarez
Thursday, September 15, 11

30. _Develop the views
There is a lot of PSD2HTML companies out there if
you dont feel you can make it right
Thursday, September 15, 11

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. _ 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. _Set up a backoffice
This one is easy, is given.
Thursday, September 15, 11

34. _Deploy
We like Heroku, so easy to deploy and no maintaince.
Thursday, September 15, 11

35. _How to get started
http://github.com/Vizzuality/cartoset
Thursday, September 15, 11

36. Thursday, September 15, 11

37. Thursday, September 15, 11

38. Thursday, September 15, 11

39. Thursday, September 15, 11

40. Thursday, September 15, 11

41. Thursday, September 15, 11

42. Thursday, September 15, 11

43. Thursday, September 15, 11

44. _Default layout
Thursday, September 15, 11

45. _The backoffice
Simple feature metadata editing.
CartoDB provides already some functionality
Thursday, September 15, 11

46. Thursday, September 15, 11

47. Thursday, September 15, 11

48. _First implemented CartoSets
Fresh fresh!
Thursday, September 15, 11

49. Thursday, September 15, 11

50. Thursday, September 15, 11

51. Thursday, September 15, 11

52. Thursday, September 15, 11

53. Thursday, September 15, 11

54. Thursday, September 15, 11

55. Thursday, September 15, 11

56. Thursday, September 15, 11

57. _How does it look the data
structure
One single column is the base
Thursday, September 15, 11

58. Thursday, September 15, 11

59. _How does it look the data
structure
One single column is the base
Thursday, September 15, 11

60. _Some sneak preview of
CartoDB SQL API
Very useful when doing
Thursday, September 15, 11

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 1
Thursday, September 15, 11

62. {
"time":0.002,
"total_rows":1,
"rows":[
{"lon":-87.6376,
"lat":41.8824}
]
}
Thursday, September 15, 11

63. _What we love about it
Very fast development
Easy to explain the code!
No compromises on the fronted
Using Heroku and CartoDB = free hosting
Thursday, September 15, 11

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 service
Thursday, September 15, 11

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
@vizzuality
Thursday, September 15, 11

66. How does it fit in the FOSS4G space?
Multiple Datasets
GeoNode
GeoNetwork
One single feature
Thursday, September 15, 11