Sublyn, votre plan de métro parisien en HTML, tout léger et relié en temps réel à twitter !
Hello 
Ce matin, je souhaitais vous présenter un projet tout simple, que j’ai réalisé avec Barbara Chabriw ! Le site s’appelle SubLyn est a pour point de départ que les sites de métro sont tout en flash ou avec des PDF et beaucoup de choses parfois pas très pratiques et parfois un peu longues et complexes à manipuler, à charger. Comme, je passais mon temps sur Google image à chercher un plan de métro d’assez bon format pour me repérer rapidement… j’ai décidé que j’allais me créer un site plus pratique… quitte à ce qu’il serve à d’autres.
Ainsi, SubLyn est né
SubLyn souhaite donc proposer un plan des métros parisiens géographiquement plus exact que le plan officiel de la RATP et relié en temps réel aux tweets sur chaque ligne de métro. Par exemple, je souhaite rapidement partir à Gare du Nord depuis chez moi, je vois que je dois prendre la ligne 1 jusqu’au Châtelet puis le RER B jusquà la Gare du Nord, j’en profite par la même occasion pour regarder un peu l’activité de ses lignes avec twitter en cliquant sur la petite icône « Ligne 1″ puis la petite icône « »RER B ». Des contrôleurs par-ci, des problèmes de rames par là, un chanteur à telle station ou encore une jolie fille dans une autre, bref, la vraie vie du métro
L’idée n’est donc ABSOLUMENT PAS de faire de la concurrence au site de la RATP, mais plutôt d’offrir un petit site pratique avec le poûls du métro… c’est donc sans prétention, et si ça peut vous être pratique, j’en suis le premier ravi !
Sublyn en images :
Attention, le site est en bêta ! Donc :
- il y a encore des bugs
- ça rame sur certaines config’
- il y a des problèmes d’affichage
- des fautes sur la carte que nous modifions,
- etc.
MAIS Barbara & moi y travaillons, et sutrout :
- les autres villes françaises auront leur Sublyn
- les grandes capitales mondiales aussi
- le module d’affichage twitter sera amélioré
- on ne fera pas d’itinéraire pour l’instant (trop technique pour nos petites compétences
) - des éléments seront ajoutés / améliorés également.
N’hésitez pas si vous avez des conseils en tout cas… !
Bonne visite sur SubLyn (en version Bêta … )
[J'en profite pour remercier et féliciter Barbara Chabriw pour son travail, sa patience et sa bonne humeur!]
Ces articles peuvent aussi vous intéresser:
- Sublyn sur iPhone ! Votre plan de métro de Paris relié à Twitter ! (application gratuite)
- Quand la RATP se dévoile graphiquement !
- La RATP s’ouvre, s’ouvre, s’ouvre. #opendata
- Le jour où la ratp nous fait rire… avec « Super Métro » !
- Les archives de @GraphismFR sont sur twitter
- Petite boulette pour le Musée du Louvre-Lens… découvrez-le huit jours en avance
19 avril 2012 à 7 h 53 min
Je t’ai déjà dit tout le bien que j’en pensais sur Twitter
Sinon, pour les autres villes, il va falloir penser un à système de hashtags prédéfini pour éviter la confusion avec les tweets du métro parisien 
19 avril 2012 à 8 h 09 min
Super!
Je met ça de côté pour mes séjour parisien.
Sinon, je serais bien content d’avoir un tel outils pour le réseau Lillois!
Bon courage pour le debug et merci!
19 avril 2012 à 8 h 38 min
A quand l’appli Iphone/Android ?
19 avril 2012 à 8 h 44 min
@Yann Leroux: la web app est en court de dev
19 avril 2012 à 8 h 44 min
Salut,
C’est super ce projet
, je suis jeune web-developer dans le sud, comme tu dis il y’a encore des bug, vivement la version stable…
Une petite suggestion, si on pouvait placer des marker pour situé ses potes… le tous relié sur son compte Twitter.
Et soyons fou, pourquoi pas une version iphone, voir une apps!
Bon courage sur votre projet…
@ +
19 avril 2012 à 8 h 46 min
Je rêve d’avoir le même pour Clermont-Ferrand !!
19 avril 2012 à 8 h 50 min
@Aga: merci bcp !!
19 avril 2012 à 9 h 08 min
Bravo !!!! enfin un site efficace et bien pensé, alternatif a la RATP. Vivement la web app
19 avril 2012 à 9 h 11 min
Cool les tweets….:(
« attention sans papier sur la 8 @gentil_usager »
« merci @gueant_claude »
19 avril 2012 à 9 h 13 min
@Raph: bienvenue sur twitter…arf.
19 avril 2012 à 9 h 18 min
Bon boulot quand meme
pour quand celui de la sncf ?
19 avril 2012 à 9 h 54 min
Il y a trop de gens qui n’ont pas le sens de la géographie et ces schémas de la RATP sont complètement imbéciles et inefficaces pour pouvoir se situer dans l’espace. Ceux qui ont fait ces absurdités devraient être éjectés depuis des années. Seul le respect scrupuleux de la cartographie est valable.
19 avril 2012 à 10 h 24 min
Superbe projet, beau design
J’adhère et attends l’app iPhone. 
19 avril 2012 à 11 h 38 min
Très belle initiative !
Juste une coquille : il manque la station Château d’Eau entre Gare de l’Est et Strasbourg-Saint-Denis sur la 4.
J’attends avec impatience l’appli Android
19 avril 2012 à 12 h 31 min
Question bête, naïve, tout ça tout ça… Pas envie de reprendre le travail de carto fait dans le cadre du concours Check My Metro ? Ca me pose question du coup cette idée de cartes « open source » (ou tout du moins libres de droit). Forcément, comme pour le logiciel, si chacun développe le(la) sien(ne)…
Sinon, sur le principe, le mi-géographique mi-schématique me semble pas mal. Ca me rappelle la proposition londonienne de Mark Noad. http://www.london-tubemap.com/
Vous le contactez pour Londres ?
19 avril 2012 à 12 h 35 min
@Jacky: en effet, la carte utilisée sur le site est un travail conçu jadis pour ce concours. Merci également pour le london tubemap, je les contacte
19 avril 2012 à 14 h 29 min
J’aime beaucoup le graphisme des lignes ! Un peu de modernité ça ne fait pas de mal
19 avril 2012 à 23 h 19 min
Bonjour,
tres bonne idée mais ce que je trouverai encore plus intéressant c’est de faire une carte à l’échelle. Quand je dis à l’échelle, c’est pour indiquer les espaces entre les stations car sur ce plan qui reprend pour beaucoup celui de la ratp, les espaces sont identiques (sauf pour 2 ou 3) hors si je prends l’exemple de république, la station jacques bonsergent en est a 200m !
En tout cas, bonne continuation à vous deux!
19 avril 2012 à 23 h 54 min
C’est un peu ce que fait http://locomote.to
20 avril 2012 à 7 h 52 min
@Aurore: merci !
en fait, il est impossible de reprendre exactement les distances sans perdre ses utilisateurs, ses lecteurs, mais on ne souhaitait pas non plus faire « la même carte » que la carte officielle, nous avons donc trouvé un juste milieu plus précis 
merci pour ce retour en tout cas !
20 avril 2012 à 13 h 46 min
Excellente initiative !
Pour info pour vous aider dans le débug si jamais vous n’aviez pas déjà remarqué, du côté de Porte de Versailles en réalité la T3 est bien dans Paris mais la T2 est juste après le périph (et donc plus loin du centre de Paris que la T3 et non l’inverse).
20 avril 2012 à 15 h 18 min
Pourquoi les gens demandent une application iPhone ?!
C’est du html5. Avec quelques optimisations pour les écrans de petites dimensions, le site sera compatible avec tous les terminaux (mobiles, tablettes et ordinateurs) sans avoir à télécharger une application lourde, lente et dans un langage compatible uniquement avec les produits Apple …
Moi je dis bravo pour cette démarche ! Encore un pas en avant pour HTML5.
@iosdevs : Arrêtez de coder en objective-C et mettez-vous à jour
data | Pearltrees
20 avril 2012 à 17 h 27 min
[...] SubLyn souhaite donc proposer un plan des métros parisiens géographiquement plus exact que le plan officiel de la RATP et relié en temps réel aux tweets sur chaque ligne de métro. Par exemple, je souhaite rapidement partir à Gare du Nord depuis chez moi, je vois que je dois prendre la ligne 1 jusqu’au Châtelet puis le RER B jusquà la Gare du Nord, j’en profite par la même occasion pour regarder un peu l’activité de ses lignes avec twitter en cliquant sur la petite icône « Ligne 1″ puis la petite icône « »RER B ». Des contrôleurs par-ci, des problèmes de rames par là, un chanteur à telle station ou encore une jolie fille dans une autre, bref, la vraie vie du métro L’idée n’est donc ABSOLUMENT PAS de faire de la concurrence au site de la RATP, mais plutôt d’offrir un petit site pratique avec le poûls du métro… c’est donc sans prétention, et si ça peut vous être pratique, j’en suis le premier ravi ! e & interactivité blog par Geoffrey Dorne » Sublyn, votre plan de métro parisien en HTML, tou… [...]
20 avril 2012 à 18 h 11 min
@SCZ: Rien ne vaut une application native. Rapide à utiliser, hors ligne, permet la gestion des préférences, et autres machins géniaux (les Intent sur Android, c’est génial pour implémenter une fonctionnalité de partage hyper-facilement).
Vendredi c’est Graphism ! » OWNI, News, Augmented
20 avril 2012 à 20 h 17 min
[...] Découvrez SubLyn mais attention, le site est encore en bêta ! | source [...]
21 avril 2012 à 1 h 05 min
Belle initiative, mais ne marche pas bien sur ICS eeepad transformer et la station T2 les moulineaux n’est pas placé correctement par rapport à l’île st-Germain
Le lien avec les tweets est une très bonne idée mais il faudrait revoir certains hashtags.
Encore bravo
21 avril 2012 à 9 h 08 min
@Diti:
Euh … le but de Sublyn est quand même de se connecter à Twitter pour avoir des infos concernant les lignes de métro. Donc pouvoir consulter cette application hors-ligne, je ne vois pas vraiment l’intérêt.
Une bonne gestion de la mise en cache d’une web-app et c’est parti ! Avec les balises et , Hop ! on ajoute le raccourci sur le bureau comme une application, et ça tourne super bien. Même hors-ligne si on veut
21 avril 2012 à 9 h 53 min
@SCZ: Le but de Sublyn est aussi de remplacer les services de la RATP, y compris en ce qui concerne le plan. Une application hors-ligne possède le plan en hors-ligne, et l’intérêt est là. Une application hors-ligne gère très bien les préférences et messages d’erreur liés à l’absence de connexion, permet de ne pas avoir à s’en faire au niveau gestion de la mémoire (je ne sais pas si tu as remarqué, mais parfois, les onglets que tu ouvres sur ton navigateur disparaissent).
La mise en cache d’une web-app ne fonctionne que sur les navigateurs récents. Or il existe une part non-négligeable de personnes qui utilisent toujours Android 2.1 (si on cible cette version, on touche 98 % des utilisateurs). Le HTML5 n’est pas une solution au natif, mais un contournement.
Le métro parisien deviendrait-il un peu Web 2.0 ? – Rêves Connectés / Papa Citoyen
7 mai 2012 à 20 h 26 min
[...] Récemment Geoffrey Dorne et Barbara Chabriw ont créé Sublyn.com avec un plan entièrement disponible en HTML 5 (ouf pas de flash !). L’idée est de d’avoir en parallèle d’un plan géographiquement plus exact les tweets liés à toutes les lignes, du moment qu’ils ont le hashtag (mot-clé) qui va bien comme #ligne1 par exemple. La carte est aussi téléchargeable en version PDF et JPG. Personnellement je le trouve simple et efficace, on parcours la carte un peu comme sur GoogleMap avec la possibilité de zoomer. Je vous le conseille. D’autres villes sont déjà sur les rails (…) ainsi qu’une application mobile. http://sublyn.com/ [...]
28 juin 2012 à 16 h 47 min
Classe comme idée ! Ce serait bien avec une mise à l’échelle. En tous cas chapeau