Mockup de l'application : mise en avant du cÎté mobile

Le Brennus : un site web et une gestion administrative simplifiés

Fleche scroll jaune

Allez, on ne vous apprend rien, le digital s’invite dĂ©sormais partout et notamment dans vos assiettes au restaurant. Entre les plats instagrammables et les rĂ©servations en ligne sans passer par le traditionnel coup de fil, le secteur de la restauration a comme tant d’autres pris le virage de la digitalisation. C’est Ă©galement ce qu’a choisi de faire le restaurant Le Brennus, situĂ© dans le quartier des Banchais Ă  Angers, en nous demandant la crĂ©ation d’un menu en ligne. Le but ? Faciliter l’actualisation du contenu des menus et des prix en limitant l’impression de menu papier.

Plus qu’un simple site web

Le site que RouleMarcel a dĂ©veloppĂ© pour rĂ©pondre Ă  la demande est en rĂ©alitĂ© un peu plus qu’un site web standard. L’idĂ©e directrice Ă©tait de produire un site orientĂ© en prioritĂ© pour les smartphones. Ainsi, un QR code apposĂ© sur chaque table du restaurant redirige vers le site, une fois scannĂ© par un smartphone. Notre dĂ©veloppeur a donc mis en place ce que l’on appelle une “progressive web app” (PWA). Ces sites web nouvelle gĂ©nĂ©ration proposent des fonctionnalitĂ©s de plus en plus proches de celles d’une application mobile (Android ou IOS). Ainsi, l’affichage est complĂštement adaptĂ© au mobile et un raccourci peut ĂȘtre ajoutĂ© Ă  l’écran d’accueil, avec une icĂŽne dĂ©diĂ©e. L’accĂšs au site est donc considĂ©rablement simplifiĂ©. (Pour en savoir plus sur la folie des API, rendez-vous sur cet article topissime !)

Les clients du restaurant vont pouvoir consulter en ligne via l'application mobile, le menu.

Le choix de la technologie de dĂ©veloppement est mĂ»rement rĂ©flĂ©chi par les Marcel (eh oui, vous croyez quoi ;)). Nous nous sommes basĂ©s sur notre expĂ©rience en la matiĂšre mais aussi sur nos appĂ©tences pour proposer la solution idoine au client en termes de technologie. Et notre choix s’est alors tournĂ© vers React. L’utilisation de React (framework javascript propulsĂ© par Facebook) permet de construire une interface graphique dynamique et intelligente. Plus de rafraĂźchissement de page intempestive. Les informations sont actualisĂ©es sous vos yeux, en temps rĂ©el. Cette technologie permet Ă©galement de renforcer la sĂ©curitĂ© de l’app, d’amĂ©liorer encore le rĂ©fĂ©rencement (SEO) et de minimiser les temps de chargement.

Une gestion des données efficace grùce à une API

La gestion des donnĂ©es est primordiale lorsque votre application repose sur des informations rĂ©guliĂšrement actualisĂ©es. Ici, pour Le Brennus, les menus peuvent ĂȘtre modifiĂ©s Ă  tout moment et mĂȘme en derniĂšre minute pour des ruptures de stocks par exemple. Nous avons donc choisi de mettre en place une API dĂ©diĂ©e Ă  la gestion de toutes ces informations, en utilisant la technologie Node.js.
Hein ? Quoi ? Une API ? Mais kĂ©sako une API ? Approchez, on vous explique ! ComparĂ©e souvent Ă  un “comptoir”, une API est une application fonctionnant sur un serveur et pouvant ĂȘtre consultĂ©e par diffĂ©rentes sources externes (Ă  condition d’ĂȘtre autorisĂ© Ă  y accĂ©der). C’est l’API qui reçoit toutes les requĂȘtes d’informations. Ensuite, elle consulte la base de donnĂ©es pour rĂ©pondre Ă  la requĂȘte. Ainsi, les informations sont centralisĂ©es et sĂ©curisĂ©es. Une seule entrĂ©e, une seule sortie. Un des nombreux avantages de l’API est qu’une fois dĂ©ployĂ©e sur un serveur, elle devient consultable par plusieurs applications simultanĂ©ment (site web, application native Android ou IOS ou encore logiciel intranet Java). L’API c’est clairement l’indispensable de tout projet web pour les dĂ©veloppeurs. Chez les Marcel, Alexandre en est tellement fan qu’il a appelĂ© son trio de cactus “API” !

Une gestion administrative simplifiée

Un autre enjeu de ce projet pour le restaurant Le Brennus Ă©tait de simplifier au maximum la gestion des menus pour les administrateurs de l’application. Nous avons donc dĂ©veloppĂ© une administration innovante, incrustĂ©e au sein-mĂȘme de l’interface des clients. Une page de connexion permet de s’authentifier en tant qu’ administrateur. AprĂšs avoir montrĂ© patte blanche, les administrateurs accĂšdent ainsi Ă  l’interface et des menus de gestion supplĂ©mentaires viennent s’ajouter aux menus. Il devient alors possible d’ajouter, modifier ou supprimer chaque Ă©lĂ©ment du menu et ce, en temps rĂ©el ! Et encore une fois, ce menu de gestion est entiĂšrement adaptĂ© au mobile ! Simple, rapide, efficace !

La gestion administrative est simplifiée

Impressionnant tout ça, non ? Du cĂŽtĂ© des Marcel, on est pas peu fier d’arriver Ă  construire ce genre de projet digital efficace et novateur, toujours plus adaptĂ© aux demandes des clients et Ă  leur usage. Merci au restaurant Le Brennus pour sa confiance tout au long de ce projet (pas si long que ça d’ailleurs).
Chez RouleMarcel, le choix de la technologie utilisĂ©e pour chaque projet dĂ©pend de son objectif, mais aussi de la frĂ©quence d’utilisation ou encore des fonctionnalitĂ©s demandĂ©es. Les sites web que nous crĂ©ons sont ainsi entiĂšrement personnalisĂ©s et savamment Ă©tudiĂ©s pour rĂ©pondre Ă  tous les besoins. Et peut-ĂȘtre que vous aussi vous avez des besoins, des projets digitaux ? Oui ? Non ? Venez, on s’appelle pour en parler 😉

Na passer plus à cÎté !

Inscrivez-vous Ă  notre newsletter ;)

Newsletter