Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

WebDev - Concepts Version 18 - (1) 10-2012 Visitez régulièrement le site www.pc

WebDev - Concepts Version 18 - (1) 10-2012 Visitez régulièrement le site www.pcsoft.fr, espace téléchargement, pour vériﬁ er si des mises à jour sont proposées. Adresse e-mail du Support Technique Gratuit : supportgratuit@pcsoft.fr. Conseil : Pour recevoir directement des mises à jour intermédiaires et des conseils d’utilisation, abonnez-vous à la LST (revue trimestrielle + DVD), en français. Cette documentation n’est pas contractuelle. Des modiﬁ cations ont pu intervenir dans le logiciel depuis la parution de ce manuel. Veuillez consulter l’aide en ligne. Tous les noms de produits ou autres marques cités dans cet ouvrage sont des marques déposées par leurs propriétaires respectifs. © PC SOFT 2012 : Aucune reproduction intégrale ou partielle du présent ouvrage sur quelque support que ce soit ne peut être effectuée sans l’autorisation expresse de PC SOFT. Dans quel ordre lire les manuels ? WebDev est un puissant outil de développement de sites web, qui fournit en standard tous les outils nécessaires à la conception et à la réalisation de sites. Pour une formation rapide et efﬁ cace à WebDev, nous vous conseillons l’ordre d’ap- prentissage suivant : 1 Lecture des "Concepts". Ce manuel présente les principaux concepts nécessaires à la création d’un site WebDev performant. Certains concepts sont suivis d’une partie "Pratique" détail- lant certaines fonctionnalités de l’éditeur. 2 "Auto-formation" (livre + exercices) Le guide d’auto-formation permet une première approche "pratique" de WebDev. Vous pouvez ainsi vous familiariser avec les principaux éditeurs de WebDev. 3 Test des exemples Testez les différents exemples livrés avec WebDev dans les domaines qui vous intéressent (e-commerce, annuaire, planning, ...) Le livre "WLangage" présente la programmation en WLangage. Pour chaque thème de programmation, vous trouverez une description de la fonctionnalité associée et la liste des fonctions du WLangage correspondantes. L’aide en ligne, accessible par Internet à l’adresse http://doc.pcsoft.fr ou installée avec WebDev permet de trouver rapidement la syntaxe d’une fonction du WLangage, d’obtenir une aide sur l’interface, ... Remarque : En cas de divergence entre le manuel et l’aide en ligne, suivez les instruc- tions de l’aide en ligne. Nous vous souhaitons une agréable prise en main de WEBDEV. Introduction 3 Organisation du manuel Ce manuel présente les principaux concepts nécessaires à la création d’un site WebDev performant. Certains concepts sont suivis d’une partie "Pratique" détaillant certaines fonctionnalités de l’éditeur. Deux types de pages sont donc présents dans ce manuel : Page concept Page de mise en pratique 4 Introduction Sommaire PARTIE 1 : INTERNET :CONCEPTS DE BASE Qu’est-ce qu’un site web ? ..................................................................................................11 Site statique, semi-dynamique ou dynamique ? ...............................................................12 Les différents types de sites dynamiques .........................................................................13 Machines et logiciels nécessaires .....................................................................................14 Les différents types de pages ............................................................................................15 Pages dynamiques et pages AWP ......................................................................................19 Technologie AJAX .................................................................................................................21 Si vous connaissez déjà WinDev........................................................................................24 PARTIE 2 : DÉVELOPPEMENT D’UN SITE Projet et Analyse .................................................................................................................27 Cycle de développement d’un site .....................................................................................32 Je crée une page sous l’éditeur ... .....................................................................................34 Les ﬁ chiers suivants sont automatiquement créés : ......................................................35 Edition d’une page : mode zoning .....................................................................................36 Page interne ........................................................................................................................37 Modèles de pages ...............................................................................................................38 Les différents types de champs standard .........................................................................45 Répéter un groupe de champs : les zones répétées ........................................................55 Les deux types de code ......................................................................................................56 Le WLangage : un langage simple et très puissant ..........................................................59 Ordre d’exécution des codes des boutons / liens ............................................................60 Upload : Envoi de ﬁ chiers vers le serveur .........................................................................62 Modèles de champs ...........................................................................................................63 Les états ..............................................................................................................................64 Modèles d’états ..................................................................................................................65 Différents modes d’impression ..........................................................................................66 Afﬁ cher et enchaîner les pages .........................................................................................67 Réaliser un traitement sur plusieurs pages successives .................................................73 Feuilles de styles : pour simpliﬁ er la mise en page .......................................................... 74 Site centré ou adapté ? .......................................................................................................75 Référencement d’un site ....................................................................................................76 PARTIE 3 : ENVIRONNEMENT DE DÉVELOPPEMENT Les éditeurs de WebDev .....................................................................................................83 Tableau de bord du projet ..................................................................................................87 WebDev, WinDev, WinDev Mobile : 100% compatibles ....................................................88 Conﬁ guration de projet .......................................................................................................89 Génération multiple ............................................................................................................90 Gestionnaire de sources (GDS) ..........................................................................................91 Composant interne .............................................................................................................98 Sommaire 5 Composant externe ...........................................................................................................101 Modes de génération ........................................................................................................109 Les Centres de Contrôle ...................................................................................................113 Gestion des exigences ......................................................................................................114 Centre de Suivi de Projets ................................................................................................115 Gestion des règles métier ................................................................................................116 PARTIE 4 - CONCEPTS AVANCÉS RAD RID .............................................................................................................................119 Le modèle UML ................................................................................................................ 120 Groupware utilisateur .......................................................................................................127 Sites multilingues ..............................................................................................................136 10 conseils d’ergonomie ... ..............................................................................................140 Superposer les champs ....................................................................................................144 Type d’image : dynamique, statique, générée, ... ? .......................................................145 Personnaliser l’aspect d’un site : éléments d’ambiance ...............................................147 Choisir un type de bouton/lien ........................................................................................149 Empêcher le retour sur une page ....................................................................................150 Avantage sécuritaire : la gestion du "Back" ....................................................................151 Cookies : des informations conservées chez l’internaute .............................................157 Protéger l’accès au site : mots de passe.........................................................................158 TLS/SSL : Crypter les informations sur le Web ...............................................................159 Paiement sécurisé avec prestataire ................................................................................160 Envoyer des emails ...........................................................................................................161 PARTIE 5 : BASES DE DONNÉES Analyse : Structure de la base de données ....................................................................165 Les différents types de ﬁ chiers accessibles ................................................................... 174 HyperFileSQL Classic ........................................................................................................176 HyperFileSQL Client/Serveur ...........................................................................................177 Clusters HyperFileSQL Client/Serveur .............................................................................178 HyperFileSQL : les ﬁ chiers créés physiquement .............................................................179 Associer les champs et les données ...............................................................................180 Les requêtes ......................................................................................................................182 Les requêtes intégrées .....................................................................................................183 Le champ Table/Zone Répétée ....................................................................................... 184 Récupérer des données sur un site .................................................................................186 Réplication universelle .....................................................................................................191 Architecture 3-tiers ...........................................................................................................192 PARTIE 6 : TESTER UN SITE WEB Tester un site : Les éléments à tester .............................................................................195 Comment tester un site ? ................................................................................................196 Le débogueur ....................................................................................................................198 Quand peut-on utiliser le débogueur ? ...........................................................................199 6 Sommaire PARTIE 7 : DÉPLOYER UN SITE WEB Déploiement d’un site statique ...................................................................................... 209 Déploiement d’un site dynamique WebDev ....................................................................211 Mise en service d’un site dynamique WebDev ...............................................................215 PARTIE 8 : HÉBERGEMENT DE SITES WEBDEV A quoi sert l’administrateur WebDev ? .......................................................................... 225 Conﬁ guration du serveur ..................................................................................................231 Serveur dédié ou mutualisé ? ........................................................................................ 232 Quel type de serveur choisir ? ........................................................................................ 234 Centre de Contrôle d’hébergement ................................................................................ 235 Site dynamique sur des conﬁ gurations spéciﬁ ques ...................................................... 236 Statistiques de fréquentation des sites dynamiques .................................................... 239 Surveillez vos sites, serveurs, ... ......................................................................................240 PARTIE 9 : ANNEXES Fonctions du WLangage spéciﬁ ques à WebDev 18 .......................................................243 Composants livrés avec WebDev .....................................................................................248 Exemples livrés avec WebDev ......................................................................................... 250 Sommaire 7 8 Sommaire PARTIE 1 Internet : Concepts de base 10 Partie 1 : Internet : Concepts de base Qu’est-ce qu’un site web ? Un site web est un ensemble de pages HTML (HyperText Markup Language) stockées sur un serveur web. Ces pages HTML sont organisées dans un but précis (par exemple, présenter une entreprise, vendre des produits, ...). Un site est destiné à être utilisé par des internautes. Les internautes utilisent un simple navigateur pour accéder au site. WebDev permet de créer facilement des sites web qui gèrent ou non des données. Partie 1 : Internet : Concepts de base 11 Site statique, semi-dyna- mique ou dynamique ? Plusieurs types de sites peuvent être réalisés : • des sites statiques, • des sites semi-dynamiques, • des sites dynamiques. Le tableau ci-dessous présente les principales différences entre ces types de sites : Site statique Site semi-dynamique Site dynamique Le contenu des pages du site est ﬁ xe, déterminé une fois pour toutes. Un site statique ne peut pas interagir avec des données. Site statique WebDev : le Serveur d’Application WebDev n’est pas néces- saire. Le contenu des pages du site est construit à partir de données pré- sentes dans des ﬁ chiers de données. Cependant, le contenu des pages est ﬁ xe. Site semi-dynamique WebDev : le Serveur d’ap- plication WebDev n’est pas nécessaire. Les données afﬁ chées dans les pages varient. En général, les pages per- mettent de : - réaliser des traitements et/ou des calculs par programmation. - afﬁ cher des données stockées dans une base de données. - afﬁ cher des images et du texte interactif. Site dynamique WebDev : le Serveur d’Application WebDev ou le langage PHP est nécessaire. Remarque : Un site dynamique peut contenir une partie statique (présentation de l’en- treprise, ...). WebDev permet de créer : • des pages statiques, • des pages semi-dynamiques, • des pages dynamiques. 12 Partie 1 : Internet : Concepts de base Les différents types de sites dynamiques Un site dynamique permet d’afﬁ cher des pages dont le contenu varie. Le plus souvent, le contenu de ces pages est lié à une base de données. Il est ainsi possible par exemple dans un site dynamique de gérer en temps réel les réservations de voyages. Ces réservations sont directement enregistrées dans un ﬁ chier de données et peuvent être afﬁ chées à tout moment. WebDev propose deux types de sites dynamiques : • site dynamique WebDev. Ce type de site nécessite un Serveur d’Application Web- Dev sur le serveur. Il permet de manipuler de nombreuses bases de données. • site dynamique PHP. Ce type de site nécessite un moteur PHP sur le serveur. Ce type de site est conseillé pour héberger des sites dynamiques chez un hébergeur grand public. Partie 1 : Internet : Concepts de base 13 Machines et logiciels nécessaires L’internaute • une machine : PC, Mac, Unix, Smartphone, ... • un navigateur : Internet Explorer, FireFox, Chrome, ... • un accès Internet (ou Intranet) Aucun module uploads/Philosophie/ conceptswb18-pdf 1 .pdf