Cartoset

Javier de la TorreVizzuality

@jatorre

CartoSet, a new Framework to create highly visual geo portals

Thursday, September 15, 11

_CartoSeta lightweight framework for development of geospatial dataset websites


_Geospatial dataset: Collection of featuresProtected AreasNGO projects in HaitiIndigenous and Community Conserved AreasSpecies in the AntarticMarine areasPotholes in MadridGoverment procurementWetlandsMigratory speciesWorld Heritage Sites....


_What inspired us to develop itThese websites have lot of things in common.We found ourselves doing the same code again and again...


_Home pageList of features, search functionality

Visualize features on a mapFilter and see updated map

_Explore page

Display metadataView in a mapRelated content

_Feature detail page

_What do these sites have incommon?


__ Some examples....













_What do these sites DONT have in common?

They all look very differentEach one tells you a different story


_Introducing CartoSet


_PrinciplesThose are my principles. If you don't like them I have others - Groucho Marx


_ 1 Design comes firstVisualization is a way to tell stories. We start designing stories and then we develop strictly following those designs.


_ 2 LightweightThese sites are not that complicate.Lets keep the architecture to a minimum so thatyou can be as flexible as you need.


_ 3 Deployable on the cloudWe mean Heroku. Of course you can also use any hosting, but Heroku makes it a charm deploying apps like this.


_TechnologiesRuby on Rails 3PostGIS or CartoDB

Techniques for distributed high-speed map tile generation using Mapnik & Node.jsThu, 09/15/2011 - 1:00pm - 1:30pmSimon Tokumine


http://2011.foss4g.org/content/thu-09152011-400pm-430pm


_CartoDBPostGIS on the cloud with fancy APIs

Dynamic tiles using Carto CSSNode.js SQL APIOAuthGreat UI for managing/editing geo data

Techniques for distributed high-speed map tile generation using Mapnik & Node.jsThu, 09/15/2011 - 1:00pm - 1:30pmSimon Tokumine




_The CartoSet workflowFrom client to deploy...


_Make a good deal with the clientOpen Source Freedom, no licenses costs and very fast time to market.


_ Import the data and understand itThats the first thing! With lorem impsums everything is beautiful


_Wireframes & Visual DesignTry to catch the story. Good design is expensive but it is one of the most valuable things.

Map design, usability and interactionThu, 09/15/2011 - 4:00pm - 4:30pmSergio Alvarez


_Develop the viewsThere is a lot of PSD2HTML companies out there if you dont feel you can make it right


_ Develop Explore and JS interactivity

This is the fun part! If you use CartoDB you get a lot of APIs for free (more later)


_ 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 syncPanoramio and Flickr syncYoutube....


_Set up a backofficeThis one is easy, is given.


_DeployWe like Heroku, so easy to deploy and no maintaince.


_How to get startedhttp://github.com/Vizzuality/cartoset


https://github.com/Vizzuality/cartoset

https://github.com/Vizzuality/cartoset









_Default layout


_The backofficeSimple feature metadata editing.CartoDB provides already some functionality




_First implemented CartoSetsFresh fresh!










_How does it look the data structure

One single column is the base



_How does it look the data structure

One single column is the base


_Some sneak preview of CartoDB SQL API

Very useful when doing


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






{ "time":0.002, "total_rows":1, "rows":[ {"lon":-87.6376, "lat":41.8824} ]}


_What we love about itVery fast developmentEasy to explain the code!No compromises on the fronted

Using Heroku and CartoDB = free hosting


_The present and the futureReleased today with BSD licenseHas bugs but in production already

More stability and better documentationModules for data augmentationUse of Heroku PostgreSQL hosting service


Thank you!Javier de la Torre@jatorre

Vizzuality148 Lafayette St. PH, New York, 10013,USA+1 347 320 7715+34 689 41 4420www.vizzuality.com@vizzuality


http://twitter.com/jatorre/

http://twitter.com/jatorre/

http://www.vizzuality.com/

http://www.vizzuality.com/

http://twitter.com/vizzuality

http://twitter.com/vizzuality

How does it fit in the FOSS4G space?

Multiple Datasets

GeoNode GeoNetwork

One single feature


Technology

Cartoset