npm package: @gouvfr-anct/cartographie-nationale
Description: <h2 id="about">🪧 À propos</h2>
Latest version: 6.13.10

# Cartographie nationale des lieux d’inclusion numérique

<h2 id="about">🪧 À propos</h2>

**La Cartographie nationale des lieux d’inclusion numérique** répond à un besoin clair : proposer une solution simple, accessible et ouverte pour référencer et valoriser les lieux qui œuvrent en faveur de l'inclusion numérique partout en France. Conçu comme un outil open source, ce projet vise à fournir une base solide et facile à adapter pour recenser ces lieux et en afficher les informations de manière claire et efficace.

Pour atteindre cet objectif, nous avons développé cette cartographie à partir du framework Next.js, et de l’écosystème React. L’application récupère et affiche les données consolidées provenant de l’entrepôt des données de l’inclusion numérique de l’ANCT. Cela garantit une information à jour, fiable et homogène, sans que les utilisateurs n’aient à gérer eux-mêmes la mise à jour des données ou une infrastructure complexe.

Les données affichées dans cette cartographie proviennent du [DataSpace de l’ANCT](https://api.inclusion-numerique.anct.gouv.fr/api-doc/), qui centralise et expose les informations de l’inclusion numérique en France à travers une API.

## 📑 Table des matières

- 🪧 [À propos](#about)
- ✨ [Fonctionnalités](#features)
- 🎬 [Démo](#demo)
- 📦 [Intégrer la Cartographie dans votre site web](#integration)
- 🎨 [Design & prototype](#design)
- 🤗 [Contribuer](#contributing)
- 📝 [Licence](#license)

<h2 id="features">✨ Fonctionnalités</h2>

- **Simplicité avant tout** : nous misons sur une interface sobre et épurée, qui va à l'essentiel. Pas de fonctionnalités superflues : l’utilisateur accède facilement aux informations dont il a besoin.
- **Next.js Powered** : grâce à Next.js, le site est rapide, léger, et facilement déployable sur différents hébergements.
- **Piloté par les données** : l’ensemble des contenus (lieux, services, horaires, coordonnées…) provient de l’entrepôt des données de l’inclusion numérique de l’ANCT, qui centralise et consolide les informations issues de différentes sources partenaires.
- **Personnalisable** chaque territoire, chaque structure a ses spécificités. Ce projet a été pensé pour être facilement adapté à différents besoins ou identités visuelles.

<h2 id="demo">🎬 Démo</h2>

Découvrez la version en ligne de la cartographie :  
👉 [Accéder à la démo](https://cartographie.societenumerique.gouv.fr)

N'hésitez pas à explorer ses fonctionnalités et à partager vos retours ! 🚀

<h2 id="integration">📦 Intégrer la Cartographie</h2>

Deux options s'offrent à vous pour intégrer la cartographie :

### Option 1 : Intégration par URL (la plus simple)

Partagez un lien direct vers la cartographie avec des paramètres de configuration. Aucun code à écrire, idéal pour partager une vue préconfigurée.

👉 [Consulter le guide d'intégration par URL](./docs/integration-url.md)

### Option 2 : Intégration par web component (personnalisation complète)

Intégrez la cartographie dans votre site web avec votre logo, vos couleurs et votre tracking analytics.

👉 [Consulter le guide d'intégration par web component](./docs/integration-web-component.md)

<h2 id="design">🎨 Design & prototype</h2>

Les maquettes et le prototype interactif sont disponibles sur Figma :
- [Lien vers les maquettes Figma](https://www.figma.com/design/IFH80doDOEvJvbMlUnQIOC/%E2%AD%90%EF%B8%8F-Outil-gestionnaire-FNE?node-id=12382-58602&t=fqUCwIdmPZpHHArx-4)
- [Lien vers le prototype interactif](https://www.figma.com/proto/IFH80doDOEvJvbMlUnQIOC/%E2%AD%90%EF%B8%8F-Outil-gestionnaire-FNE?page-id=10781%3A56285&node-id=12382-58603&viewport=-12465%2C25248%2C0.49&t=b7DcLpZyD3fz353L-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=12382%3A58603&show-proto-sidebar=1)

<h2 id="contributing">🤗 Contribuer</h2>

Que vous soyez développeur ou développeuse, designer, rédacteur ou rédactrice, ou tout simplement intéressé par l’inclusion numérique, vous êtes les bienvenus dans ce projet open source.

Pour commencer, consultez le [guide de contribution](./CONTRIBUTING.md).

<h2 id="license">📝 Licence</h2>

Consultez le fichier [LICENSE.md](./LICENSE.md) du dépôt pour plus d'informations.