应用开发：比利时交通信号学习

4.0

4/2/2025

技术开发

应用开发

交通信号

多语言支持

比利时

Flutter

Prompt

**Demande de Développement : Application d'Apprentissage des Signaux Routiers (Belgique)**  

**Objet** : Création d'une application mobile professionnelle pour l'apprentissage des signaux routiers selon le code belge, avec support multilingue.  

---

### **1. Spécifications Techniques**  
**Langages & Frameworks** :  
- **Frontend** : Flutter (pour la compatibilité multi-plateforme)  
- **Backend** : Firebase (Authentification, Stockage, Base de données Firestore)  
- **Traduction** : API Google Translate (ou solution locale avec fichiers JSON)  
- **Analyse des Données** : Tableau de bord Firebase Analytics  

**Compatibilité** :  
- **OS** : Android (min. API 24) et iOS (min. iOS 12)  
- **Tailles d'écran** : Adaptatif (smartphones & tablettes)  

---

### **2. Fonctionnalités Principales**  
#### **A. Apprentissage des Signaux**  
- **Base de données complète** des signaux belges (catégories : danger, interdiction, obligation, etc.)  
- **Fiches détaillées** pour chaque signal :  
  - Image vectorielle HD  
  - Explication textuelle (règles officielles)  
  - Exemples concrets (photos de situations réelles)  
- **Mode "Révision Intelligente"** :  
  - Algorithmes de répétition espacée (SRS)  
  - Suivi des signaux mal compris  

#### **B. Quiz & Examens Blancs**  
- **3 types de questions** :  
  1. **QCM** (ex. : "Que signifie ce signal ?")  
  2. **Vrai/Faux**  
  3. **Association** (glisser-déposer pour classer les signaux)  
- **Simulation d'examen** :  
  - Chronométré (50 questions en 30 min, comme l'examen réel)  
  - Résultats détaillés (statistiques par catégorie)  

#### **C. Multilingue**  
- **Langues supportées** :  
  - Français (par défaut)  
  - Arabe (ترجمة دقيقة مع شرح مفصل)  
  - Anglais (Technical terms adapted for learners)  
  - Allemand (Verkehrszeichen nach belgischem Recht)  
  - Néerlandais (Verkeersborden volgens Belgische wet)  
- **Changement dynamique** : Basculer la langue sans redémarrer l’app  

---

### **3. UI/UX Exigeante**  
**Maquettes** :  
- **Page d’accueil** :  
  - Boutons "Apprendre" / "Quiz" / "Examens" bien visibles  
  - Bandeau de changement de langue en haut  
- **Fiche Signal** :  
  - Zoom interactif sur l’image  
  - Bouton "Écouter" (lecture audio de la description)  

**Animations** :  
- Micro-interactions (ex. : vibration légère pour les réponses correctes)  
- Effets de transition fluides entre les pages  

---

### **4. Exigences Spécifiques (Code Belge)**  
- **Mises à jour légales** :  
  - Mécanisme pour mettre à jour les signaux si la loi change  
  - Alertes push pour les modifications importantes  
- **Conformité** :  
  - Validation du contenu par un expert agréé en Belgique  
  - Citations des articles de loi pertinents (ex. : ARR 01/12/1975)  

---

### **5. Livrables Attendus**  
1. **Code source** (documenté en anglais, avec commentaires clés en français)  
2. **APK/IPA** + fichiers d’installation  
3. **Guide d’utilisation** (PDF multilingue)  
4. **Vidéo de démonstration** (3 min max)  

---

### **6. Deadline & Budget**  
- **Délai estimé** : 12 semaines (incl. tests utilisateurs)  
- **Budget** : À discuter (forfait ou paiement par milestones)  

---

**Optionnel** :  
- Intégration avec des écoles de conduite belges (accès API pour suivre la progression des élèves)  
- Version web (PWA) pour un accès desktop  

**Contact** : [Vos coordonnées]  

---  

### **Traduction des Titres**  
| Français          | Anglais               | Arabe               | Allemand               | Niederländisch        |  
|-------------------|-----------------------|---------------------|------------------------|-----------------------|  
| Signaux de danger | Danger signs          | لافتات الخطر       | Gefahrenzeichen       | Gevaarsborden        |  
| Quiz              | Quiz                  | اختبار             | Quiz                   | Quiz                 |  
| Révision          | Revision              | مراجعة             | Wiederholung           | Herhaling            |  

---

**Notes Finales** :  
- Priorité à l’accessibilité (taille de texte ajustable, mode daltonien)  
- Pas de publicité pour une expérience propre  
- Code modulable pour ajouter d’autres pays ultérieurement  

Ce cahier des charges garantit une application compétitive, précise juridiquement, et adaptée aux besoins multilingues de la Belgique.

Résultat Généré

import React from 'react'; import './App.css'; const App = () => { return ( <div className='App'> <header className='bg-blue-600 text-white p-4'> <h1 className='text-2xl font-bold'>Traffic Signs Learning App</h1> <nav className='mt-2'> <ul className='flex space-x-4'> <li>Home</li> <li>Learn</li> <li>Quiz</li> <li>Exams</li> </ul> </nav> </header> <main className='p-4'> <section className='mb-8'> <h2 className='text-xl font-semibold'>Welcome to the Driving School</h2> <p className='mt-2'>Master the traffic signs and ace your driving test with our interactive learning platform.</p> </section> <section className='mb-8'> <h2 className='text-xl font-semibold'>Interactive Learning</h2> <div className='grid grid-cols-1 md:grid-cols-3 gap-4 mt-4'> <div className='bg-white p-4 shadow-lg rounded-lg'> <img src='https://placehold.co/300X300' alt='Traffic Sign' className='w-full h-48 object-cover rounded-md'/> <h3 className='mt-2 text-lg font-medium'>Danger Signs</h3> <p className='mt-1 text-sm text-gray-600'>Learn about signs that warn you about potential hazards.</p> </div> <div className='bg-white p-4 shadow-lg rounded-lg'> <img src='https://placehold.co/300X300' alt='Traffic Sign' className='w-full h-48 object-cover rounded-md'/> <h3 className='mt-2 text-lg font-medium'>Prohibition Signs</h3> <p className='mt-1 text-sm text-gray-600'>Understand signs that prohibit certain actions.</p> </div> <div className='bg-white p-4 shadow-lg rounded-lg'> <img src='https://placehold.co/300X300' alt='Traffic Sign' className='w-full h-48 object-cover rounded-md'/> <h3 className='mt-2 text-lg font-medium'>Mandatory Signs</h3> <p className='mt-1 text-sm text-gray-600'>Get to know signs that mandate specific actions.</p> </div> </div> </section> <section className='mb-8'> <h2 className='text-xl font-semibold'>Take a Quiz</h2> <div className='mt-4'> <button className='bg-green-500 text-white px-6 py-2 rounded-md hover:bg-green-600'>Start Quiz</button> </div> </section> <section className='mb-8'> <h2 className='text-xl font-semibold'>Language Support</h2> <div className='mt-4'> <select className='p-2 border rounded-md'> <option value='fr'>Français</option> <option value='ar'>العربية</option> <option value='en'>English</option> <option value='de'>Deutsch</option> <option value='nl'>Nederlands</option> </select> </div> </section> <section className='mb-8'> <h2 className='text-xl font-semibold'>Legal Updates</h2> <p className='mt-2'>Stay updated with the latest changes in traffic laws.</p> </section> <section className='mb-8'> <h2 className='text-xl font-semibold'>Accessibility</h2> <p className='mt-2'>Our app is designed to be accessible to everyone, including those with color blindness or visual impairments.</p> </section> </main> <footer className='bg-gray-800 text-white p-4 mt-8'> <p>© 2025 Traffic Signs Learning App. All rights reserved.</p> </footer> </div> ); }; export default App;

Open Sandbox

Plus de Recommandations

Voir Tout

应用开发：比利时交通信号学习

Prompt

Résultat Généré

Plus de Recommandations

Créer une app web détaillée

创建Web应用指南

应用展示计算机史

Histoire Informatique App

Slatracker: KPIs Facebook Messenger

Application Eagle Eye pour cimenterie