DÉVELOPPEZ 10 FOIS PLUS VITE

Transcription

1 DÉVELOPPEZ 10 FOIS PLUS VITE PLATEFORME INTÉGRÉE DE DÉVELOPPEMENT Internet, Intranet, PHP Web 2.0 Web 2.0 UN CODE UNIQUE : Windows,.Net, Java, PHP, J2EE, XML, Internet, Ajax, Pocket PC, SmartPhone, Client riche... Développement en L5G avec débogueur

2 B ienvenue dans le monde de l Internet interactif! Aujourd hui les sites et applications sont reliés aux données de l entreprise et se comportent comme de véritables applications. WEBDEV 11 est le meilleur outil pour créer ces sites. WEBDEV 11 permet à vos équipes de réaliser tous les sites dont vous pouvez rêver, et tous les traitements que vous désirez. Avec WEBDEV 11, vos équipes créent ces sites et ces applications jusqu à 10 fois plus vite. Vos budgets sont respectés. Vos sites seront utilisables sur toutes les machines, avec tous les navigateurs, sous tous les systèmes: Windows, Unix, Linux, MacOS, PDA, téléphone... Comme des dizaines de milliers de développeurs en France, choisissez l outil le plus rapide pour développer et publier vos sites et vos applications Internet et Intranet: WEBDEV. Sommaire 3 Le cycle complet 4 Questions/Réponses 6 Exemples 8 Sites statiques et dynamiques 10 Toutes les bases de données 11 Un code unique 12 Le RAD, le RAD PHP 14 IDE: l environnement intégré WYSIWYG 16 Les 7 onglets 18 Langage naturel, Export XML 19 Template, Clipart Import HTML & WINDEV 21 Front Office, Back Office 22 Des champs adaptés au Web 24 Web 2.0 & Ajax 26 Générateur d états & PDF 25 Générateur de requêtes 28 Modélisation UML et Merise 29 Base de Données SQL Hyper File 30 Le Langage L5G 33 Gestionnaire de Sources 34 Les composants 35.NET & J2EE, Web Services 36 L administration 38 L hébergement 39 Les statistiques 41 Les services PC SOFT 43 Des exemples de sites 2 Développez 10 fois plus vite Des sites toujours à jour, qui partagent en toute sécurité les données de l entreprise

3 AGL WEBDEV 11 : UN ATELIER COMPLET Un atelier de développement complet WEBDEV 11 est un Atelier de Génie Logiciel Internet/Intranet complet en standard, en français, et totalement intégré. p26 p24 Un AGL complet et facile à maîtriser pour gérer le cycle de vie de vos sites et applications. p12 p10 p28 p28 p24 GDS p16 p20 p12 p25 p27 p30 p30 p25 p13 p23 Créez très vite des sites INTERNET, INTRANET et EXTRANET qui gèrent des données p19 p22 grâce à p34 WEBDEV 11 profiler: p30 montée en charge: p37 Linux Windows Administration p36 Statistiques p39 p22 p28 WEBDEV gère le cycle complet de développement VOS AVANTAGES : - la formation est plus rapide - l interface est commune et homogène (en français) - référentiel unique : chaque module «connaît» les informations manipulées par les autres modules - le support technique est efficace et gratuit 5 - vous réduisez les coûts financiers Développez jusqu à 10 fois plus vite avec WEBDEV! 3

4 QUESTIONS/REPONSES Nous répondons ici aux questions que l on nous pose le plus souvent sur WebDev. Vous y retrouverez certainement quelques-unes de vos interrogations. 1 A qui est destiné WEBDEV? 2 Quel type de sites et d applications peut-on créer? 3 Quelle est la formation requise? Faut-il des connaissances particulières sur INTERNET? Comment faire de l AJAX avec WEBDEV? Quel est l avantage principal de WEBDEV par rapport à d autres outils? WEBDEV s appuie sur des technologies standard? Je possède un existant. Pourrais-je le récupérer avec WEBDEV? A toutes les sociétés et tous les développeurs qui désirent réaliser des sites et des applications INTERNET, INTRANET et EXTRANET. Tous les types de sites, mais WEBDEV est spécialisé dans les sites «dynamiques», c est-à-dire qui se comportent comme de véritables applications, et qui gèrent des données. Il suffit d avoir programmé au moins une fois dans sa vie (ou ses études!). Une semaine suffit en général pour s auto-former avec le manuel d auto-formation livré en standard. Pas du tout. Vos équipes de développement produiront des sites fiables et efficaces. Il suffit de cliquer sur le bouton «Ajax» du traitement... Il n y a pas plus simple. Il y en a plusieurs, comme: l intégration totale, la simplicité, la vitesse de développement, 3 à 10 fois plus rapide, ou encore la Base de Données librement diffusable livrée en standard. Oui, comme HTML, XML, Javascript ou PHP. Mais vous n avez pas besoin de connaître ces technologies, WEBDEV génère automatiquement le code nécessaire. Oui. Vous pouvez aspirer des pages HTML existantes. Vous pouvez également mixer des pages WEBDEV avec un site existant, en conservant votre existant On n a pas besoin de connaître Java, HTML PHP ou Javascript pour créer des sites? Et si je veux taper du HTML, ou récupérer un existant Javascript par exemple? J ai lu que WEBDEV est compatible WINDEV; il faut posséder WINDEV? Non, c est inutile. WEBDEV génère automatiquement le code HTML, Javascript et PHP optimisé qui est nécessaire. WEBDEV est ouvert. Il est possible de taper du code HTML, PHP ou Javascript directement dans l éditeur (ou de copier un code Javascript ou HTML existant), voire même un script JSP ou ASP. WEBDEV est une plateforme totalement autonome. Aucun autre outil n est nécessaire pour développer avec WEBDEV. 12 Et si je possède déjà WINDEV? Dans ce cas, d une part, la formation est plus rapide, d autre part vous pourrez automatiquement transformer vos applications WinDev en applications Web L éditeur de «pages» est-il WYSIWYG? Oui, au pixel près! Quelles bases de données peuvent être utilisées avec WEBDEV? Ajax, XML, DHTML, Flash, CSS, W3C sont-ils supportés? WEBDEV permet-il de développer des sites de grande envergure? Toutes les bases peuvent être utilisées: HYPER FILE, MySQL, Oracle, AS/400, SQL Server, DB2, Informix, PostGre, Access,... Oui. Oui, c est même dans ces projets qu il excelle. Vous avez d autres questions? Appelez-nous, nous y répondrons avec plaisir. 17 Quel Support Technique est disponible? 18 Qui utilise WEBDEV? Je peux générer des sites en pur «PHP» avec WEBDEV 11? En France WEBDEV est donc «le» standard pour créer des sites dynamiques? C est très simple: le Support Technique WEBDEV est gratuit (15 requêtes personnalisées gratuites par téléphone ou par ) Tous les types de structures professionnelles: SSII, constructeurs, services informatiques, ingénieurs de laboratoire, ministères, administrations, indépendants... Oui, c est une fonctionnalité standard. Oui, certainement. Hébergement sous Windows ou sous Linux! Consultez le numéro spécial de «01 Informatique» consacré à WEBDEV et WINDEV pour découvrir les témoignages de sociétés prestigieuses. 4 Développez 10 fois plus vite

5 WEBDEV GÈRE TOUTES LES PHASES DE LA CRÉATION D UN SITE Choix de la charte graphique: définition des «templates» Modification possible à tout moment TOUTES LES PHASES DU DÉVELOPPEMENT SONT PRISES EN COMPTE EN STANDARD PAR WEBDEV 11 : Le maquettage La conception Le dossier d analyse et de programmation La liaison avec les sites statiques existants Les Bases de Données La programmation (L5G, Ajax, services WEB.NET & J2EE,...) La reprise de l existant Les états (PDF, codes barres,...) Le paiement sécurisé La création et l utilisation de composants La documentation Les tests en cours de développement La liaison avec le Back Office L hébergement Le travail avec les infographistes L installation chez l hébergeur Les tests de non-régression Les tests de performance La maintenance Les statistiques de fréquentation La gestion des suggestions clients L assistance au développement WEBDEV, c est l assurance d un produit complet et totalement intégré: la formation est plus rapide, le support technique est meilleur (et gratuit). Les sites «dynamiques» sont maintenant la norme de l INTERNET et de l INTRANET. Ces sites sont faciles à développer et à maintenir avec WEBDEV. WEBDEV gère le cycle de vie complet des sites 5

6 DE NOMBREUX SITES EXEMPLES «PRÊTS À L EMPLOI» SONT LIVRÉS Réutilisez les exemples dans vos sites DES SITES RÉUTILISABLES, ET PERSONNALISABLES SONT LIVRÉS WEBDEV est livré avec de nombreux sites «exemples», déjà développés. Le code source est livré: vous pouvez utiliser directement ces sites, les modifier, les personnaliser, les revendre... UN ASPECT DIDACTIQUE Vous pouvez également étudier l analyse et le code de ces sites, dans un but didactique. PARMI LES SITES LIVRÉS... La plupart de ces sites sont testables sur le site Internet de PC SOFT ( Ces sites peuvent être utilisés tels quels ou modifiés. Les sites fournis peuvent être revendus par vos soins. Commerce électronique (fichier de références) Gestion des rayons, du chariot, du paiement. Gestion de parc matériel Répartition et affectation du matériel sur un site. Agence immobilière Recherche d un bien en fonction de nombreux critères. Petites annonces Gestion de plusieurs critères de sélection. Annuaire partagé En Intranet, l annuaire pourra être partagé dans une entreprise. En Internet, l annuaire pourra être partagé entre différentes agences, ou par les membres d une association... 6 Développez 10 fois plus vite Location de DVD Gestion de location de DVD, avec stock réel. En raison des évolutions permanentes, l aspect des sites livrés et présentés peut différer.

7 Gestion d une base documentaire Pour archiver et retrouver des documents en fonction de mots clés que vous décidez. Gestion d agence de voyage internationale Présentation des hôtels, des disponibilités, sélection selon de nombreux critères,... Les nombreux exemples et assistants vous aident Paiement sécurisé (voir détail page 35) Utilisation de «Flash» On voit ici l insertion de bandeau «flash» dans une page WEBDEV (bandeau du haut). News Gestion d informations, en principe via Intranet. Honolulu : portail Intranet Un portail Intranet complet, avec toutes ses applications (messageries, news, recherche documentaire,...), est également livré. Directement utilisable, il peut également être adapté à vos besoins (source livré). Gestion de fichier de taille importante (ici, 1 million d enregistrements) Cet exemple gère un fichier principal de taille importante sous Hyper File, avec des temps de réponse immédiats. Honolulu a déjà été diffusé à plusieurs centaines de milliers d exemplaires ETC... De nombreux autres exemples sont également livrés sous forme de pages, ou sous forme d objets dans le dictionnaire interactif. Une partie du dictionnaire interactif de WEBDEV GAGNEZ DU TEMPS Les sites livrés, que vous pourrez adapter à vos besoins, vous permettront de gagner beaucoup de temps lors de vos développements. Testez ces sites à l adresse rubrique WEBDEV. testez ces sites sur 7

8 UN SITE STATIQUE C EST QUOI? Créez tous les types de sites SITE STATIQUE Un site statique est un site qui présente des pages figées, reliées de manière définie les unes aux autres. Il s agit des sites tels qu ils existaient au début de l Internet. Il s agit en gros d un «ensemble de pages» sur Internet, que l on peut juste consulter. HISTORIQUE Ce type de site existe souvent. Lorsque Internet a pris de l essor, toutes les sociétés ont voulu avoir leur «vitrine» sur Internet. Le moyen le plus simple et le plus rapide a alors été de créer un site statique. En général ce site présente des informations de base sur la société, le groupe ou l association: activité, adresse, quelques produits, quelquefois des tarifs. DES LIMITES VITE ATTEINTES Les limites des sites statiques se sont vite fait sentir: à chaque modification d une donnée, il faut la reporter dans le site, et ré-installer les pages concernées. Pour que les produits présentés restent d actualité, il faut effectuer à chaque fois les modifications sur le site statique. Double travail et risque d oubli expliquent le nombre de sites obsolètes sur Internet! Le site statique d un artiste peintre Chaque page a été créée «à la main» et est figée UN SITE DYNAMIQUE C EST QUOI? Reliez vos sites à vos données Un site dynamique: les pages sont construites dynamiquement sur le serveur, en fonction des actions effectuées par l internaute QU EST CE QU UN SITE DYNAMIQUE? Un site dynamique est un site qui crée les pages vues par les internautes «à la volée», en fonction des interrogations et actions de l internaute et des données présentes dans des bases de données au moment de l interrogation. Prenons l exemple d un catalogue qui contient articles. Un site statique devrait prévoir pages HTML statiques différentes! Un site dynamique ne nécessitera qu une seule page, prévue pour recevoir des données (les références du produit, sa photo,...). Le serveur «assemblera» les éléments nécessaires à la demande, à la volée. TOUJOURS À JOUR Les données toujours à jour, puisque issues des bases de données de l entreprise. Un site dynamique réalisé avec WEBDEV 11 sera toujours à jour. Vous affichez les stocks réels, vous indiquez à l internaute la date réelle d envoi de sa commande, vous gérez des plannings,... DES SITES QUI SONT DE VÉRI- TABLES APPLICATIONS L autre aspect intéressant des sites dynamiques réalisés avec WEBDEV est qu ils se comportent comme des applications «classiques». Toute la puissance de l informatique est à votre disposition. FACILITÉ DE RÉALISATION Grâce à la puissance de son environnement complet et de son célèbre langage L5G, il est extrêmement facile à tout développeur, sans compétence particulière d Internet, de réaliser des sites Internet de haute fiabilité, rapides et évolutifs. RELIER STATIQUE ET DYNAMIQUE Avec WEBDEV, il est facile de relier un site statique existant à des pages dynamiques. Vous faites évoluer ainsi en douceur un existant. 8 Développez 10 fois plus vite

9 AJOUTER UNE PARTIE DYNAMIQUE À UN SITE STATIQUE EXISTANT Aujourd hui, la plupart des sociétés possèdent un site statique, mais désirent profiter de fonctionnalités dynamiques. AVEC WEBDEV 11, TOUT EST POSSIBLE POUR RÉUTILISER L EXISTANT Selon vos contraintes, la taille et la présentation du site à faire évoluer, vous pourrez, à votre choix: brancher des pages dynamiques sur le site statique brancher des pages statiques dans le site dynamique mixer statique et dynamique importer des pages statiques dans le site dynamique... MIXER STATIQUE ET DYNAMIQUE Il s agit de la solution la plus rapide. Le site statique est conservé, et les pages dynamiques souhaitées sont rajoutées ou remplacées. Il est également facile de relier de manière transparente 2 sites, un statique et l autre dynamique. IMPORTER LES PAGES STATIQUES WEBDEV 11 propose une fonctionnalité d import de page statique. Les pages existantes sont ainsi importées dans l environnement, et peuvent être ensuite facilement modifiées et maintenues directement depuis WEBDEV 11. LE BESOIN DE «TEMPS RÉEL» Un tarif change dans le système de gestion de l entreprise? Immédiatement, le site est à jour. Une nouvelle référence de produit est créée? Automatiquement et immédiatement ce produit est présent sur le site. Le stock évolue? Automatiquement, le client qui passe commande est informé. Sans avoir à installer en permanence à modifier et mettre à jour les pages, un site dynamique affiche des données à jour. LE «DYNAMIQUE» EST INDISPENSABLE Aujourd hui, vos sites doivent se comporter comme des applications! Vous pouvez également créer des sites PHP UNE MÉTHODE DE CRÉATION RÉVOLUTIONNAIRE CLIQUEZ AU LIEU DE CODER WEBDEV est un environnement complet, intégré. L ensemble du développement s effectue avec un seul environnement et un seul et unique langage (le WLangage, L5G d une grande puissance, et facile à apprendre). WEBDEV 11 permet ainsi de s affranchir des connaissances inutilement complexes de l Internet. WEBDEV génère automatiquement le code HTML, Javascript et Serveur nécessaires au site. Par ailleurs, les traitements sont totalement séparés des aspects «IHM» (la présentation des pages), il n y a pas de mélange comme avec des langages traditionnels. Mais WEBDEV est ouvert, il est toujours possible de taper directement du code de bas niveau: HTML, Javascript, scripts ASP, JSP, Applets Java, PHP... Avec WEBDEV, vos équipes développent jusqu à 10 fois plus vite tous les types de sites et d applications, Internet et Intranet. Comme WEBDEV est facile à maîtriser, totalement intégré et doté d un L5G, il permet aux développeurs de se concentrer sur la logique «métier» de l entreprise, et ainsi d être plus efficaces. HTML à taper soi-même L éditeur de WEBDEV Javascript à taper soi-même Le WLangage de WEBDEV 9

10 TOUTES LES BASES DE DONNÉES: MYSQL, ORACLE, AS/400, SQL SERVER, INFORMIX... Accédez à toutes les données Un site dynamique utilise des données. WEBDEV 11 accède à toutes les bases de données du marché. WEBDEV est ouvert, il permet de ré-utiliser et de cohabiter avec un existant. TOUTES LES BASES DE DONNÉES SONT SUPPORTÉES (LISTE NON EXHAUSTIVE) WEBDEV peut lire et écrire dans toutes les bases de données. Parmi ces bases, on trouve les suivantes: - Hyper File * - MySQL * - Oracle ** - Informix ** - SQLServer ** - IBM DB2 ** - IBM AS/400 ** - Sybase ** - Netware SQL - Ingres - Progress ** - XML * - Bull DPS - FoxPro - Paradox - Access - xbase * - ASCII * - BTrieve - Excel * - Etc... *: accès natif standard **: accès natif en option HYPER FILE, UNE PUISSANTE BASE DE DONNÉES SQL EN STANDARD WEBDEV est livré avec HYPER FILE, une puissante base de données SQL Client/Serveur, déjà utilisée sur des millions de sites. Hyper File est décrit en détail page 29 et suivantes. MYSQL, ORACLE, SQL SERVER, DB2, INFORMIX, SYBASE, AS/400 EN MODE NATIF WEBDEV peut accéder en mode natif à MySQL, Oracle, SQL Server, AS/400, DB2, Informix, Sybase directement (modules disponibles séparément). L installation de ces accès natifs est extrêmement simple (un fichier de taille réduite). Les champs de type BLOB ou Long Raw sont supportés. Les performances d accès sont remarquables. SUPPORT NATIF DES BASES «AS/400» ET «ISERIES» WebDev accède à l AS/400 directement (module disponible séparément), sans driver ODBC, OLE DB et sans ActiveX. WebDev sait récupérer et exporter des DDS, lancer des commandes CL, gérer une Dataqueue,... L intégration à l environnement est totale, et la vitesse est époustouflante. Demandez la brochure spécifique! TOUTES LES BASES DE DONNÉES VIA ODBC OU OLE DB WEBDEV 11 accède à toute base de données possédant un driver ODBC ou OLE DB. SCRIPT SQL = ANALYSE WEBDEV Une analyse définie sous WEBDEV peut être convertie en script SQL pour créer de nouvelles bases SQL, et tout script SQL peut être converti automatiquement en analyse WEBDEV pour exploiter un existant. Cela offre une ouverture totale. La récupération des structures existantes s effectue le plus souvent par un simple «drag&drop» vers l éditeur d analyses. LES PROCÉDURES STOCKÉES Si la Base de Données tierce supporte les procédures stockées, celles-ci sont accessibles par des applications écrites avec WEBDEV. LA PROGRAMMATION EST IDENTIQUE QUELLE QUE SOIT LA BASE DE DONNÉES Quelle que soit la base de données, vous pourrez utiliser indifféremment la programmation par SQL ou par les ordres du L5G de WEBDEV, le WLangage (hlitsuivant,...). Cela offre encore fois une grande ouverture, et la possibilité de changer de base de données très facilement. VOUS UTILISEZ WINDEV... Si vous utilisez WINDEV, notez que vous pouvez le projet et ses élements entre les 2 environnements, et exporter vos applications vers WEBDEV. WEBDEV 11 permet de créer un nouveau site et ses données, ou de créer des sites reliés à des données existantes, quelle que soit la Base de Données. Une description de structure de données sous WEBDEV 10 Développez 10 fois plus vite

11 RÉUTILISEZ VOS DÉVELOPPEMENTS Le développement multi-cible (Windows,.Net, Internet, Intranet, Pocket PC, Smartphone, terminal, sur serveur Windows ou Linux...) est automatisé par la compatibilité entre les versions 11 de WINDEV, WINDEV Mobile et WEBDEV. Application sous WINDOWS avec WINDEV Depuis le même code, créez un site Internet et une application Windows par exemple! Application en JAVA avec WINDEV Ici sous Linux UNE MÊME Site en LINUX avec WEBDEV Site en PHP avec WEBDEV APPLICATION SOURCE, EXÉCUTÉE SOUS DIFFÉRENTES PLATE-FORMES Capitalisez votre existant Application en.net avec WINDEV Application sur Pocket PC avec WINDEV Mobile Songez que vos sites et vos applications fonctionnent même sur un téléphone portable! 11

12 LE RAD : DÉVELOPPER UN SITE INTERAC- TIF EN QUELQUES CLICS (PHP & WEBDEV) RAD PHP. Créez un site PHP sans connaître PHP. Plus de 400 fonctions WEBDEV sont disponibles en PHP La méthode RAD (facultative) de construction automatique de sites de WEBDEV (RAD: «Rapid Application Development») permet de générer automatiquement des sites INTERNET et INTRANET directement utilisables. Tout est personnalisable et modifiable. Un site dynamique complet est réalisable en quelques dizaines de minutes! Après avoir spécifié la description des fichiers de données (analyse), créer un site complet avec WEBDEV est automatique: menu, pages, code... Si la description des données qui sert au développement est déjà décrite (base de données existante,...), il suffit de récupérer cette description. Le site généré est totalement modifiable bien sûr. Voici sur un exemple le processus de création d un site avec le RAD. 1. Indiquez l analyse (description des fichiers de données et liaisons entre fichiers) à utiliser. La puissance de WEBDEV en un clic Générez! Le site dynamique est créé! Il est opérationnel, avec les pages de saisie de données, les liaisons entre pages,..., mais vous pouvez bien sûr le personnaliser, le modifier, ajouter des pages statiques, des illustrations, modifier le code des traitements, ajouter de nouveaux traitements, etc... Il n y a aucune limite: vous êtes le maître de vos développements. Visualisation des liens entre fichiers 2. Cliquez sur l'icone «RAD: construction automatique» de la barre d'icones. WEBDEV vous demande le type de code désiré: soit un site PHP, soit un site utilisant le serveur d application WebDev. 3. Différentes présentations possibles (les templates, ou «modèles de pages») sont proposées. 4. Sélectionnez les fichiers à utiliser. Les relations entre les fichiers seront automatiquement gérées. Vous choisissez le look des pages générées 6. Lorsque vous désirez installer le site, lancez la création automatique de «procédure d'installation» et WEBDEV crée pour vous la procédure d'installation. Si vous avez utilisé la Base de Données Hyper File (librement diffusable), la procédure inclura même le moteur de la Base de Données. La présence de WEBDEV n'est bien sûr pas nécessaire chez l hébergeur, il suffit d un serveur d application WEBDEV ou d un moteur PHP selon le type de site que vous avez généré. Voila, le site est créé, en quelques minutes! GÉNÉREZ VOTRE PROPRE CODE Grâce à la fonctionnalité de «pattern», WEBDEV vous permet de définir le code qui sera généré! Le RAD utilisera votre code, vos classes, vos procédures! Une voie royale vers l industrialisation du code. RAD PHP: UNE OPTION GRATUITE WEBDEV permet de générer des sites dynamiques en PHP. Inutile de connaître PHP, WEBDEV génère le code nécessaire. Plus de 400 fonctions du L5G sont déjà supportées. MySQL est géré en natif depuis PHP. 12 Développez 10 fois plus vite

13 RÉPONDEZ PLUS VITE À UN CAHIER DES CHARGES Répondre à un cahier des charges pour remporter un contrat est un investissement important... lorsque l on ne possède pas WEBDEV! Vous aurez plus de chances de gagner la confrontation en présentant (chez le futur client) un site réel généré rapidement avec le RAD. Vous personnaliserez ensuite le site aux goûts et besoins du client. Un site réel est plus spectaculaire qu un simple dossier remis au prospect! Dossier qui est automatique édité par WEBDEV, par ailleurs (voir page 28) Les sites créés avec WEBDEV sont compatibles «tous Navigateurs» Les navigateurs proposent tous leurs particularités, qui diffèrent même selon les versions. WEBDEV génère un code générique, qui est reconnu par tous les navigateurs standard du marché. Voici la consultation du même site sous différents Navigateurs et Systèmes : WEBDEV génère à la demande des sites compatibles avec la norme W3C transitional VOICI UN EXEMPLE DE PAGES GÉNÉRÉES AUTOMATIQUEMENT PAR LE RAD Les boutons de choix sont générés automatiquement, et modifiables Internet Explorer sous Windows Le choix «Produit» ouvre la page suivante, générée automatiquement, et modifiable Le bouton «Modifier» ouvre la page suivante, générée automatiquement, et modifiable Le bouton «Promotion» ouvre la page suivante. Firefox sous Windows Un clic sur une ligne ouvre la page suivante, générée automatiquement et bien sûr modifiable Safari sur Mac OS Et ainsi de suite pour chaque choix. Chaque page générée est totalement modifiable. Sur Téléphone Sur Pocket & Palm WEBDEV 11, c est aussi facile que cela

14 IDE: UN ENVIRONNEMENT DE TRAVAIL INTÉGRÉ WYSIWYG La méthode la plus intuitive WEBDEV 11 propose certainement l environnement de travail le plus puissant, le plus facile et le plus intégré du marché! Vos équipes créeront facilement de superbes sites. Aucune connaissance préalable d Internet n est nécessaire. GCV Le générateur de pages de WEBDEV permet de réaliser facilement de superbes pages. PC SOFT bénéficie d'une expérience de plus de 20 ans dans la conception d'outils de création d'ihm. Cette expérience a été mise à profit pour WEBDEV. Notez que les pages suivantes détaillent de nombreuses fonctionnalités présentées dans ce chapitre. TOUS LES OBJETS D INTERNET L'éditeur de WEBDEV permet de créer et manipuler tous les objets dont vous aurez besoin pour réaliser rapidement de superbes interfaces. Les principaux objets gérés par l'éditeur d'ihm sont: Texte, libellé HTML Champ de saisie Champ d affichage formaté Sélecteur, interrupteur Liste, combo, treeview Bouton texte, bouton graphique Web Caméra Image statique, dynamique et générée Zone de clicage, Map Area Table, Champ zone répétée Champ HTML, DHTML Champ Applet Java, Objet Flash Champ «réglette» de parcours Superchamp, IFrame, Page interne SiteMapPath Graphe, etc... Gestion du cycle de vie complet de l application, y compris la maintenance et les évolutions LES TECHNOLO- GIES INTÉGRÉES Sous l environnement intégré LES OBJETS DANS LES PAGES Les différents objets sont créés visuellement, en interactif sous l'éditeur, avec leur description. Cette technique gère les pages comme des objets évolués contenant la description de leurs champs. L éditeur de pages permet de créer et de modifier les objets, indépendamment du code source. Il est possible de s abonner aux éventuelles modifications d un objet partagé entre plusieurs développeurs (héritage). Avec WEBDEV, il est bien sûr possible d'intervenir par programme pour modifier les propriétés d'un champ: cible, couleur, visibilité,... Par exemple, selon le profil de l internaute, il est possible de rendre des champs visibles ou invisibles,... C est du dynamique! Cette technique de manipulation des champs fait gagner un temps considérable lors de la maintenance des sites, et apporte un gain de fiabilité. UN POSITIONNEMENT PRÉCIS AVEC OU SANS CSS WEBDEV inclut de manière transparente des algorithmes de positionnement très puissants, et permet un positionnement au pixel près. AAD Aide au développement, des actions automatiques pour améliorer vos applications De très intéressantes technologies sont présentes dans les environnements. Chacune d elles apporte ce que vous recherchez, à savoir normalisation, facilité de développement, partage de l existant, fiabilité accrue et meilleure qualité des applications produites. AAP FAA GDS Aide à l amélioration des performances Fonctionnalité automatique de l Application (site) développée Gestionnaire de Souces collaboratif MABD rrad AAA Maintenance Automatique des Bases de Données Hyper File «real RAD», qui permet de générer des applications Internet complètes Architecture Automatique d Application permet la création de modèles de génération de code et de pages Les tables de postionnement permettent d optimiser le poids des pages WEBDEV peut faire appel, si vous le désirez, aux feuilles de style à la norme CSS. Les feuilles de style se créent facilement depuis l environnement. SAC AIBD Support Automatique de la Charte graphique Accès Intégré aux Bases de Données POSITIONNEMENT PAR ANCRAGE (POUR- CENTAGE) La position des champs peut être définie en pourcentage de la taille disponible dans le navigateur. 14 Développez 10 fois plus vite

15 LES TEMPLATES Les templates, ou modèles de page, permettent de gérer la charte graphique (voir page 19). LES FRAMES ET LES IFRAMES WEBDEV permet la création de frame et d iframe de manière intuitive, directement sous l éditeur. Les «pages internes» sont également disponibles. LE CHAMP «ZONE RÉPÉTÉE» WEBDEV permet la création de zones répétées multicolonnes, remplies automatiquement par liaison fichier, ou par programmation personnalisée. Voir page 23. DÉFINIR UN LIEN Pour définir un lien depuis un bouton graphique ou un champ lien, il suffit de pointer la page à afficher à l aide du mini-modifieur. LAISSEZ LIBRE COURS À VOTRE IMAGI- NATION Grâce aux fonctionnalités de l éditeur d IHM, vous réaliserez facilement de superbes interfaces, sans vous soucier des contraintes du langage HTML... Créez des pages sans coder! Ce lien peut être redéfini par programmation si nécessaire. LES ONGLETS Les onglets peuvent facilement être implémentés. Exemples d onglets dans une page. LES ZONES DE CLICAGE L'hypertexte consiste à permettre de cliquer sur des parties d'image et de déclencher un traitement approprié; par exemple: afficher une carte de France et cliquer sur une région qui sera agrandie. Il s agit d un mode de fonctionnement habituel sous Internet. WEBDEV permet de mettre en place un hypertexte au pixel près. (voir page 22) Des champs utiles en Web, prédéfinis DES BOUTONS INTELLIGENTS Le «multi-clic» sur les boutons de validation est neutralisé par défaut. Un internaute qui clique 3 fois sur le bouton «valider» ne recevra pas 3 fois sa commande... PLAN DU SITE Le plan du site est calculé par rétro-analyse de l existant, en fonction des liens fixes et programmés. Le plan du site Il est possible de définir des zones de clicage de forme quelconque. LES GRAPHIQUES DE GESTION Un grapheur est livré avec WEBDEV; il permet de réaliser facilement des histogrammes, des courbes, des camemberts, boursiers... en 2D ou en relief. On retrouve encore ici la simplicité phénoménale de WEBDEV! DES GABARITS DE PAGE POUR TOUS LES USAGES WEBDEV 11 est livré avec de nombreux gabarits de page, permettant ainsi de réaliser facilement des sites pour toutes les cibles (comme par exemple cicontre, sur un Pocket). Découvrez dans les pages suivantes les principales possibilités offertes par l éditeur intégré de WEBDEV. 15

16 LES «7 ONGLETS» : DÉFINISSEZ VOS CHAMPS EN QUELQUES CLICS Les 7 onglets facilitent les créations de page: il suffit de cliquer La méthodologie proposée par les «7 onglets» est très intuitive: aucune connaissance préalable d Internet n est nécessaire, tout est décrit en français limpide. WEBDEV se maîtrise rapidement grâce à cette technologie exclusive. Les caractéristiques de chaque objet se définissent par l intermédiaire d un mode de dialogue exclusif, très facile et très puissant: les «7 onglets». Chacun des onglets permet de définir les différentes caractéristiques d un objet. Il sera ensuite possible de modifier ces caractéristiques par programme, si nécessaire. Le contenu des onglets diffère selon le type d objet; voici le détail des 7 onglets pour un champ de type «Saisie» Onglet «Avancé»: pour saisir ou copier/coller du code HTML 2 Onglet «Général»: nom, libellé, type du champ, masque,... 6 Onglet «Bord & Fond»: créez facilement des cadres et des bordures Onglet «Liaison»: pour lier les données aux pages,... 3 Onglet «Style»: définissez les caractéristiques du champ: taille de police, caractères forcés en majuscules... 7 Onglet «Code»: saisissez directement dans l événement du champ le code WLangage, Javascript et ou PHP Onglet «Aide»: bulle d aide, message d aide Développez 10 fois plus vite Cette présentation par onglets permet une maîtrise immédiate de WebDev.

17 UN ENVIRONNEMENT DE CRÉATION WEB INTÉGRÉ ET INTUITIF L environnement de travail WYSIWYG de WEBDEV apporte un confort propice à la productivité. Vos équipes réaliseront facilement les sites que vous devez développer, et que vos clients et utilisateurs attendent. WEBDEV 11 est facile à prendre en main: une semaine suffit en général à un développeur. Tout est en français: c est plus clair (version anglaise également disponible). Tout est intégré avec le même mode opératoire, tout est inclus: vos équipes développent plus vite! Le Support technique 5 est également inclus, ce qui représente encore un confort et des économies non négligeables, ainsi qu un gain de temps de développement supplémentaire. WEBDEV 11 est compatible WINDEV 11. Facile, puissant, en français... L environnement intégré est très intuitif. Un petit carré jaune indique que le champ fait partie du modèle (template) Un menu contextuel (clic droit) est disponible pour le paramétrage des barres d icones. Barres d icones & boîtes à outils déplaçables, visibles ou pas, et paramétrables Un menu contextuel (clic droit) est disponible pour un accès rapide aux différentes fonctionnalités Volet: il donne une vision globale du projet; un double-clic (ou un drag & drop) sur un élément l ouvre immédiatement Affichage optionnel Note: la combinaison de touches Ctrl W permet de dégager momentanément l espace de travail en masquant le kouglof et les volets. Le «kouglof» propose des composants, des champs, du code,... pour vous faire gagner du temps Le «poids» de chaque page et image est affiché, ainsi que le temps de chargement prévisible Barre d information indiquant le nom de la page en cours, taille,... Le mini-modifieur, très pratique à l usage. Il permet la modification directe des propriétés des champs. 17

18 DES CLICS & UN LANGAGE NATUREL AU LIEU DE PROGRAMMER La méthode la plus simple et la plus intuitive POURQUOI CODER QUAND ON PEUT SIM- PLEMENT CLIQUER? Pour programmer les actions à réaliser, il est la plupart du temps inutile de taper du code: il suffit de cliquer dans les cases correspondantes des «7 onglets», et WEBDEV fait tout! Extrait de la définition des actions d un bouton L action demandée est affichée en langage naturel! Le résultat de vos choix sera traduit en langage naturel: jamais la programmation n a été aussi facile. La méthode de développement de WEBDEV 11 allie puissante et intuitivité. Vous pouvez ainsi consacrer votre énergie à la résolution des besoins des clients et des utilisateurs. MENU AUTOMATIQUE D EXPORT VERS XML, WORD, EXCEL ET OPEN OFFICE EXPORT AUTOMATIQUE VERS XML, WORD, EXCEL ET OPEN OFFICE Pour les tables et les zones répétées, un menu d export automatique vers XML, Word, Excel et Open Office est proposé à l internaute. RIEN À PROGRAMMER Il n y a rien à programmer pour bénéficier de cette fonctionnalité. Vous pouvez bien sûr désactiver cette fonctionnalité. UNE OUVERTURE TOTALE Si vous désirez programmer des exports automatiques dans vos sites, des ordres programmation du L5G de WEBDEV sont à votre disposition. Les ordres hexportexml,tableversxml,xmlpremier, vous permettent de personnaliser tous les traitements. Les données contenues dans la table ou la zone répétée seront automatiquement exportées vers le format et l outil choisi. Pour un export vers XML, la feuille de style XSL permettant une édition immédiate sur Navigateur est même générée. Notez que l icone d appel de ce menu, automatiquement généré dans la zone, est paramétrable. Ici une page XML avec feuille de style, et son équivalent «brut», avec les balises 18 Développez 10 fois plus vite

19 TEMPLATE (MODÈLE DE PAGE) : LA CHARTE GRAPHIQUE FACILE! Modèle de page, héritage et surcharge permettent une gestion facile des évolutions Le modèle de page et une page en création: le modèle est déjà présent! TEMPLATE, POUR DÉFINIR UNE CHARTE GRAPHIQUE Un «template» (ou «modèle de page») est une page de référence, qui sera utilisée par toute nouvelle page créée. En général un template contient la présentation «par défaut» de la page, et permet d assurer que chaque page créée respectera la «charte graphique». Un template peut contenir des images, des champs, du code, des procédures,... HÉRITAGE ET SURCHARGE Si le template est modifié, toutes les pages qui y font référence seront modifiées. La surcharge est également gérée. Cette notion vient enrichir les notions de gabarits, styles et CSS déjà présentes. Un projet peut faire appel à plusieurs templates différents. CLIPART IMAGES ET BOUTONS WEBDEV 11 EST LIVRÉ AVEC UN CATALOGUE D IMAGES ET DE BOUTONS PRÊTS À L EMPLOI Inutile d avoir des «dons» graphiques avec WEBDEV pour réaliser de superbes pages! Indépendamment des «templates» prêts à l emploi, des milliers d objets graphiques vous sont proposés. Vous pourrez les inclure directement dans les pages que vous créez. UNE RECHERCHE FACILITÉE La recherche d une image s effectue soit à l aide du treeview qui trie les cliparts selon des thèmes, soit en tapant un mot clé dans la zone de recherche! Le nombre et la diversité des éléments graphiques fournis vous assurent de trouver l élément recherché. Cette bibliothèque est fournie en standard. Catalogue d images et d icones 19

20 IMPORT D EXISTANT HTML Import de page HTML. Les pages statiques existantes peuvent être récupérées dans WEBDEV 11. Les champs correspondant sont créés. La page statique initiale... «ASPIRER» UN EXISTANT HTML WEBDEV propose une fonctionnalité intéressante: l aspiration de page HTML existante. La page est importée dans WEBDEV, et chaque libellé, image, lien... est transformé automatiquement en objet WEBDEV. La même page importée dans l éditeur de WEBDEV La présentation générale de la page est également conservée. Vous pourrez ainsi récupérer facilement un existant. Cela permet également de créer facilement une «charte graphique» compatible avec un site statique existant, pour conserver l harmonie du site. IMPORT/EXPORT D APPLICATON WINDEV Import, export et partage WINDEV. L import, l export et le partage d applications et de fenêtres WINDEV permet de gagner énormément de temps lors du passage d une application Windows à une application Internet et vice-versa. Ici : une fenêtre sous WINDEV et le résultat de son import dans WEBDEV 11. Le code source est également importé! RÉCUPÉRER ET PARTAGER UN EXISTANT WINDEV Les fenêtres réalisées avec WINDEV sont directement transformées en pages. Les projets sont communs. Les champs, 20 Développez 10 fois plus vite le code, les états sont récupérés. Le passage de Windows vers Internet (et Internet vers Windows) n a jamais été aussi facile! Vous pouvez partager les classes, les procédures, les états, les requêtes entre des projets WINDEV, WEBDEV et WINDEV Mobile.