Une API au centre, pour relier l'application, les établissements et le back-office.

Développement de la plateforme PlugStation, bornes de recharge de téléphones installées dans des établissements : API Symfony pour l'application mobile, back-office Angular et site vitrine sous WordPress.

Hôtellerie et restauration API sur mesure Angular 2020

3

lots livrés : API, back-office et site vitrine

4

chiffres : le code qui verrouille chaque casier de recharge

2

publics servis par la même API : utilisateurs et établissements

Le projet

Un service de recharge entre trois publics

PlugStation installe des bornes de recharge pour téléphones dans des établissements, des bars notamment. Avec l’application mobile, l’utilisateur trouve une borne près de lui, déverrouille un casier et le referme avec un code à quatre chiffres le temps de recharger sa batterie, gratuitement. L’application le tient aussi informé des promotions et des événements des établissements partenaires. Le projet est soutenu par Bpifrance.

Le service met en relation trois publics aux attentes différentes : les utilisateurs de l’application, qui veulent recharger vite ; les établissements, qui accueillent les bornes et veulent faire connaître leurs offres ; et l’équipe PlugStation, qui doit suivre l’activité de l’ensemble. Il fallait un socle commun à ces trois usages, et une vitrine pour faire connaître le service.

La mission s’est organisée en trois lots. Une API d’abord, qui fait circuler les informations entre l’application mobile et la plateforme de gestion. Un back-office ensuite, pour gérer et consulter les flux de l’application et de ses utilisateurs : établissements, promotions mises en avant, statistiques. Enfin un site vitrine, qui explique le fonctionnement du service en quelques étapes et renvoie vers le téléchargement de l’application sur l’App Store et Google Play.

Le projet demandait de comprendre à la fois les besoins des professionnels qui accueillent les bornes et ceux des utilisateurs qui les empruntent. Ce double regard a guidé l’organisation des données comme celle des écrans.

Ce qui a été livré
  • Une API commune à l'application mobile et au back-office
  • Un back-office pour suivre établissements, promotions et utilisateurs
  • Des promotions programmées sur une période et mises en avant
  • Des statistiques consultables par l'équipe
  • Un site vitrine qui explique le fonctionnement du service
  • Des liens directs vers l'App Store et Google Play

En un coup d'œil

Le service présenté dès l'accueil

Le site vitrine annonce la promesse, recharger sa batterie gratuitement dans ses endroits préférés et suivre leurs promos en temps réel, puis renvoie vers l'App Store et Google Play.

Ce que ça donne

Deux écrans, deux décisions.

01

Les promotions pilotées depuis le back-office

Chaque promotion y apparaît avec son établissement, sa photo, sa description et ses dates de début et de fin. L'équipe la met en avant ou l'active depuis la même liste.
02

Le fonctionnement expliqué pas à pas

Sur mobile, l'usage est découpé en étapes illustrées : déverrouiller un casier depuis l'application, Bluetooth activé, puis le verrouiller avec un code à quatre chiffres.
Technique

Symfony, Angular et WordPress, chacun à sa place

L’API est développée sous Symfony. Elle sert de point d’entrée unique : l’application mobile comme le back-office lisent et écrivent les mêmes données, ce qui évite les doubles saisies et les écarts entre ce que voit l’utilisateur et ce que gère l’équipe.

Le back-office est une application Angular branchée sur cette API. On y retrouve les établissements, les promotions avec leur période de diffusion, leur photo et leur statut, actif ou mis en avant, ainsi que les statistiques et les utilisateurs. Le site vitrine repose sur WordPress, pour que l’équipe fasse évoluer ses contenus sans toucher à la plateforme.

Angular Symfony WordPress
  • API Symfony, point d'entrée unique des données
  • Back-office développé sous Angular
  • Gestion des établissements, des promotions et des utilisateurs
  • Promotions datées, actives ou mises en avant
  • Site vitrine sous WordPress
Pour aller plus loin

Ce projet a mobilisé trois expertises.

Expertises mobilisées
Le secteur
Voisins
Parlons-en

Votre application a besoin d'une API et d'un back-office solides ?

Réponse sous 48 heures ouvrées, avec une première lecture technique et un ordre de grandeur.

28 rue du Sentier
75002 Paris


    * Champs obligatoires. Vos données sont conservées trois ans, ne sont ni cédées ni revendues, et effaçables sur simple demande.