"A tale of how to build model trains for web" LIVE DEMO: http://goo.gl/yVKLMk Presentation given at The Graphical Web 2014 conference, Winchester, UK http://www.graphicalweb.org/2014/

1. Swisstrains
A tale of how to build model trains for web
Vasile Coțovanu
@vasile23 - vasile.ch
http://www.graphicalweb.org/2014/

2. 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

3. 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

4. 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

5. Hobbies

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

7. Hobbies
Image source: Swisstopo - https://map.geo.admin.ch/
Image source: https://www.flickr.com/photos/vasile23/

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

9. Motivation
Image source: SBB - http://www.sbb.ch/
Image source: Swisstopo - https://map.geo.admin.ch/

10. Motivation
Image source: SBB - http://www.sbb.ch/
Image source: Swisstopo - https://map.geo.admin.ch/
Image source: http://bit.ly/1qCbYOk

11. Swisstrains
DEMO
http://maps.vasile.ch/transit-sbb/

12. Swisstrains
Of course !Live positions ?
DEMO
http://maps.vasile.ch/transit-sbb/

13. Swisstrains
Of course !NOT :)Live positions ?
DEMO
http://maps.vasile.ch/transit-sbb/

14. Train positions

15. “Graphical DB”: stations, tracks “Textual DB”: timetables
How
Image source: https://www.flickr.com/photos/vasile23/

16. Vectors

17. Vectors

18. Vectors

19. Vectors

20. Open data ?
Timetables

21. Open data ?
NOT
Timetables

22. Text: populate link, vehicle
vehicle
vehicle_id
name
link
many-many
vehicle_id
station_id
departure
stops
stations
vehicles

23. Text: vehicle-link-station
station
station_id
name
vehicle
vehicle_id
name
link
many-many
vehicle_id
station_id
departure
stops
stations vehicles
1’800 13’000150’000

24. swisstrains.ch
2007

25. Romanian Railways
2007-2009
http://cfr.webgis.ro/

26. Improved Crawler
2007-2009
DEMO

27. 2007-2009
Improved Crawler

28. 2007-2009
Improved Crawler

29. 2007-2009
Improved Crawler

30. 2007-2009
Improved Crawler

31. 2007-2009
Improved Crawler

32. 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 DataSet
2007-2009

33. Zürich Live Trams DEMO
2009

34. Glitches in 1st version
• (JS) Client mess
• UX Issues
• Open Source Tools

35. Client Mess

36. Client Mess

37. Too Slow

38. Too Slow

39. Open Source ?

40. Open Source ?

41. 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

42. 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

43. Lausanne
2011
DEMO
http://simcity.vasile.ch/lausanne/

44. Lausanne
2011
DEMO
http://simcity.vasile.ch/lausanne/

45. Lausanne
2011
DEMO
http://simcity.vasile.ch/lausanne/

46. Break
2012
Images source: https://www.flickr.com/photos/vasile23/

47. Break
2012
Images source: https://www.flickr.com/photos/vasile23/

48. Break
2012
Images source: https://www.flickr.com/photos/vasile23/

49. Scale Model Train DEMO
2013
http://goo.gl/d3iRbF

50. Scale Model Train DEMO
2013
http://goo.gl/d3iRbF

51. GTFS plugin DEMO
2014
http://maps.vasile.ch/sfmta/

52. Image source: http://hotrainsectionlayouts.wordpress.com/page/6/
Passion (Obsession)
80s - today

53. Image source: http://hotrainsectionlayouts.wordpress.com/page/6/
Passion (Obsession)
80s - today

54. Image source: http://hotrainsectionlayouts.wordpress.com/page/6/
Passion (Obsession)
80s - today
Image source: Swisstopo - https://map.geo.admin.ch/

55. Image source: http://hotrainsectionlayouts.wordpress.com/page/6/
Passion (Obsession)
80s - today
Image source: Swisstopo - https://map.geo.admin.ch/

56. 2015 ?
• depends :)
• improvements
• OpenGL, native
• Github contributors

57. Thank you !
• @vasile23
• http://www.vasile.ch
• Q & A