Critères de choix des outils de développement d'applications Web. Outils de développement d'applications Web. Domaines d'application des langages de programmation pour le développement d'applications Web. Applications Macromédia Flash

Introduction................................................. ....................................................... ......... 2

1. Technologies clientes............................................................ ....................................................... ...... 4

HTML................................................................ . .................................................................. ..... .......... 4

Javascript................................................................ . .................................................................. ....... .... 4

VBScript.................................................. . .................................................................. ....... ...... 5

Applications Macromedia Flash............................................................ .... ...................... 5

Ajax.................................................. ................................................... ...................... 6

2. Technologies de serveur................................................. ...................................................... 8

PHP............................................................. ................................................... ........ .............. 8

Perl............................................................. ................................................... ........ ............... 8

Python................................................. ................................................... ........ ......... 8

ASPIC................................................. ................................................... ........ .............. 9

3. Analyse comparative des environnements de création d'applications Web.................................. 11

Macromédia Dreamweaver............................................................ ... ............................ onze

Microsoft FrontPage............................................................ ..................................... 12

Adobe GoLive CS............................................................ .................................................... 13

Conclusion................................................. .................................................................. ...... ... 15

Glossaire................................................. .................................................................. ...... ..... 17

Liste des sources utilisées............................................................ ........... .............. 18

L’influence du réseau informatique mondial Internet sur le monde moderne n’a pas d’analogue historique. Aujourd'hui, c'est le début de l'ère de la pénétration électronique dans toutes les sphères de la vie humaine. C'est plus qu'une simple campagne de marketing, c'est la base d'une nouvelle philosophie et d'une nouvelle stratégie commerciale.

Il est tout à fait logique de supposer que du point de vue de la publicité de produits ou de services, Internet constitue la ressource la plus importante. La plupart des gens modernes utilisent Internet comme source d'information la plus accessible.

La technologie Web a complètement révolutionné l'idée de travailler avec l'information, et avec un ordinateur en général. Il s'est avéré que les paramètres traditionnels du développement de la technologie informatique - performances, débit, capacité de stockage - ne prenaient pas en compte le principal "goulot d'étranglement" du système - l'interface avec une personne. Le mécanisme obsolète d'interaction humaine avec le système d'information a entravé l'introduction de nouvelles technologies et réduit les avantages de leur utilisation. Ce n’est que lorsque l’interface entre l’homme et l’ordinateur a été simplifiée au point d’être perçue naturellement par l’individu moyen qu’une explosion d’intérêt sans précédent pour les capacités informatiques s’est ensuivie.

La création de sites Web est l'une des technologies les plus importantes pour développer des ressources Internet. Un bon site Web, absorbant toutes les informations utiles, est la meilleure carte de visite pour une entreprise commerciale et un établissement d'enseignement, travaillant pour eux à tout moment de la journée.

Après avoir analysé plusieurs sites fournissant un support informationnel aux petites entreprises pour le respect de leurs objectifs, ainsi que l'exactitude du choix des outils de développement, les lacunes caractéristiques suivantes peuvent être identifiées :

· non-conformité du site aux exigences psychophysiologiques, ce qui entraîne une fatigue ou une distraction accrue ;

· la passion pour l'animation, les images graphiques et les fragments vidéo qui ne portent pas de charge sémantique entraîne automatiquement une diminution du nombre de visiteurs potentiels du site Web, car elle augmente les besoins en bande passante de connexion Internet et le volume de trafic ;

· redondance ou manque d'informations fournies ;

· mauvais choix d'outils de développement, ce qui entraîne une augmentation déraisonnable du coût du produit fini.

Ainsi, déterminer la fonctionnalité des outils et des langages de développement de sites Web requis pour les informations textuelles et graphiques présentées sur l'écran du moniteur semble être une tâche urgente.

En outre, avec plus de 500 millions d'utilisateurs en ligne, il est nécessaire de rechercher des moyens d'utiliser les nouvelles technologies susceptibles d'attirer et de retenir l'attention des utilisateurs.

Le sujet de la recherche concerne les technologies du Web.

Objet – environnements et langages pour développer des applications Web.

Le but du travail est d'envisager les possibilités d'utilisation pratique des langages et des outils de développement d'applications Web.

Pour atteindre cet objectif, il est nécessaire de résoudre un certain nombre de problèmes :

1) considérer les principales technologies clientes ;

2) déterminer les domaines d'application des langages de programmation pour le développement d'applications Web ;

3) analyser la fonctionnalité des environnements de création d'applications Web.

HTML

Hypertext Markup Language, ou HTML comme on l'appelle plus communément, est le langage informatique qui sous-tend le World Wide Web. Grâce au langage HTML, n'importe quel texte peut être balisé, converti en hypertexte puis publié sur le Web.

Le langage HTML possède son propre jeu de caractères que les navigateurs Web utilisent pour afficher une page. Ces caractères, appelés poignées, incluent les éléments nécessaires à la création d'hyperliens.

L'une des caractéristiques distinctives des documents HTML est que le document lui-même ne contient que du texte et que tous les autres objets sont intégrés au document au moment où il est affiché par le navigateur à l'aide de balises spéciales et sont stockés séparément. Lorsque vous enregistrez un fichier HTML, un dossier est créé à l'emplacement où se trouve le document, dans lequel sont placés les éléments de conception graphique qui l'accompagnent.

Javascript

Le langage de programmation JavaScript a été développé par Netscape pour créer des documents HTML interactifs. Il s'agit d'un langage orienté objet permettant de développer des applications embarquées fonctionnant à la fois côté client et côté serveur. La syntaxe du langage est très similaire à la syntaxe de Java – c'est pourquoi on l'appelle Java-like.

Les principales utilisations de JavaScript appartiennent aux catégories suivantes :

· création dynamique d'un document à l'aide d'un script ;

· vérification rapide de l'authenticité des champs du formulaire HTML remplis par l'utilisateur avant de les transférer au serveur ;

· création de pages HTML dynamiques avec des feuilles de style en cascade et le modèle objet du document ;

· interaction utilisateur lors de la résolution de problèmes « locaux » résolus par une application JavaScript intégrée dans une page HTML.

VBScript

Le langage de script VBScript a été développé par Microsoft et est un sous-ensemble du langage Visual Basic permettant de développer des programmes d'application Windows, ce qui est assez courant parmi les programmeurs. Comme son parent, VBScript est assez simple et facile à apprendre.

L'avantage de l'utiliser pour créer des scripts est la possibilité d'utiliser, avec des ajustements mineurs, des procédures préalablement écrites dans Visual Basic et Visual Basic pour Application.

La fonctionnalité des scripts écrits en VBScript n'est pas différente des capacités des scripts JavaScript : création dynamique d'un document ou de parties de celui-ci, interception et traitement d'événements, etc.

VBScript est utilisé pour les scripts côté client (auquel cas le navigateur doit disposer d'un interpréteur intégré pour ce langage) et pour les scripts côté serveur (auquel cas le serveur doit prendre en charge VBScript).

Pour créer des scripts clients, vous utilisez un ensemble d'objets similaire à l'ensemble JavaScript. Les objets client et serveur sont différents les uns des autres, mais il existe une partie commune (noyau) d'objets utilisés dans le développement des scripts client et serveur.

Applications Macromédia Flash

La technologie Flash est basée sur l'utilisation de graphiques vectoriels au format Shockwave Flash (SWF) développé par Macromedia®. Le principal avantage de la technologie Flash est sa nature multiplateforme, c'est-à-dire que ce format peut être utilisé sur n'importe quelle plateforme matérielle et logicielle. Et une autre caractéristique importante de la technologie Flash : les images créées sur cette base peuvent non seulement être animées, mais également complétées par des éléments interactifs et du son.

Une particularité de la technologie Flash est qu'elle peut facilement remplacer une page ordinaire écrite en HTML. Mais cela révèle des avantages significatifs de la technologie Flash par rapport au HTML.

Les capacités du langage ActionScript sont intéressantes, ainsi que son intégration et le produit final lui-même avec d'autres langages de programmation et bases de données. Le produit final est ce qu'on appelle une animation flash, qui est un élément active-x qui existe en tant qu'application distincte et qui est intégré dans un document HTML en l'incluant dans le corps du document en tant qu'objet active-x. Bien sûr, pour lire une telle vidéo, le navigateur devra avoir un plug-in installé, mais ce n'est pas un problème, car presque tous les navigateurs ont déjà un plug-in flash préinstallé, et si le système n'en a pas un, il sera alors automatiquement téléchargé depuis le serveur du fabricant. Pour obtenir une interactivité plus complexe, Flash peut interagir avec JavaScript ou VBScript.

L'organisation des liens au sein d'une animation Flash peut se dérouler comme d'habitude, c'est-à-dire un lien direct vers n'importe quelle passerelle document/cgi, ou le lien peut conduire au téléchargement de nouvelles vidéos pouvant contenir des données et qui seront analogues aux documents téléchargés en cliquant sur un lien html ordinaire. Des liens vers d'autres vidéos apparaissent dans la vidéo ; le texte du lien ne quitte pas la vidéo et ne peut pas être copié ou visualisé dans la barre d'état. De plus, suivre de tels liens n'entraînera pas un rechargement de la page principale dans laquelle la vidéo flash est insérée.

Ajax

Ajax signifie Asynchronous Javascript And XML et n'est pas une technologie au sens strict du terme. Si dans une application Web standard, le serveur traite toutes les informations, tandis que le navigateur n'est responsable que de l'interaction avec l'utilisateur, de l'envoi des requêtes et de la sortie du HTML entrant, alors dans une application Ajax, un autre intermédiaire apparaît entre l'utilisateur et le serveur - le moteur Ajax. . Il détermine quelles requêtes peuvent être traitées « sur place » et lesquelles doivent être adressées au serveur.

Le comportement du serveur a également changé. Si auparavant le serveur émettait une nouvelle page pour chaque requête, il envoie désormais uniquement les données dont le client a besoin et le moteur Ajax génère du HTML à partir de celles-ci directement dans le navigateur.

L'asynchronie se manifeste par le fait que tous les clics de l'utilisateur n'atteignent pas le serveur, et l'inverse est également vrai : toutes les réactions du serveur ne sont pas provoquées par une demande de l'utilisateur. La plupart des requêtes sont générées par le moteur Ajax et peuvent être écrites de manière à charger des informations, en anticipant les actions de l'utilisateur.

Où utiliser Ajax :

· Formes. Ils sont très lents. Si vous transférez des données de manière asynchrone, la page ne se recharge pas.

· Navigation sous forme d'"arbre".

· Filtres. Les sites Web trient souvent par date ou par nom. Ajax sera beaucoup plus pratique.

PHP

Tout d’abord, PHP est utilisé pour créer des scripts qui fonctionnent côté serveur, c’est pourquoi il a été inventé. PHP est capable de résoudre les mêmes problèmes que n'importe quel autre script CGI, notamment le traitement des données de formulaire HTML, la génération dynamique de pages HTML, etc. Mais il existe d’autres domaines dans lesquels PHP peut être utilisé.

Le deuxième domaine est la création de scripts qui s'exécutent sur la ligne de commande. Autrement dit, en utilisant PHP, vous pouvez créer des scripts qui seront exécutés, quels que soient le serveur Web et le navigateur, sur une machine spécifique.

Et le dernier domaine est la création d’applications GUI (interfaces graphiques) exécutées côté client.

Perl

Perl est le plus largement utilisé pour développer des outils d'administration système, mais il a récemment acquis une énorme popularité dans le développement d'applications Internet : scripts CGI, systèmes de traitement automatisé du courrier électronique et prise en charge de sites Web.

Voici quelques exemples de problèmes pouvant être résolus en utilisant Perl :

· vérifier les utilisateurs de Windows NT pour déceler des divergences dans leur statut et leurs capacités ;

· gérer les services NT depuis la ligne de commande et à distance depuis une machine locale ; obtenir des données statistiques sur une machine distincte ;

· Peut également fonctionner avec le protocole FTP ;

· Prise en charge du système pour UNIX et Windows.

Python

Python est un langage de très haut niveau orienté objet, interprété, portable. La programmation en Python vous permet d'obtenir rapidement et efficacement les modules logiciels nécessaires. L'interpréteur Python peut être porté sur n'importe quelle plateforme, que ce soit Unix, Windows, Linux, RiscOS, MAC, Sun. Lorsque vous écrivez du code Python, vous n'avez pas à vous soucier de la plate-forme cible, sauf si vous utilisez des modules spécifiques au système. Ainsi, Python constitue une menace sérieuse pour Java, offrant une portabilité facile tout en fournissant simultanément un accès aux ressources du système d'exploitation. Contrairement à Java, Python n'est pas aussi strict quant à l'utilisation des objets, mais ils sont implémentés si simplement que tout programmeur peut facilement comprendre l'essence de l'approche orientée objet. De plus, les modules Python peuvent être facilement utilisés dans vos programmes C++ et, si vous connaissez ce langage de programmation, alors maîtriser Python sera trivial pour vous. Python est idéal comme script CGI pour les pages Web, car il utilise un interpréteur rapide, efficace et puissant. Python peut servir à la fois de langage d’apprentissage et de langage de développement de grands systèmes. C’est simple, puissant et très facile à apprendre. Les programmes Python peuvent être écrits deux fois plus vite que les programmes C en utilisant des structures de haut niveau, mais ils se rapprochent de la puissance du C++, en évitant ses failles de sécurité et ses fonctionnalités qui compliquent excessivement le langage (pointeurs).

ASPIC.

Active Server Pages est un environnement de programmation qui vous permet de combiner du HTML, des scripts et des composants pour créer des applications Web dynamiques. La possibilité d'intégrer des scripts (code écrit dans un langage de programmation tel que VBScript ou JScript) dans des pages Web vous permet de combiner logiquement la conception avec des données obtenues à partir de diverses sources, par exemple à partir d'une base de données.

L'idéologie de la création d'applications Web modernes consiste à encapsuler la logique métier dans des composants distincts écrits à l'aide de la technologie COM. La technologie ASP constitue dans ce cas le lien de connexion entre ces composants et l'interface de l'application Web.

L'utilisation d'Active Server Pages ne nécessite pas de navigateurs spécifiques. Tous les scripts ASP sont lancés et exécutés sur le serveur Web, le navigateur recevant uniquement les fichiers HTML résultants. Microsoft Internet Information Server, à partir de la version 3.0, prend en charge Active Server Pages.
Considérons la séquence de fonctionnement d'ASP. Le client demande une page ASP au serveur Web. Le serveur accepte la demande et commence à la traiter. Sur la base de l'extension de fichier (.asp), il détermine que le fichier contient un script ASP et commence à analyser son contenu, en interprétant et en insérant séquentiellement le code ASP. Le code ASP, à son tour, peut contenir des appels vers diverses sources de données, traiter les données reçues et ajouter le contenu de la page générée. En conséquence, une page HTML normale est générée (ne contenant plus de code ASP), qui est renvoyée au client.

En externe, ASP fonctionne de la même manière que CGI. Les paramètres sont transmis de la même manière et les résultats sont affichés. Cependant, les performances d'ASP sont bien supérieures, puisque chaque requête ne charge pas l'interpréteur ASP séparément. L'utilisation de composants ActiveX améliore également considérablement les performances du serveur Web.

Actuellement, le World Wide Web héberge plusieurs millions de sites Web et leur nombre ne cesse de croître. Chacun a la possibilité non seulement de visualiser chacun d'entre eux et d'en extraire des informations utiles pour lui-même, mais également de participer activement à leur création. L'environnement dans lequel le développement aura lieu est d'une grande importance.

Macromédia Dreamweaver

Macromedia continue de rendre Dreamweaver intuitif et facile à utiliser. Des outils puissants d'une part et une facilité d'utilisation d'autre part font des produits Macromedia un logiciel idéal aussi bien pour les concepteurs de sites Web professionnels que pour les débutants. Les produits inclus dans le package Macromedia, tels que Flash, Firework, Dreamweaver, rendront votre travail plus productif et pourront en même temps se remplacer (par exemple, vous pouvez créer des boutons dans n'importe lequel d'entre eux). Des produits tels que : Sitespring, FreeHand ajouteront de l'efficacité lorsque vous travaillerez avec un client.

Dreamweaver présente de nombreux avantages :

1. Dreamweaver prend en charge le code HTML pur, ainsi que les dernières extensions DHTML et CSS.

2. Contient d'excellents moyens de gestion automatique des connexions, c'est-à-dire que chaque fois que des fichiers sont déplacés dans l'environnement, toutes les connexions sont automatiquement restaurées. Des sections de la page peuvent être bloquées pour les protéger de tout dommage involontaire.

3. Vous permet d'annuler les modifications apportées il y a plusieurs étapes (cependant, une fois la page enregistrée, vous ne pourrez plus annuler les modifications).

4. La « vérification dynamique entre navigateurs » est appliquée.

5. Prend en charge les extensions de développeurs tiers et de Macromedia lui-même (plus de 500).

Dreamweaver est livré avec une bibliothèque d'éléments que vous pouvez utiliser sur des pages Web, tels qu'une barre de navigation, un descripteur de droits d'auteur, etc.

Il est utilisé pour ajouter du multimédia aux pages Web et à divers types de fichiers depuis Flash et Java jusqu'à RealAudio, des éléments interactifs tels que les moteurs de recherche, les forums, les systèmes de commerce électronique.

Dreamweaver ne dispose pas de ses propres outils de création d'images. Il ne présente que les outils d'édition les plus simples, donc pour créer et éditer des images, nous aurons besoin d'éditeurs graphiques spéciaux.

Dreamweaver vous permet de supprimer le code inutile des applications Microsoft, après quoi les pages se chargeront plus rapidement et s'afficheront mieux dans différents navigateurs.

Page d'accueil de Microsoft

Il s'agit de l'éditeur HTML le plus populaire du marché, principalement en raison de la popularité de la suite Microsoft Office. Le programme offre des fonctionnalités puissantes et un progiciel attrayant, notamment Image Composer, conçu pour créer des images (Annexe B). FrontPage contient également des composants WEB nécessaires pour ajouter des propriétés interactives à un site Web. Microsoft FrontPage est un éditeur WYSIWYG classique, qui a cependant la possibilité de modifier manuellement le code.

Le programme dispose de trois modes de travail avec un document : Normal, HTML et Aperçu.

En mode Normal, les pages Web sont un fichier texte ordinaire avec la possibilité de modifier tous les éléments, du texte aux images.

En mode HTML, la coloration syntaxique est fournie, mais elle est assez médiocre - les descripteurs sont surlignés en bleu, tout le reste est en noir.

En mode Aperçu, vous pouvez voir à quoi ressemblera votre page dans la fenêtre du navigateur.

FrontPage dispose d'un concepteur de tableaux qui facilite grandement leur création. L'un des principaux avantages du programme est le grand nombre de modèles disponibles, permettant à l'utilisateur de ne pas se creuser la tête sur la conception de son projet. Après avoir sélectionné le modèle requis, nous pouvons procéder directement au remplissage de la page avec du contenu. C'est là que la beauté de FrontPage entre en jeu : le processus de création d'une page HTML n'est pas différent de la création d'un document texte ordinaire dans Microsoft Word. Nous avons accès aux mêmes outils pour éditer du texte, changer sa mise en forme, créer et éditer des tableaux, insérer divers objets et images, et tout cela sans connaissance du HTML. FrontPage divise la zone de travail en plusieurs blocs contenant des éléments de page spécifiques : images, texte, titres, etc. Pour chaque bloc, vous pouvez attribuer vos propres paramètres de formatage et son emplacement par rapport à la page.

Inconvénients : petit ensemble d'outils de développement, impossibilité d'acheter le programme séparément. Microsoft FrontPage est un bon choix en tant qu'éditeur HTML pour la première fois, mais à mesure que vos besoins augmentent, ses capacités risquent de ne pas suffire. Il y a aussi le revers de la médaille : la complexité et la lourdeur du code résultant, qui affectent naturellement la taille finale du document. Il sera également très difficile d'apporter des modifications à un tel document à l'avenir. Mais il s'agit plutôt d'un inconvénient non pas d'un produit spécifique, mais de presque tous les éditeurs WYSIWYG (What You See Is What You Get - « ce que vous voyez est ce que vous obtenez »).

Les composants Web ne fonctionnent que si le serveur Web utilisé possède des programmes qui leur correspondent.

Adobe GoLiveCS

Adobe GoLive CS est un outil professionnel universel et multifonctionnel pour créer, créer et gérer des sites Web.

Adobe GoLive CS fournit un ensemble complet d'outils pour créer des sites Web professionnels, offrant la possibilité de créer des conceptions individuelles, une productivité élevée pour la collaboration en équipe et la prise en charge des normes industrielles modernes.

GoLive vérifie automatiquement la syntaxe du code HTML et sa compatibilité avec les différentes versions d'Internet Explorer et de Netscape Navigator. S'il détecte des balises qui ne sont pas prises en charge par un navigateur particulier, le programme le signale.

Le programme dispose également d'une fonction de reconnaissance et de complétion automatique des instructions d'écriture (moteur de complétion de code), qui fonctionne pour CSS, JavaScript, PHP, SMIL, SVG et XML.

De plus, des fonctionnalités telles que la coloration syntaxique personnalisable, un éditeur de bibliothèque de balises (pour modifier et personnaliser les bibliothèques de balises), un outil de vérification des différences de code source et un outil d'optimisation (nettoyage) du code sont disponibles.

En ce qui concerne le multimédia, la dernière version de GoLive CS a apporté un certain nombre d'améliorations, notamment la prise en charge de QuickTime, XHTML et une meilleure gestion des fichiers PDF. La prise en charge XHTML vous permet de convertir des fichiers HTML existants en pages XHTML fonctionnelles pour le Web et les appareils mobiles.

Le programme offre la possibilité de créer, d'éditer et de corriger des tableaux complexes avec une précision au pixel près en mode glisser-déposer habituel.

De nombreux éléments de conception préconçus sont à la disposition des développeurs. Le programme propose un choix de 58 modèles conçus par des professionnels, idéaux pour les galeries d'images, les sites professionnels, les sites de commerce électronique, etc., ainsi que la possibilité de choisir parmi 35 styles CSS professionnels.

Avec l’avènement de la technologie Web, de toutes nouvelles couches de la population terrestre commencent à utiliser les ordinateurs. On peut identifier deux groupes les plus caractéristiques, situés à des pôles sociaux différents, qui se sont rapidement impliqués dans la nouvelle technologie, peut-être même contre leur propre gré. D'une part, il s'agissait de représentants de groupes d'élite de la société - chefs de grandes organisations, présidents de banques, cadres supérieurs, responsables gouvernementaux influents. D'autre part, il s'agissait de représentants des couches les plus larges de la population - femmes au foyer, retraités, enfants.

L'éventail des groupes sociaux qui se connectent à Internet et recherchent des informations sur le WWW s'élargit constamment pour inclure des utilisateurs qui ne sont pas classés comme spécialistes dans le domaine des technologies de l'information. Ce sont des médecins, des bâtisseurs, des historiens, des avocats, des financiers, des athlètes, des voyageurs, des membres du clergé, des artistes, des écrivains, des artistes. La liste se rallonge de plus en plus. Quiconque a expérimenté l'utilité et le caractère indispensable d'Internet pour ses activités professionnelles ou ses loisirs rejoint l'immense armée de consommateurs d'informations sur le World Wide Web.

Avec le développement des technologies de balisage hypertexte, de plus en plus de sites ont commencé à apparaître sur Internet, dont les sujets étaient complètement différents - des sites de grandes entreprises racontant les succès et les échecs de l'entreprise aux sites de petites entreprises. proposant de visiter leurs bureaux dans la même ville.

Le développement des technologies Internet a donné lieu à l'émergence d'une nouvelle branche sur Internet : les forums Internet. Des sites Web, voire des portails entiers, ont commencé à apparaître, où des personnes du monde entier peuvent communiquer, obtenir des réponses à leurs questions et même conclure des accords commerciaux.

La création d'un site Web est une étape marketing visant à créer une ressource d'information qui permettra à l'entreprise à la fois de fidéliser les anciens clients et d'en attirer de nouveaux.

La création et le développement de sites Web comprennent :

· approbation des premières spécifications techniques d'aménagement du site ;

· déterminer le schéma structurel du site - l'emplacement des rubriques, le contenu et la navigation ;

· web design - création d'éléments graphiques de la mise en page du site, des styles et des éléments de navigation ;

· développement du code du programme, des modules, de la base de données et d'autres éléments du site Web nécessaires au projet ;

· Test et mise en place du site sur Internet.

Il existe de nombreux outils pour créer des sites Web, mais seuls quelques-uns d’entre eux sont capables de fournir aux développeurs les outils nécessaires pour résoudre la grande majorité des problèmes auxquels ils sont confrontés. Lors du développement d'un site Web, parmi toutes les technologies Web modernes qui vous permettent de créer des pages Web interactives, vous devez choisir celles qui conviennent le mieux pour accomplir les tâches définies au stade initial.

		Définition
	création de sites web	c'est la conception des pages Web
	service Web	services fournis sur Internet à l'aide de programmes spéciaux
		visionneuse spéciale de documents hypertextes
	Hypertexte	Il s'agit d'un moyen de stocker et de manipuler des informations, vous permettant d'établir des connexions entre n'importe quelle « unité d'information ». La communication entre les unités d'information s'effectue via des hyperliens.
		Il s'agit d'un morceau de texte sélectionné qui permet de passer d'un document à un autre. Les hyperliens sont généralement mis en évidence par de la couleur et soulignés.
	Nom de domaine	l'adresse d'une connexion réseau (par exemple, www.zenon.net), qui identifie le propriétaire de l'adresse
		remplir le site. Le contenu du site Web est lié au design tout comme le contenu est lié à la forme.
		un composant logiciel qui est un module complémentaire au navigateur qui vous permet d'implémenter des fonctions supplémentaires
		un site à partir duquel une personne commence régulièrement son travail sur Internet
		cet endroit sur Internet, déterminé par son adresse, a son propre propriétaire et est constitué de pages Web
		il s'agit d'un système de symboles qui sont inclus dans un document WWW et informent sur l'apparence de ce document et sur la manière dont il doit être lié à d'autres documents.
		Il s'agit d'un élément de page Web destiné à saisir des informations. Les champs du formulaire peuvent être remplis en tapant du texte ou en sélectionnant des valeurs dans une liste
		Ceci est un outil de communication sur le site
		est une ressource d'information constituée de documents hypertextes interconnectés (pages Web), hébergés sur un serveur Web et possédant une adresse individuelle
	page web	il s'agit d'un fichier texte avec l'extension *.htm, qui contient des informations textuelles et des commandes spéciales - des codes HTML qui déterminent comment ces informations seront affichées dans la fenêtre du navigateur
	HTML (langage de balisage hypertexte)	est un langage de formatage qui utilise un système de balises pour spécifier les paramètres de formatage
		est une technologie d'animation Web et de création de contenu interactif de Macromedia
		Il s'agit d'un protocole de transfert de fichiers. De nos jours, presque toutes les fonctions FTP sont également disponibles via HTTP.
		est une technique de transmission de pages Web sur Internet
		Il s'agit de l'adresse d'une page sur Internet. L'URL est composée du nom de domaine, du chemin d'accès à la page du site et du nom du fichier.

1. Borisenko A.A. Création de sites web. Comme deux et deux. – M. : Eksmo, 2008.- 320 p.

2. Burlakov M.V. CorelDRAW 12. – Saint-Pétersbourg ; BHV-Pétersbourg, 2004. – 688 p.

3. Jamsa Chris. Un tutoriel efficace sur la conception Web créative. HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX. Texte, graphiques, son et animation. Traduit de l'anglais/Chris Jamsa, Conrad King, Andy Anderson - M. : DiaSoftUP LLC, 2005. - 672 p.

4. Dunaev V. Tutoriel JavaScript, 2e éd. – Saint-Pétersbourg : Peter, 2005. – 395 p.

5. Zolnikov D.S. PHP5. Comment créer vous-même un site Web de toute complexité. – 2e éd. effacé – M. : NT Press, 2007. – 272 p.

6. Inkova N. A., Zaitseva E. A., Kuzmina N. V., Tolstykh S. G. Création de sites Web : Manuel pédagogique. Partie 5. Tambov : Maison d'édition Tamb. État technologie. Université, 2005. – 56 p.

7. Mazurkevich A. RNR : manuel du programmeur / Alexander Mazurkevich, Dmitry Elovoy. – Mn. : Nouveaux savoirs, 2006. – 495 p.

8. McClelland Dick. Photoshop 7. Bible de l'utilisateur. : Par. de l'anglais – M. : Maison d'édition « William », 2006. - 928 p.

9. Orlov L.V. Site Web sans secrets. / L.V. Orlov. – 2e éd. – M. : Buk-press, 2006. – 512 p.

10. Polonskaïa E.L. Langage HTML. Manuel d'auto-apprentissage : - M. : Maison d'édition "William", 2005. - 320 p.

11. Création de pages Web et de sites Web. Manuel d'auto-instruction : [manuel. allocation] / éd. V. N. Pechnikova. – M. : Maison d'édition Triumph, 2006.- 464 p.

Forme du programme de cours : 1. Titre. Outils pour le développement efficace d'applications Web. 2. Recommandé aux étudiants de 2e-3e années familiarisés avec les bases de la programmation et de la POO, HTML et C#. 3. Cours - heures, travaux de laboratoire 4. Résumé (200 mots max) 5. Contenu (programme) Contenu Thème 1. Sujet et objectifs de la discipline. Définition et structure des applications web. Classement des applications Web. .................................................................. ...... ...................2 Sujet 2. Bases de la conception d'applications Web. Cycle de vie d'une application Web. Test de charge. .................................................................. ...... ........................4 Sujet 3. Bases de la conception d'applications Web. Sites Internet. Services Web......7 Sujet 4. Visual Web Developer Express Edition. Une idée générale du produit en tant qu'outil de développement d'applications Web dynamiques. ......................................................8 Sujet 5. Fonctionnalités de base de Visual Web Developer Express Edition. Développement d'interface utilisateur.................................................. ....................................................................... ............ .......21 Sujet 6. Fonctionnalités de débogage et de test d'une application Web. Outils de débogage d'applications Web. Points d'arrêt, gestion des exceptions, inspection des variables. 28 Sujet 7. Fonctionnalités de base de Visual Web Developer Express Edition. Outils d'administration de sites Web................................................. ....................................................... ......................33 Thème 8. Protection des sites Web........ .................................. .................... ......................37 Sujet 9. Accès à selon Visual Web Developer Express Edition. Contrôles liés aux données. .................................................................. ......................................40 Sujet 10. Fonctionnalités supplémentaires de Visual Web Édition Développeur Express. Structure et navigation du site. Personnalisation. Technologie des composants WebPart. ......................47 Travaux de laboratoire.................. .................................................................. ...... .................................53 1 Thème 1. Sujet et objectifs de la discipline. Définition et structure des applications web. Classement des applications Web. Le cours présente à l'étudiant une classe de programmes telle que les applications Web, les fondements théoriques de la conception et du développement et les moyens techniques du développement Web. Il existe plusieurs définitions d'une application Web. Une application Web est un ensemble de programmes qui mettent en œuvre le traitement des données dans un domaine d'application spécifique dans l'environnement Web. Une application Web est un outil logiciel auxiliaire conçu pour effectuer automatiquement toute action sur les serveurs Web. En même temps, ils utilisent les navigateurs Web comme interfaces utilisateur. En règle générale, les applications Web sont créées dans différentes versions de l'architecture client-serveur. Une application Web est une application exécutée sur un serveur Web, accessible en envoyant et en recevant des paquets à l'aide du protocole HTTP. Dans ce cours, une application Web est comprise comme une classe d'applications dont les composants effectuent un traitement automatisé des données en interagissant dans un environnement Web. L'architecture générale d'une application Web est un modèle client-serveur dans lequel les composants d'application sont divisés en composants client et serveur, et les composants interagissent en envoyant et en recevant des paquets via le protocole HTTP. Le navigateur Web fait office de client et le serveur Web fait office de serveur. Serveur client de paquets HTTP Fig. 1 Architecture généralisée d'une application web Les tâches d'un serveur web sont d'effectuer un certain ensemble de fonctions de traitement de données et de fournir une interface (logicielle ou utilisateur) via le protocole HTTP pour accéder à ces fonctions. Le composant serveur d'une application Web reçoit une requête d'un client et effectue un traitement de données, puis génère une réponse et/ou une page Web et envoie un paquet de données au client sur le réseau à l'aide du protocole HTTP. Les composants côté serveur d'une application Web peuvent agir en tant que client pour d'autres services, tels qu'une base de données ou une autre application Web située sur un autre serveur. L'un des avantages de cette approche est que les clients sont indépendants du système d'exploitation spécifique de l'utilisateur et que les applications Web sont donc des services multiplateformes. Classification des applications Web 1. selon le degré de connectivité (interface) des composants du système : a. faiblement conjugué b. fortement connecté Le degré de connectivité (conjugaison) des composants du système est le degré auquel chaque composant dépend des autres modules du système. Le degré de connectivité peut être élevé (fort) ou faible (faible). Une application est faiblement couplée si ses composants interagissent les uns avec les autres en utilisant des interfaces immuables et ne dépendent pas de l'implémentation interne de chaque composant. Dans une telle application, la modification de l’implémentation d’un composant ne nécessite pas de modifications de l’implémentation des autres composants. Dans une application étroitement couplée, au contraire, le fonctionnement de l'un des composants dépend de l'implémentation interne d'autres composants, et donc des modifications de ces composants entraînent des modifications des 2 composants dépendants. De plus, les composants individuels d’une application étroitement couplée sont difficiles à comprendre lorsqu’ils sont visualisés sans les composants dépendants de cette application. De plus, la présence de connexions solides entre les composants rend difficile leur test indépendant. 2. par le nombre de niveaux logiques dans l'infrastructure applicative. un. à deux niveaux b. n-tier La structure logique d'une application peut être divisée en trois couches : les services utilisateur (couche de présentation), les services d'application (couche de logique métier) et les services de données. Les services utilisateur sont l'interface du système avec l'utilisateur, qui permet à l'utilisateur de contrôler le système et au système de fournir le résultat des actions de l'utilisateur. Les services applicatifs implémentent la logique métier de l'application, c'est-à-dire définir les objets métier et leurs interactions. Ainsi, les services applicatifs mettent en œuvre des algorithmes de traitement des données en fonction des demandes des utilisateurs et des règles métiers. Les services de données fournissent le stockage des données et les méthodes pour y accéder. Si les deux premiers niveaux logiques (services utilisateur et applications) sont combinés en un seul niveau d'infrastructure, alors une telle application a une architecture à deux niveaux. Si chaque niveau logique correspond à un niveau d'infrastructure distinct, il s'agit alors d'une application à trois niveaux, ce qui est le cas le plus courant de l'option à n niveaux. L'introduction d'une couche supplémentaire dans l'infrastructure permet de remplacer ou de modifier n'importe laquelle des couches si nécessaire. Par exemple, changer le système d'exploitation du client au niveau de la présentation des données nécessitera de changer uniquement le code de l'interface utilisateur ; la logique métier et le niveau d'accès aux données resteront inchangés. 3. par le type d'informations fournies à l'utilisateur a. statique B. dynamique Les applications dynamiques contiennent un contenu changeant (contenu) et une application Web statique contient un contenu inchangé. Exigences relatives aux applications Web La qualité de l'application en cours de développement est déterminée par la manière dont elle répond aux exigences définies lors de la phase de conception du système. Toutes les exigences relatives aux applications, y compris les applications Web, sont divisées en fonctionnelles et non fonctionnelles. Les exigences fonctionnelles définissent les fonctionnalités du système que les développeurs doivent créer afin que les utilisateurs puissent effectuer leurs tâches dans le cadre de leurs processus métier. Les exigences non fonctionnelles sont une description des caractéristiques de l'application qui sont importantes pour l'utilisateur lorsqu'il travaille avec le système. Considérons quelles caractéristiques définissent les exigences non fonctionnelles du système : la fiabilité. Formellement, la fiabilité est la capacité d'une application à maintenir dans le temps, dans des limites établies, les valeurs de tous les paramètres qui caractérisent la capacité à exécuter les fonctions requises dans des modes et conditions d'utilisation donnés (GOST 27.002-89). Ceux. les exigences de fiabilité de l'application sont déterminées par les conditions de fonctionnement de l'application (paramètres du serveur, nombre maximum d'utilisateurs de l'application) et des indicateurs acceptables de la qualité de fonctionnement du système dans ces conditions (temps de traitement d'une demande utilisateur au système, nombre de pannes du système ). Ainsi, une application Web fiable doit permettre à l'utilisateur d'accéder à toutes les fonctions dans 3 conditions quelconques (c'est-à-dire que toutes les conditions possibles pour une application donnée doivent être considérées et prises en compte lors de la conception du système). performances des applications. La performance est définie comme le temps moyen de traitement d'une requête utilisateur adressée au système. Le temps de réponse maximum acceptable pour les applications Web est de 5 secondes. sécurité. L'exigence de sécurité d'une application web comprend : la différenciation des droits d'accès aux fonctions et données de chaque composant de l'application web, le contrôle du niveau d'accès des composants et/ou des utilisateurs, l'autorisation et la vérification des utilisateurs. L'évolutivité est la capacité d'un système à augmenter ses performances sous une charge accrue et l'ajout de ressources. Pour l'utilisateur d'une application Web évolutive, cela doit rester imperceptible (c'est-à-dire que le temps de réponse du système aux demandes des utilisateurs ne doit pas changer sensiblement) lorsque la charge augmente (par exemple, plusieurs utilisateurs supplémentaires accèdent à l'application en même temps) et lorsque la configuration de l'application change (par exemple, si un composant de traitement de données supplémentaire est ajouté à la couche de logique métier). Plus de détails sur les exigences relatives à l'application et les méthodes de collecte, d'analyse et de contrôle peuvent être trouvés dans le livre. Sujet 2. Bases de la conception d'applications Web. Cycle de vie d'une application Web. Test de charge. Regardons les principales étapes de création d'une application Web. Le processus de développement d’une application web, comme de tout système d’information, est défini par la notion de « cycle de vie ». Un modèle de cycle de vie est une structure composée de processus, d'activités et de tâches qui incluent le développement, l'exploitation et la maintenance d'un produit logiciel, couvrant la durée de vie d'un système depuis l'établissement de ses exigences jusqu'à la fin de son utilisation. Le principal document réglementaire réglementant le cycle de vie des logiciels est la norme internationale ISO/IEC 12207. Cette norme définit les processus, activités et tâches qui sont utilisés : lors de l'achat d'un système contenant un logiciel ou d'un produit logiciel fourni séparément ; lors de la fourniture de services logiciels, ainsi que lors de la fourniture, du développement, de l'exploitation et de la maintenance de produits logiciels. La structure du cycle de vie repose sur trois groupes de processus : les principaux processus du cycle de vie du logiciel (commande, livraison, développement, exploitation, maintenance) ; processus auxiliaires qui assurent la mise en œuvre des processus principaux (documentation, gestion de la configuration, assurance qualité, vérification, certification, évaluation, audit, résolution de problèmes) ; processus organisationnels (gestion de projet, création d'infrastructure de projet, définition, évaluation et amélioration du cycle de vie lui-même, formation). Le cycle de vie comporte 4 phases : 1) analyse et planification des besoins. À ce stade, un ensemble de fonctions est déterminé que le système doit exécuter, en mettant en évidence celles prioritaires qui doivent être mises en œuvre le plus rapidement ; une description des besoins d'information du système est réalisée ; les coûts des matériaux, le matériel sont déterminés et les délais d'exécution des travaux sont établis. 2) la conception du système peut être réalisée à l’aide des outils CASE. À ce stade, les fonctions du système et les connexions entre elles sont analysées, les exigences de restriction de l'accès aux données et à la documentation nécessaire sont établies et une décision est prise de diviser le système en sous-systèmes. Le résultat de l'étape est un modèle général des objets et des connexions entre eux, un modèle fonctionnel dans son ensemble et de chaque sous-système, des interfaces définies précisément à l'aide des outils CASE, la construction de prototypes d'écrans, de dialogues et de rapports. 3) construction (mise en œuvre et test du système). À ce stade, le développement de l'application a lieu - génération ou développement de code, intégration de l'ensemble du système dans son ensemble. Le résultat de l'étape est un système fini qui répond à toutes les exigences avancées lors de la première étape. 4) mise en œuvre du système et formation des utilisateurs. Les principaux types de modèles de cycle de vie : modèle en cascade modèle en spirale Lorsque vous travaillez sur le modèle en cascade, l'ensemble du développement est divisé en étapes (phases) et la transition d'une étape à la suivante ne se produit qu'une fois le travail sur l'étape en cours terminé. complété. Chaque étape aboutit à la publication d'un ensemble complet de documentation suffisant pour permettre la poursuite du développement par une autre équipe de développement. Les aspects positifs de l'utilisation de l'approche en cascade sont les suivants : à chaque étape, un ensemble complet de documentation du projet est généré qui répond aux critères d'exhaustivité et de cohérence ; les étapes de travaux réalisées dans un enchaînement logique permettent de planifier le délai de réalisation de l'ensemble des travaux et les coûts correspondants. La séquence de travail dans le modèle en cascade est la suivante : Fig. 2 Modèle de cycle de vie en cascade L'approche en cascade a fait ses preuves dans les systèmes de construction pour lesquels toutes les exigences peuvent être formulées de manière assez précise et complète au tout début du développement afin de donner aux développeurs la liberté de les mettre en œuvre au mieux d'un point de vue technique. de vue. Les systèmes de calcul complexes, les systèmes en temps réel et autres tâches similaires entrent dans cette catégorie. Cependant, lors de l'utilisation de cette approche, un certain nombre de ses inconvénients ont été découverts, principalement dus au fait que le véritable processus de création de logiciels ne s'inscrivait jamais complètement dans un schéma aussi rigide. Le principal inconvénient de l’approche en cascade est le retard important dans l’obtention des résultats. La coordination des résultats avec les utilisateurs n'est effectuée qu'aux points prévus après l'achèvement de chaque étape des travaux ; les exigences du SI sont « figées » sous forme de spécifications techniques pendant toute la durée de sa création. Ainsi, les utilisateurs ne peuvent faire leurs commentaires qu'une fois les travaux sur le système complètement terminés. Un modèle alternatif est le modèle du cycle de vie en spirale. Ce modèle reconnaît la nécessité de continuellement examiner, affiner et évaluer les exigences de conception. Le modèle met l'accent sur les premières étapes du cycle : analyse et conception. A ces étapes, la faisabilité des solutions techniques est testée en créant 5 prototypes. Chaque tour de spirale correspond à la création d'un fragment ou d'une version du système, sur lequel sont précisés les objectifs et les caractéristiques du projet, sa qualité est déterminée et le travail du prochain tour de spirale est planifié. Ainsi, les détails du projet sont approfondis et systématiquement précisés, et en conséquence, une option raisonnable est sélectionnée, qui est mise en œuvre. Cette approche peut être très efficace lors du développement rapide de petits projets. Il encourage l'interaction active entre l'équipe de projet et le client alors que le client évalue l'avancement et les résultats du travail tout au long du projet. L'inconvénient du modèle en spirale est le manque de jalons clairs (points de contrôle entre les étapes du cycle de vie du projet), ce qui peut conduire au chaos dans le processus de développement. Riz. 3 Le modèle de cycle de vie Microsoft Spiral a été développé par la méthodologie MSF, Microsoft Solution Framework. Ce modèle combine les propriétés de deux modèles standards de production : cascade et spirale. Il conserve l'ordre du modèle en cascade sans perdre la flexibilité et la créativité du modèle en spirale. Le modèle de processus MSF prend en compte les changements constants dans les exigences du projet. Il suppose que le développement d’une solution doit consister en cycles courts qui créent un mouvement progressif depuis les versions les plus simples de la solution jusqu’à sa forme finale. Dans la méthodologie MSF, le cycle de vie du projet est divisé en 5 phases (étapes) : 1. Phase de développement du concept - à ce stade, les objectifs et les limites du projet sont déterminés et les risques du projet sont évalués. 2. La phase de planification comprend la préparation d'une spécification des exigences du projet, l'estimation des coûts du projet et des délais de développement pour diverses composantes du projet. 3. Phase de développement – Au cours de cette phase de développement, l'équipe de projet se concentre sur la création des composants de la solution (y compris la documentation et le code du programme). Toutefois, une partie de ces travaux pourra également se poursuivre pendant la phase de stabilisation si un tel besoin est identifié lors des tests. Cette phase comprend également le développement des infrastructures. 4. Phase de stabilisation. Durant la phase de stabilisation, la solution développée est testée. L'attention est portée sur son fonctionnement dans un modèle réaliste de l'environnement de production. 5. Phase de mise en œuvre. Au cours de cette phase, l'équipe de projet met en œuvre les technologies et les composants de la solution, stabilise la solution mise en œuvre, délègue le travail au personnel de support et obtient l'approbation finale des livrables du projet du client. Une fois la mise en œuvre terminée, l'équipe projet analyse le travail effectué et la satisfaction du client. Au cours de cette phase, les efforts visant à stabiliser la solution peuvent se poursuivre à mesure que les composants de la solution sont migrés de l'environnement de test 6 vers l'environnement de production. Cette méthodologie de développement logiciel décrit la gestion des personnes (équipe de projet) et des processus de travail lors du développement d'une solution. Le MSF est un ensemble cohérent de concepts, de modèles et de règles. Au sein de MSF, le code, la documentation, les conceptions, les plans et autres supports de travail sont créés de manière itérative. MSF vous recommande de commencer à développer une solution en créant, testant et implémentant ses fonctionnalités de base. Puis de plus en plus de nouvelles fonctionnalités sont ajoutées à la solution. Cette stratégie est appelée stratégie de versionnement. Bien que publier une seule version puisse suffire pour de petits projets, il est recommandé de ne pas manquer l’opportunité de créer plusieurs versions d’une même solution. Avec la création de nouvelles versions, les fonctionnalités de la solution évoluent. Une description détaillée de la méthodologie MSF est fournie sur le site Web de Microsoft. Sujet 3. Bases de la conception d'applications Web. Sites Internet. Services Web. Un site Web est une ou un ensemble de pages Web accessibles sur Internet via les protocoles HTTP/HTTPS. Les pages d'un site Web sont liées par une adresse racine commune et généralement par thème, structure logique, conception et/ou paternité. Les informations fournies à l’utilisateur sur le site peuvent être statiques, et le serveur n’est dans ce cas qu’un référentiel des pages du site, qu’il transmet telles quelles à la demande du client. Un autre schéma de fonctionnement d'une application Web apparaît si le site Web fonctionne avec des informations dynamiques, c'est-à-dire l’information doit dépendre de qui y a accès et à quel moment. Un site Web dynamique peut contenir des écrans flash, des vidéos, des animations ainsi que des pages statiques individuelles. Examinons les avantages et les inconvénients d'un site Web statique. Les avantages incluent le coût de développement et de support technique (hébergement) relativement faible. L'inconvénient est la nécessité de modifier le code du programme si vous souhaitez modifier le contenu du site. À mesure que le volume du site augmente, il devient problématique de maintenir son intégrité. Un site dynamique permet un échange bidirectionnel d'informations entre l'utilisateur et l'application, et il est également plus pratique à gérer et à entretenir, car Cela ne nécessite pas de modification du code de la page. Dans le même temps, un site dynamique est plus coûteux à supporter techniquement qu'un site statique et nécessite plus de ressources serveur. Dans une application Web statique, il n'y a pas de séparation des couches logiques de l'application en couches de présentation, de traitement et d'accès aux données. Dans une application dynamique, une telle séparation apparaît. Les données ne sont plus stockées dans le code des pages web, mais dans des fichiers séparés ou dans une base de données (DB). La couche de traitement des données peut être implémentée en tant que composant monolithique d'une application Web, ou des composants individuels peuvent être isolés sous la forme de services Web spéciaux, de logiciels, accessibles via le Web. L'utilisation de tels composants améliore l'évolutivité du système et rend les composants réutilisables. Un service Web est un système logiciel, identifié par une chaîne URI, dont les interfaces publiques et les liaisons sont définies et décrites à l'aide de XML. La description de ce système logiciel peut être trouvée par d'autres systèmes logiciels qui peuvent interagir avec lui selon cette description 7 au travers de messages basés sur XML et transmis à l'aide de protocoles Internet. Les services Web offrent les avantages suivants au système : l'interaction des composants logiciels est possible quelle que soit la plate-forme ; grâce à l'utilisation du protocole HTTP, l'interaction des composants via le Web est possible. Du point de vue de l'organisation logique des web services : Appelons un service une ressource qui implémente une fonction métier et possède les propriétés suivantes : elle est réutilisable ; défini par une ou plusieurs interfaces explicites indépendantes de la technologie ; est faiblement couplé à d'autres ressources similaires et peut être invoqué via des protocoles de communication qui permettent aux ressources d'interagir les unes avec les autres. Autrement dit, l'utilisation de services Web permet de desserrer le couplage des composants d'une application Web. Pour fournir à l'utilisateur final les fonctions implémentées par un service Web, il est nécessaire d'organiser l'interaction de trois composants : la source de la demande au service Web, le fournisseur de services Web et le courtier de services Web, qui fait office de un intermédiaire entre la source et le fournisseur de services Web. Riz. 4Services Web. Interaction des composants. SOAP (Simple Object Access Protocol) est un protocole de messagerie entre le fournisseur et le consommateur d'un service web, le protocole est basé sur XML et HTTP. WSDL (Web Service Description Language) est un langage qui est un schéma XML qui décrit les méthodes et les paramètres d'un service Web. Un schéma XML est un ensemble de balises utilisées dans un document XML. Il vous permet de déterminer avec précision quelles données sont contenues dans le document XML correspondant et de vérifier son intégrité. Le protocole UDDI (Universal Description, Discovery, and Integration) est un cadre ouvert et indépendant de la plate-forme pour la description, la recherche et l'intégration de services sur le Web. Pour plus de détails, visitez www.uddi.com. Sujet 4. Visual Web Developer Express Edition. Une idée générale du produit en tant qu'outil de développement d'applications Web dynamiques. Nous nous sommes familiarisés avec les fondements théoriques de la conception d'applications Web, l'étape suivante consiste à appliquer les connaissances acquises lors du développement d'une application. 8 Développer des applications Web complexes à partir de zéro est une tâche à forte intensité de main-d'œuvre qui nécessite que les développeurs possèdent des compétences en conception et en développement de systèmes d'information. Pour les personnes débutant leur parcours dans le domaine du développement Web, la résolution de ce problème devient plus accessible grâce à des outils de développement spécifiquement axés sur les besoins des utilisateurs novices. Un environnement de développement populaire qui répond à cette exigence est Microsoft Visual Web Developer Express Edition. Pour chaque niveau d'une application web (interface, logique métier, données), VWD propose des outils de développement efficaces (voir ci-dessous). Les applications Web de Visual Web Developer Express Edition reposent sur la technologie ASP.NET. ASP.NET est un framework permettant de développer et d'exécuter des applications sur un serveur Web, y compris des objets et des contrôles au moment de la conception et un contexte d'exécution. ASP.NET, quant à lui, fait partie du .NET Framework et donne donc accès à toutes les fonctionnalités de cette plateforme. Par exemple, vous pouvez créer des applications Web ASP.NET dans n'importe quel langage de programmation .NET (Visual Basic, C#, Managed Extensions pour C++ et bien d'autres) et des outils de débogage .NET. L'accès aux données s'effectue à l'aide d'ADO.NET. De même, vous pouvez accéder aux services du système d'exploitation à l'aide des classes .NET Framework, etc. Les applications Web ASP.NET s'exécutent sur un serveur Web configuré pour exécuter Microsoft Internet Information Services (IIS). Cependant, il n’est pas nécessaire de travailler directement avec IIS. Vous pouvez programmer des outils IIS à l'aide de classes ASP.NET, et Visual Web Developer Express Edition effectuera des tâches de gestion de fichiers, telles que la création d'applications IIS selon les besoins et la fourniture de moyens de déployer des applications Web sur IIS. L'avantage d'utiliser Visual Web Developer Express Edition pour créer des applications Web est qu'il fournit des outils qui rendent le développement d'applications beaucoup plus rapide, plus facile et plus fiable. Ces outils incluent : Des concepteurs visuels pour les pages Web avec des prototypes de contrôle et une vue de code (HTML) qui vous permet de vérifier la syntaxe de votre code. Éditeurs de code optimisés qui incluent les fonctionnalités IntelliSense. IntelliSense dans Visual Web Developer Express Edition est un outil qui offre à l'utilisateur un accès rapide à toutes les fonctionnalités du langage de programmation. Il vous permet de rechercher des éléments de langage en mode édition de code de programme, de sélectionner l'élément approprié et de l'ajouter au code. Intellisense offre les fonctionnalités suivantes : o Afficher une liste de membres de classe (structure, union ou espace de noms) pour un objet spécifié de cette classe. Le membre de la classe sélectionné dans cette liste sera ajouté au code du programme. o visualiser la liste des paramètres de la fonction spécifiée dans le code. Les informations sur la fonction incluent les noms et les types de tous les paramètres, ainsi que le type de la valeur de retour. o accès aux informations sur une variable. Cette fonction vous permet de sélectionner un identifiant de variable dans votre code pour voir comment cette variable a été déclarée. o auto-complétion. Cette fonction complète les noms de variables et de fonctions non écrits lorsque suffisamment de caractères ont été saisis pour résoudre l'ambiguïté du nom. o Contrôle automatique des crochets d'ouverture et de fermeture correspondants et des segments de code ouvert. Outils de compilation et de débogage intégrés. 9 Outils de gestion de projet pour la création et la gestion de fichiers d'application, y compris le déploiement sur un serveur local ou distant. Éléments des applications Web ASP.NET La création d'applications Web ASP.NET implique de travailler avec bon nombre des mêmes éléments que ceux utilisés dans toute application client-serveur. Ceux-ci incluent : Interface utilisateur. Une application affiche généralement des données à l'utilisateur ; Dans une application Web ASP.NET, l'interface utilisateur est présentée sous la forme de pages Web Forms qui dirigent la sortie vers le navigateur. Si nécessaire, vous pouvez créer une sortie spécialement conçue pour fonctionner avec des appareils mobiles ou d'autres appareils Web. Composants. De nombreuses applications Web peuvent être divisées en composants contenant du code pour effectuer des tâches spécifiques et peuvent être réutilisées. Ces composants peuvent être créés sous forme de services Web XML, ce qui permet d'appeler ces composants sur Internet, par exemple à partir d'une application Web, d'un autre service Web ou d'un formulaire Windows, et de les réutiliser. Données. La plupart des applications nécessitent un accès aux données sous une forme ou une autre. Dans Visual Web Developer Express Edition, vous pouvez utiliser ADO.NET (Data Services, qui fait partie du .NET Framework) pour ce faire. Création d'une application Web dans Visual Web Developer Express Edition Examinons la séquence d'étapes permettant de créer une application Web simple dans Visual Web Developer Express Edition. Il s'agira d'un site Web qui affichera un message (tel que "Hello World") lorsque vous cliquerez sur un bouton. Un nouveau site Web peut être créé en sélectionnant Fichier | Nouveau site Internet. La boîte de dialogue qui apparaît vous demande de sélectionner le type de site que vous souhaitez créer : il peut s'agir d'un site Web ASP.NET, d'un site Web vide, d'un service Web ASP.NET ou d'un kit de démarrage de site Web personnel. Si vous sélectionnez le modèle de site Web ASP.NET, Visual Web Developer Express Edition générera le nombre minimum de fichiers requis pour créer un site Web. Cela créera une page Web, un répertoire de données vide et un fichier de projet .sln. Si vous sélectionnez le modèle de service Web ASP.NET, Visual Web Developer Express Edition générera le nombre minimum de fichiers requis pour créer le service Web. Si vous sélectionnez le modèle Site Web vide, seuls un répertoire vide et un fichier de projet .sln seront créés. Si vous sélectionnez le modèle Kit de démarrage de site Web personnel, Visual Web Developer Express Edition utilise un kit de démarrage, un exemple de site Web personnel avec certaines fonctionnalités intégrées. Dans la liste Emplacement, vous pouvez sélectionner un emplacement pour le site Web que vous créez. Vous disposez de trois options : HTTP - la manière traditionnelle d'accéder à un site Web via HTTP à l'aide des extensions serveur FrontPage (identiques à celles utilisées dans les versions précédentes) ; FTP - l'accès au site se fera via le protocole FTP ; Le système de fichiers est une nouvelle fonctionnalité d'ASP.NET 2.0 proposée par défaut. Lorsque vous le sélectionnez, un site Web sera créé simplement dans le répertoire du système de fichiers de l'ordinateur local, et le serveur Web de débogage intégré à ASP.NET sera utilisé pour le débogage. Une fois l'application développée, elle devra être publiée sur un serveur Web Internet Information Server classique. Pour notre exemple, nous sélectionnons le modèle de site Web ASP.NET. Entrez le nom du site - HelloWorld, et le chemin d'accès à celui-ci, indiquez le langage de programmation - Visual C#. dix

Introduction

Après avoir analysé plusieurs sites qui fournissent un support informationnel aux petites entreprises pour le respect de leurs objectifs, leurs exigences psychophysiologiques et leur contenu informationnel, ainsi que l'exactitude du choix des outils de développement, les lacunes caractéristiques suivantes peuvent être identifiées :

· non-conformité du site aux exigences psychophysiologiques, ce qui entraîne une fatigue ou une distraction accrue ;

· redondance ou manque d'informations fournies ;

· mauvais choix d'outils de développement, ce qui entraîne une augmentation déraisonnable du coût du produit fini.

Ainsi, déterminer la fonctionnalité des outils et des langages pour le développement de sites Web, ainsi que les exigences psychophysiologiques pour les informations textuelles et graphiques présentées sur l'écran du moniteur, semble être une tâche urgente.

De plus, avec le nombre d'utilisateurs en ligne estimé à plus de 500 millions (et en croissance d'environ 7 % par mois), il est nécessaire de rechercher des moyens d'utiliser les nouvelles technologies qui peuvent aider à attirer et à retenir l'attention des utilisateurs en voyage. à travers les vastes étendues du Web.

Le sujet de la recherche concerne les technologies du Web.

Objet – environnements et langages pour développer des applications Web.

Le but du travail est d'envisager les possibilités d'utilisation pratique des langages et des outils de développement d'applications Web.

1) considérer les concepts de base des technologies Web ;

2) donner diverses classifications des applications Web utilisées dans les activités commerciales ;

3) considérer les exigences psychophysiques des applications Web ;

4) déterminer les domaines d'application des langages de programmation pour le développement d'applications Web ;

5) analyser la fonctionnalité des environnements de création d'applications Web.

Il vaut la peine d'aborder la tâche de créer votre propre « représentation Internet » de manière responsable. Le site doit être facile à utiliser - les pages doivent se charger le plus rapidement possible et la ressource elle-même doit avoir une structure logique et compréhensible. Ce n'est que dans ce cas que vous pouvez compter sur le fait que le visiteur sera intéressé par les informations fournies et restera sur le site.

Le développement de la technologie informatique moderne et l’introduction de nouvelles technologies ont marqué le début d’une nouvelle direction de la vie sur Terre. En assez peu de temps dans le développement de la microélectronique et de la cybernétique, de nombreux changements se sont produits.

Le développement progressif de la technologie a provoqué l’émergence de nouveaux produits logiciels. Chaque année, de plus en plus de langages de programmation sont introduits. Tous s’adressent principalement au public cible.

Non seulement les ordinateurs se développent, mais aussi les réseaux. S’il y a seulement quelques décennies, Internet n’était qu’un petit réseau privé, il s’agit aujourd’hui d’un gigantesque système d’ordinateurs interconnectés, sans lequel nous ne pourrions peut-être pas imaginer la vie.

Internet n'est pas seulement une « piscine fraîche » dans laquelle les personnes très « surchauffées » se sentent si à l'aise, mais aussi un endroit où vous pouvez « toucher » presque n'importe quel sujet d'actualité sans craindre de vous brûler.

Les informations mises à la disposition des internautes se trouvent sur des ordinateurs (serveurs Web) sur lesquels des logiciels spéciaux sont installés. Une grande partie de ces informations est organisée sous forme de sites Web. Chacun d'eux a son propre nom (adresse) sur Internet. Un site Web est une information présentée sous une certaine forme, située sur un serveur Web et possédant son propre nom. Pour afficher les sites Web sur l'ordinateur de l'utilisateur, des programmes spéciaux appelés navigateurs sont utilisés. Les navigateurs les plus courants de nos jours sont Internet Explorer et Netscape Navigator. En fonction du nom du site que nous indiquons dans la ligne « Adresse », le navigateur chargera les informations correspondantes dans sa fenêtre.

Un site Web est constitué de pages Web interconnectées. Une page Web est un fichier texte avec l'extension *.htm, qui contient des informations textuelles et des commandes spéciales - des codes HTML qui déterminent la manière dont ces informations seront affichées dans la fenêtre du navigateur. Toutes les informations graphiques, audio et vidéo ne sont pas incluses directement dans la page Web et sont représentées par des fichiers distincts (Figure 1, Annexe A).

Les applications Web modernes sont principalement des portails qui fournissent des services qui ne peuvent être utilisés nulle part ailleurs. L'un des inconvénients de ces services est la difficulté d'échanger des informations entre les entreprises. En particulier, même les coordonnées et autres informations personnelles doivent être ressaisies sur chacun de ces sites.

Actuellement, en termes de finalité, il existe trois principaux types de portails :

· Portails publics ou horizontaux (parfois appelés méga-portails), tels que Yahoo, Lycos, Excite, Rambler. De tels portails sont souvent le résultat du développement des moteurs de recherche. Ils s'adressent au public le plus large, ce qui se reflète dans le contenu des informations et des services qu'ils proposent. Généralement, ces informations sont de nature générale, tout comme les services fournis (e-mail, newsletters, etc.).

· Portails verticaux. Ce type de portail est destiné à des types de marché spécifiques et s'adresse au public utilisant les services de ce marché ou y travaillant. De tels portails incluent, par exemple, les agences de voyages qui fournissent des services de réservation d'hôtels, de commande et de livraison de billets, l'accès à des cartes et des informations sur les itinéraires routiers, ou des portails B2B (business-to-business) qui permettent à leurs clients de mettre en œuvre des opérations commerciales (par exemple, sélection de fournisseurs et achat de biens, conduite d'enchères).

· Les portails d'entreprise sont destinés aux employés, clients et partenaires d'une entreprise. Les utilisateurs d'un tel portail ont accès aux services et applications qui leur sont destinés, en fonction de leur rôle et de leur profil personnel.

Autres applications Web les plus courantes :

· Portails Internet régionaux, universels dans leur portée, mais limités par la géographie des visiteurs intéressés (e1.ru) ;

· Les moteurs de recherche sont des portails Internet conçus pour offrir à leurs visiteurs la possibilité de trouver des sites sur lesquels apparaissent des mots spécifiés ou des phrases entières (metabot.ru) ;

· Un répertoire est une collection de liens vers des sites. Pourquoi avons-nous besoin de catalogues s'il y a une recherche ? Très souvent, nous ne savons pas exactement ce dont nous avons besoin, nous ne pouvons pas le formuler en quelques mots (mail.ru) ;

· Les tableaux d'affichage électroniques sont un espace sur Internet où presque tout le monde peut laisser des informations à caractère informatif, sur invitation ou publicitaire ;

· Les forums sont des sites spéciaux ou des sections sur des sites conçus pour permettre aux visiteurs de laisser des messages et d'échanger des opinions ;

· Les chats sont un autre lieu de communication sur Internet, mais leur but n'est pas d'échanger des opinions sur un sujet, mais simplement de passer le temps ;

· Fichiers à télécharger ;

· Galeries de photos ;

· Éléments de statistiques ;

· Stockage de diverses informations sur Internet ;

· Serveurs de listes de diffusion, ils offrent des services pour fournir des informations à un large éventail de lecteurs (subscribe.ru) ;

· Boutiques et ventes aux enchères en ligne (ozon.ru, molotok.ru).

Le point de départ d'un projet web est une analyse des objectifs du site et des fonctionnalités qui seront proposées à l'utilisateur.

La deuxième étape consistera à construire l'architecture informationnelle du site.

Une fois tous les éléments du site et sa structure connus, vous pouvez passer à la conception de la navigation et des pages elles-mêmes.

Il est nécessaire de placer un lien clairement visible vers le plan du site sur chaque page. La page affichant la carte ne doit pas dépasser deux pages sur l'écran de l'utilisateur. Deux types de cartes sont utilisées : statiques et dynamiques. Il est plus efficace d'utiliser une carte avec un affichage statique de l'architecture de l'information, car une vue dynamique conduit l'utilisateur à une confusion encore plus grande. La carte a été créée afin de mieux orienter l'utilisateur, la carte doit donc afficher non seulement la position actuelle de l'utilisateur sur le site, mais également les sections qu'il a déjà visitées.

La page principale du site Internet de l’entreprise est la face du site, face à l’ensemble du réseau (Figure 2 Annexe B). La page principale énonce clairement les objectifs de l'entreprise, et chaque élément de conception doit permettre à l'utilisateur de mieux comprendre le site et de décider de la séquence d'actions pour résoudre ses problèmes.

C'est à partir de la page principale que la plupart des utilisateurs commencent leur parcours sur le site. Dans le même temps, notre site doit être conçu de manière à ce que les personnes qui y accèdent via un lien profond se sentent à l'aise. Pour ce faire, vous devez placer sur chaque page du site :

· nom ou logo de l'entreprise dans le coin supérieur gauche

· slogan individuel pour le site, composé d'une phrase

On ne peut pas supposer que l'utilisateur est arrivé à cette page après avoir parcouru tout le chemin du début à la fin. Il est fort possible qu'il n'ait pas vu les informations que nous avons indiquées sur les pages du plus haut niveau de la hiérarchie. Avec les liens profonds, il faut orienter l'utilisateur vers un lieu, lui indiquer où il se trouve actuellement sur le site, en indiquant un maillon de chaîne sur la page. S'il est nécessaire qu'une page ne soit pas indexée dans les moteurs de recherche, vous devez saisir l'élément "HEAD" .

Dans la section « À propos de nous », vous devez fournir des informations de base sur l'entreprise :

· Coordonnées;

· philosophie de l'organisation (vision de l'entreprise, relations avec la société, aspirations) ;

· les principales étapes historiques ;

Une longue explication en haut de la page « À propos de nous » aide l'utilisateur à mieux comprendre ce que contient ce cadeau.

Le texte doit être facile à lire aussi bien par les jeunes que par les moins jeunes, c'est pourquoi nous devrons spécifier la taille de la police en unités relatives plutôt qu'en unités absolues, puisque la taille doit être choisie par les utilisateurs eux-mêmes. Dans ce cas, le texte doit tenir entièrement sur la page, afin de ne pas gêner l'utilisation du défilement horizontal des pages du site.

Les utilisateurs lisent rarement les pages Web mot par mot. Lors du premier visionnage, il recherche des faits et ignore les détails, mais après avoir trouvé du matériel intéressant, il peut approfondir. Un schéma approximatif de visualisation de page ressemble à ceci : la première ligne horizontale est visualisée dans son intégralité, la suivante n'est pas visualisée dans toute sa profondeur, et à chaque ligne suivante, la capture d'informations est de plus en plus réduite.

Par conséquent, les utilisateurs ne consultent souvent que la partie supérieure de l’article. Et seuls les lecteurs les plus intéressés feront défiler la page, et seuls ces quelques-uns comprendront l'histoire de l'article dans tous ses détails. Par conséquent, il est important d'appliquer le « principe de la pyramide inversée », qui consiste dans le fait que l'article commence par une « conclusion », puis il y a un message sur les informations les plus importantes, et à la fin le contexte de l'événement est donné.

Pour rendre les pages faciles à consulter, nous utiliserons :

· mise en évidence de mots-clés ;

· des titres bien rédigés ;

· listes avec marqueurs ;

· un paragraphe par idée (les utilisateurs ignoreront toutes les autres idées s'ils ne sont pas attirés par les mots principaux du paragraphe) ;

· style pyramide inversée (où l'article commence par une conclusion) ;

· moins de mots que dans un article ordinaire ;

· un minimum de termes peu clairs ;

· indication de la date de création du message (pour savoir sa durée, c'est pertinent pour le moment) ;

· informations contextuelles de l'attribut "ALT".

· Les en-têtes d'e-mails sont souvent affichés hors contexte :

· dans la liste des articles du site ;

· dans les en-têtes des messages électroniques ;

· dans les résultats de recherche ;

· dans les favoris du navigateur.

Dans le même temps, les utilisateurs ne devraient pas avoir de connaissances approfondies pour comprendre notre titre s'ils sautent le texte sous les titres. Pour cette raison, le texte du titre doit être un élément d’information autonome qui permet de le comprendre en l’absence du reste du contenu. Lors de la rédaction d'un titre, il faut utiliser un langage neutre, et ne pas utiliser : des jeux de mots, des « sophistications », des « incitations », des majuscules (comme on a l'impression qu'on crie après l'utilisateur)

Les utilisateurs préfèrent les titres significatifs. Plus le microcontenu est court, plus il est facile à parcourir. Il est nécessaire d'exclure l'utilisation du même mot au début de chaque article et titre de page, car si plusieurs de ces articles sont utilisés simultanément, il sera difficile de sélectionner l'article souhaité dans le panneau ou les signets.

Lorsque vous demandez à nous fournir une adresse email, il est nécessaire de dire, ici et maintenant, ce que exactement l'utilisateur recevra, et à quelle fréquence vous perturberez la tranquillité de sa boîte mail. Les références Mailto doivent être utilisées de telle manière qu'il soit clair qu'il s'agit d'une adresse postale. Ne placez pas de liens de courrier électronique sur les noms, car cliquer sur un nom devrait conduire à sa biographie. Lors d'une communication par email, il n'y a aucune raison d'utiliser le nom précis d'un des collaborateurs, sauf si l'utilisateur a noué une relation personnelle avec lui (les emails provenant d'inconnus finissent le plus souvent à la poubelle).

Pour augmenter la crédibilité du site, il est nécessaire d'utiliser des images graphiques de haute qualité. Cependant, vous ne devez pas utiliser de grandes images par défaut. Il est conseillé d'utiliser des croquis et, si nécessaire, de les agrandir autant que le souhaite l'utilisateur. Les miniatures doivent contenir toutes les informations de base sur l'image. Sur le site, il serait plus correct d'utiliser des photographies de vrais employés et clients, plutôt que des modèles photo au sourire éblouissant d'Hollywood. Il faut également utiliser un bon style rédactionnel et des liens hypertextes sortants vers d’autres sites. Il n'est pas nécessaire d'utiliser « l'eau publicitaire », car elle comporte une charge émotionnelle supplémentaire et les utilisateurs doivent passer du temps à trier les hyperboles des faits réels.

Le moyen classique d'augmenter l'attachement à un site est de publier de nouveaux documents avec une certaine régularité (de quotidiennement à mensuellement). Pour ceux que cela intéresse, il est nécessaire d'organiser des envois de matériel frais. Près de 100 % des abonnés visiteront périodiquement le site lui-même à condition que l'auteur leur rappelle lui-même.

La conception d’un site Web doit s’adapter aux personnes. Une option pour un tel appareil est un profil, mais le remplir demande de la patience, c'est pourquoi il est rempli par des visiteurs établis du site. Ainsi, pour suivre les utilisateurs, il est préférable d'utiliser un « cookie », dans le fichier duquel toutes les informations nécessaires sont inscrites, plutôt qu'une fastidieuse procédure d'enregistrement. Si l'enregistrement est toujours nécessaire pour un fonctionnement en toute sécurité, vous ne devez pas créer de formulaires d'inscription trop stricts. S'il est possible d'utiliser la saisie semi-automatique et de placer automatiquement le curseur dans le premier champ du formulaire.

Vous ne devez pas créer de formulaires de recherche sur Internet : si l'utilisateur en a besoin, il utilisera un moteur de recherche spécial.

Les liens doivent être prévisibles ; l’utilisateur doit savoir ce qui se passera s’il clique sur le lien. Expliquez clairement quel est le lien : s'il s'agit de texte, colorez-le ou soulignez-le. Ne cachez pas les différences entre les liens visités et non visités. Créez des liens en espérant que les moteurs de recherche soient les visiteurs les plus importants et qu’ils soient sourds et aveugles à la haute technologie. Concevez vos balises « titre » de manière à ce qu'elles apparaissent bien dans les moteurs de recherche et les favoris, vous devez donc commencer vos liens par un mot-clé.

Évitez l'apparition de liens rompus, car dans ce cas, d'autres sites et moteurs de recherche ne créeront pas de liens vers nous.

Lors de la navigation sur le site, laissez l'utilisateur choisir comment ouvrir les pages, soit dans des fenêtres contextuelles, soit d'une autre manière.

Sur le WEB, les utilisateurs ne prêtent attention à rien d'autre que leur objectif, et les publicités qui les détournent de la réalisation de leur objectif sont tout simplement ignorées. Si notre publicité apparaît avant que l'utilisateur ne trouve le matériel qui l'intéresse, elle sera très probablement fermée. Et lorsqu’il aura terminé sa tâche principale et sera prêt à examiner la publicité de plus près, il ne la verra tout simplement plus car il a fermé la fenêtre contextuelle. Par conséquent, vous ne devez jamais distraire l’utilisateur de votre objectif.

Lorsqu'un utilisateur saisit des mots de requête dans un moteur de recherche, les publicités qui apparaissent dans la liste des résultats de la requête seront directement liées à ce dont la personne a besoin. Et donc il lit ces annonces et clique sur les liens. Une telle publicité coûte beaucoup moins cher que la distribution de dépliants.

Ainsi, le secret du succès est de combiner la publicité avec les objectifs des utilisateurs.

· absence de bouton « Fermer » ;

· indiquez clairement ce qui se passera lorsque vous cliquerez dessus ;

· fournit des informations supplémentaires sur vous-même sans avoir besoin de quitter la page en cours.

Pour réaliser le travail d'évaluation, il est nécessaire d'impliquer de trois à cinq participants. Chacun d'eux fait le travail individuellement. Après quoi, leurs résultats sont comparés et amenés à une conclusion unique. Le test se déroule en deux étapes :

1) compréhension de l'interface ;

2) concentration de l'attention sur certains éléments.

Il est nécessaire de mentionner séparément chaque problème, quelle que soit la manière dont il se répétera dans le futur.

Outils de développement d'applications Web

Domaines d'application des langages de programmation pour le développement d'applications Web

Et le dernier domaine est la création d’applications GUI (interfaces graphiques) exécutées côté client.

Où utiliser Ajax :

· Formes. Ils sont très lents. Si vous transférez des données de manière asynchrone, la page ne se recharge pas.

· Navigation sous forme d'"arbre". En général, une telle navigation est terrible. Une topologie simple est beaucoup plus pratique, mais en fin de compte, il vaut mieux utiliser Ajax.

· Filtres. Les sites Web trient souvent par date ou par nom. Ajax sera beaucoup plus pratique.

Javascript

Les principales utilisations de JavaScript appartiennent aux catégories suivantes :

· création dynamique d'un document à l'aide d'un script ;

· vérification rapide de l'authenticité des champs du formulaire HTML remplis par l'utilisateur avant de les transférer au serveur ;

· création de pages HTML dynamiques avec des feuilles de style en cascade et le modèle objet du document ;

· interaction utilisateur lors de la résolution de problèmes « locaux » résolus par une application JavaScript intégrée dans une page HTML.

VBScript

Voici quelques exemples de problèmes pouvant être résolus en utilisant Perl :

· vérifier les utilisateurs de Windows NT pour déceler des divergences dans leur statut et leurs capacités ;

· gérer les services NT depuis la ligne de commande et à distance depuis une machine locale ; obtenir des données statistiques sur une machine distincte ;

· Peut également fonctionner avec le protocole FTP ;

· Prise en charge du système pour UNIX et Windows.

Dreamweaver présente de nombreux avantages :

Dreamweaver prend en charge le code HTML pur ainsi que les dernières extensions DHTML et CSS.

Contient d'excellents moyens de gestion automatique des connexions, c'est-à-dire que chaque fois que des fichiers sont déplacés dans l'environnement, toutes les connexions sont automatiquement restaurées. Des sections de la page peuvent être bloquées pour les protéger de tout dommage involontaire.

Vous permet d'annuler les modifications apportées il y a plusieurs étapes (cependant, une fois la page enregistrée, vous ne pourrez plus annuler les modifications).

La « vérification dynamique entre navigateurs » est appliquée.

Prend en charge les extensions de développeurs tiers et de Macromedia lui-même (plus de 500).

Dreamweaver est livré avec une bibliothèque d'éléments que vous pouvez utiliser sur des pages Web, tels qu'une barre de navigation, un descripteur de droits d'auteur, etc.

Dreamweaver vous permet de supprimer le code inutile des applications Microsoft, après quoi les pages se chargeront plus rapidement et s'afficheront mieux dans différents navigateurs.

Fireworks est un éditeur graphique avec la possibilité de l'optimiser davantage et de le publier sur le réseau. Grâce à une grande variété d'outils, nous pouvons créer et éditer des graphiques vectoriels et raster dans un seul fichier, au lieu de passer d'un programme à un autre. Fireworks génère du code HTML et JavaScript et peut facilement créer des menus dynamiques et des barres de navigation pour nos pages Web. Une optimisation efficace des fichiers graphiques permet de réduire au maximum leur taille sans perte de qualité.

De plus, il est possible d'éditer les mises en page des pages WEB. Par exemple, dans Fireworks 8, vous pouvez ouvrir un fichier graphique sur toute la largeur du futur site, dessiner le graphisme nécessaire, puis le découper avec l'outil Slice de la manière dont devrait ressembler le futur tableau du document HTML. Après cela, vous pouvez commencer à affiner des éléments graphiques individuels et, entre autres, créer des graphiques actifs qui répondent au curseur, sans aucune connaissance du langage de programmation (JavaScript).

L'un des trois éditeurs graphiques professionnels qui se battent avec plus ou moins de succès pour la primauté dans le travail avec les graphiques vectoriels. FreeHand est beaucoup plus rapide et plus simple que ses concurrents - CorelDraw et Adobe Illustrator. FreeHand est idéal pour créer des logos, des publicités, des graphiques Web et des animations.

Les fabricants du programme ont fait beaucoup d'efforts pour rendre la vie aussi facile que possible aux utilisateurs : l'interface du programme est simple et intuitive, il existe de nombreuses « cloches et sifflets » qui vous permettent d'effectuer rapidement et facilement des transformations d'objets complexes ou de réaliser une variété d'effets artistiques. FreeHand peut exporter et importer des fichiers dans presque tous les formats courants. De plus, il inclut des paramètres de raccourci clavier qui émulent d'autres programmes courants (Adobe Illustrator, CorelDraw). Il n’est donc pas nécessaire de réapprendre lors du passage à FreeHand.

Une fonctionnalité intéressante et importante de FreeHand lorsque vous travaillez sur de grands projets est la possibilité d'apporter des modifications globales au document, à la fois pour le texte et pour tous les objets graphiques. Le mécanisme de remplacement global est très flexible. En plus du remplacement, il vous permet de sélectionner des objets avec des propriétés spécifiées pour une transformation ultérieure. Les principales propriétés utilisées pour rechercher et remplacer ou sélectionner des objets sont la couleur, l'épaisseur du contour, la police et l'angle de rotation.

Les documents FreeHand peuvent facilement être transformés en pages Web. Bien entendu, FreeHand n'est pas un éditeur HTML, mais il prend en charge les éléments HTML de base. En utilisant FreeHand, les pages WEB peuvent être facilement équipées d'une animation Flash. Des blocs de texte, des groupes d'objets et des objets avec contours sont insérés dans un clip d'animation. Un petit clip d'objets FreeHand est créé littéralement avec une seule commande - il ne reste plus qu'à suivre certains paramètres. Chaque image du clip est placée sur un calque séparé ; l'effet d'animation est obtenu en lisant séquentiellement le contenu des calques individuels. Mais les outils FreeHand ne remplaceront pas l'éditeur Macromedia Flash.

Crée des présentations multimédia interactives attrayantes pour les sites WEB. Flash se caractérise par des graphiques vectoriels et des animations, bien que le programme puisse également être utilisé pour manipuler ou afficher des graphiques raster, éditer des séquences vidéo et même manipuler des fichiers audio.

Le contenu Flash est publié dans des fichiers SWF compacts pour être affiché ultérieurement sur diverses plates-formes à l'aide du lecteur Flash. Lorsqu'un fichier SWF est lu en ligne, du contenu tel que des fichiers audio MP3, des vidéos Flash et des images JPEG peuvent être chargés dynamiquement dans le fichier SWF. Le lecteur Flash permet de se connecter à des sources de données pour les combiner avec une base de données, XML ou des services web. Grâce à toutes ces fonctionnalités, des animations et des effets attrayants peuvent être introduits dans les applications basées sur les données. Flash prend en charge l'anticrénelage (lissage des bords en mélangeant les couleurs adjacentes). Ce format de fichier étant basé sur des graphiques vectoriels, l'objet conserve la qualité de l'image quelle que soit la résolution et est idéal pour créer des images d'animation.

Langage événementiel puissant. Le langage ActionScript utilisé est presque un langage de programmation à part entière, avec prise en charge des conditions, boucles, tableaux, fonctions et classes pouvant être héritées.

Flash est favorisé par la petite taille des fichiers résultants, l'utilisation d'un format d'image vectoriel et la compression des fichiers raster et sonores, ce qui a un effet très positif sur la réduction de la taille de la page et de son temps de téléchargement.

Ce programme est très convivial. Il contient de nombreuses balises et modèles prêts à l’emploi.

La flexibilité de l'interface est l'un des points forts du produit. Tout utilisateur peut facilement personnaliser l'interface HomeSite en fonction de ses préférences et de ses besoins.

Pendant qu'il travaille, l'utilisateur peut voir une zone de travail avec deux onglets : Parcourir et Modifier. Autrement dit, la programmation s'effectue dans l'onglet Modifier et le résultat peut être vu si vous sélectionnez l'onglet Parcourir. Lorsque vous créez une nouvelle page, certaines balises comme HTML et BODY apparaissent automatiquement dans le champ d'édition. Il s'agit du modèle qui est chargé lorsque vous créez une nouvelle page. Son contenu peut être modifié.

HomeSite facilite la création d'une architecture de site. Ceci est facilité par le panneau Quick Bar avec un système d'onglets avec des balises prêtes à l'emploi. Les balises dans ces onglets sont très différentes - des plus simples comme un paragraphe aux scripts Java. Vous pouvez généralement laisser un onglet en y ajoutant toutes les balises nécessaires via le menu Personnaliser. Vous pouvez également créer vous-même des balises ou des combinaisons de balises. Lorsque vous cliquez sur un bouton avec une balise spécifique, une fenêtre apparaît dans laquelle vous pouvez configurer les options de la balise et spécifier ses attributs. Prend en charge le mode WYSIWYG avec tous ses avantages et inconvénients.

Pour accélérer votre travail, de nombreux outils d'édition de balises sont disponibles. Il s'agit par exemple de fonctions telles que Tag Completion, Tag Editors et Tag Insight. Ils facilitent grandement la modification des balises et de leurs attributs. Il existe également des extraits de code.

HomeSite s'intègre parfaitement aux outils de gestion de code source et aux systèmes de gestion de projet et offre des fonctionnalités FTP étendues afin que nous puissions déployer votre site rapidement et le maintenir efficacement.

Le programme dispose de trois modes de travail avec un document : Normal, HTML et Aperçu.

En mode Normal, les pages Web sont un fichier texte ordinaire avec la possibilité de modifier tous les éléments, du texte aux images.

En mode HTML, la coloration syntaxique est fournie, mais elle est assez médiocre - les descripteurs sont surlignés en bleu, tout le reste est en noir.

En mode Aperçu, vous pouvez voir à quoi ressemblera votre page dans la fenêtre du navigateur.

Malgré le fait que Microsoft Word est un éditeur de texte et n'est pas essentiellement considéré comme un éditeur HTML. Il a la capacité de sauvegarder des fichiers au format HTML. En conséquence, nous pouvons rencontrer des pages créées d’une manière ou d’une autre dans Microsoft Word. Les problèmes avec le HTML généré depuis l'éditeur sont similaires à ceux de FrontPage : les deux programmes produisent du code redondant qui n'est pas entièrement conforme au standard HTML. Un grand nombre de personnes qui utilisent Word dans leur travail quotidien deviennent des développeurs potentiels de documents HTML.

Il existe deux manières de créer une page Web dans Word : à l'aide de l'Assistant ou en convertissant un document Word existant au format HTML. Dans ce cas, Word génère lui-même des balises HTML, mais pas de manière optimale. La transformation conduit naturellement au fait que certains éléments de la conception du document seront perdus ou modifiés. Si vous devez insérer vos propres balises dans une page HTML, Word vous permet de modifier directement le code HTML.

Conçu pour créer et éditer des illustrations, c'est-à-dire des images contenant des éléments graphiques vectoriels, tels que des polices, des formes géométriques, etc.

Les pages Web peuvent contenir de nombreux éléments : texte HTML, images raster, graphiques vectoriels. Dans Illustrator, vous pouvez utiliser des fragments pour définir les limites de divers éléments Web dans un objet. Une page Web est divisée en cellules présentées en trois types : images, sans images, texte HTML.

Dans ce cas, vous pouvez enregistrer chaque fragment en tant que fichier indépendant avec son propre format, ses propres paramètres et sa palette de couleurs. Le verrouillage des fragments empêche les changements accidentels de position. La taille d'un fragment est liée à l'objet qu'il contient. Par conséquent, lorsque vous déplacez ou modifiez la taille d'un objet, les limites des fragments sont ajustées automatiquement, mais si nécessaire, elles peuvent toujours être ajustées manuellement.

Les Linkmaps vous permettent d'associer une ou plusieurs zones d'une image (appelées hotspots) à une URL. Lorsque l'on clique sur une zone active, le navigateur web télécharge le fichier qui lui est associé.

La principale différence entre l'utilisation de cartes de liens et de fragments pour créer des liens réside dans la manière dont l'objet est exporté vers la page Web. L'utilisation de cartes de liens enregistre l'objet sous la forme d'un seul fichier image, tandis qu'en utilisant des tuiles, l'objet est divisé en plusieurs fichiers distincts. Une autre différence entre les cartes de liens et les tuiles est que les cartes vous permettent de lier des zones polygonales ou rectangulaires dans un objet, tandis que les tuiles vous permettent uniquement de lier des zones rectangulaires.

Le programme d'édition d'images le plus populaire et le plus utilisé. Avec son aide, vous pouvez créer des images hautement artistiques. Il contient tout ce dont vous avez besoin pour créer et éditer des graphiques professionnels.

Photoshop n'est pas seulement un programme d'édition d'images, c'est le programme le plus puissant et le plus riche en fonctionnalités de sa catégorie. Le programme vous permet de retoucher une image et de la soumettre à des effets spéciaux, de transférer des détails d'une photo à une autre, d'ajouter du texte, de modifier les rapports de couleur et même d'ajouter de la couleur aux images en niveaux de gris. Les outils Photoshop sont compatibles avec les tablettes graphiques, ce qui permet de créer des images complètement artistiques, pas pires que celles réalisées à l'aquarelle et à l'huile.

Avec toute la simplicité des outils de base de Photoshop, l’utilisateur peut également les personnaliser « pour lui-même ». Cela équivaut à avoir une variété infinie de crayons de couleur. Étant donné que les programmes de dessin dépendent des pixels pour fonctionner, ils sont idéaux pour travailler avec des photographies électroniques (numériques) de crayons de couleur, de peintures en aérosol, d'aquarelles, de peintures à l'huile, etc. Photoshop vous donne un contrôle total sur chaque pixel de votre image. L'inconvénient des programmes de dessin à résolution limitée. Parce que le bitmap est constitué d'un nombre fixe de pixels.

CorelDraw vous permet de traiter une grande variété d'informations présentées dans un document sous forme d'objets vectoriels et raster, de blocs de texte brut et artistique, ainsi que d'objets Internet.

Le programme utilise une interface moderne de type plat, caractérisée par le fait que les outils situés sur différents panneaux sont affichés sous la forme d'images plates ordinaires, et l'une d'elles n'est sélectionnée que lorsque le pointeur est placé dessus.

Lors de la construction d'images vectorielles, les lignes et les formes sont superposées jusqu'à ce que l'image finale soit créée. Chaque objet peut être édité indépendamment des autres - c'est l'un des rares avantages de l'approche objet, mais l'image doit encore être construite étape par étape. Dans un programme d'édition de dessins vectoriels, les lignes, les formes et le texte sont spécifiés par des expressions mathématiques, ce qui permet de les ajuster automatiquement à la résolution maximale du périphérique de sortie. Un autre avantage des conceptions vectorielles est qu'elles ne nécessitent pas beaucoup d'espace disque. Le volume d'un fichier de dessin vectoriel dépend uniquement du nombre et de la complexité des objets qui composent ce dessin, donc sa taille, contrairement à un dessin raster, n'a pratiquement aucun effet sur ce volume.

CorelDraw démontre les qualités d'un puissant éditeur visuel de pages Web : l'utilisateur a la possibilité de générer des documents HTML riches pouvant inclure des scripts JavaScript et des feuilles de style CSS.

Avec de puissants outils de mise en page et d'exportation de graphiques, de texte et de documents pour la publication sur le Web, CorelDraw est un bon point de départ pour générer les premières versions d'un fichier HTML.

Lorsque vous placez des images sur une page, l'une des tâches les plus importantes consiste à optimiser la taille des fichiers image. Le plafond recommandé pour la taille totale de la page est de 100 à 150 Ko. La réduction de la taille des fichiers image se fait en compressant les fichiers et en réduisant le nombre de couleurs. Ces tâches sont disponibles pour tous les programmes graphiques répertoriés ci-dessus.

Conclusion