Étendez votre application 4D
au Web grâce à 4D Qodly Pro

4D Qodly Pro : transférez facilement votre application 4D sur le Web

Offrez à vos utilisateurs un accès transparent à votre application 4D via un navigateur web grâce à 4D Qodly Pro.

Entièrement intégré à 4D, 4D Qodly Pro vous permet d'étendre ou de transférer des applications existantes vers le Web, ou de créer de nouvelles solutions Web, tout en conservant votre environnement actuel inchangé.

Votre logique métier reste dans 4D, votre modèle de données ORDA reste le même et la structure de votre projet reste familière. Les interfaces Web sont créées dans votre projet 4D et s'exécutent sur votre serveur 4D existant.

Pas de nouveaux frameworks web. Pas de migrations. Pas de licences supplémentaires.

qodly pro
how it works

Pourquoi utiliser 4D Qodly Pro ?

Étendez ou transférez votre application 4D vers le Web - Donnez aux utilisateurs un accès depuis n'importe quel navigateur moderne, sur ordinateur ou mobile.

Tirez parti de votre expertise 4D - Créez des interfaces Web à l'aide des concepts et outils 4D qui vous sont familiers, en vous concentrant sur la logique applicative et les données. Pas besoin d'apprendre le HTML, le JavaScript ou les frameworks Web.

Aucune réécriture complète nécessaire - Réutilisez directement votre logique métier, votre modèle ORDA et votre structure de base de données existants dans les interfaces web.

Utilisez vos licences 4D existantes - Si vous êtes partenaire Silver 4D ou supérieur, vous êtes prêt pour le développement. Vos licences 4D Client actuelles couvrent le déploiement web.

Réduisez le temps de développement - Créez plus rapidement des interfaces web à l'aide d'un éditeur visuel et de composants prêts à l'emploi conçus pour les applications métier.

Comment cela fonctionne 

4D Qodly Pro est intégré à 4D, offrant une expérience de développement fluide et unifiée :

  • Qodly Studio - Un éditeur visuel permettant de concevoir des interfaces web par simple glisser-déposer, similaire aux formulaires 4D.
  • Pages Qodly - Écrans Web structurés qui définissent la mise en page, les données et les interactions sans avoir à écrire de code HTML ou JavaScript, hébergés et exécutés par 4D Server.
  • Composants Custom Qodly - Étendez les fonctionnalités grâce à des éléments d'interface utilisateur réutilisables adaptés à vos besoins.

Grâce à ces outils, vous concevez et déployez des pages Web directement dans 4D, tout en conservant intactes la logique de votre application et votre base de données.

why use qody
cta background

Découvrez la puissance de 4D Qodly Pro

Apprenez à créer facilement des interfaces web avec 4D Qodly Pro, étape par étape.

La découverte commence ici
Maximize Your Code Investments

Optimisez vos investissements dans le code

Créez facilement des pages Qodly en exploitant votre base de code 4D existante. Les interfaces Web appellent les mêmes fonctions du modèle de données que vous utilisez déjà, ce qui permet de centraliser la logique métier et de réduire considérablement le temps de développement. Vos années de travail avec 4D restent entièrement réutilisables.

Leverage Existing Licenses

Tirez parti des licences existantes

Développez des applications web sans frais supplémentaires lorsque celles-ci sont incluses dans votre contrat 4D Partner Silver ou supérieur. Déployez et exécutez vos applications à l'aide de vos licences 4D Client existantes sans frais supplémentaires.

Harness the Power of ORDA Technology

Exploitez la puissance de la technologie ORDA

4D Qodly Pro utilise l'accès aux données relationnelles orienté objet (ORDA) comme couche d'abstraction métier. Travaillez avec les données sous forme d'objets plutôt que de gérer des requêtes complexes dans la base de données. La couche d'abstraction ORDA simplifie la gestion des données, rendant la mise en œuvre de la logique métier plus intuitive et réduisant les efforts de maintenance.

Design without Effort

Concevez sans effort

Créez des formulaires Web fonctionnels à l'aide d'outils glisser-déposer conçus pour les applications professionnelles. La mise en page, le style et le comportement sont configurés visuellement, ce qui rend la création d'interfaces utilisateur Web accessible même aux développeurs novices en la matière.

Integrate Web Pages into 4D Forms

Intégrez des pages Web dans des formulaires 4D

Améliorez vos interfaces de bureau grâce à des widgets Web riches en intégrant Qodly Pages dans un formulaire 4D. Partagez des sessions, des données et des actions entre les formulaires 4D et Qodly Pages afin que les sélections, les mises à jour et les interactions restent synchronisées en temps réel sans quitter l'ecc

Deliver a Personalized User Experience

Offrez une expérience utilisateur personnalisée

Améliorez l'engagement des utilisateurs en ajustant dynamiquement l'interface utilisateur en fonction des données, des privilèges et du contexte de l'application. Grâce à des fonctionnalités telles que les états de page, votre application peut modifier automatiquement sa mise en page, sa visibilité et son style en réponse aux interactions des utilisateurs, garantissant ainsi une expérience plus intuitive.

Extend Application Capabilities

Étendre les capacités des applications

Élargissez les fonctionnalités de votre application grâce à des composants personnalisés adaptés à vos besoins. Qu'il s'agisse de graphiques pour l'analyse, de sélecteurs de date pour la planification ou de formulaires interactifs, vous pouvez créer des solutions puissantes, axées sur l'activité et adaptées à vos besoins.

Boost Productivity

Booster la Productivité

Travaillez plus intelligemment, pas plus dur. Réduisez les tâches répétitives et accélérez le développement grâce à des modèles prédéfinis, la duplication de formulaires et des composants intégrés réutilisables. Consacrez moins de temps aux tâches répétitives et plus de temps à l'innovation et à la création de valeur.

Improve Development Efficiency

Améliorer l'efficacité du développement

Effectuez des ajustements en temps réel sans perturber votre flux de travail. La fonctionnalité d'aperçu de page Qodly vous permet de visualiser instantanément votre conception et son comportement sans avoir à actualiser constamment la page, ce qui vous aide à affiner les interactions utilisateur et à perfectionner votre application plus rapidement.

Keep Your Application Secure

Assurez la sécurité de votre application

Gérez facilement les rôles et les privilèges grâce à l'éditeur de sécurité intégré. Gardez un contrôle total sur les droits d'accès et protégez vos applications dès leur conception.

“Cela fait 10 ans que nous utilisons le logiciel 4D, et nous avions besoin de passer au mobile pour développer notre activité. 4D Qodly Pro nous a permis d'étendre notre système existant à nos techniciens sur le terrain. Désormais, ils peuvent accéder aux données clients et les mettre à jour à distance et en temps réel, directement depuis leur lieu de travail. Ce succès nous a donné la confiance nécessaire pour développer encore davantage nos capacités web.”

Mike Williams, CEO
UMPQUA Sheet Metal INC, USA
cta background

Documentation

Tout ce que vous devez savoir sur 4D Qodly Pro

qodly Studio Qodly Studio

Concevez visuellement des pages Web au sein de votre projet 4D, en réunissant la mise en page, les composants, la liaison de données, les interactions, les autorisations et l'aperçu en direct dans le navigateur au sein d'un espace de travail dédié.

drag and drop Glisser & Déposer

Créez des formulaires Web de manière visuelle sur une zone de travail de type glisser-déposer qui ressemble à des formulaires 4D, en vous concentrant sur la mise en page et le comportement plutôt que sur le code frontal.

Pre-built ComponentsComponents pré-construits

Créez plus rapidement des interfaces Web prêtes à l'emploi à l'aide de composants intégrés tels que des tableaux, des listes déroulantes et des matrices, afin de regrouper les écrans courants sans avoir à personnaliser l'interface utilisateur.

Templates Templates

Commencez à partir de structures de pages prêtes à l'emploi qui éliminent les incertitudes liées à la mise en page, accélèrent la création de pages, garantissent la cohérence des interfaces et s'adaptent facilement à l'évolution des besoins.

Custom ComponentsComponents personnalisés

Étendez les interfaces avec des composants personnalisés réutilisables partagés par la communauté 4D Qodly Pro lorsque les composants standard ne suffisent pas.

CSS EditorÉditeur CSS

Personnalisez l'apparence et la convivialité de votre application afin qu'elle corresponde à votre marque en gérant les styles, les couleurs et les mises en page à l'aide des classes CSS directement à partir des panneaux contextuels et des propriétés.

Crafted ComponentsComposants créés

Transformez les composants existants en blocs de construction réutilisables qui préservent la mise en page, les styles, les événements et les liaisons de données entre les pages d'un même projet.

Data Mapping Data Mapping

Liez visuellement les composants de l'interface utilisateur aux données ORDA à l'aide des sources Qodly du catalogue, afin que les modifications soient automatiquement répercutées et que les interfaces restent alignées.

Page StatesStatuts de la page

Adaptez visuellement la mise en page et le comportement en fonction des données, des privilèges et du contexte, afin que chaque page affiche instantanément le contenu approprié sans traitement côté serveur.

DialogsDialogues

Créez visuellement des boîtes de dialogue modales pour gérer les confirmations, la saisie de données et les actions guidées, en gardant les utilisateurs dans leur contexte et en leur permettant d'effectuer des actions sans quitter la page.

Event ConfigurationConfiguration d'événements

Connectez les interactions utilisateur à la logique 4D existante en déclenchant des fonctions de classe, des comportements standard, des actions de navigation, des états et des boîtes de dialogue directement depuis l'interface, sans script frontal.

Events Report Rapport d'événements

Visualisez toutes les interactions et tous les flux d'exécution dans une vue claire, afin que l'ajustement du comportement des pages reste rapide, prévisible et entièrement sous contrôle.

Navigation Navigation

Définissez visuellement la navigation entre les pages Qodly et les liens externes afin que les utilisateurs puissent parcourir les flux de travail naturellement, sans confusion.

Read-Only Mode for ComponentsMode lecture seule pour les composants

Guidez les utilisateurs en contrôlant quand les données sont modifiables ou en lecture seule en fonction du rôle ou de l'état, ce qui réduit les erreurs et permet de maintenir des flux de travail fluides.

Qodly Page PreviewAperçu de la page Qodly

Prévisualisez les pages dans le navigateur pendant que vous les créez, sans interruption, sans redémarrage et sans perdre votre concentration.

Roles and Privileges Rôles et Privilèges

Sécurisez votre application grâce à un éditeur visuel de rôles et de privilèges qui contrôle l'accès aux données et aux actions depuis un emplacement unique et cohérent.

Localization Localisation

Gérez les traductions directement à l'écran, prévisualisez plusieurs langues et adaptez les mises en page en fonction des paramètres régionaux, sans code supplémentaire.

Desktop Integration Intégration Desktop

Intégrez les pages Qodly dans les formulaires 4D Desktop et synchronisez les données dans les deux sens pour obtenir une interface unifiée.

Session ControlContrôle de session

Permettez aux utilisateurs de fermer les sessions Web lorsqu'ils n'en ont plus besoin, ce qui contribue à libérer des licences et à maintenir la propreté et l'efficacité des environnements multi-utilisateurs.

Rich Content DeliveryDiffusion de contenu riche

Servez des fichiers et du contenu dynamique avec un contrôle HTTP complet, y compris les en-têtes, le corps et les codes d'état.

HTTP Handlers Handlers HTTP

Exposez la logique côté serveur via des points de terminaison HTTP configurés visuellement qui connectent les URL et les méthodes de requête à vos classes 4D existantes pour un accès externe ou multi-clients.

Visual Editing with JSON AccessÉdition visuelle avec accès JSON

Construisez visuellement par défaut et passez à une vue JSON synchronisée lorsque cela est nécessaire, les pages, les états et les autorisations restant toujours alignés entre les vues visuelle et textuelle.

Debugger Debugger

Inspectez, suivez et dépannez votre application en temps réel grâce à une interface de débogage dédiée permettant d'analyser les variables, les points d'arrêt et le flux d'exécution.

Auto CleanupNettoyage Automatique

Nettoyez automatiquement les ressources inutilisées afin que votre projet reste léger et optimisé.