Sélection_037

Twitter Stream => Cartographie temps réel ?

Il y’a un mois je vous présentais ici même une expérience avec l’api de streaming de twitter.

Aujourd’hui j’ai repris l’expérience mais au lieu d’afficher les tweets sous forme de carte de chaleur, j’ai choisi d’afficher le flux sous forme d’une cartographie temps réel.

Pour que les données soient plus intéressantes, à la date de l’édition de l’article j’ai modifié la recherche du flux de tweets (la ou avant on avait les tweets géolocalisés au dessus de la france, on a maintenant les tweets correspondant aux mots-clefs suivants : « korben,utc,innovation,innovations,startup,tech,technologie,html5,js,google,api,sdk,webdesign,design,web ». (C’est voué à changer).

Vous pouvez retrouver la carte de chaleur à l’adresse suivante : http://twitter.mattgu.com (bon avec la nouvelle recherche j’avoue que c’est moins parlant…).

Et bien sur le sujet de cet article, voici la page avec la cartographie : http://twitter.mattgu.com/2

Je suis en pleine phase d’expérimentation, donc tout naturellement je suis preneur de toutes suggestions.

 

Sélection_034

Carte live des tweets géolocalisé en France

Ce matin une envie subite m’a pris de faire quelque chose avec l’API de streaming de twitter et notamment avec le coté géolocalisé des tweets.

Voici donc ce à quoi j’ai occupé mon après-midi, ce n’est pas parfait, mais je trouve que c’est déjà très parlant.

L’idée consiste donc à afficher sur une carte tous les tweets géolocalisé en France en temps réel.

Le code source est disponible ici : https://github.com/mattgu74/TwitterHeatMap

Sélection_034

 Voir la démo.

Sélection_027

Réseau P2P avec WebRTC

Ce soir une envie passagère m’a pris de m’amuser avec la nouvelle technologie WebRTC, introduite récemment dans nos navigateurs. L’idée était de réaliser des clients javascript P2P capable d’échanger entre eux.

Ensuite, pour illustrer les connexions existantes entre les noeuds du réseau, j’ai implémenté un algorithme distribué permettant  grâce à une « vague » de récupérer la topologie du réseau, puis de l’afficher graphiquement grâce à sigma.js.

La librairie peerjs est utilisé dans ce système.

Et bien sur, voici le résultat de ces quelques heures de travail : Démonstation <- C’est ici !

N’hésitez pas a ouvrir la page de démonstration dans plusieurs onglets, des connexions P2P se mettront ainsi en place entre vos onglets (et les éventuels autres ordinateurs dans le monde qui aurait cette page ouverte).
Ensuite cliquez sur « Obtenir la topographie » qui va lancer la vague pour récupérer la topographie, c’est normalement extrêmement rapide, si rien n’arrive n’hésitez pas à recliquer (les noeuds déconnectés ne sont pas toujours détectés au bon moment, et la vague peut les attendre).

Ensuite pour avoir un graphe un peu plus joli vous pouvez utiliser le bouton « Démarrer Atlas » (penser à l’arrêter une fois qu’il est stabilisé pour pouvoir visualiser les liens).

Le noeud rouge, correspond à l’onglet/navigateur qui a été l’initiateur de la demande de topographie (celui que vous avez sous les yeux…)

 

 

 

SOUNDBURST

soundburst

Pour jouer au jeu, c’est ici !

Soundburst est un projet de jeu multimédia que j’ai réalisé avec 3 autres camarades (Juliette Lima, Guillaume Anicotte, Chamsseddine Sallouh) dans le cadre de l’UV SI28 à l’utc, encadré par M. Serge Bouchardon.

Vous pouvez retrouver les slides de la présentation finale du projet sur google drive.

Ce jeu est aussi bien jouable depuis un ordinateur, qu’une tablette ou un smartphone. Le jeu consiste à créer des bombes, qu’il faut envoyer sur les écrans adverses.
Un clic (ou appui sur une surface tactile) permet de créer une bombe, on peut ensuite l’envoyer en la « lançant » à travers un bord d’écran.

Un double clic sur une bombe permet de la désamorcer.

On gagne des points lorsque l’on désamorce une bombe (2X le nb d’écran traversé par la bombe).
On gagne des points lorsqu’une bombe explose chez un adversaire (2X le nb d’écran traversé).
On perd des points lorsque l’adversaire désamorce notre bombe (1X le nb d’écran traversé).
On perd des points losqu’une bombe explose sur notre écran (1X le nb d’écran traversé).

Les scores sont réinitialisés automatiquement toutes les 5 minutes.

Pour éviter qu’un joueur, crée des bombes et les désamorcent (ou les laissent exploser) chez lui, 10 points de pénalités sont retirés quand aucun écran n’a été traversé.

Quelques captures d’écran sur smartphone :

Le code source du jeu est disponible sur mon github : https://github.com/mattgu74/si28