Étude de cas · Commission européenne

Portail Funding & Tenders de l’UE : concevoir le point d’accès unique aux financements européens

Quatre années consacrées à la construction du portail où les organisations de toute l’Europe trouvent les subventions et les marchés publics de l’UE, y candidatent et les gèrent — ainsi qu’aux systèmes institutionnels qui le soutiennent.

2019–2023au sein de l’écosystème institutionnel eGrants et eProcurement de la Commission
6briques interconnectées : front-ends, composants, formulaires, subventions et marchés publics, applications internes, API
€95.5bnbudget d’Horizon Europe 2021–2027 — l’un des programmes accessibles via le portail
Angular → eUIfront-end modernisé vers le framework d’interface institutionnel de la Commission
Contexte

Le Portail Funding & Tenders est le point d’accès unique de la Commission européenne pour les organisations et les personnes qui souhaitent participer aux programmes de l’UE — de la recherche d’opportunités de financement et d’appels d’offres jusqu’au dépôt des propositions et à la gestion des conventions de subvention.

Il donne accès à des programmes tels qu’Horizon Europe, le programme de recherche et d’innovation de l’UE doté d’un budget de 95,5 milliards d’euros pour 2021–2027, et s’inscrit dans un vaste écosystème institutionnel de systèmes interconnectés dédiés aux subventions et aux marchés publics, utilisés par les candidats, les experts, les bénéficiaires et le personnel de la Commission.

L’enjeu

  • Un très grand nombre d’utilisateurs externes aux parcours très différents : candidats, bénéficiaires, experts et contractants
  • De nombreux programmes et procédures qui doivent partager les mêmes briques institutionnelles
  • L’intégration avec un ensemble de systèmes back-office institutionnels pour les subventions et les marchés publics
  • Des front-ends développés sur d’anciennes versions d’Angular, qui devaient converger vers le framework d’interface institutionnel
  • Des exigences strictes de sécurité, d’accessibilité et de multilinguisme

Ce que nous avons construit

Des briques institutionnelles réutilisables, partagées par le portail et les systèmes qui l’entourent.

  1. 1

    Front-ends du portail

    Des applications Angular monopages pour rechercher des opportunités, gérer sa participation et suivre subventions et appels d’offres — migrées d’Angular 2 vers le framework eUI de la Commission.

  2. 2

    Composants institutionnels réutilisables

    Des composants et patterns d’interface partagés, réutilisés dans le portail et les outils institutionnels associés, pour une expérience cohérente et une maintenance réduite.

  3. 3

    Dynamic Forms et eForms

    Le moteur de formulaires piloté par la configuration, utilisé pour digitaliser contrats, annexes et soumissions structurées sans nouveau développement.

  4. 4

    Gestion des marchés publics et des subventions

    Des workflows qui soutiennent les conventions de subvention et les procédures de marchés publics, de l’évaluation à la contractualisation et au suivi.

  5. 5

    My Workplace et OpSys

    Des applications internes utilisées par le personnel pour gérer, suivre et rendre compte des programmes, intégrées aux données du portail.

  6. 6

    API et intégration

    Des services REST reliant les front-ends aux systèmes back-office institutionnels, conçus en contract-first et sécurisés par la gestion des identités institutionnelle.

Comment nous l’avons construit

Des équipes par fonctionnalité, des briques partagées et une livraison continue au sein d’un écosystème institutionnel multi-fournisseurs.

01

Des front-ends fondés sur les composants

Des écrans assemblés à partir de composants partagés et testés, au lieu d’être développés un par un.

02

Delivery full-stack

Des front-ends Angular aux services et intégrations Spring Boot — une seule équipe responsable des fonctionnalités de bout en bout.

03

Alignement institutionnel

Une collaboration étroite avec les équipes informatiques centrales de la Commission et les responsables métier pour respecter les standards d’architecture et d’interface de la Commission.

04

Livraison continue

Des mises en production incrémentales sur une plateforme critique en service, sans perturber ses utilisateurs.

Standards

  • Framework d’interface institutionnel (eUI)Faire converger les applications vers le framework et les composants standard de la Commission.
  • Accessibilité et multilinguismeDes interfaces conçues pour tous les utilisateurs et dans les langues requises par les programmes de l’UE.
  • Sécurité et identitéAuthentification institutionnelle et accès par rôle pour les utilisateurs externes et internes.

Technologies

Front-end

AngulareUITypeScriptRxJS

Back-end

Java / Spring BootAPI RESTMicroservices

Delivery

CI/CDGitJenkins / GitLabTests automatisés

Sécurité

Gestion des identités institutionnelleAccès par rôle

Résultats

  • Des front-ends modernisés d’Angular 2 vers le framework institutionnel eUI
  • Des composants et des formulaires réutilisables, partagés entre le portail et les outils institutionnels associés
  • Des contrats et des soumissions structurées digitalisés grâce au moteur Dynamic Forms
  • Une livraison continue et incrémentale sur une plateforme en service utilisée dans toute l’Europe

Sources:European Commission — Horizon Europe · EU Funding & Tenders Portal

← Projets

Parlons de vos enjeux.

Architecture, migration, IA ou montée en charge d’une équipe — présentez-nous votre situation. Nous vous répondons sous un jour ouvré.

Prendre contact