CartoSet, a new
            Framework to create
            highly visual geo
            portals
           Javier de la Torre
           Vizzuality
           @jatorre




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




Thursday, September 15, 11
_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
_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
_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
__ 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
                       Each one tells you a different story




Thursday, September 15, 11
_Introducing CartoSet




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




Thursday, September 15, 11
_ 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
_ 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
_ 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
_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
_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
_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
                       fast time to market.




Thursday, September 15, 11
_ Import the data and understand it
                       Thats the first thing! With lorem impsums everything is
                       beautiful




Thursday, September 15, 11
_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
_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
_ 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
_ 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
_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/cartoset




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
_Default layout




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




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




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




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




Thursday, September 15, 11
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
{
                             "time":0.002,
                             "total_rows":1,
                             "rows":[
                                {"lon":-87.6376,
                                 "lat":41.8824}
                              ]
                  }




Thursday, September 15, 11
_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
_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
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
How does it fit in the FOSS4G space?

                    Multiple Datasets

                         GeoNode
                         GeoNetwork


                    One single feature




Thursday, September 15, 11

Cartoset