SwisstrainsA tale of how to build model trains for web

Vasile Coțovanu @vasile23 - vasile.ch

http://www.graphicalweb.org/2014/

About me

Image sources: http://romaniatourism.com/romania-maps/europe-map.html http://geodesy.agu.org/ http://www.dayguide.ch/Restaurant_Die_Waid_Restaurants_s4_k1_d821_u.html

About me

Image sources: http://romaniatourism.com/romania-maps/europe-map.html http://geodesy.agu.org/ http://www.dayguide.ch/Restaurant_Die_Waid_Restaurants_s4_k1_d821_u.html

About me

Image sources: http://romaniatourism.com/romania-maps/europe-map.html http://geodesy.agu.org/ http://www.dayguide.ch/Restaurant_Die_Waid_Restaurants_s4_k1_d821_u.html

Hobbies

Hobbies

Image source: Swisstopo - https://map.geo.admin.ch/

Hobbies

Image source: Swisstopo - https://map.geo.admin.ch/

Image source: https://www.flickr.com/photos/vasile23/

Motivation

Image source: SBB - http://www.sbb.ch/

Motivation

Image source: SBB - http://www.sbb.ch/

Image source: Swisstopo - https://map.geo.admin.ch/

Motivation

Image source: SBB - http://www.sbb.ch/

Image source: Swisstopo - https://map.geo.admin.ch/

Image source: http://bit.ly/1qCbYOk

Swisstrains DEMO

http://maps.vasile.ch/transit-sbb/

SwisstrainsOf course !Live positions ?

DEMO

http://maps.vasile.ch/transit-sbb/

SwisstrainsOf course !NOT :)Live positions ?

DEMO

http://maps.vasile.ch/transit-sbb/

Train positions

“Graphical DB”: stations, tracks “Textual DB”: timetables

How

Image source: https://www.flickr.com/photos/vasile23/

Vectors

Vectors

Vectors

Vectors

Open data ?

Timetables

Open data ?

NOT

Timetables

Text: populate link, vehicle

vehicle

vehicle_idname

link

many-many

vehicle_idstation_iddeparture

stops

stations

vehicles

Text: vehicle-link-station

station

station_idname

vehicle

vehicle_idname

link

many-many

vehicle_idstation_iddeparture

stops

stations vehicles

1’800 13’000150’000

swisstrains.ch 2007

Romanian Railways2007-2009

http://cfr.webgis.ro/

Improved Crawler 2007-2009

DEMO

2007-2009Improved Crawler

2007-2009Improved Crawler

2007-2009Improved Crawler

2007-2009Improved Crawler

2007-2009Improved Crawler

boat bus cablecar train tram

stations 265 18'797 549 1'810 477 21'898

vehicles 2'534 144'150 220'669 16'498 18'461 402'312

stops 8'013 2'433'815 447'806 177'520 417'510 3'484'664

Complete Swiss Transit DataSet2007-2009

Zürich Live TramsDEMO

2009

Glitches in 1st version

• (JS) Client mess

• UX Issues

• Open Source Tools

Client Mess

Client Mess

Too Slow

Too Slow

Open Source ?

Open Source ?

2007 2011

Textual DB crawler PHP, MySQL, Ruby, SQLite

Map Engine GMaps API v2, custom (messy) map helpers v3 API, geometry library

Map layers Own generated polylines, points Fusion Tables

JS Engine Mess :) No 3rd party library More structured, ordered + jQuery

UX, page speed, look’n’feel OK-ish (in the beginning) IT ROCKS BIG TIME !

Graphics DB tools Geomedia + swisstopo layers QGIS, OpenLayers, GMaps, GEarth, etc

DBs integration tools FME, ODBC, MS Access :) Ruby, GDAL

Versioning Power of CTRL-Z Git - master/dev/sbb/cfr

Changes Roundup

2007 2011

Textual DB crawler PHP, MySQL, Ruby, SQLite

Map Engine GMaps API v2, custom (messy) map helpers v3 API, geometry library

Map layers Own generated polylines, points Fusion Tables

JS Engine Mess :) No 3rd party library More structured, ordered + jQuery

UX, page speed, look’n’feel OK-ish (in the beginning) IT ROCKS BIG TIME !

Graphics DB tools Geomedia + swisstopo layers QGIS, OpenLayers, GMaps, GEarth, etc

DBs integration tools FME, ODBC, MS Access :) Ruby, GDAL

Versioning Power of CTRL-Z Git - master/dev/sbb/cfr

Changes Roundup

Lausanne 2011DEMO

http://simcity.vasile.ch/lausanne/

Lausanne 2011DEMO

http://simcity.vasile.ch/lausanne/

Lausanne 2011DEMO

http://simcity.vasile.ch/lausanne/

Break 2012

Images source: https://www.flickr.com/photos/vasile23/

Break 2012

Images source: https://www.flickr.com/photos/vasile23/

Break 2012

Images source: https://www.flickr.com/photos/vasile23/

Scale Model Train DEMO

2013

http://goo.gl/d3iRbF

Scale Model Train DEMO

2013

http://goo.gl/d3iRbF

GTFS plugin DEMO

2014

http://maps.vasile.ch/sfmta/

Image source: http://hotrainsectionlayouts.wordpress.com/page/6/

Passion (Obsession) 80s - today

Image source: http://hotrainsectionlayouts.wordpress.com/page/6/

Passion (Obsession) 80s - today

Image source: http://hotrainsectionlayouts.wordpress.com/page/6/

Passion (Obsession) 80s - today

Image source: Swisstopo - https://map.geo.admin.ch/

Image source: http://hotrainsectionlayouts.wordpress.com/page/6/

Passion (Obsession) 80s - today

Image source: Swisstopo - https://map.geo.admin.ch/

2015 ?

• depends :)

• improvements

• OpenGL, native

• Github contributors

Thank you !

• @vasile23

• http://www.vasile.ch

• Q & A