Architecture 4D : un guide pratique pour les développeurs
Étant donné que vous n’avez fourni aucun contenu pour les sections ORIGINAL ou TRADUIT, je ne peux pas effectuer la modification de copie. Veuillez fournir le texte source et la version traduite, et je produirai l’article final incorporant les mots-clés demandés : architecture 4d, compréhension de l’architecture de base de données 4d, architecture de projet mobile 4d, examen de l’architecture de projet 4d, architecture de projet 4d pour les débutants et meilleures pratiques d’architecture de projet 4d.
Architecture 4D
Comprendre l’architecture d’une base de données 4D est la façon dont une application 4D est structurée à travers ses trois couches coopérantes : la couche de données (tables, champs, relations, index), la couche logique (méthodes, classes, déclencheurs, classes de modèle de données ORDA) et la couche de présentation (formulaires, sous-formulaires, zones de liste, menus) — ainsi que la topologie de déploiement qui décide si ces couches s’exécutent sur une seule machine, sont réparties sur un serveur 4D et des clients légers, ou distribuées sur des interfaces Web et d’architecture de projet mobile 4D. Un projet 4D est stocké sous forme de dossier de fichiers en texte brut, ce qui signifie que la même architecture de projet 4D peut être contrôlée en version dans Git et subir une révision de l’architecture de projet 4D comme n’importe quelle autre base de code.
Les sections ci-dessous, conçues comme une architecture de projet 4D pour les débutants, expliquent ce que l’architecture 4D signifie dans la pratique, comparent les principaux choix structurels auxquels vous serez confronté et vous donnent des critères et les meilleures pratiques d’architecture de projet 4D pour décider laquelle convient à une application commerciale en petite équipe.
Architecture 4D expliquée
Comprendre l’architecture d’une base de données 4D implique de décrire à la fois une structure logique et une structure physique, et la confusion des deux est la cause la plus courante de mauvaises décisions de conception. Il s’agit d’un élément essentiel de l’architecture de projet 4d pour les débutants.
La structure logique est le modèle que vous dessinez sur papier : quelles tables existent, comment elles sont liées, quels champs sont indexés, où se trouvent les règles métier et quels formulaires exposent quelles données. La structure physique correspond à la manière dont ce modèle est déployé : une application 4D mono-utilisateur, un déploiement client-serveur avec 4D Server, un serveur Web 4D servant REST ou HTML, ou une architecture de projet mobile 4d poussant les données vers des clients iOS et Android.
La propre documentation de 4D décrit la plateforme comme un système de gestion de bases de données relationnelles avec un environnement de développement intégré, et l’architecture reflète cet héritage. Les tables et les champs définissent le stockage.
Connexes : — Une interface simple sous forme de feuille de calcul reposant sur une véritable base de données relationnelle, avec des automatisations, des vues et des interfaces partageables..
Les relations et ORDA (Object Relational Data Access) définissent la navigation. Les méthodes et les classes définissent le comportement. Les formulaires définissent l’interaction. Chaque couche peut être modifiée avec un impact limité sur les autres si vous gardez les limites propres – et cette séparation est tout l’intérêt de penser architecturalement plutôt que de simplement construire des écrans.
Le respect de ces bonnes pratiques d’architecture de projet 4D garantit la stabilité.
Un modèle mental utile pour les petites équipes lors d’une revue d’architecture de projet 4D : traitez le modèle de données comme la fondation, la couche logique comme les murs et les formulaires comme la peinture. Repeindre est bon marché. Déplacer des murs coûte cher. Reconstruire les fondations est une réécriture.
Si vous faites du shopping : — Un créateur d'applications low-code qui se connecte à la suite Zoho plus large et propose des tarifs par utilisateur plutôt que par application..
qu’est-ce que l’architecture 4D
L’architecture 4D est l’agencement délibéré des composants d’une application 4D afin qu’elle reste maintenable au fur et à mesure de son évolution. Pour ceux qui recherchent une architecture de projet 4D pour les débutants, concrètement, cela signifie décider de cinq choses avant d’écrire beaucoup de code pour garantir les meilleures pratiques en matière d’architecture de projet 4D :
- Conception de tables et de champs. Quelles entités existent, quelles sont leurs clés primaires, quels champs sont indexés et si vous utilisez des entiers longs auto-incrémentés, des UUID ou des clés naturelles.
- Stratégie relationnelle. Que vous modélisiez directement des relations un-à-plusieurs, que vous utilisiez des tables de jonction pour plusieurs-à-plusieurs et dans quelle mesure vous comptez sur la navigation automatique des relations d’ORDA par rapport aux requêtes explicites.
- Emplacement logique. Déterminer si les règles métier résident dans des déclencheurs de table, des classes de modèle de données ORDA, des méthodes de projet ou des méthodes de formulaire. Mélanger les quatre sans règle rendra les projets 4D impossibles à maintenir.
- Structure de présentation. Comment les formulaires sont organisés (en fonction de pages, de sous-formulaires ou de zones de liste) et comment les listes de valeurs et les listes de choix sont centralisées plutôt que dupliquées par formulaire.
- Topologie de déploiement. Utilisateur unique, client-serveur, web, architecture de projet mobile 4d ou hybride et comment la même base de code en prend en charge plusieurs.
Comprendre l’architecture de la base de données 4D révèle que l’architecture du projet 4D est basée sur des fichiers plutôt que sur un seul fichier de structure binaire, ce qui constitue un avantage architectural significatif : le dossier .4DProject, le répertoire Project/Sources/ et les ressources associées peuvent être modifiés, ramifiés et révisés. Les équipes issues d’anciennes structures binaires 4D sous-estiment souvent à quel point cela change la collaboration lors d’une revue d’architecture de projet 4D.
Signification de l’architecture 4D
Le « 4D » dans l’architecture 4d fait référence au nom du produit – 4e Dimension – et non à une quatrième dimension spatiale. Cela est important car les résultats de recherche pour l’expression sont répartis entre deux domaines indépendants : les studios de visualisation architecturale et d’animation qui commercialisent les services « 4D » et la plateforme de base de données 4D de 4D SAS.
Si vous êtes arrivé ici à la recherche d’une entreprise de conception ou de construction, vous voulez un cabinet d’architecture, pas une base de données. Comprendre l’architecture de la base de données 4D est essentiel pour distinguer ces domaines.
Au sein de la communauté des développeurs 4D, « architecture 4D » a une deuxième signification, plus étroite : la structure interne d’un projet 4D au fur et à mesure de son évolution, de ses tests et de son déploiement. Pour ceux qui recherchent une architecture de projet 4D pour les débutants, un examen de l’architecture de projet 4D consiste à auditer cette structure - en vérifiant les tables orphelines, les clés étrangères non indexées, la logique métier dupliquée, les méthodes de formulaire surdimensionnées et les valeurs codées en dur qui devraient être des paramètres ou des constantes. Suivre les meilleures pratiques d’architecture de projet 4d garantit un système stable.
Le sens change également selon le contexte. Une question d’architecture de projet mobile 4d concerne la synchronisation hors ligne, la mise en cache des données locales et la conception des points de terminaison REST. Une question d’architecture de projet 4D Studio concerne l’environnement de développement lui-même : comment l’explorateur, l’éditeur de formulaires et l’éditeur de méthodes s’intègrent à la structure de fichiers sous-jacente. Même plateforme, niveau de préoccupation différent.
Avantages de l’architecture 4D
Comprendre l’architecture des bases de données 4D est essentiel, car une architecture 4D bien planifiée s’avère rentable de manière mesurable tout au long de la vie d’une application plutôt qu’à sa première livraison.
La modification coûte moins cher. Lorsque les règles métier sont centralisées au même endroit, une modification de tarification consiste en une modification d’un seul fichier plutôt qu’en une recherche via des méthodes de formulaire. Lorsque les formulaires sont créés à partir de sous-formulaires réutilisables et de listes de valeurs centralisées, un nouvel écran prend des heures plutôt que des jours.
L’intégration est plus rapide. Un nouveau développeur (ou un développeur citoyen de la même équipe) peut lire la structure des tables et comprendre le domaine sans procéder à une ingénierie inverse de l’interface utilisateur. Le stockage de projet basé sur des fichiers signifie qu’ils peuvent parcourir directement la source.
Le déploiement est plus flexible. Une architecture qui sépare l’accès aux données de la présentation peut servir un client de bureau, une interface Web et une application mobile à partir de la même couche logique. Rénover cette séparation plus tard est bien plus difficile que de la concevoir tôt.
Les tests et les révisions sont possibles. Les fichiers de projet en texte brut prennent en charge le contrôle de version, la révision du code et les vérifications automatisées. Ce n’est généralement pas le cas des structures binaires.
Les performances sont prévisibles. Les relations indexées, les modèles de requête sensibles et l’évitement des boucles enregistrement par enregistrement au profit des opérations ORDA basées sur des ensembles maintiennent les temps de réponse stables à mesure que les données augmentent.
Avantages et inconvénients de l’architecture 4D
| Choix architectural | Points forts | Compromis |
|---|---|---|
| Application 4D mono-utilisateur | Le plus simple à construire et à déployer ; pas de licence serveur ; idéal pour le prototypage | Aucun accès simultané ; la mise à l’échelle signifie une réarchitecture ultérieure |
| Client-serveur avec 4D Server | Données centrales, utilisateurs simultanés, mise en cache et verrouillage matures | Nécessite l’administration du serveur ; la latence du réseau affecte les conceptions bavardes |
| Serveur Web 4D / REST | Tout navigateur ou client tiers peut consommer les données | La sécurité, l’authentification et la conception de sessions deviennent votre responsabilité |
| Projet 4D Mobile | Accès mobile natif avec capacité hors ligne | La gestion des conflits de synchronisation ajoute une réelle complexité |
| Conception monolithique axée sur les formulaires | Rapide pour livrer la première version | Les méthodes de formulaire accumulent de la logique ; difficile à tester et à réutiliser |
| Conception en couches avec classes de modèles de données ORDA | Réutilisable, testable, portable entre clients | Conception initiale plus lourde ; courbe d’apprentissage plus abrupte pour les débutants |
l’architecture 4D en vaut-elle la peine
L’architecture 4D mérite d’être travaillée si l’on s’attend à ce que l’application survive à son premier auteur, serve plus d’une poignée d’utilisateurs ou se connecte à plusieurs frontaux. Ces trois conditions s’appliquent à la plupart des applications métiers construites sur la plateforme.
L’architecture ne vaut sans doute pas un investissement lourd lorsque vous validez une idée, créez un outil interne jetable ou prototypez un flux de travail qui peut être abandonné. Dans ces cas-là, une application 4D mono-utilisateur avec des tableaux et des formulaires simples est la bonne solution — et les outils low-code de 4D sont bien adaptés à cette vitesse. C’est souvent la meilleure architecture de projet 4D pour les débutants.
Le juste milieu : passez une journée sur la disposition des tableaux, la stratégie clé et le placement de la logique métier avant de créer votre premier formulaire. Cette seule journée constitue l’investissement architectural le plus rentable possible et ne coûte presque rien par rapport à une restructuration à mi-projet.
Problèmes d’architecture 4D
Les problèmes courants de l’architecture 4D peuvent être résumés en quelques modèles reconnaissables. Suivre les meilleures pratiques d’architecture de projet 4d peut éviter ces problèmes.
Étalement logique. Les règles métier finissent par être dispersées entre les méthodes de formulaire, les déclencheurs et les méthodes de projet, de sorte que personne ne peut savoir où un calcul se produit réellement. La solution consiste en une règle écrite sur le placement et une passe de révision de l’architecture du projet en 4D pour la consolidation.
Relations non indexées. Les requêtes qui analysent des tables complètes fonctionnent de manière acceptable pour un millier d’enregistrements et mal pour un million. L’indexation des clés étrangères et des champs fréquemment filtrés est une correction peu coûteuse et à fort impact.
Duplication de formulaire. Vingt formulaires de saisie presque identiques, chacun avec sa propre copie d’une liste de valeurs, signifient vingt emplacements à mettre à jour lorsqu’une liste change. Les listes centralisées et les sous-formulaires réutilisables résolvent ce problème.
Incohérence de déploiement. Une application conçue pour un utilisateur unique et ensuite transmise au client-serveur comporte souvent des hypothèses (chemins de fichiers locaux, verrouillage par utilisateur unique, accès direct aux enregistrements) qui ne fonctionnent pas en cas de concurrence.
Frictions liées au contrôle des versions. Les équipes qui n’ont jamais adopté le format de projet basé sur des fichiers ni sauvegardé négligemment les ressources générées ont du mal à examiner les modifications de manière significative.
Hypothèses de synchronisation mobile. Une architecture de projet mobile 4d qui suppose une connectivité constante ou ignore la résolution des conflits produit des données qui divergent discrètement entre les appareils et le serveur.
Architecture de projet 4d pour les débutants
Comprendre l’architecture des bases de données 4d est essentiel pour les nouveaux arrivants. Les débutants doivent construire dans un ordre fixe, car chaque étape contraint la suivante, en suivant ces meilleures pratiques d’architecture de projet 4D.
Étape 1 — Modélisez les données sur papier. Répertoriez les noms dans le processus métier (clients, commandes, éléments de ligne, factures). Chaque nom devient un tableau. Chaque attribut devient un champ. Dessinez les relations avant d’ouvrir l’éditeur de formulaire.
Étape 2 — Choisissez délibérément les clés. Les entiers longs à incrémentation automatique sont simples et rapides. Les UUID conviennent mieux à l’architecture de projet mobile 4d lorsque les enregistrements sont créés hors ligne sur des appareils mobiles et fusionnés ultérieurement. Décidez une fois ; changer de stratégie clé une fois que les données existent est douloureux.
Étape 3 — Indexez ce que vous filtrez et sur lequel vous établissez des relations. Les clés primaires sont indexées automatiquement. Les clés étrangères et tout champ utilisé dans une condition de requête devraient généralement l’être.
Étape 4 — Décidez où se trouve la logique et notez-la. Une valeur par défaut réalisable : des déclencheurs de table pour l’intégrité des données qui doivent toujours être respectés, des classes de modèle de données ORDA pour les opérations de domaine réutilisables, des méthodes de projet pour les utilitaires partagés et des méthodes de formulaire uniquement pour des problèmes de présentation.
Étape 5 — Créez une tranche verticale complète. Un tableau, un formulaire, une liste, une liste de valeurs, câblés de bout en bout. Cela expose les problèmes d’intégration très tôt, alors qu’ils sont bon marché.
Étape 6 — Centralisez les listes de valeurs et les composants réutilisables. Créez-les une fois, référencez-les partout.
Étape 7 — Mettez le projet sous contrôle de version. Les projets 4D basés sur fichiers le prennent directement en charge ; faites-le dès le premier jour plutôt que de de l’intégrer a posteriori.
Toute revue d’architecture de projet 4d montrera qu’un tutoriel qui saute l’étape 1 ou l’étape 4 vous apprendra à créer des écrans rapidement et à les maintenir lentement. Cette approche de l’architecture 4d garantit une stabilité à long terme.
Bonnes pratiques en matière d’architecture de projet 4D
Les meilleures pratiques en matière d’architecture de projet 4D concernent moins des techniques intelligentes que une discipline cohérente. Pour ceux qui recherchent une architecture de projet 4D pour les débutants, la compréhension de l’architecture de base de données 4D commence par ces principes fondamentaux :
- Nommez les choses de manière prévisible. Des préfixes cohérents pour les tables, les champs, les méthodes et les formulaires rendent l’Explorateur utilisable en un coup d’œil.
- Gardez les méthodes de formulaire légères. Une méthode de formulaire doit gérer l’affichage et l’interaction de l’utilisateur, pas les calculs métier.
- Préférez les opérations basées sur des ensembles. Les requêtes ORDA et les sélections d’entités surpassent largement les boucles enregistrement par enregistrement sur les grandes tables.
- Centralisez la configuration. Les adresses de serveur, les chemins de fichiers et les indicateurs de fonctionnalités appartiennent au même endroit, et non dispersés sous forme de littéraux.
- Documentez le modèle. Un diagramme d’une page de tables et de relations permet d’économiser des heures d’archéologie plus tard.
- Examinez l’architecture aux étapes clés, et non en continu. Un examen structuré de l’architecture du projet 4D avant chaque version majeure détecte les dérives sans ralentir la livraison.
- Séparez les données de développement, de test et de production. Ne développez jamais sur des données réelles.
- Planifiez le client que vous n’avez pas encore construit. Si l’architecture d’un projet Web ou mobile 4D est plausible d’ici deux ans, conservez dès maintenant l’accès aux données hors des méthodes de formulaire pour maintenir une architecture 4D propre.
Coût de l’architecture du projet 4d
Le coût dans l’architecture 4D est dominé par le temps de conception et les retouches, et non par l’outillage. Comprendre l’architecture de la base de données 4d est essentiel, car la plateforme elle-même est sous licence 4D SAS et les prix varient en fonction du type de déploiement et du nombre d’utilisateurs. Vérifiez donc les conditions actuelles directement auprès de 4D ou d’un revendeur agréé plutôt que de vous fier à des chiffres de seconde main.
Pour ceux qui s’intéressent à l’architecture de projet 4D pour les débutants, les coûts à prévoir sont :
- Durée de conception. Un jour ou deux de conception de table et de couche logique avant la construction. Il s’agit de le poste de dépense le moins cher et celui qui évite les plus chers.
- Les retouches. La restructuration d’un modèle de données en direct après la mise en service coûte généralement plusieurs fois ce qu’aurait coûté une conception initiale. C’est le véritable facteur de coût architectural.
- Topologie de déploiement. Les déploiements client-serveur et Web ajoutent des tâches d’administration, de sauvegarde et de sécurité du serveur que les applications mono-utilisateur ne nécessitent pas.
- Complexité mobile. Dans l’architecture de projet mobile 4d, la synchronisation hors ligne et la résolution des conflits sont de véritables efforts d’ingénierie et non de configuration.
- Révision et documentation. Une révision de l’architecture d’un projet 4d nécessite un temps continu modeste qui rapporte à chaque transfert.
Pour les développeurs informatiques de petites équipes, les meilleures pratiques d’architecture de projet 4d suggèrent que la ligne directrice pratique est de surinvestir légèrement dans le modèle de données et de sous-investir dans l’interface utilisateur personnalisée jusqu’à ce que le modèle se révèle stable.
Architecture de projet 4D Studio
4D Studio est l’environnement de développement intégré et sa structure reflète directement l’architecture du projet. L’Explorateur affiche les tables, les champs, les formulaires, les méthodes et les classes tels qu’ils existent dans les fichiers du projet.
L’éditeur de formulaire modifie les définitions de formulaire. L’éditeur de méthode édite le code. Le projet étant stocké sous forme de fichiers, ce que vous voyez dans 4D Studio correspond à ce qui se trouve sur le disque et dans le contrôle de version.
D’un point de vue architectural, cela signifie que 4D Studio n’est pas une boîte noire qui cache sa structure. Un développeur peut consulter le dossier du projet, comprendre la présentation et examiner les modifications sans avoir à ouvrir l’EDI. Pour les équipes, cette transparence fait la différence entre une architecture gouvernable et une architecture qu’on ne peut qu’espérer.
Questions fréquemment posées
L’architecture 4D expliquée — que recouvre réellement le terme ?
L’architecture 4D couvre la structure logique d’une application 4D (tables, champs, relations, index, placement logique, formulaires) et son déploiement physique (mono-utilisateur, client-serveur, web ou mobile). Elle fait également référence à l’organisation interne basée sur des fichiers d’un projet 4D, qui prend en charge le contrôle de version et la révision de l’architecture du projet 4d. Le terme est distinct de « 4D » tel qu’utilisé par les studios de visualisation architecturale.
Qu’est-ce que l’architecture 4D en termes simples ?
Comprendre l’architecture d’une base de données 4D est la façon dont vous organisez une application de base de données 4D pour qu’elle reste maintenable : quelles tables et relations vous créez, où résident les règles métier, comment les formulaires sont structurés et comment l’application est déployée. Une bonne architecture signifie que les changements restent locaux au lieu de se répercuter sur l’ensemble du projet.
Quels sont les principaux avantages de l’architecture 4D ?
Les principaux avantages et les meilleures pratiques d’architecture de projet 4d sont des changements moins coûteux, une prise en main plus rapide, un déploiement flexible sur les clients de bureau, Web et mobiles, la testabilité via le contrôle de version et des performances prévisibles à mesure que les données augmentent. Ces éléments s’accumulent au cours de la durée de vie d’une application plutôt que d’apparaître dès la première livraison.
Quels sont les avantages et les inconvénients de l’architecture 4D ?
Les avantages incluent une logique réutilisable, un accès portable aux données et des formulaires maintenables. Les inconvénients incluent le temps de préparation initiale de la conception, une courbe d’apprentissage plus abrupte pour l’architecture de projet 4D pour les débutants et la complexité supplémentaire de la mise en œuvre d’une architecture de projet Web ou mobile 4D. Les applications mono-utilisateur évitent la plupart des inconvénients, mais ne peuvent pas s’adapter à des utilisateurs simultanés sans une restructuration.
Investir dans une architecture 4D en vaut-il la peine ?
Cela en vaut la peine lorsque l’application survivra à son premier auteur, servira plusieurs utilisateurs ou se connectera à plusieurs interfaces frontales – ce qui décrit la plupart des applications professionnelles. C’est moins critique pour les prototypes jetables. Une seule journée de conception de tables et de couches logiques avant la construction constitue l’investissement le plus rentable disponible.
Quels sont les problèmes d’architecture 4D les plus courants ?
Les problèmes les plus courants sont la logique métier dispersée dans les méthodes de formulaire et les déclencheurs, les relations non indexées qui ralentissent les requêtes à mesure que les données augmentent, les formulaires et les listes de valeurs dupliqués, les hypothèses de déploiement qui ne fonctionnent pas en cas de concurrence et les conceptions de synchronisation mobile qui ignorent la résolution des conflits. Chacun a une solution connue et pratique.
Questions fréquentes
L'architecture 4D expliquée — que recouvre réellement le terme ?
L'architecture 4D couvre la structure logique d'une application 4D (tables, champs, relations, index, placement logique, formulaires) et son déploiement physique (mono-utilisateur, client-serveur, web ou mobile). Il fait également référence à l'organisation interne basée sur des fichiers d'un projet 4D, qui prend en charge le contrôle de version et la révision de l'architecture du projet 4d. Le terme est distinct de « 4D » tel qu'utilisé par les studios de visualisation architecturale.
Qu’est-ce que l’architecture 4D en termes simples ?
Comprendre l'architecture d'une base de données 4D est la façon dont vous organisez une application de base de données 4D pour qu'elle reste maintenable : quelles tables et relations vous créez, où résident les règles métier, comment les formulaires sont structurés et comment l'application est déployée. Une bonne architecture signifie que les changements restent locaux au lieu de se répercuter sur l’ensemble du projet.
Quels sont les principaux avantages de l’architecture 4D ?
Les principaux avantages et les meilleures pratiques d'architecture de projet 4d sont des changements moins coûteux, une intégration plus rapide, un déploiement flexible sur les clients de bureau, Web et mobiles, la testabilité via le contrôle de version et des performances prévisibles à mesure que les données augmentent. Ces éléments s'accumulent au cours de la durée de vie d'une application plutôt que d'apparaître dès la première livraison.
Quels sont les avantages et les inconvénients de l’architecture 4D ?
Les avantages incluent une logique réutilisable, un accès aux données portables et des formulaires maintenables. Les inconvénients incluent le temps de préparation initiale de la conception, une courbe d'apprentissage plus abrupte pour l'architecture de projet 4D pour les débutants et la complexité supplémentaire de la mise en œuvre d'une architecture de projet Web ou mobile 4D. Les applications mono-utilisateur évitent la plupart des inconvénients, mais ne peuvent pas s'adapter à des utilisateurs simultanés sans une restructuration.
Est-ce qu’investir dans l’architecture 4D en vaut la peine ?
Cela en vaut la peine lorsque l’application survivra à son premier auteur, servira plusieurs utilisateurs ou se connectera à plusieurs frontaux – ce qui décrit la plupart des applications professionnelles. C’est moins critique pour les prototypes jetables. Une seule journée de conception de tables et de couches logiques avant la construction constitue l’investissement le plus rentable disponible.
Quels sont les problèmes d’architecture 4D les plus courants ?
Les problèmes les plus courants sont la logique métier dispersée dans les méthodes de formulaire et les déclencheurs, les relations non indexées qui ralentissent les requêtes à mesure que les données augmentent, les formulaires et les listes de valeurs dupliqués, les hypothèses de déploiement qui ne fonctionnent pas en cas de concurrence et les conceptions de synchronisation mobile qui ignorent la résolution des conflits. Chacun a une solution connue et pratique.
Essayez FileMaker gratuitement pendant 45 jours
La plateforme de base de données relationnelle de longue date pour les équipes qui ont besoin d'applications personnalisées sur ordinateur, Web et mobile à partir d'un seul fichier.