Noho, une plateforme web et mobile sur mesure

Application mobile - Application web
Noho est un réseau social permettant à ses utilisateurs de proposer et monétiser des moments de leur vie, mais aussi de découvrir et réserver ceux proposés par d’autres membres. Le service est accessible depuis une application mobile et une application web.
Client
Guestraveler
Infos
Créateur et éditeur du réseau social
page d'accueil du site noho

NOHO

Concevoir un écosystème applicatif complet

Idéematic a pris en charge la conception et le développement de l’ensemble de l’écosystème applicatif Noho. Son architecture repose sur plusieurs composants complémentaires :

  • des applications mobiles iOS et Android ;
  • une application web et un site internet ;
  • une API assurant les échanges entre les différents composants ;
  • un back-office d’administration.

Notre équipe a également défini les besoins d’infrastructure de Noho et mis en place l’environnement technique nécessaire à l’hébergement de l’ensemble de la plateforme, en cohérence avec son architecture applicative.

L’ANALYSE PRÉALABLE

Cadrer les besoins avant le développement

Avant le développement, nous avons travaillé avec l’équipe Noho pour préciser les besoins du projet. Nous avons étudié les cas d’usages attendus, l’ergonomie des applications et leur direction artistique. Cette phase de cadrage a permis de disposer d’une vision claire du produit avant d’engager sa réalisation.
Notre équipe a ensuite défini précisément les fonctionnalités à développer. Elle a également établi les estimations et les préconisations techniques nécessaires, puis défini l’architecture applicative. Ce travail a servi de base à la réalisation de l’application web, des applications mobiles, de l’API et du back-office.

prérequis au développement

DÉVELOPPEMENT DE L’APPLICATION MOBILE

Rechercher et réserver des activités depuis son mobile

Pour développer les applications mobiles iOS et Android de Noho, nous avons recommandé React Native. Ce choix technologique s’inscrivait dans l’architecture applicative définie en amont et répondait aux fonctionnalités prévues pour l’expérience mobile.

L’application mobile intègre notamment les fonctionnalités suivantes :

  • recherche d’activités ;
  • géolocalisation des activités sur une carte interactive ;
  • réservation d’activités ;
  • inscription et identification des utilisateurs ;
  • témoignages utilisateurs ;
  • paiement en ligne.

Lors de la phase de recette, notre équipe a réalisé plusieurs optimisations techniques sur l’application mobile développée en React Native afin d’améliorer ses performances, sa réactivité et la qualité du code.

DÉVELOPPEMENT DE L’APPLICATION WEB

Une expérience complète accessible depuis un navigateur

En complément des applications mobiles, nous avons développé pour Noho une application web sur mesure avec React JS. Accessible depuis un navigateur sur ordinateur, elle reprend les principales fonctionnalités de la plateforme : recherche et géolocalisation d’activités, réservation, inscription des utilisateurs et paiement en ligne. Les utilisateurs peuvent ainsi retrouver l’ensemble de l’expérience Noho depuis Chrome, Safari ou Firefox.

Des optimisations spécifiques à l’application web ont également été réalisées afin d’améliorer les performances, les temps de chargement et la fluidité de navigation. Ce travail d’optimisation front-end visait à garantir une expérience utilisateur rapide et réactive sur les principaux navigateurs web.

Pour intégrer le paiement en ligne aux applications web et mobile de Noho, nous avons utilisé la solution Stripe. La plateforme associe ainsi les fonctionnalités de réservation et de paiement nécessaires à son fonctionnement.

react js pour la création du site internet

Exemple de vues de l’application web

développeur web et mobile avec react js et react native

DÉVELOPPEMENT DE L’API ET DU BACK-OFFICE

Connecter les applications et administrer la plateforme

’L’architecture de Noho repose sur plusieurs applications qui doivent communiquer entre elles. Nous avons développé une API sur mesure pour assurer les échanges de données entre l’application web et l’application mobile. Cette interconnexion constitue une brique essentielle de l’architecture applicative de la plateforme.

Le back-office constitue une troisième application dédiée à l’administration de la plateforme. Il permet de gérer les utilisateurs et les contenus de Noho depuis une interface spécifique, en complément de l’application web et des applications mobiles.

Le back-end, l’API et le back-office de Noho ont été développés avec Ruby on Rails. Cette architecture permet de centraliser la logique applicative et les données nécessaires au fonctionnement des applications web et mobile.

PILOTAGE ET QUALITÉ LOGICIELLE

Livraison continue, tests et revues de code

Compte tenu de la dimension technique du projet, son pilotage a été assuré directement par notre directeur technique. Les travaux ont été découpés en tâches, puis regroupés par jalons. Cette organisation de gestion de projet logiciel a permis d’avancer par étapes et d’assurer une livraison continue des fonctionnalités.

Côté méthodologie de développement et de déploiement, nous avons intégré des tests unitaires avec Rspec afin de mieux maîtriser la qualité du code Ruby. Le code source était géré avec Git. Chaque développeur travaillait sur une branche dédiée, ce qui permettait d’isoler les modifications avant leur intégration au projet.

Des revues de code croisées ont également été organisées entre les développeurs. Cette pratique permettait de relire le travail réalisé par un autre membre de l’équipe et contribuait à maintenir la qualité et la cohérence du code source tout au long du projet.

Notre accompagnement client
Vous avez un projet d’application web
ou mobile sur mesure ?

Idéematic vous accompagne du cadrage à la mise en production pour transformer votre concept en un produit numérique web et mobile abouti. Nous concevons des logiciels sur mesure pouvant réunir applications web et mobiles, API, back-office et services tiers. Nous portons une attention particulière à l’architecture et à la qualité du code.