DATA LIVES HERE. TM 4D Web 2.0 Pack Internet Riche et Solutions Mobiles en toute simplicité 4D Ajax Framework 4D Ajax for Dreamweaver 4D for Flex *Faites vivre vos données
4D Web 2.0 Pack fournit aux développeurs tous les outils nécessaires pour porter rapidement et de façon professionnelle leurs applications vers le Web. Ce produit est indispensable si vous désirez sérieusement tirer le meilleur parti des capacités de 4D et du Web 2.0! Steve Orth President & CEO, The Aquila Group www.the-aquila-group.com Le concept de Web 2.0 dépasse largement les strictes limites du navigateur à l heure actuelle. De plus en plus, en effet, ce mouvement est associé aux acronymes RIA (pour Rich Internet Applications) et RDA (Rich Desktop Applications) qui caractérisent une nouvelle génération d applications compatibles Internet, permettant une manipulation de données interactive en temps réel par l utilisateur, sur de multiples plates-formes depuis l ordinateur personnel jusqu aux appareils mobiles (PDA, Smartphones, etc.). Les utilisateurs sont beaucoup plus exigeants désormais. En plus de pouvoir disposer d un stock de données toujours disponibles, ils veulent y accéder de multiples manières et en de multiples lieux. Dans un monde toujours plus mobile et connecté, vos clients, toujours plus au fait des dernières technologies, vous demandent d interagir avec leurs données grâce à Firefox, Safari, Adobe Air, iphone, Flex, Google Gears, HTML 5, en mode connecté, déconnecté ça y est le mot est lâché! 4D Web 2.0 Pack offre aux développeurs 4D la façon la plus rapide et la plus simple de faire entrer leurs applications dans le monde du Web 2.0, dans la plupart des cas sans ajout du moindre code. Plus précisément, 4D Web 2.0 Pack permet de transformer les applications 4D en applications en ligne et distantes sans aucune connaissance des langages HTML, CSS, JavaScript, Flash, etc. Cependant, il est également suffisamment flexible pour satisfaire tous ceux qui maîtrisent ces technologies, en leur permettant de personnaliser complètement leur implémentation pour réaliser des solutions élégantes et puissantes. 2
4D Web 2.0 Pack 4D Ajax Framework Générez instantanément des sites Web orientés AJAX, des services mobiles et des Rich Internet Applications sans connaissance préalable de l HTML, du JavaScript ou des CSS. Les plates-formes mobiles ont pris un coup de vieux avec l arrivée de l iphone. Je suis ravi que 4D soit compatible avec ce nouveau support, pour réaliser des applications riches et mobiles. Mike Placko NowData Corporation www.nowdata.com Avec la généralisation d AJAX, les applications Web sont passées du statut de simples répliques édulcorées et statiques d applications «réelles» à celui d applications à part entière. En offrant désormais des éléments d interface plus sophistiqués et un transfert de données asynchrone, les applications orientées Web sont très proches de leur équivalent Desktop en termes d interface utilisateur, d ergonomie et de vitesse. Qui plus est, elles dépassent de loin le cadre du navigateur en tournant sur n importe quelle plate-forme, téléphone intelligent ou dispositif mobile et même en mode déconnecté! Comment ça marche? 4D Ajax Framework contient un composant 4D qui autorise automatiquement l accès à vos données depuis un serveur Web. Ce composant, comme tout composant 4D, s installe très simplement par glisser-déposer au sein de votre application 4D : aucune table, aucun formulaire n est ajouté à votre structure. Le produit comporte également un jeu de pages HTML, et du code JavaScript et CSS prêt-à-l emploi (qui forment en fait le Framework proprement dit) qui résidera sur votre serveur Web. Leur combinaison forme un ensemble riche de nombreux éléments d interface dynamique tout comme sur votre application de bureau capable de récupérer et modifier les données servies en temps réel par la base 4D. Si vous êtes coutumier de ces techniques ou si vous avez dans votre équipe un développeur Web vous pouvez utiliser séparément chaque élément pour créer un front-end de type RIA pour votre applicatif 4D. De plus, 4D Ajax Framework contient un client Web simple mais très complet qui vous permet d accéder à toutes vos tables via un navigateur Web sans programmer une seule ligne de code. Désormais, grâce à 4D Ajax Framework, vous avez la possibilité de déployer vos applications 4D sur ces plates-formes distantes et légères, pratiquement sans intervention. Après seulement quelques modifications mineures, votre application 4D aura un équivalent AJAX qui fonctionnera sur Firefox, Safari, Internet Explorer, Adobe AIR, iphone, parmi tant d autres Qu est-ce qu AJAX? Bien qu il n y ait pas de définition officielle d AJAX, le terme est souvent connu comme l abréviation de XML et JavaScript asynchrones en tant qu outils pour réaliser des Rich Internet Applications. Enfin vous disposez d un outil d administration utilisable soit par un navigateur soit par une application 4D qui vous permet de gérer de manière distante les droits d accès et d utilisation de vos applications RIA. Pour compléter cette présentation, l ensemble de ces outils est compatible avec les standards en vigueur et les technologies les plus récentes comme Adobe AIR pour la création de runtimes exécutables indépendamment de la plate-forme, mais aussi Google Gears et HMTL 5 pour le fonctionnement en mode déconnecté et même l iphone. En réalité, AJAX va bien au-delà de ces deux technologies puisqu il implique l utilisation de CSS, XHTML, DOM (Document Object Model) que vous n aurez nul besoin d apprendre pour utiliser 4D Ajax Framework! www.4d.fr/ajax 3
RETROUVEZ LE GOÛT DES BEAUX OBJETS Finis les formulaires Web disgracieux et les pages d erreur qui les accompagnent. En plus de fournir des objets d interface qui reproduisent parfaitement leurs équivalents de bureau (voir encadré), 4D Ajax Framework installe également leur logique de fonctionnement qui leur permet de se comporter comme le souhaite l utilisateur. Frappez quelques caractères dans une zone de recherche, et le résultat s affichera à la volée. Saisissez des données dans un formulaire et il sera validé instantanément sans avoir à utiliser un bouton «Submit». Faites défiler l ascenseur d une grille de données et les informations se mettront à jour sur le champ, sans besoin de pré-charger des pages et des pages de données au préalable. Construisez intuitivement et en un clin d œil le tableau de bord qui enrichira votre application de Business Intelligence. Non seulement tous ces objets peuvent être mêlés et utilisés à votre gré, mais ils peuvent aussi collaborer avec des objets issus d autres frameworks AJAX du marché (comme jquery) ce qui vous assure de pouvoir construire des applications totalement personnalisées ou d intégrer 4D à des solutions existantes. Principales caractéristiques Interface Avancée Interface utilisateur interactive Manipulation des données en temps réel Pagination automatique (déroulement ascenseur) Onglets Formulaires listes et saisie Gestion automatique des images Choix d habillages d interface Formats de date personnalisables Validation de champs à la volée Recherches avec caractère joker Multi-fenêtres Grille de données Liste hiérarchique Calendrier Matrice de données Matrice d images Tableaux de bord Graphiques (Canvas, PNG, Images distantes, SVG) Accès à toutes vos données Traitement des données via 4D ou des routines JavaScript Compatibles avec les frameworks et applications Web existants Appels de liens externes avec des données locales (Mash-ups) Compatibilité Vidéo, Flash ou tout plug-in de navigateur Support des jeux de caractères étendus Déploiement tout terrain Compatible Firefox, Internet Explorer et Safari Support de l iphone y compris en mode déconnecté Mode déconnecté avec Google Gears et HTML5 Adobe AIR Mise en œuvre facile Web natif (aucun plug-in de navigateur requis) Configuration graphique ou programmable Aucun objet (formulaire ou table) ajouté à la structure 4D Préférences basées sur les utilisateurs et groupes de la base 4D Gestion de mots de passe native ou personnalisée Gestion des langues de l interface par groupes Console d administration via Web ou une base 4D indépendante Outils orientés développement Gestion d événements 4D Gestion d événements JavaScript Commandes de gestion de session DDW (Developer Defined Windows) DDA (Developer Defined Actions) Et, pour couronner le tout, les objets 4D Ajax Framework sont fonctionnels et élégants. Ils ne jureront pas avec l esthétique des tablettes dernier-cri ou la finesse des ipod Touch. 4 www.4d.fr/ajax
4D Web 2.0 Pack 4D Ajax for Dreamweaver Réalisez une application Web à base d objets 4D Ajax sans aucune ligne de code! 4D Ajax Framework simplifie la transformation de votre application 4D en une application Web basée sur AJAX. 4D Ajax for Dreamweaver rend ce processus encore plus aisé. Sans aucun doute, créer depuis zéro une application Web est une tâche ardue si l on n est pas familier avec des technologies telles que HTML, JavaScript ou CSS. A l inverse, les designers Web sans expérience en développement 4D auront besoin d aide pour insérer des objets 4D Ajax dans leur site. Dans les deux cas, vous pourrez profiter de l interface WYSIWYG d Adobe Dreamweaver. 4D Ajax for Dreamweaver met à votre disposition tous les objets de 4D Ajax Framework dans une palette intuitive, qui vous permettra d un simple clic d importer une structure de base 4D, de créer un dialogue de connexion ou d insérer dans votre page des grilles, calendriers, listes hiérarchiques, matrices d images, graphes et autres tableaux de bord. Toute la puissance des éléments d interface de 4D Ajax Framework en un clic de souris! Éléments compatibles avec 4D Ajax for Dreamweaver Connexion (à partir des fonctions de sécurité intégrées de 4D ou selon votre propre schéma) Grille de données Arbre de données (liste hiérarchique) Matrice de données Matrice d images Tableau de bord Graphe Etant donné que chaque objet 4D Ajax est personnalisable, une fenêtre inspecteur permet le réglage de tous les paramètres disponibles. Je suis un passionné du développement 4D : j aime principalement réaliser de puissantes applications client/serveur, mais il arrive que certains de mes projets aient besoin d un frontal Web dynamique et dans ce cas, 4D Ajax for Dreamweaver TM est la solution la plus rapide pour transformer une idée en maquette totalement fonctionnelle. A partir de là, je laisse mes graphistes exercer leur talent et réaliser la version finale de l application Web. Franck Campagne Développeur 4D spécialisé Web et nouvelles technologies Arkad Informatique www.arkad.fr Disposez vos objets sur votre page. Ajustez leur taille. Changez leur apparence. L aspect final de votre application dépend seulement de votre imagination. Utilisez les calques WYSIWYG de Dreamweaver pour mélanger, aligner et placer les éléments dont vous avez besoin. Incluez également des objets originaires de sources externes pour créer vos propres «mash-ups». Et si vous maîtrisez HTML, les CSS et les autres aspects du design Web, dans ce cas les possibilités sont quasi infinies. www.4d.fr/dreamweaver 5
4D Web 2.0 Pack 4D for Flex 4D met sur le marché le premier connecteur entre Adobe Flex et une base de données SQL. A la différence des autres outils de connectivité entre Flex et bases de données disponibles sur le marché, 4D for Flex offre une liaison directe entre Flex et 4D Server v11 SQL. Ceci permet aux développeurs d intégrer leurs applications 4D directement avec les RIA développées sous Flex sans nécessité de couche intermédiaire ou de systèmes troistiers comme J2EE. Cette approche simple et directe fait de 4D for Flex la meilleure solution pour des développeurs tels que moi. Comment ça marche? Basé sur Flash, Adobe Flex est un ensemble de technologies pensées pour la création et l exécution de Rich Internet Applications. Il s agit d un framework open-source comprenant le SDK Flex gratuit et l outil de développement Flex Builder 3, en version commerciale. Julio Carneiro Pascal Information Technology www.4ctv.com Connecter un client Flex à une base 4D est déjà possible depuis un certain temps. Depuis l adoption des Services Web, les applications basées sur Flash ont pu avoir accès aux données servies par 4D, soit par le serveur SOAP intégré, soit par XML via HTTP. En fait, nous aimons à dire que 4D et Flex sont déjà de vieilles connaissances, avec une gamme minimum de solutions d échanges de données. Ce qui est réellement nouveau c est la possibilité pour 4D for Flex d exploiter nativement la base de données SQL intégrée de 4D v11 SQL, fournissant ainsi un connecteur robuste et rapide au couple Flex-4D. Les données sont transférées dans un format binaire très compact qui permet de faire tourner des applications beaucoup plus exigeantes en termes de quantité et de taille de flux, offrant ainsi une nouvelle flèche à votre arc de déploiement. A cause de ses racines Flash, les applications Flex peuvent être exécutées, avec un rendu et un comportement identiques, sur toutes les plates-formes où Flash Player est présent, c est-à-dire la majorité des systèmes, des navigateurs et des appareils mobiles. Grâce à ses capacités graphiques, Flex est généralement utilisé comme frontal de solutions d entreprise 3-tiers. Les données sont servies depuis une base de données en back-end à travers une application tierce telle qu un serveur d applications J2EE. 6 www.4d.fr/flex
4D for Flex bouleverse ce schéma, en vous permettant de construire une application Web/Rich Internet parfaitement fonctionnelle et qui dialogue directement avec le noyau de votre application 4D. À l installation, une librairie de composants 4D est référencée dans l environnement Flex. Un des composants invoque un service SQL qui exécute directement les requêtes SQL au niveau du serveur 4D, et renvoie tout aussi directement les réponses au frontal Flex, en court-circuitant totalement «les intermédiaires». Le résultat SQL est nativement géré par Flex et peut être affiché et exploité par les objets d interface fournis avec la librairie 4D for Flex. De la même façon, tous les éléments d interface par défaut de l environnement Flex sont capables d utiliser les données retournées par 4D. Mieux encore, 4D for Flex permet d exécuter depuis le client Flex la logique d application contenue dans le serveur 4D. Toutes les méthodes marquées «Disponible via SQL» peuvent être insérées dans le code Flex et invoquées au moment de l envoi de la requête SQL. Pour le développeur 4D, la mise en œuvre est extrêmement simple. Il suffit d ouvrir le port réservé aux connexions SQL du côté de 4D Server, et la base de données peut continuer à tourner sans aucune modification de code. Côté sécurité, tous les droits d accès implémentés par l Administrateur sont en vigueur. Malgré sa simplicité, l outil est très puissant. Grâce au standard SQL, toutes les données et éléments de structure peuvent être manipulés depuis la partie Flex grâce à un jeu complet de commandes. Les données peuvent être mises à jour par lots grâce à la fonction Bulk and Modify, ou récupérées et bloquées au sein d une transaction avec la fonction Select for Update. Grâce au moteur SQL de 4D, et à 4D for Flex en tant que connecteur, c est tout le pouvoir du langage SQL qui est disponible au sein de n importe quelle application Flex. De nouvelles opportunités Les applications Flex, malheureusement, ne se développent pas toutes seules. Créer une version Rich Internet de votre application ne nécessitera pas seulement l utilisation de 4D for Flex, mais aussi le SDK Flex Builder et la maîtrise de celui-ci. Heureusement, Flex est une technologie de pointe adoptée par une communauté de développeurs enthousiastes. Non seulement vous pourrez trouver des développeurs prêts à vous aider à réaliser votre interface Riche, mais de plus vos applications 4D pourront représenter une belle opportunité de débouchés pour eux. 4D for Flex réunit deux importants groupes d utilisateurs passionnés qui peuvent tirer parti mutuellement de la somme de leurs talents. Les développeurs Flex trouveront auprès des développeurs 4D une base de données robuste et rapide issue de nombreuses années de développement minutieux ; les développeurs 4D découvriront grâce aux développeurs Flex un nouveau canal créatif et dynamique pour la diffusion de leurs applications à grande échelle. De plus, un frontal développé pour Flex sera immédiatement disponible dans un navigateur mais également comme application autonome grâce au générateur de runtime Adobe Air. Tout ceci est parfaitement fidèle à la philosophie de 4D que vous appréciez de longue date. 4D for Flex vous offre une façon supplémentaire de déployer votre code source unique de multiples manières. Nous sommes ravis d accueillir dans l écosystème 4D les technologies Adobe Flash et Air. www.4d.fr/flex 7
Configuration minimum requise 4D Ajax Framework développement 4D Developer Edition 2004.7 ou 4D Developer Professional v11 SQL 4D Server Developer Edition 2004.7 ou 4D Team Developer Professional v11 SQL Déploiement 4D Server 2004.7 ou v11 SQL 4D Web Server 2004.7 ou v11 SQL NAVIGATEURS Internet Explorer 7 Mozilla Firefox 2 Safari 2 iphone ou ipod Touch (firmware version 1.1) RC Nanterre B 318 918 851 - Imprimé en France - Design graphique : www.cubedesigners.com - Septembre 2008 - BR00460 4D for Flex développement Adobe Flex Builder 3 Déploiement (Côté serveur) 4D Server v11 SQL Déploiement (Côté client) Adobe Flash Player 9 Adobe AIR 4D Ajax for Dreamweaver Adobe Dreamweaver CS3 4D Web 2.0 Pack est disponible sous la forme d une licence définitive, assortie d un programme de suivi logiciel basé sur une souscription annuelle. La licence 4D Web 2.0 Pack est en fait une licence de développement, et autorise un déploiement libre et illimité. En effet, elle exploite les fonctionnalités de serveur Web et SQL déjà présentes sur votre produit de déploiement 4D. Prenez contact avec votre correspondant commercial 4D pour connaître les tarifs complets et pour toute information supplémentaire. Copyright 4D SAS 2008 tous droits réservés. 4D et les logos associés sont des marques enregistrées au nom de 4D SAS. Toutes les autres marques et tous les noms de produits cités sont des marques déposées et/ou enregistrées de leurs propriétaires respectifs. 4D SAS 60 rue d Alsace 92110 Clichy-la-Garenne France Tél : + 33 1 40 87 92 00 Fax : + 33 1 40 87 92 01 www.4d.fr info@4d.fr