Skip to content

Latest commit

 

History

History
281 lines (203 loc) · 8.78 KB

MODE_WEB_VS_ELECTRON.md

File metadata and controls

281 lines (203 loc) · 8.78 KB

Mode Web vs Mode Electron - Explication Complète

Comprendre les Deux Modes

StoryCore Creative Studio peut fonctionner de deux manières différentes:

🖥️ Mode Electron (Application de Bureau)

  • Application installée sur votre ordinateur
  • Accès complet au système de fichiers
  • Performance optimale
  • Fonctionnalités complètes

🌐 Mode Web (Navigateur)

  • Accessible via un navigateur web
  • Accès limité au système de fichiers (sécurité)
  • Fonctionnalités limitées
  • Aucune installation requise

Pourquoi les Fichiers se Téléchargent en Mode Web?

🔒 Sécurité du Navigateur

Les navigateurs web ont des restrictions de sécurité strictes pour protéger les utilisateurs:

  1. Isolation du Système de Fichiers

    • Les sites web ne peuvent pas accéder librement à vos fichiers
    • Cela empêche les sites malveillants de voler ou modifier vos données
    • C'est une fonctionnalité de sécurité, pas un bug!

  2. Permissions Explicites

    • L'utilisateur doit donner une permission explicite pour chaque accès
    • Les fichiers sont "téléchargés" dans le dossier Téléchargements
    • L'utilisateur contrôle où les fichiers sont sauvegardés

📊 Comparaison Détaillée

Fonctionnalité Mode Electron Mode Web (Chrome/Edge) Mode Web (Firefox/Safari)
Création de Projets ✅ Directe sur disque ⚠️ File System Access API ❌ Téléchargement
Sauvegarde de Fichiers ✅ Directe sur disque ⚠️ File System Access API ❌ Téléchargement
Ouverture de Projets ✅ Sélection de dossier ⚠️ File System Access API ❌ Sélection de fichier
Accès aux Dossiers ✅ Complet ⚠️ Avec permission ❌ Limité
Performance ✅ Optimale ⚠️ Bonne ⚠️ Bonne
Fonctionnalités Avancées ✅ Toutes ⚠️ Limitées ❌ Très limitées
Installation ✅ Requise ❌ Non requise ❌ Non requise
Mises à Jour ✅ Automatiques ❌ Manuelles ❌ Manuelles

Légende:

  • ✅ Fonctionnalité complète
  • ⚠️ Fonctionnalité partielle ou avec limitations
  • ❌ Fonctionnalité non disponible

Solutions pour le Mode Web

1. File System Access API (Chrome, Edge, Opera)

Disponibilité: Chrome 86+, Edge 86+, Opera 72+

Fonctionnement:

// L'utilisateur doit donner la permission
const dirHandle = await window.showDirectoryPicker();

// Ensuite, l'application peut lire/écrire dans ce dossier
const fileHandle = await dirHandle.getFileHandle('project.json', { create: true });
const writable = await fileHandle.createWritable();
await writable.write(data);
await writable.close();

Avantages:

  • ✅ Accès persistant au dossier autorisé
  • ✅ Lecture et écriture de fichiers
  • ✅ Création de sous-dossiers

Limitations:

  • ⚠️ Permission requise à chaque session
  • ⚠️ Limité aux dossiers autorisés
  • ⚠️ Pas de navigation libre du système de fichiers

2. Téléchargements (Tous les Navigateurs)

Disponibilité: Tous les navigateurs

Fonctionnement:

// Créer un blob avec les données
const blob = new Blob([data], { type: 'application/json' });
const url = URL.createObjectURL(blob);

// Créer un lien de téléchargement
const link = document.createElement('a');
link.href = url;
link.download = 'project.json';
link.click();

// L'utilisateur doit sauvegarder manuellement

Avantages:

  • ✅ Compatible avec tous les navigateurs
  • ✅ Aucune permission requise
  • ✅ Simple à implémenter

Limitations:

  • ❌ L'utilisateur doit sauvegarder manuellement
  • ❌ Pas de sauvegarde automatique
  • ❌ Fichiers dans le dossier Téléchargements

3. IndexedDB (Stockage Local)

Disponibilité: Tous les navigateurs modernes

Fonctionnement:

// Stocker les données dans le navigateur
const db = await openDB('storycore', 1);
await db.put('projects', projectData, projectId);

// Les données restent dans le navigateur

Avantages:

  • ✅ Stockage persistant dans le navigateur
  • ✅ Pas de téléchargements
  • ✅ Accès rapide

Limitations:

  • ⚠️ Limité à ~50-100 MB par domaine
  • ⚠️ Données liées au navigateur
  • ⚠️ Peut être effacé par l'utilisateur
  • ❌ Pas de fichiers physiques sur le disque

Pourquoi Utiliser le Mode Electron?

✅ Avantages du Mode Electron

  1. Accès Complet au Système de Fichiers

    • Création de projets directement sur le disque
    • Sauvegarde automatique
    • Navigation libre dans les dossiers
    • Aucune limitation de taille

  2. Performance Optimale

    • Pas de limitations du navigateur
    • Accès direct aux ressources système
    • Traitement plus rapide

  3. Fonctionnalités Avancées

    • Intégration avec le système d'exploitation
    • Notifications système
    • Raccourcis clavier globaux
    • Barre de menu native

  4. Expérience Utilisateur Supérieure

    • Pas de barre d'adresse du navigateur
    • Icône dans la barre des tâches
    • Fenêtre dédiée
    • Démarrage rapide

  5. Sécurité et Confidentialité

    • Données stockées localement
    • Aucune connexion Internet requise
    • Contrôle total sur les fichiers

⚠️ Limitations du Mode Electron

  1. Installation Requise

    • Téléchargement de l'application (~100-200 MB)
    • Installation sur l'ordinateur
    • Espace disque requis

  2. Mises à Jour

    • Nécessite des mises à jour régulières
    • Téléchargement de nouvelles versions

  3. Compatibilité

    • Versions différentes pour Windows, macOS, Linux
    • Peut nécessiter des permissions administrateur

Recommandations

🎯 Pour une Utilisation Professionnelle

Utilisez le Mode Electron:

  • ✅ Création et gestion de projets complexes
  • ✅ Travail avec de nombreux fichiers
  • ✅ Besoin de performance optimale
  • ✅ Utilisation quotidienne

🌐 Pour une Utilisation Occasionnelle

Le Mode Web peut suffire:

  • ✅ Test rapide de l'application
  • ✅ Démonstration
  • ✅ Accès depuis n'importe quel ordinateur
  • ⚠️ Accepter les limitations de sauvegarde

Comment Détecter le Mode Actuel?

Dans le Code

// Vérifier si l'API Electron est disponible
if (window.electronAPI) {
  console.log('Mode Electron - Fonctionnalités complètes');
} else {
  console.log('Mode Web - Fonctionnalités limitées');
}

Dans l'Interface

L'application peut afficher un indicateur:

🖥️ Mode Desktop (Electron) - Toutes les fonctionnalités disponibles

ou

🌐 Mode Web - Fonctionnalités limitées (utilisez l'application de bureau pour une expérience complète)

FAQ

Q: Pourquoi mes fichiers se téléchargent au lieu d'être sauvegardés?

R: Vous êtes en mode web. C'est le comportement normal des navigateurs pour des raisons de sécurité. Utilisez l'application Electron pour une sauvegarde directe.

Q: Puis-je utiliser l'application sans l'installer?

R: Oui, en mode web, mais avec des limitations. Pour une expérience complète, installez l'application Electron.

Q: Mes projets sont-ils compatibles entre les deux modes?

R: Oui, les fichiers de projet sont identiques. Vous pouvez créer un projet en mode Electron et l'ouvrir en mode web (avec les limitations de sauvegarde).

Q: Le mode web est-il sécurisé?

R: Oui, les limitations du mode web sont justement des fonctionnalités de sécurité. Vos données restent sur votre ordinateur.

Q: Puis-je utiliser le mode web sur mobile?

R: Techniquement oui, mais l'interface n'est pas optimisée pour mobile. Utilisez un ordinateur pour une meilleure expérience.

Q: Comment passer du mode web au mode Electron?

R:

  1. Téléchargez l'application Electron depuis le site officiel
  2. Installez-la sur votre ordinateur
  3. Lancez l'application
  4. Vos projets créés en mode web peuvent être importés

Conclusion

🎯 Résumé

  • Mode Electron: Application complète, recommandée pour une utilisation professionnelle
  • Mode Web: Version limitée, utile pour tester ou démonstrations
  • Téléchargements en mode web: Comportement normal et sécurisé, pas un bug

📝 Recommandation Finale

Pour une expérience optimale avec StoryCore Creative Studio:

  1. ✅ Installez l'application Electron (mode desktop)
  2. ✅ Profitez de toutes les fonctionnalités
  3. ✅ Sauvegarde automatique et directe
  4. ✅ Performance optimale

Le mode web reste disponible pour:

  • Tests rapides
  • Démonstrations
  • Accès depuis n'importe quel ordinateur
  • Situations où l'installation n'est pas possible

Note: Cette explication s'applique à toutes les applications web modernes, pas seulement à StoryCore. Les limitations du mode web sont des standards de l'industrie pour protéger la sécurité des utilisateurs.