Des solutions sur mesure pour les clients aux besoins particuliers!

27 octobre 2021 - by Botond Boross
Botond Boross
infosan project

Lorsque Drupal n'est pas la solution optimale, nous trouvons ce qui convient le mieux à nos clients !

Étude de cas : L'application communautaire INFOSAN de l'OMS

 

Réseau international des autorités de sécurité sanitaire des aliments de l’OMS, le réseau INFOSAN apporte son concours aux États Membres pour la gestion des risques liés à la sécurité sanitaire des aliments, en assurant un échange rapide d’informations dans les situations d’urgence de manière à arrêter la propagation d’aliments contaminés d’un pays à l’autre.

En 2011, Inovae avait créé la première version de la plateforme et presque 10 ans après, INFOSAN (OMS) a réitéré sa confiance et nous a confié le développement d’une nouvelle plateforme collaborative pour sa communauté d'experts.

L’objectif principal était d’intégrer les dernières innovations ayant fait leurs preuves en matière de partage des connaissances au sein d'une communauté de pratique afin de relancer l’engagement des membres INFOSAN et obtenir leur participation régulière au portail. Le défi consistait à construire une application fermée, sécurisée et adaptée à l'utilisation sur mobile qui soit rapide, réactive, moderne et engageante pour son public cible.

 

Découvrez les fonctionnalités les plus remarquables de l'application que nous avons développée :

Mon compte (My account)

Une section "Mon compte" détaillée permet aux utilisateurs de contrôler et de personnaliser leur profil, mais aussi de disposer de listes détaillant leurs activités, signets et autres informations.

Image
My account
Image
My account

Flux communautaire (Community stream)

Le flux montre les événements qui se sont produits récemment sur la plateforme et qui pourraient intéresser l'utilisateur. Comme pour les notifications, les flux contiennent des informations moins prioritaires.

Image
Community stream

Gestion des événements et inscriptions

Une section où l'utilisateur peut voir tous les événements à venir et les ajouter à souhait à son calendrier.

Image
Program
Image
Events

Espaces de travail (Workspaces)

Les espaces de travail sont des groupes fermés soumis à l'adhésion. Un espace de travail est un lieu sécurisé où ses membres peuvent suivre le flux, discuter, échanger des documents, participer à des événements, etc. Le tout lié à un sujet d'intérêt commun.

Image
Workspace
Image
Workspace
Image
Workspace

Discussions

Cette section permet de partager des opinions et connaissances ou de poser des questions sur n'importe quel sujet, en particulier sur les documents. Les réactions sont également possibles (J'aime, Coeur, Etoile, etc.).

Image
Discussion
Image
Discussion

Documents

Les documents sont utilisés pour partager des informations officielles sur la plateforme. Les documents peuvent contenir des balises pour permettre une recherche et un filtrage plus rapides. Ils peuvent être discutés ou téléchargés.

Image
Documents

Incidents

Image
Workspace

Formulaire de commentaires en direct

Cette fonction vise à recueillir les avis des utilisateurs et à aider à la résolution de problèmes.

Image
Feedback

Découvrez notre solution !

Voir la démo

 

Choisir la meilleure distribution pour lancer le développement.

La plateforme API est construite sur la base de produits éprouvés. L'architecture du serveur comprend le célèbre framework Symfony et la Doctrine ORM. Il prend en charge les bibliothèques JavaScript les plus populaires.
 

Jumelage avec React et le framework Next.js.

Ce n'est pas sans raison que certaines des entreprises les plus connues et les plus avancées au monde font confiance à Next.js. Il offre la meilleure expérience de développement avec toutes les fonctionnalités nécessaires pour la production : rendu hydrid (client & serveur), support du TypeScript, smart bundling et pre-fetch contextuel des pages (selon la navigation), et plus encore. Aucune configuration n'est nécessaire.
Pourquoi Next.js ? Le framework utilise l'architecture JAMstack, qui fait la distinction entre le front-end et le back-end et permet un développement efficace du front-end indépendamment de toute API du back-end.

Notre back-end basé sur Symfony gère le stockage des entités, la connexion à la base de données et agit comme une API sécurisée pour servir l'application avec des données à jour. Next.js offre plusieurs fonctionnalités supplémentaires, notamment un rendu léger côté serveur et la génération statique de l'application web au chargement de la page.

React termine le travail en implémentant des changements en temps réel, des animations ou encore l'édition en ligne de certains éléments.
 

Notifications en live.

La mise en œuvre d'une solution découplée n'était que la base de l'application. Nous avons ajouté plusieurs autres micro-services, l'un d'entre eux étant Mercure. Il s'agit d'un protocole ouvert de communication en temps réel conçu pour être rapide, fiable et économe en énergie. Il s'agit d'un remplaçant moderne et pratique de l'API Websocket et des bibliothèques et services de niveau supérieur qui en dépendent.

Les utilisateurs ne doivent manquer aucune information importante.
 

Discutez avec ses collaborateurs via le Chat.

Si les notifications en direct ne suffisent pas, les utilisateurs peuvent également discuter en direct grâce à Rocket.chat. Il existe une version gratuite suffisamment puissante et adaptée à la plupart des besoins des entreprises. Elle peut être hébergée localement sur votre serveur et permet aux utilisateurs de disposer d'une application hautement configurable et personnalisable pouvant être chargée dans une petite fenêtre, à l'intérieur de l'application principale !

Image
Chat

Ne vous inquiétez pas si les demandes s'accumulent. Rabbit.

Notre service suivant est RabbitMQ. Nous utilisons les files d'attente pour déléguer le travail pour plus tard, ce qui permet d'augmenter les performances sur le moment. Cela améliore l'expérience utilisateur et permet à l'application d'avoir des temps de réponse plus rapides. Bien sûr, l'information n'est pas perdue, juste légèrement retardée — avoir beaucoup d'utilisateurs qui font de nombreuses demandes peut étouffer n'importe quel serveur, c'est donc notre assurance contre cela.
 

La recherche est le centre de la connaissance. Soyez Elastic.

Chaque site Web ou application stocke des données. Plus le site est grand, plus il y a de données à stocker et à rechercher, généralement. Disposer d'un moteur de recherche efficace est alors une nécessité. c'est pourquoi nous avons ajouté Elasticsearch. Il s'agit probablement de la meilleure intégration possible pour tout site web contemporain. Elle offre une forte synergie avec les sites web orientés API et est également conforme à notre préférence pour les logiciels open source.

Image
Search

Securité.

Nous avons mis en œuvre des services de connexion au login interne de l'OMS Microsoft Azure interne (associé à son pare-feu pour applications Web). L'utilisation d'un service éprouvé à l'excellente réputation est considérée comme une intégration stable et sûre. Cela donne également un contrôle total aux administrateurs de Microsoft Azure pour inviter et gérer les utilisateurs.

Le mieux avec cette fonctionnalité est qu'elle permet l'ajout de tout autre connecteur (comme Amazon, ActiveDirectories personnalisés, etc.) et pare-feu (nous aimons Cloudflare) en quelques heures de travail, ces derniers pouvant fonctionner comme des alternatives.
 

Docker Docker Docker.

Une architecture aussi complexe n'aurait pas pu être mise en œuvre efficacement sans la virtualisation des services — nous avons utilisé des machines virtuelles Docker. Ce faisant, nous pouvons lancer l'application sur n'importe quel serveur sans avoir à installer les dépendances de tous les microservices concernés.
 

Cette application pourrait-elle être vôtre ?

... ou s'agissait-il d'un cas unique ?

Bien que cette application ait été personnalisée pour répondre aux besoins spécifiques du client, nous pouvons facilement l'adapter à vos besoins en créant de nouvelles extensions.
Vous avez besoin d'un système de paiement ?
Vous voulez des pages personnalisables ?
Vous souhaitez plus d'interfaces administratives ?

Nos designers peuvent vous proposer des prototypes avec des éléments détaillés, esthétiques et modulaires en mettant en œuvre notre système de conception interne. 

Nous serions ravis de connaître vos besoins et projets et d'étudier les meilleures options pour vous aider à atteindre vos objectifs.

Discutons

Botond Boross
Botond Boross
Directeur technique

La mission de Botond chez Inovae est d’aider l'équipe à améliorer constamment sa qualité. Sa devise: "une communauté forte est la meilleure des équipes".

Contactez nos experts et construisons ensemble votre transformation digitale.