PulseAI - Application Web

Application Web de PulseAI - Assistant de santé intelligent basé sur l'IA.

🌐 Version Web

Cette version est optimisée pour les navigateurs web modernes et fonctionne sur desktop et mobile.

🚀 Déploiement

L'application est déployée sur Firebase Hosting : URL: https://pulseai.web.app/

⚙️ Configuration requise

• Flutter SDK (3.9.2 ou supérieur)
• Navigateur web moderne (Chrome, Firefox, Safari, Edge)
• Connexion Internet

📦 Installation

1. Installer les dépendances Flutter :

flutter pub get

2. Générer les fichiers de localisation :

flutter gen-l10n

🔨 Build & Run

Mode développement

flutter run -d chrome
# ou pour un autre navigateur
flutter run -d edge
flutter run -d web-server

Build de production

flutter build web --release

Les fichiers seront dans build/web/

Build optimisé (recommandé)

flutter build web --release --web-renderer canvaskit

Ou pour une meilleure compatibilité :

flutter build web --release --web-renderer html

🎯 Renderers Web

Flutter Web supporte 2 renderers :

CanvasKit (par défaut)

• Meilleure performance
• Rendu identique à mobile
• Fichier plus volumineux (~2MB)

flutter build web --web-renderer canvaskit

HTML

• Taille réduite
• Meilleure compatibilité
• Moins de fonctionnalités graphiques

flutter build web --web-renderer html

Auto (adaptatif)

flutter build web --web-renderer auto

🔥 Déploiement Firebase

Installation Firebase CLI

npm install -g firebase-tools

Login

firebase login

Déployer

flutter build web --release
firebase deploy --only hosting

🌍 Fonctionnalités Web

• ✅ Chat IA pour assistance médicale
• ✅ Diagnostic de symptômes
• ✅ Carte interactive des hôpitaux
• ✅ Scanner de documents (upload de fichiers)
• ✅ Authentification Firebase
• ✅ Support multilingue (FR, EN, AR)
• ✅ Thèmes clair/sombre
• ✅ Design responsive (mobile & desktop)
• ✅ PWA (Progressive Web App)

⚠️ Limitations Web

Certaines fonctionnalités natives ne sont pas disponibles sur Web :

• ❌ Caméra en direct (remplacé par upload de fichiers)
• ❌ Speech-to-Text natif (peut utiliser Web Speech API)
• ❌ Localisation en arrière-plan
• ⚠️ Permissions simplifiées (gérées par le navigateur)

📱 PWA (Progressive Web App)

L'application peut être installée comme PWA :

1. Ouvrir dans Chrome/Edge
2. Cliquer sur "Installer l'application"
3. L'application s'ouvre comme une app native

Configuration PWA dans web/manifest.json

🔧 Configuration

Firebase

La configuration Firebase est dans lib/firebase_options.dart :

• Web API Key: Déjà configurée
• Auth Domain: pulseai-a0548.firebaseapp.com
• Project ID: pulseai-a0548

SEO

Configuré dans web/index.html :

• Meta tags
• Open Graph
• Twitter Cards
• Structured Data (JSON-LD)

📊 Structure du projet

PulseAI-Web/
├── web/
│   ├── index.html          # Page principale
│   ├── manifest.json       # Configuration PWA
│   ├── favicon.png         # Favicon
│   ├── icons/              # Icônes PWA
│   ├── robots.txt          # SEO
│   └── sitemap.xml         # SEO
├── lib/                    # Code Dart
├── assets/                 # Ressources
├── pubspec.yaml            # Dépendances
└── firebase.json           # Config Firebase

🎨 Personnalisation

Thème

Modifier dans web/index.html :

<meta name="theme-color" content="#0077B6">

Titre et description

Modifier les meta tags dans web/index.html

Icônes

Remplacer les fichiers dans web/icons/

🔍 SEO

L'application est optimisée pour le référencement :

• Meta tags complets
• Sitemap.xml
• Robots.txt
• Structured Data
• Open Graph
• Canonical URLs

🐛 Debug

En mode debug

flutter run -d chrome --web-renderer html

Logs

Ouvrir la console du navigateur (F12)

Hot Reload

Fonctionne en mode debug avec r dans le terminal

📈 Performance

Optimisations appliquées

• Code minifié en production
• Tree shaking automatique
• Lazy loading des routes
• Images optimisées
• PWA avec service worker

Analyser la taille

flutter build web --analyze-size

🌐 Compatibilité navigateurs

• ✅ Chrome 90+
• ✅ Firefox 88+
• ✅ Safari 14+
• ✅ Edge 90+
• ✅ Opera 76+

📝 Version

Version actuelle : 3.0.0+3

🆘 Support

Pour les problèmes spécifiques au Web :

• Vérifier la console du navigateur
• Tester sur différents navigateurs
• Vérifier la connexion Internet
• Consulter : https://flutter.dev/web

---

Application Web prête à déployer ! 🚀