En savoir plus sur les applications Web

L’interface utilisateur a été simplifiée sous Dreamweaver et versions ultérieures. Par conséquent, il se peut que vous ne trouviez pas certaines options décrites dans cet article sous Dreamweaver et versions ultérieures. Pour plus d’informations, consultez cet article.

Présentation des applications Web

Une application web est un site web qui contient des pages au contenu partiellement ou entièrement indéterminé.Le contenu final d'une page n'est déterminé que lorsque le visiteur demande une page au serveur web. Comme le contenu final de la page varie d'une demande à l'autre selon les actions du visiteur, ce type de page est appelé une page dynamique.

Les applis web sont conçues pour répondre à divers défis et problèmes. Cette section décrit les utilisations courantes des applications web et donne un exemple simple.

Utilisations courantes des applications Web

Les applis web ont de nombreuses utilisations pour les visiteurs de site et les développeurs, notamment :

• Permettre aux visiteurs de trouver des informations rapidement et facilement sur un site web riche en contenu.

  Ce type d'appli web donne aux visiteurs la possibilité de rechercher, organiser et naviguer dans le contenu comme ils le souhaitent. Par exemple, les intranets d'entreprise, Microsoft MSDN (www.msdn.microsoft.com) et Amazon.com (www.amazon.com).

• Collecter, enregistrer et analyser des données fournies par les visiteurs du site.

  Dans le passé, les données saisies dans les formulaires HTML étaient envoyées sous forme de messages électroniques aux employés ou aux applications CGI pour traitement. Une appli web peut enregistrer les données de formulaire directement dans une base de données et également extraire les données et créer des rapports basés sur le web pour analyse. Les exemples incluent les pages de banque en ligne, les pages de commande de boutique en ligne, les enquêtes et les formulaires de commentaires utilisateur.

• Mettre à jour des sites web dont le contenu change souvent.

  Une appli web libère le concepteur web de la mise à jour continuelle du HTML du site. Les fournisseurs de contenu tels que les rédacteurs d'actualités fournissent le contenu à l'appli web, et l'appli web met à jour le site automatiquement. Les exemples incluent l'Economist (www.economist.com) et CNN (www.cnn.com).

Exemple d’application Web

Janet est une conceptrice web professionnelle et utilisatrice de longue date de Dreamweaver responsable de la maintenance des sites intranet et Internet d'une entreprise de taille moyenne de 1000 employés. Un jour, Chris des Ressources humaines vient la voir avec un problème. Les ressources humaines administrent un programme de remise en forme des employés qui donne aux employés des points pour chaque kilomètre marché, parcouru à vélo ou couru.Chaque employé doit communiquer ses totaux kilométriques mensuels par courriel à Chris.À la fin du mois, Chris rassemble tous les messages électroniques et attribue aux employés de petits prix en espèces selon leurs totaux de points.

Le problème est que ce programme de mise en forme a suscité de plus en plus d’enthousiasme. Tant d'employés participent maintenant que Chris est inondé de messages électroniques à la fin de chaque mois.Chris demande à Janet si une solution basée sur le web existe.

Janet propose une appli web basée sur l'intranet qui effectue les tâches suivantes :

• Permet aux employés de saisir leur kilométrage sur une page web en utilisant un formulaire HTML simple

• stocker le kilométrage des employés dans une base de données ;

• calculer les points de mise en forme en fonction du kilométrage ;

• permettre aux employés de suivre leurs progrès au fil des mois ;

• Donne à Chris un accès en un clic aux totaux de points à la fin de chaque mois

  Janet met l'application en marche avant l'heure du déjeuner en utilisant Dreamweaver, qui dispose des Outils nécessaires pour créer ce type d'application rapidement et facilement.

Fonctionnement d’une application Web

Une application web est une collection de pages web statiques et dynamiques.Une page web statique est une page qui ne change pas lorsqu'un visiteur de site la demande : le serveur web envoie la page au navigateur demandeur sans la modifier.À l'inverse, une page web dynamique est modifiée par le serveur avant d'être envoyée au navigateur demandeur.La nature changeante de la page explique pourquoi elle est appelée dynamique.

Par exemple, vous pourriez concevoir une page pour afficher des résultats de fitness, tout en laissant certaines informations (comme le nom de l'employé et les résultats) à déterminer lorsque la page est demandée par un employé particulier.

Les sections suivantes décrivent le fonctionnement des application web plus en détail.

Traitement des pages web statiques

Un site web statique comprend un ensemble de page HTML et de fichiers connexes hébergés sur un ordinateur exécutant un serveur web.

Un serveur web est un logiciel qui sert des page web en réponse aux demandes des navigateurs web.Une demande de page est générée lorsqu'un visiteur clique sur un lien d'une page web, sélectionne un signet dans un navigateur, ou saisit une URL dans la zone de texte d'adresse d'un navigateur.

Le contenu final d'une page web statique est déterminé par le concepteur de la page et ne change pas lorsque la page est demandée.Voici un exemple :

<html> 

    <head> 

<title>Page d'informations Trio Motors</title>

    </head> 

    <body> 

<h1>À propos de Trio Motors</h1>

<p>Trio Motors est un constructeur automobile de premier plan.</p>

    </body> 

</html>

Chaque ligne du code HTML de la page est écrite par le concepteur avant que la page ne soit placée sur le serveur.Étant donné que le HTML ne change pas une fois qu'il est sur le serveur, ce type de page est appelé une page statique.

Au sens strict du terme, une page dite « statique » peut ne pas être statique du tout. Une image survolée ou une animation Flash (un fichier SWF), par exemple, peuvent animer une page statique. Cependant, ce guide qualifie une page de statique si elle est adressée au navigateur sans modifications.

Lorsque le serveur web reçoit une demande pour une page statique, le serveur lit la demande, trouve la page et l'envoie au navigateur demandeur, comme le montre l'exemple suivant :

Dans le cas des application web, certaines lignes de code sont indéterminées lorsque le visiteur demande la page.Ces lignes doivent être déterminées par un mécanisme quelconque avant que la page puisse être envoyée au navigateur.Le mécanisme est abordé dans la section suivante.

Traitement des pages dynamiques

Lorsqu'un serveur web reçoit une demande pour une page web statique, le serveur envoie la page directement au navigateur demandeur.Lorsque le serveur web reçoit une demande pour une page dynamique, cependant, il réagit différemment : il transmet la page à un logiciel spécial chargé de finaliser la page.Ce logiciel spécial est appelé un serveur d’application.

Le serveur d'application lit le code sur la page, finalise la page selon les instructions du code, puis supprime le code de la page.Le résultat est une page statique que le serveur d'application renvoie au serveur web, qui envoie ensuite la page au navigateur demandeur.Tout ce que le navigateur reçoit lorsque la page arrive est du HTML pur. Voici un aperçu du processus :

Accès à une base de données

Un serveur d'Application permet de travailler avec des ressources côté serveur telles que les bases de données. Par exemple, une page dynamique peut demander au serveur d'Application d'extraire des données d'une base de données et de les insérer dans le code HTML de la page. Pour plus de détails, consultez la page www.adobe.com/go/learn_dw_dbguide_fr.

Utiliser une base de données pour stocker le contenu vous permet de séparer la conception de votre site web du contenu que vous souhaitez afficher aux utilisateurs du site. Au lieu d'écrire des fichiers HTML individuels pour chaque page, vous n'avez besoin d'écrire qu'une page — ou template — pour les différents types d'informations que vous voulez présenter. Vous pouvez ensuite charger le contenu dans une base de données et faire en sorte que le site web récupère ce contenu en réponse à une demande d'utilisateur. Vous pouvez également mettre à jour les informations dans une source unique, puis propager cette modification sur l'ensemble du site web sans avoir à modifier manuellement chaque page. Vous pouvez utiliser Adobe Dreamweaver pour concevoir des formulaires web permettant d'insérer, de mettre à jour ou de supprimer des données de la base de données.

L'instruction pour extraire des données d'une base de données s'appelle une requête de base de données.Une requête consiste en des critères de recherche exprimés dans un langage de base de données appelé SQL (Structured Query Language). La requête SQL est écrite dans les scripts ou balises côté serveur de la page.

Un serveur d'Application ne peut pas communiquer directement avec une base de données car le format propriétaire de la base de données rend les données indéchiffrables, de la même manière qu'un document Microsoft Word ouvert dans Notepad ou BBEdit peut être indéchiffrable. Le serveur d'Application ne peut communiquer avec la base de données que par l'intermédiaire d'un pilote de base de données : un logiciel qui agit comme un interprète entre le serveur d'Application et la base de données.

Après que le pilote ait établi la communication, la requête est exécutée sur la base de données et un jeu d'enregistrements est créé. Un recordset est un ensemble de données extraites d'une ou plusieurs tables d'une base de données.Le jeu d'enregistrements est renvoyé au serveur d'Application, qui utilise les données pour compléter la page.

Voici un exemple simple de requête de base de données rédigée en SQL :

SELECT lastname, firstname, fitpoints

FROM employees

Cette instruction crée un jeu d'enregistrements à trois colonnes et le remplit avec des lignes contenant le nom de famille, le prénom et les points de condition physique de tous les employés de la base de données.Pour plus de détails, consultez la page www.adobe.com/go/learn_dw_sqlprimer_fr.

L'exemple suivant illustre le processus d'interrogation d'une base de données et de renvoi de données au navigateur :

Vous pouvez utiliser pratiquement n'importe quelle base de données avec votre Application web, tant que le pilote de base de données approprié est installé sur le Serveur.

Si vous prévoyez de créer des applications petites et peu coûteuses, vous pouvez utiliser une base de données basée sur fichier, comme celle créée dans Microsoft Access. Si vous prévoyez de créer des applications robustes et critiques pour l'entreprise, vous pouvez utiliser une base de données basée sur serveur, comme celle créée dans Microsoft SQL Server, Oracle 9i ou MySQL.

Si votre base de données est située sur un système autre que votre serveur web, assurez-vous d'avoir une connexion rapide entre les deux systèmes pour que votre Application web puisse fonctionner rapidement et efficacement.

Création de pages dynamiques

La création d’une page dynamique consiste à écrire d’abord le code HTML, puis à ajouter les scripts ou les balises côté serveur au code HTML pour rendre la page dynamique. Lorsque vous visualisez le code obtenu, le langage apparaît incorporé dans le code HTML de la page. Par conséquent, ces langages sont appelés langages de programmation HTML intégrés. L’exemple élémentaire ci-dessous utilise le langage CFML (ColdFusion Markup Language) :

remarque : La prise en charge de CFML a été supprimée de Dreamweaver et des versions ultérieures.

<html> 

    <head> 

<title>Page d'informations de Trio Motors</title>

    </head> 

    <body> 

<h1>À propos de Trio Motors</h1>

<p>Trio Motors est un constructeur automobile de premier plan.</p>

<!--- les instructions intégrées commencent ici --->

<cfset department="Sales">

<cfoutput>

<p>N'oubliez pas de visiter notre page #department#.</p>

</cfoutput>

<!--- les instructions intégrées se terminent ici --->

    </body> 

</html>

Les instructions intégrées de cette page effectuent les actions suivantes :

Le Serveur d'Application renvoie la page suivante au Serveur web :

<html> 

    <head> 

<title>Page d'informations Trio Motors</title>

    </head> 

    <body> 

<h1>À propos de Trio Motors</h1>

<p>Trio Motors est un constructeur automobile de premier plan.</p>

<p>N'oubliez pas de visiter notre page Sales.</p>

    </body> 

</html>

Le Serveur web envoie la page au navigateur demandeur, qui l'affiche comme suit :

Trio Motors

Trio Motors est un constructeur automobile de premier plan.

N'oubliez pas de visiter notre page Sales.

Vous choisissez un langage de scripting ou basé sur des balises à utiliser en fonction de la technologie de serveur disponible sur votre Serveur. Voici les langages les plus populaires pour les technologies de serveur prises en charge par Dreamweaver :

Dreamweaver peut créer les scripts ou balises côté serveur nécessaires pour faire fonctionner vos pages, ou vous pouvez les écrire à la main dans l'environnement de codage de Dreamweaver.

Terminologie du développement d’applications Web

Cette section définit les termes fréquemment utilisés relatifs aux applications web.

Logiciel qui aide un serveur web à traiter les pages web contenant des scripts ou balises côté serveur. Lorsqu'une telle page est demandée au serveur, le serveur web transmet la page au serveur d'applications pour traitement avant d'envoyer la page au navigateur.Pour plus d'informations, consultez Fonctionnement d'une application web.

Les serveurs d'application courants incluent ColdFusion et PHP.

Une collection de données stockées dans des tables.Chaque ligne d'un tableau constitue un enregistrement et chaque colonne constitue un champ dans l'enregistrement, comme illustré dans l'exemple suivant :

Logiciel qui agit comme un interprète entre une application web et une base de données. Les données d'une base de données sont stockées dans un format propriétaire. Un pilote de base de données permet à l'application web de lire et manipuler des données qui seraient autrement indéchiffrables.

(SGBD, ou système de base de données) Logiciel utilisé pour créer et manipuler des bases de données. Les systèmes de bases de données courants comprennent Microsoft Access, Oracle 9i et MySQL.

désigne l’opération permettant d’extraire un jeu d’enregistrements d’une base de données. Une requête consiste en critères de recherche exprimés dans un langage de base de données appelé SQL. Par exemple, la requête peut spécifier que seules certaines colonnes ou seuls certains enregistrements soient inclus dans le jeu d'enregistrements.

Page web personnalisée par un serveur d'applications avant que la page ne soit envoyée à un navigateur.

Un ensemble de données extraites d'une ou plusieurs tables dans une base de données, comme dans l'exemple suivant :

Base de données contenant plusieurs tables, les tables partageant des données.La base de données suivante est relationnelle car deux tables partagent la colonne DepartmentID.

La technologie qu'un serveur d'application utilise pour modifier les pages dynamiques à l'exécution.

L'environnement de développement Dreamweaver prend en charge les technologies serveur suivantes :

• Adobe® ColdFusion®

• Pages ASP (Active Server Pages) de Microsoft

• PHP: Hypertext Preprocessor (PHP)

  Vous pouvez également utiliser l'environnement de codage Dreamweaver pour développer des pages pour toute autre technologie serveur non répertoriée.

Une page web qui n'est pas modifiée by un serveur d'application avant que la page ne soit envoyée à un navigateur. Pour plus d'informations, consultez Traitement des pages web statiques.

Un site web qui contient des pages avec du contenu partiellement ou entièrement indéterminé. Le contenu final de ces pages n'est déterminé que lorsqu'un visiteur demande une page au serveur web. Étant donné que le contenu final de la page varie de requête en requête selon les actions du visiteur, ce type de page est appelé page dynamique.

Logiciel qui envoie des pages web en réponse aux demandes des navigateurs web. Une demande de page est générée lorsqu'un visiteur clique sur un lien dans une page web du navigateur, sélectionne un signet dans le navigateur, ou saisit une URL dans la zone de texte d'adresse du navigateur.

Les serveurs web populaires incluent Microsoft Internet Information Server (IIS) et Apache HTTP Server.

Articles connexes

• Guide du débutant en base de données
• Choix d'un serveur d'application