Comment migrer une application Angular.Js vers Angular ?

Affluences propose deux applications web :

un portail d’administration à destination des établissements partenaires

et un site de réservation proposé aux visiteurs afin qu’ils puissent réserver en deux clics une salle de travail ou un atelier.

Ces deux applications ont commencés à être développées à partir de 2015. Nous avions fait le choix d’utiliser Node.Js pour le backend et l’API. Côté frontend, nous avions décidé d’utiliser Angular.Js. Ces deux outils nous semblaient être les plus adaptés à nos besoins mais également en adéquation avec nos affinités technologique.

Mais nos besoins ont évolué au fur et à mesure que nos utilisateurs se faisaient de plus en plus nombreux. Nous avions besoin d’outils plus robustes nous permettant de proposer toujours plus de nouvelles fonctionnalités tout en garantissant la stabilité et la montée en charge de nos applications.

Côté backend et API, nous avons traduit notre base de code Javascript en Typescript pour profiter des améliorations apportées par ce langage (compilation, typage fort, …). Ce changement étant invisible d’un point de vue utilisateur, nous avons pu l’opérer petit à petit en parallèle de la mise en production de nouvelles fonctionnalités. Côté frontend, nous avions décidé de passer sur Angular, l’évolution majeure d’AngularJs. Contrairement aux apparences, la migration vers Angular depuis Angular.Js n’est pas naturelle et implique plusieurs changements structurels comme le passage à des composants web qui a nécessité l’implémentation d’outils supplémentaires comme NgRx par exemple. C’est pourquoi nous avons élaboré un plan de migration pour chacune de nos applications.

Nous avons d’abord commencé par le site de réservation. Celui-ci représentant peu de pages par rapport au portail d’administration, nous avons décidé de réécrire complètement la base de code. Hormis le fonctionnement général de l’application, l’un des points sur lequel nous avons porté notre attention concernait la compatibilité des URL entre les deux versions. Angular proposant son propre routeur, nous avons dû assurer la redirection des anciens formats d’URL vers le nouveau. Cette problématique représentait un réel besoin puisque le service se base sur la vérification de l’adresse mail de l’utilisateur à travers un lien qui lui est envoyé lorsqu’il effectue sa réservation.

Le passage vers Angular a également été l’occasion de réactualiser le design général.

Forts de ce retour d’expérience, nous avons élaboré un plan différent pour le portail d’administration. Celui-ci représentant une complexité plus importante de par son nombre de pages et par le nombre d’interactions possibles, nous avons décidé de faire cohabiter Angular.Js et Angular en traduisant petit à petit les différents modules de l’ancien framework vers le nouveau. Nous avons dans un premier temps re-développé les modules communs (header, footer, éléments de navigation, …) afin que la passage d’une version à l’autre soit le plus transparent possible pour l’utilisateur. En s’appuyant sur ces composants, nous traduisons maintenant chaque module dès qu’une nouvelle fonctionnalité doit y être ajoutée.

Chacune de ces méthodes propose donc certains avantages: la traduction complète assure une migration définitive mais peut s’avérer complexe dans le cadre de projets avec beaucoup de pages. La cohabitation des deux frameworks peut quant à elle être utile pour assurer une migration progressive de gros projets mais ne doit pas perdurer dans le temps sous peine de devoir maintenir deux fois plus de code.

Bien choisir un bar pour son afterwork à Paris

Que ce soit pour la rentrée ou pour préparer les fêtes de fin d’année, il y a toujours une excuse pour organiser un afterwork avec vos collègues ou vos amis.

Mais pour être sûr de trouver une place dans un bar près de chez vous, Affluences vous a préparé quelques conseils pour passer une bonne soirée en toute sérénité ! Trouver une date : simple et complexe à la fois surtout si vous êtes nombreux.

Envoyer un Rsvp pour définir le nombre de place dont vous aurez besoin. Un petit rappel la veille ne fait jamais de mal !

Choisir un lieu stylé pour étonner vos amis. Vous pouvez consulter la liste des meilleurs lieux pour un afterwork.

Penser à réserver un bar en quelques clics surtout si vous êtes nombreux ou si vous voulez être certain d’avoir de la place.

Organiser une activité pour faire du team building : à la Gamelle, vous pouvez par exemple faire une partie de bowling. Il y a également un terrain de pétanques et des babyfoots !

Boire avec modération, les Perrier-citron c’est bien aussi 😉

Enfin, si vous voulez croiser l’équipe d’Affluences, vous pouvez nous trouver régulièrement ici :

Le Bistrot Pop, 3 avenue de la République 75011 Paris

Le Comptoir Général, 80 Quai de Jemmapes, 75010 Paris

John und Tommy’s Place, Charlottenstraße 2 10969 Berlin

Comment bien choisir sa salle de sport ?

C’est la rentrée, l’heure des objectifs et du bilan. Vous avez décidé de vous mettre au sport, bravo !

Vous venez de rejoindre les 65% des français qui font du sport au moins une fois par semaine et les 4,8 millions de personnes adeptes de la musculation ! Affluences vous donne quelques conseils pour bien choisir votre salle de sport et rester motivé toute l’année :

  1. Proche de vous (domicile ou travail) pour pouvoir enchainer métro-boulot-abdos-dodo.
  2. Des horaires d’ouverture élargis.
  3. Un nombre d’adhérents limités pour ne pas avoir à faire la queue aux machines.
  4. Des cours collectifs avec des coach sympas et de la place pour pouvoir faire ses étirements tranquillement.
  5. De bonnes machines et des espaces propres.
  6. Pas trop cher pour éviter de se ruiner mais assez cher pour éviter de sécher.

N’hésitez pas à nous partager votre salle de sport préférée ! Et pour connaitre l’affluence en temps réel dans votre salle de sport, c’est par .

Les musées spécial Famille

Traumatisant pour certains, vocation pour d’autres, tous les enfants ont déjà mis au moins une fois le pied au musée en sortie scolaire ou avec leurs parents. 

Pour vous faciliter la vie et vous permettre de choisir des lieux sans trop d’affluence, on vous a préparé une liste de musées kids friendly ! 

Et si ça ne vous suffit pas, vous pouvez toujours aller consulter le site de Mom’art.

Les informations ci-dessous sont en temps réel mais n’hésitez pas à télécharger Affluences pour voir les prévisions !

Fondation Louis Vuitton

Avant de visiter la Fondation Courtauld, pourquoi pas tester l’application Archimoi de la Fondation pour explorer l’architecture de Frank Gehry.

La fondation propose également des ateliers en famille tous les samedis et dimanches pour découvrir les oeuvres de la Fondation Courtauld.

Musée du Louvre

La Petite Galerie du musée du Louvre propose des expositions courtes et ludiques sur des sujets variés qui vous transportent à travers toute l’Histoire de l’art. Jusqu’au 1er juillet, découvrez l’exposition L’archéologie en Bulles 

Vérifier le temps d’attente actuel au musée du Louvre ou sur https://www.affluences.com/louvre

Cité des Sciences et de l’Industrie

On ne présente plus la Cité des enfants qui accueille chaque année des milliers d’enfants pour découvrir et apprendre en s’amusant.

N’hésitez pas à profiter également de l’exposition Cabanes jusqu’au 5 janvier 2020 ou Robots qui vient d’ouvrir.

Vérifier le temps d’attente actuel à la Cité des sciences ou sur http://www.cite-sciences.fr/fr/infos-pratiques/horaires/

Musée en Herbe

Le musée en Herbe est situé en plein coeur de Paris dans le premier arrondissement.

Vous pouvez actuellement y découvrir une exposition sur les monstres et même organiser un goûter d’anniversaire !

Musée de la Gendarmerie nationale

Jusqu’au 22 septembre, le musée de la Gendarmerie nationale propose un parcours ludique sur les animaux et la Gendarmerie. L’occasion d’en apprendre plus sur le métier à travers des anecdotes drôles et touchantes.

Visiter la Cité des sciences sans file d’attente

Vous venez visiter la Cité des sciences avec vos enfants ?

Ne perdez pas patience et choisissez le meilleur moment pour vous y rendre grâce à Affluences !

Les données ci-dessous correspondent à la situation en temps réel. N’hésites pas à consulter l’application Affluences pour voir les prévisions.

Taux d’occupation des espaces :
Temps d’attente à l’entrée :

L’application mobile Affluences, du natif vers le cross-platform.

L’application Affluences a officiellement été lancée le 1er octobre 2014. À cette époque, nous diffusions uniquement le temps d’attente de la Bpi, l’une des bibliothèques les plus fréquentées de Paris. Lorsque nous avons commencé le développement de l’application, les solutions cross-plateform existantes ne supportaient pas toutes les fonctionnalités systèmes et souffraient de problèmes importants de performances (chargement des données lent, latences visibles dans les animations ou la navigation, …), même sur les smartphones les plus répandus.

Malgré le gain de temps certain que nous apportaient ces framework, nous avons décidé d’utiliser les langages natifs sur chaque plateforme afin de garantir une expérience fluide à nos utilisateurs.

Première version de l'application mobile Affluences iOS Trois écrans : temps d'attente, horaires et infos pratiques

La première version de l’application Affluences était… épurée !

À mesure que de nouveaux établissements partenaires rejoignaient l’application, celle-ci a gagné de nouvelles fonctionnalités : informations pratiques, services, filtres, visualisation des établissements à proximité, … La dernière en date a d’ailleurs été suggérée directement par nos utilisateurs : la vue « Mes réservations ».

La vue "Mes réservations" permet de consulter l'historique des réservations faites par l'utilisateur
La vue « Mes réservations » permet de consulter l’historique des réservations faites par l’utilisateur.

Nous avons en parallèle fait évoluer nos applications en fonction des nouveautés apportées pour chaque plateforme. C’est donc naturellement que nous avons migré notre base de code d’Objective-C vers Swift lorsque la version 2.0 a été annoncée par Apple en septembre 2015. Cette transformation a pu se faire progressivement grâce à l’interopérabilité entre les deux langages. En effet, il n’a pas été nécessaire de tout réécrire d’un seul coup : nous avons développé les nouveautés directement en Swift et traduit la base de code existante lorsque nous devions y apporter des changements.

Aujourd’hui, nous utilisons donc les dernières versions des langages et outils proposés par Apple et Google pour les systèmes mobiles. En revanche, la prochaine version majeure de l’application Affluences utilisera quant à elle le SDK Flutter qui permet de développer avec une base de code commune en Dart tout en garantissant une expérience fluide. Plus d’informations à venir lorsque nous aurons une première version …!


Les files d’attente du musée du Louvre


Le musée du Louvre est situé au coeur de Paris dans le 1er arrondissement. Musée incontournable de la culture française, il est très prisé par les touristes  avec plus de 8 millions de visiteurs en 2017.

Venus de Milo Louvre

Nos conseils pour visiter le Louvre : choisir la bonne entrée et surtout bien préparer sa visite en sélectionnant les oeuvres que vous avez envie de voir. Il y en a plus de 35 000 exposées et il vous faudrait plusieurs mois pour toutes les voir.

Le temps d’attente en temps réel au musée du Louvre :

Si vous le pouvez, pensez également à acheter un ticket à l’avance pour passer dans les files prioritaires.

Enfin, le musée est gratuit pour les moins de 26 ans, vous avez juste à présenter une pièce d’identité aux entrées des ailes : pas besoin de faire la queue pour un ticket !

Attention le musée est fermé le mardi. Nocturne le mercredi et le vendredi jusqu’à 22h.