🇲🇷 Mauritanie — Projet Universitaire S4 · DWM · SupNum 2024

بلّغ

Plateforme communautaire d'alertes quotidiennes pour les citoyens de Nouakchott

Signalez un problème, localisez-le sur la carte, alertez tout votre quartier.

14+
Écrans
|
12+
Catégories
|
3
Étapes
|
2mois
MVP
Voir les écrans En savoir plus
Scroll
À propos

Une solution concrète
pour Nouakchott

Baligh est une application mobile qui permet à chaque citoyen de signaler un problème quotidien — coupure d'électricité, accident de route, inondation, insécurité — en quelques étapes simples, avec une alerte instantanée envoyée à tous les habitants du même quartier.

L'utilisateur localise le problème sur Google Maps pour une précision maximale. Les signalements sont ensuite validés collectivement par la communauté, garantissant des informations fiables et en temps réel.

Développée en 2 mois dans le cadre du Projet Intégrateur Avancé II (S4) à SupNum, avec Spring Boot + MySQL côté backend et Google Maps API pour la cartographie.

Informations du projet
Nomبلّغ (Baligh)
UniversitéSupNum — Mauritanie
NiveauL2 — Semestre 4
FilièreDWM
FrontendFlutter (Android + iOS)
BackendSpring Boot + MySQL
CartographieGoogle Maps API
Durée MVP2 mois
Écrans14 écrans complets
Description détaillée

Tout ce que vous devez
savoir sur بلّغ

🎯 Problème résolu

À Nouakchott, les citoyens font face chaque jour à des problèmes critiques — coupures d'électricité fréquentes, routes endommagées, inondations saisonnières, problèmes de sécurité — sans aucun moyen officiel d'être informés ou d'informer les autres en temps réel. Les groupes WhatsApp et Facebook sont utilisés de façon désorganisée, l'information arrive trop tard ou pas du tout.

بلّغ centralise et organise cette information communautaire en une plateforme simple, fiable et instantanée.

👥 Utilisateurs cibles
🏘️
Le citoyen ordinaire
Signale et reçoit des alertes sur son quartier sans compétence technique
🚗
Le conducteur
Consulte la carte en temps réel pour éviter les routes bloquées ou les accidents
👨‍👩‍👧
La famille
Reste informée des coupures d'électricité ou d'eau pour planifier son quotidien
🏫
L'étudiant et l'employé
Anticipe les problèmes de trajet et arrive à l'heure sans mauvaises surprises
🗺️ Localisation Google Maps

La fonctionnalité phare de بلّغ : lors de la création d'un signalement, l'utilisateur place un repère directement sur Google Maps pour indiquer l'emplacement exact du problème. L'adresse est détectée automatiquement par geocoding inverse.

Cette précision géographique permet aux autres utilisateurs de voir exactement où se trouve le problème, d'éviter la zone, ou de confirmer le signalement s'ils sont dans les environs.

En Flutter : google_maps_flutter + GestureDetector onTap → LatLng → Marker
🛡️ Fiabilité des données

Le système de validation communautaire est au cœur de بلّغ. Chaque signalement affiche un score de crédibilité en temps réel basé sur les votes ✅ (confirmé) et ❌ (faux) des autres utilisateurs.

1 utilisateur signale Non confirmé
3+ confirmations Alerte validée 🟡
80%+ de votes ✅ Très fiable ✅
⚙️ Architecture Spring Boot

Le backend Spring Boot expose une API REST sécurisée pour gérer les signalements, les votes, les utilisateurs et les notifications. MySQL stocke les données de façon relationnelle avec indexation spatiale pour les requêtes géographiques.

POST /api/reports
GET /api/reports/zone
POST /api/votes
GET /api/users/me
📋 Les 12 catégories de signalement
⚡
Électricité
🚗
Route
🌧️
Inondation
🔒
Sécurité
🚰
Eau
🏥
Santé
📡
Internet
🛒
Marché
🏛️
Gouvernement
🔥
Incendie
🏚️
Infrastructure
🎭
Fraude
Fonctionnalités

Tout ce dont vous avez besoin,
sans le superflu.

8 fonctionnalités essentielles conçues pour Nouakchott.

⚡
Signalement Express
12 catégories, envoi en 1 clic avec sélection du type de problème
🗺️
Localisation sur Carte
L'utilisateur place un repère sur Google Maps pour localiser la zone exacte du problème
🗳️
Validation Communautaire
Chaque signalement est confirmé ou infirmé par la communauté ✅❌
🔔
Alertes Instantanées
Notifications en temps réel pour les problèmes proches via Spring Boot
🏅
Système de Réputation
Plus vos signalements sont précis, plus votre niveau de confiance augmente
📊
Score de Crédibilité
Pourcentage de fiabilité basé sur les votes collectifs de la communauté
🔋
Optimisation Batterie
3 modes GPS : économie, équilibré, haute précision
📡
Mode Hors-ligne Partiel
Signalements visibles sans connexion, envoi automatique au retour réseau
Processus

Comment envoyer
un signalement ?

3 étapes simples — de la détection du problème à l'alerte communautaire.

1
Choisir le type
Sélectionnez le type de problème parmi 12 catégories : électricité, route, inondation, sécurité, eau, santé, internet, marché...
→
2
Localiser sur la carte 🗺️
Placez un repère sur Google Maps pour indiquer l'emplacement exact du problème. L'adresse est détectée automatiquement.
→
3
Ajouter les détails
Ajoutez une description optionnelle puis envoyez. Une alerte instantanée est transmise à tous les habitants de la zone concernée.
Écrans

14 écrans.
Une expérience fluide.

Interface 100% en arabe, optimisée pour la simplicité.

Splash
01 Splash
Splash
شاشة الترحيب
Premier lancement. Présente l'identité de Baligh et oriente vers connexion ou inscription.
→ Login / Register
📍 Point d'entrée unique
Login
02 Login
Login
تسجيل الدخول
Connexion via email et mot de passe. Accès sécurisé au compte existant.
→ Accueil
📍 Splash ou déconnexion
Register
03 Register
Register
إنشاء حساب
Création d'un compte avec nom d'utilisateur, email et mot de passe.
→ Accueil
📍 Depuis Login
Accueil
04 Accueil
Accueil
الرئيسية
Hub central. Liste des signalements actifs en temps réel avec statuts par zone.
→ Détail / Filtres
📍 🏠 Bottom Nav
Étape 1 — Type
05 Étape 1 — Type
Étape 1 — Type
نوع المشكلة
Sélection du type de problème parmi 12 catégories. Première étape du signalement.
→ Étape 2 (Carte)
📍 📢 FAB central
Étape 2 — Localisation
05b Étape 2 — Localisation
Étape 2 — Localisation
تحديد الموقع
L'utilisateur place un repère sur la carte Google Maps pour indiquer l'emplacement exact du problème.
→ Étape 3 (Détails)
📍 Suite Étape 1
Détail Signalement
06 Détail Signalement
Détail Signalement
تفاصيل البلاغ
Détails complets du signalement avec score de crédibilité et vote communautaire ✅❌.
→ Accueil
📍 Clic signalement
Confirmation
07 Confirmation
Confirmation
تأكيد الإرسال
Confirmation après l'envoi réussi. L'alerte est transmise aux habitants de la zone.
→ Accueil / Détail
📍 Après envoi
Mes Signalements
08 Mes Signalements
Mes Signalements
بلاغاتي
Historique personnel de tous les signalements envoyés avec leur statut de validation.
→ Détail
📍 📋 Bottom Nav
Notifications
09 Notifications
Notifications
التنبيهات
Centre des alertes : nouveaux signalements proches, confirmations, badges de réputation.
→ Détail
📍 🔔 Bottom Nav
Profil
10 Profil
Profil
حسابي
Compte avec statistiques personnelles, niveau de réputation et accès aux sous-menus.
→ Paramètres / Déconnexion
📍 👤 Bottom Nav
Paramètres
11 Paramètres
Paramètres
الإعدادات
Notifications par catégorie, GPS, mode batterie, préférences d'affichage.
→ Profil
📍 Menu Profil
Filtres
12 Filtres
Filtres
تصفية البلاغات
Filtrage par type, période et statut de validation pour une vue personnalisée.
→ Accueil filtré
📍 Bouton ⚙️ Accueil
Carte des Signalements
13 Carte des Signalements
Carte des Signalements
خريطة البلاغات
Vue cartographique Google Maps de tous les signalements actifs par zone géographique.
→ Détail
📍 🗺️ Bottom Nav
Urgences
14 Urgences
Urgences
أرقام الطوارئ
Vue des numéros d'urgence disponibles avec accès à l'appel direct.
→ Appel direct
📞 🚨 Bottom Nav
Stack Technique

Construit avec les
meilleures technologies.

Stack moderne, performante et parfaitement adaptée au développement mobile cross-platform.

💙
Flutter
Framework cross-platform — Android et iOS depuis une seule codebase
🍃
Spring Boot
Backend Java robuste — API REST pour signalements, utilisateurs et authentification
🗄️
MySQL
Base de données relationnelle — stockage structuré des signalements et votes
🗺️
Google Maps API
Cartographie interactive — localisation des problèmes et visualisation par zone
Navigation

Bottom Navigation Bar

5 destinations accessibles en permanence. Le bouton 📢 central permet de signaler depuis n'importe quel écran.

📢
🏠
Accueil
📋
Signalements
🔔
Alertes
👤
Profil
🏠
Accueil
→ Écran 04
Signalements actifs en temps réel
📋
Mes signalements
→ Écran 08
Historique personnel
📢
Signaler
→ Écrans 05 + 05b
Type → Carte → Détails
🔔
Notifications
→ Écran 09
Alertes et confirmations
👤
Profil
→ Écran 10
Compte, réputation et paramètres