Mémoire de projet de fin d études Création de pages web pour les branches de la faculté de génie

Dimension: px
Commencer à balayer dès la page:

Download "Mémoire de projet de fin d études Création de pages web pour les branches de la faculté de génie"

Transcription

1 Mémoire de projet de fin d études Création de pages web pour les branches de la faculté de génie Présenté par: Ola SALMAN Surveillé par: Dr.Abed Ellatif SAMHAT Promotion Université Libanaise-Faculté de génie Branche 3

2 Remerciements Je veux exprimer par ces quelques lignes de remerciements mes gratitudes envers tous ceux en qui, par leur présence, leur soutien, leur disponibilité et leurs conseils j ai trouvé courage afin d accomplir ce projet. Je tiens encore à exprimer ma profonde gratitude et mes sincères remerciements à Dr. SAMHAT qui m a fait l'honneur de diriger ce travail et ses précieux conseils furent d'un apport considérable. Aussi je tiens à lui reconnaître le temps précieux qu'il m a consacré. Aussi que les membres de jury trouvent ici mes remerciements les plus vifs pour avoir accepté d'honorer par leur jugement mon travail. Enfin, je ne peux achever ce projet sans exprimer mes gratitudes à tous les enseignants de la faculté de génie-branche 3, et en particulier le doyen Dr.YOUNES et le directeur Dr.HAMDAN, pour leur dévouement et leur assistance tout au long de mes études. 2 P a g e

3 résumé Ce mémoire présente le fruit d un travail de quatre mois portant sur le design et la création d un modèle de page web pour les branches de la faculté de génie. Ce travail qui a permis l acquisition d une expérience importante dans le monde web. Le cahier de charges, qui est essentiel dans un tel genre de projets, est déterminé tout d abord pour pouvoir préciser les besoins et les outils requis pour créer les pages web pour les trois branches dans le site présent de la faculté de génie. Plusieurs langages et technologies sont utilisées afin de construire une page web interactive et dynamique (c. à. d. le contenu n est pas statique, il est tiré d une base de données). Ainsi la dynamicité des pages nécessite le développement d un système de gestion de la base de données qui doit être toujours mise à jour. Dans ce rapport, on a détaillé les étapes de construction de la base de données, des pages web, ainsi que du système de gestion. On a pu à la fin du projet de créer des pages respectant le contexte général du site présent mais qui présente une nouveauté dans l exposition et l affichage des informations ainsi qu il y a des nouvelles fonctionnalités ajoutées et dont l étudiant en a besoin. 3 P a g e

4 Table de matières INTRODUCTION GéNéRALE... 7 Chapitre 1: PRéSENTATION DU PROJET Introduction L état actuel Le Cahier de charges Cahier de charges fonctionnel Plan Conclusion Chapitre 2:Les Technologies de réalisation Introduction Introduction au World Wide Web Des pages statiques vers les pages dynamique Qu'est-ce qu'une page dynamique Le fonctionnement des pages dynamiques Le Back Office NET C est Quoi.Net Framework? ASP.NET Dynamicité et Base de données(ado.net) CSS JavaScript Conclusion Chapitre 3:Les outils de travail Introduction Asp.Net avec VB dans Visual Studio Les caractéristiques et le fonctionnement de la page ASP.Net Les éléments d un projet Web Avec Asp.Net Les Pages Web Forms La Page Maître P a g e

5 4.3 Les Contrôles Contrôles utilisateur Contrôles serveur Les fichiers essentiels Web.config Fichier.css (feuille de style) App-code Fichier.js SQL Server Conclusion Chapitre 4:les étapes de réalisation Introduction Construction de la base de données Définition des classes Construction des pages Page Maître Les Pages Web Home News Academic Staff Administratif Staff Academic Schedules Ressources Library Our Graduates Les Pages de gestion La page Insert La page show La page Update La page Delete Conclusion P a g e

6 Conclusion générale Bibliographie P a g e

7 INTRODUCTION GéNéRALE Au cours de ces dernières années, les nouvelles technologies de l'information et de la communication ont connu un bouleversement marqué par l'apparition de l'internet et par sa croissance exponentielle. Ces années ont aussi été marquées par l'entrée en scène de World Wide Web (WWW), l'une des applications qui a popularisé Internet, et qui a fait exploser le nombre de ses utilisateurs. Par conséquent, le web suscite l'intérêt de la majorité des organisations qui se doivent enrichir leur présentation via des sites web. Ainsi les universités prennent plus place dans l'espace numérique de jour en jour. Cette vision d'instauration ne se limite pas à l'utilisation des outils informatiques et la mise à disponibilité des praticiens, les nouvelles technologies de communication et d'information mais actuellement, les universités profitent du web pour se créer une identité propre. Ainsi dans un souci continu d'améliorer les méthodologies d'enseignement en favorisant l'accès aux nouvelles technologies de communication et d'information, Notre Faculté a mis en place un site web qui sert comme moyen de communication et qui offre aux étudiants et personnels de la faculté, la possibilité d'accéder à distance à une base de données, de partager avec les enseignants des documents et de profiter de plusieurs autres services. Mais ce site est en cours du développement et il y a encore quelques fonctionnalités et quelques rubriques inactives. Le but de notre projet est de participer au développement de ce site en reconstruisant les pages web des trois branches. Dans ce mémoire, nous présentons la méthodologie de travail avec ce genre de projet. Et nous décrivons les étapes de réalisation ainsi que les résultats qu on a obtenus. Dans le premier chapitre, le projet et les besoins sont présentés.passant de l état actuel du site, on va définir ce qu on appelle cahier de charges. Le deuxième chapitre contient une vue conceptuelle des technologies qui assurent le développement web. Dans le troisième chapitre, les techniques des outils qu on a besoin dans la réalisation de notre projet sont examinées. Dans le quatrième chapitre, on va détailler les étapes qu on a parcourues pour réaliser notre but. 7 P a g e

8 liste des figures: Figure 1:état actuel du site... 9 Figure 2: Contenu de la page Branche I Figure 3: Contenu de la page Branch II Figure 4: Contenu de la page Branch III Figure 5: Plan du projet Figure 6: la requête d une page statique Figure 7: la requête d une page dynamique Figure 8: Gestion des pages dynamiques Figure 9: Fonctionnement du CLI Figure 10: Piles de composants du.net Framework Figure 11: Exécution d'une page ASP.net Figure 12: Création d un site Web Figure 13: Choix du type du site Web Figure 14: Création de la base de données Figure 15: La base de données lufe_ola Figure 16: Les procédures stockées Figure 17: Les classes Figure 18: La page maître Figure 19: La page de base Figure 20: La forme générale des pages Figure 21: Page Home Figure 22: Page News Figure 23: Page Academic Staff Figure 24: Page Administratif Staff Figure 25: Page Academic Schedules Figure 26: Page Ressources Figure 27: Page Library Figure 28: Page Our Graduates P a g e

9 Chapitre 1: PRéSENTATION DU PROJET 1. Introduction L encyclopédie en ligne Wikipédia définit la gestion de projet comme «une démarche visant à structurer, assurer et optimiser le bon déroulement d un projet, l objectif étant d obtenir un résultat de qualité pour le moindre coût et dans le meilleur délai possible». Le projet de création de site Internet n échappe pas aux règles de la gestion de projet. En effet construire ou faire construire un site Internet est avant tout un projet qui doit être écrit, planifié et surtout évalué. Il s agit de se fixer des objectifs, trouver des acteurs, répartir des tâches, définir des étapes et aussi des échéances. Lorsque l on souhaite créer un site Internet, la première des choses est de définir son projet. La perception d un projet est essentielle pour sa réussite. En effet de nombreux projets web échouent à cause d un mauvais cadrage ou d une mauvaise définition du projet. Il est donc important de définir la dimension d un projet avant son lancement. 2. L état actuel Le site actuel présente une rubrique sous le nom de Faculty.Sous cette rubrique, il y a trois sous-rubriques: Branch I, Branch II, Branch III. Figure 1:état actuel du site Ces sous-rubriques sont des hyperlinks à trois pages web qui présentent les branches ou plus exactement l équipe académique de chaque branche. 9 P a g e

10 Branch I Figure 2: Contenu de la page Branche I Branch II Figure 3: Contenu de la page Branch II 10 P a g e

11 Branch III Figure 4: Contenu de la page Branch III 3. Le Cahier de charges Au début de ce projet, on a fait une réunion avec le doyen pour savoir les besoins et les résultats qu il attend à la fin du travail. Et s appuyant sur cette réunion, on a rédigé un cahier de charges qui se compose de deux parties: Un cahier de charges fonctionnel qui reprend tous les besoins exprimés ainsi que toutes les futures fonctionnalités. Le plan qui comporte les pages qu elles vont être construites. 3.1 Cahier de charges fonctionnel Ce tableau présente les besoins et les fonctionnalités qui répondent à ces besoins. 11 P a g e

12 Besoins Avoir une espace de communication entre le corps administratif et les étudiants. Avoir une espace qui présente les ressources de chaque branche. Fonctionnalités Créer une page d infos et des annonces. Faire l implémentation d un calendrier sur lequel sont marqués les évènements (début d un semestre, examen partiel, examen final..) Créer un moteur de recherche pour chercher les horaires des cours et des examens. Créer une page qui présente les labos. Créer une page qui présente la librairie. Avoir une espace qui présente les diplômés. Créer une page qui présente les photos de promotions passantes. Avoir une espace qui présente le corps administratif et académique. Créer une page détaillant le corps administratif. Créer une page détaillant le corps académique. Mise à jour des informations Créer des pages pour la gestion des informations dans la base de données. Donner la permission pour les responsables pour qu ils auront accès à aux informations. Donner la possibilité de télécharger les horaires de la part des responsables. Conserver le même contexte du site présent Utiliser le même menu et la même page maître. Respecter les styles prédéfinis 12 P a g e

13 3.2 Plan Figure 5: Plan du projet 4. Conclusion Dans ce chapitre, le cahier de charges est défini. On a défini les besoins et les fonctionnalités qu il faut les implémenter pour répondre à ces besoins. Dans ce qui suit, nous détaillons les outils utilisés et les étapes de réalisation de ce projet. 13 P a g e

14 Chapitre 2:Les Technologies de réalisation 1. Introduction Après la conception Web, vient la réalisation qui est l'étape de concrétisation technique du projet client. C'est la phase de développement pur, celle où il faut produire le code nécessaire aux besoins du site. C'est à ce moment que les maquettes graphiques sont transformées en pages HTML. Dans ce chapitre, on découvre ce nouveau monde, le monde Web. C est quoi Web? C est quoi une page Web dynamique? Quelles sont les technologies utilisées pour la réalisation d une page Web dynamique? 2. Introduction au World Wide Web Le web, C'est le service de consultation de documents sur Internet, le plus connu, le plus récent et aujourd'hui le plus utilisé. C'est le service d'internet qui a contribué le plus à sa popularité. Le web a été inventé plusieurs années après Internet, mais c'est lui qui a contribué à l'explosion de l'utilisation d'internet par le grand public, grâce à sa facilité d'emploi. Depuis, le Web est fréquemment confondu avec Internet alors qu'il n'est en réalité qu'un de ses services. Le principe de web repose sur l'utilisation d'hyperliens pour naviguer entre des documents (appelés «pages web») grâce à un logiciel appelé. Une page web est ainsi un simple fichier texte écrit dans un langage de description (appelé HTML), permettant de décrire la mise en page du document et d'inclure des éléments graphiques ou bien des liens vers d'autres documents à l'aide de balises. Au-delà des liens reliant des documents formatés, le web prend tout son sens avec le protocole HTTP permettant de lier des documents hébergés par des ordinateurs distants (appelés serveurs web, par opposition au client que représente le navigateur). Sur Internet les documents sont ainsi repérés par une adresse unique, appelée URL, permettant de localiser une ressource sur n'importe quel serveur du réseau internet. Qu'est-ce qu'un site web? Un site web est un ensemble de fichiers HTML stockés sur un ordinateur connecté en permanence à internet et hébergeant les pages web (serveur web). 14 P a g e

15 Un site web est habituellement architecturé autour d'une page centrale, appelée «page d'accueil» et proposant des liens vers un ensemble d'autres pages hébergées sur le même serveur, et parfois des liens dits «externes», c'est-à-dire de pages hébergées par un autre serveur. 3. Des pages statiques vers les pages dynamique L'explosion de l'internet, vers 1995, a vu la multiplication des sites dits "cartes de visite". Ces sites se contentaient pour la plupart de transposer au mieux sur le web les présentations classiques, sur papier, de l'entreprise. Ce type de site, construit directement en langage html, a pour défaut majeur de n'offrir qu'une et une seule présentation, sans aucune possibilité de personnalisation et avec une interactivité limitée au strict minimum. Cette limitation est due à la nature même du html, langage de description des données dans lequel le contenu et sa présentation sont indissociables. C'est pour cela que ces pages sont dites statiques (voir Figure 6). Si l'on veut modifier le design d'un site ainsi réalisé, il faudra changer une à une toutes les pages qui le composent, avec un éditeur html. Si cette technique peut suffire pour des sites web de petite taille, au contenu permanent ou rarement mis à jour, elle est par contre très peu adaptée pour des sites dont les informations font l'objet de modifications fréquentes ou qui font appel à des processus complexes, comme un catalogue de produits, un journal d'information ou, de manière générale toute application e-business. Figure 6: la requête d une page statique 15 P a g e

16 3.1 Qu'est-ce qu'une page dynamique Le principe d'un page dynamique est d'être construit à la demande (à la volée) par le serveur (côté serveur), en fonction de critères spécifiques. La présentation et le contenu affichés peuvent ainsi être personnalisés de manière interactive, en fonction des produits, des internautes, des langues, etc. On reconnaît facilement un page dynamique grâce à l'url qui s'affiche dans le navigateur web de l'utilisateur: page statique: affiche la page accueil.htm, stockée telle quelle sur le serveur, page dynamique: affiche la page accueil.aspx en demandant au serveur d'afficher le contenu de cette page en français. Alors que les pages statiques font appel au html, langage de description de données, les pages dynamiques sont mises en œuvre grâce à un langage de programmation. Grâce à lui, on pourra disposer d'instructions conditionnelles, de boucles et de fonctions de traitement complexes. Le langage de programmation variera en fonction de la technologie retenue (PHP, ASP, Java, etc.). Le langage de programmation ne remplace pas le html, mais il en produit. En effet, actuellement, les navigateurs (browser) ne reconnaissent que ce standard pour afficher des pages web. 3.2 Le fonctionnement des pages dynamiques Pour bien comprendre l'intervention de la programmation, il faut rappeler rapidement le principe de fonctionnement d'un serveur web. Lorsque l'internaute tape l'adresse d'un site dans son browser, celui-ci envoie une requête au serveur qui héberge ce site (voir Figure 7). Le serveur transmet alors la page demandée au browser qui l'affiche. C'est l'architecture client/serveur : le client, c'est l'ordinateur et le browser de l'internaute, et le serveur c'est le serveur web. Le serveur web est un ensemble ordinateur/logiciel paramétré pour pouvoir traiter certains types de pages et notamment celles qui contiennent des instructions de programmation. Il reconnaît ces pages grâce à l'url qu'il reçoit, effectue les traitements demandés et transmet le résultat au format html au browser de l'internaute. Cette manière de faire offre deux avantages majeurs: Tous les traitements sont exécutés sur le serveur, côté serveur, de manière totalement transparente pour l'internaute. Le résultat envoyé étant du html standard, on évite tout problème d'incompatibilité avec le browser, comme c'est 16 P a g e

17 parfois le cas avec des programmes exécutés côté client (avec le langage javascript par exemple). Chaque nouvelle requête reconstruit systématiquement la page demandée, ce qui veut dire que l'information transmise est à jour. Un site dynamique est plus exigeant pour un serveur Web qu'un site statique. En effet, alors que pour un site statique le serveur se contente d'afficher les pages, pour un site dynamique, il doit effectuer différents traitements et accès à des bases de données. Ces opérations pèsent sur la performance du serveur. Toutefois, l'évolution incessante de la puissance des ordinateurs et des logiciels rend cette problématique finalement sans objet, sauf pour des sites de très grand volume. 3.3 Le Back Office Figure 7: la requête d une page dynamique Un site dynamique est "automatiquement" double: une partie publique vue par les internautes et une zone d'administration privée protégée par mots de passe et gérée par un web master comme le montre la Figure P a g e

18 Figure 8: Gestion des pages dynamiques. 4..NET Si l'on reprend la brève histoire du développement web, on pourrait identifier 3 étapes: Les sites statiques, développés essentiellement grâce à des outils de mise en page finalement assez proches d'un traitement de texte évolué (comme Dreamweaver ou Frontpage). Beaucoup de métiers liés à la publication classique (le monde de la prépresse par exemple), se sont diversifiés en mettant en œuvre des sites web. Les sites dynamiques, développés sur base des technologies de script côté serveur (ASP, PHP, CFM, JSP, etc). Ces technologies ont été mises au point par des éditeurs connus (Microsoft, Sun) ou issus du monde de l'opensource (PHP) pour permettre la mise en œuvre rapide de sites permettant de se connecter à une base de données ou d'offrir de l'interactivité au visiteur. Les sites dynamiques développés sur base de plate-formes professionnelles proposées par de grands acteurs informatiques (IBM, Microsoft, Oracle, Sun, etc). On peut considérer qu'il s'agit là d'une sorte de réappropriation du Web par les grands acteurs informatiques classiques. Ce très rapide résumé montre que l'informatique est revenue en force avec la nécessité pour l'entreprise d'intégrer l'e-business au sein de son activité globale, plutôt de le 18 P a g e

19 laisser vivre de manière autonome et un peu anarchique à côté de ses activités traditionnelles. Cette nécessité d'intégration et de professionalisme se concrétise à l'apparition de plateformes intégrées de développement dont deux des plus connues sont:.net de Microsoft J2EE de Sun Dans ce projet, on a travaillé dans l environnement Microsoft et avec les technologies fournies par son platforme Microsoft.Net. 5. C est Quoi.Net Framework? En résumé.net Framework fait une partie du platforme Microsoft.Net et.net Framework + Système d exploitation Windows = platforme Microsoft.Net.NET Framework est un environnement de développement et d exécution qui permet à différents langages de programmation et de librairies de travailler ensemble en toute transparence (seamlessly) pour créer des applications windows plus facile à développer, gérer, déployer et intégrer avec d autres systèmes en réseaux. Un kit de composant qui a pour but de faciliter le développement des applications windows, web et mobile. 19 P a g e Figure 9: Fonctionnement du CLI

20 Le framework.net s'appuie sur la norme Common Language Infrastructure (CLI) qui est indépendante du langage de programmation utilisé (voir Figure 9). Ainsi tous les langages compatibles respectant la norme CLI ont accès à toutes les bibliothèques installées dans l'environnement d'exécution. La pile de composants de la Figure 10 nous montre l évolution du.net Framework et les composants qui sont ajoutés à chaque version. Figure 10: Piles de composants du.net Framework 5.1 ASP.NET ASP.NET est un ensemble de technologies de programmation web créé par Microsoft ASP.NET fait partie de la plateforme Microsoft.NET et est le successeur de la technologie Active Server Pages (ASP). ASP.net est tout simplement la version.net de l'asp. Auparavant les pages ASP étaient des pages HTML comportant du code logique écrit dans une version simplifiée de Visual Basic. 20 P a g e

21 Désormais les pages ASPx (.net) sont écrites de manière complètement différente puisqu'elles s'appuient sur le Framework.NET et la CLR. Tous les langages supportés par.net peuvent servir à l'écriture de pages ASPx. Les anciennes pages ASP peuvent continuer d'exister et cohabiter avec les pages ASPX, mais elles ne bénéficient pas des avancées de.net. Outre les langages disponibles, la plus grosse différence vient du fait que les pages ASP.net sont compilées et sont donc sous contrôle de la CLR (surveillance de code, gestion des ressources,...) La compilation a lieu lors de la première requête vers la page, d'abord en code MSIL, puis en code machine. Une fois compilées, elles sont mises en cache dans la mémoire du serveur.net. ce qui garantit de très bonnes performances. Les pages ASPx bénéficient également de toutes les possibilités offertes par les classes de base du framework.net, et aussi de la possibilité d'être déboguée (exécution pas à pas), de faire des traces, de gérer les exceptions etc Dynamicité et Base de données(ado.net) L'accès aux bases de données est l'une des fonctions essentielles des pages dynamiques. Comment publier une base de données sur le web? Quels sont les différents types d'accès? Quels sont les grands standards? Pour des applications web et e-business, les bases de données sont très rapidement devenues indispensables. Il est difficilement imaginable aujourd'hui de réaliser un site web d'envergure sans intégrer les capacités de stockage et de manipulation des bases de données. Ainsi, l'une des fonctions essentielles des pages dynamiques est de permettre l'accès aux bases de données afin de publier leur contenu sur le web. L'émergence des sites dynamiques a d'ailleurs fortement relancé le marché des bases de données. ADO.Net est la nouvelle bibliothèque logicielle d accès aux données fournie en standard dans le Framework.Net. C est un ensemble de classes, de structures, de types gérant l accès à des sources de données. La connexion à une source de données s effectue par le biais d un fournisseur géré comme OLE DB. Il y a en fait deux moyens différents d accéder aux données. Ils ont tous les deux des qualités et des défauts. Le premier est l accès grâce à un datareader. Cet accès est très rapide mais il ne peut que lire les données. La connexion à la base est toujours activée. Le deuxième est l accès grâce à un dataadapter qui charge un dataset. Cet accès est plus lent que le premier mais permet d ajouter, de modifier, de supprimer et de lire 21 P a g e

22 les données. Il permet aussi de travailler en mode déconnecté de la base donc laisse l accès pour d autres applications plus rapidement. Il faut noter qu ASP.Net 4 offre un ensemble de contrôles Data qui facilitent l accès à la base de données. Ces contrôles peuvent être configurés directement pour afficher des informations stockées sans avoir recours à la programmation. 6. CSS Les feuilles de styles (en anglais "Cascading Style Sheets", abrégé CSS) sont un langage qui permet de gérer la présentation d'une page Web. Le langage CSS est une recommandation du World Wide Web Consortium (W3C), au même titre que HTML ou XML. Les styles permettent de définir des règles appliquées à un ou plusieurs documents HTML. Ces règles portent sur le positionnement des éléments, l'alignement, les polices de caractères, les couleurs, les marges et espacements, les bordures, les images de fond, etc. Le but de CSS est séparer la structure d'un document HTML et sa présentation. En effet, avec HTML, on peut définir à la fois la structure (le contenu et la hiérarchie entre les différentes parties d'un document) et la présentation. Mais cela pose quelques problèmes. Avec le couple HTML/CSS, on peut créer des pages web où la structure du document se trouve dans le fichier HTML tandis que la présentation se situe dans un fichier CSS. Avec CSS on peut par exemple définir un ensemble de règles stylistiques communes à toutes les pages d'un site internet. Cela facilite ainsi la modification de la présentation d'un site entier. CSS permet aussi de définir des règles différentes pour chaque support d'affichage (un navigateur classique, une télévision, un support mobile, un lecteur braille...). CSS permet aussi d'améliorer l'accessibilité des documents web. De plus, CSS ajoute des fonctionnalités nouvelles par rapport à HTML au point de vue du style. En effet, HTML permet une gestion assez sommaire du style des documents. 7. JavaScript Les technologies XHTML/CSS sont au cœur des documents hypertextes publiés via HTTP sur le web. La séparation forme/contenu peut être stricte et l'usage tend à généraliser l'accessibilité par le respect des spécifications XHTML 1.1 et CSS 2 issues du W3C. La conception de documents interactifs doit aussi intégrer une couche de programmation absente des technologies précédentes. Le langage JavaScript offre cette possibilité. Le JavaScript est souvent utilisé comme un langage de script côté client. Cela signifie que le code JavaScript est écrit dans une page XHTML. Quand un navigateur fait une requête sur 22 P a g e

23 une page XHTML avec du JavaScript, le script est envoyé au navigateur qui interprète le code à la différence d'un code PHP, par ex, qui est interprété par le serveur. Le script se situant dans une page XHTML signifie qu'il peut être vu et copié par celui qui consulte la page. Ceci est peut être un souci du point de vue de la sécurité mais permet de comprendre le code d'autrui et de le réutiliser. Attention: JavaScript n'est pas Java... Bien que les noms soient très semblables, le Javascript est principalement un langage de script à utiliser dans des pages XHTML, alors que Java est un vrai langage de programmation qui fait des choses tout à fait différentes de JavaScript. Le JavaScript a été développé par Netscape pour le côté client (dans le navigateur) et pour les scripts côté serveur. À l'origine le langage s appelait Live Script, mais alors qu'il était sur le point de devenir connu Java était devenu immensément populaire. Au dernier moment Netscape a changé le nom de son langage de Script en "JavaScript". Ceci a été fait purement pour des raisons commerciales. JavaScript comme Java descendent du C et du C++. Tous les deux sont orientés objet (bien que ce soit moins important pour le JavaScript que pour beaucoup d'autres langages) et ils partagent une syntaxe similaire. 8. Conclusion Dans ce chapitre, on a présenté les technologies qu on a utilisées pour construire nos pages Web. On a vu que la construction d une page web dynamique nécessite l intervention des technologies côté serveur permettant la gestion, la mise en jour et la requête d une base de données qui présente le banque d informations pour ce type de pages. Ces technologies permettent aussi la transformation de la page constituée par plusieurs langages en une page html pour qu elle puisse être publiée par le navigateur. Dans ce qui suit, nous présentons en détails les étapes de réalisation. 23 P a g e

24 Chapitre 3:Les outils de travail 1. Introduction Dans ce chapitre, on va introduire avec plus de détails les outils qu on a utilisés, les fichiers et la manière d implémentation de toute fonctionnalité voulue. Une vue plus proche sur les applications web avec ASP.NET et les facilités qu elle fournit. Passant des idées conceptuelles, dans ce chapitre, une explication plus technique. Ainsi, Il est important de mentionner que Visual Studio et SQL server font partie de la platforme Microsoft.NET qu on a mentionnée dans le chapitre précédent. 2. Asp.Net avec VB dans Visual Studio 2010 Visual Studio est un ensemble complet d'outils de développement permettant de générer des applications Web ASP.NET. Visual Basic est l une des langages qui utilise cet environnement de développement intégré (IDE), qui permet le partage d'outils et facilite la création de solutions à plusieurs langages. Par ailleurs, ce langage utilise les fonctionnalités du.net Framework, qui fournit un accès à des technologies clés simplifiant le développement d'applications Web ASP. 3. Les caractéristiques et le fonctionnement de la page ASP.Net Les pages ASPx peuvent être divisées en deux parties: d'une part le fichier qui contient le code HTML (présentation) et d'autre part un fichier qui contient le code logique écrit dans le langage de son choix (.aspx.cs pour C#,.aspx.vb pour VB.net,...). Ce code logique peut faire appel aussi bien à des classes de base qu'à n'importe quelle classe développée avec la plate-forme.net. Un site Web écrit en ASPx peut donc être considéré comme une véritable application. L'autre nouveauté est l'intégration des contrôles côté serveur (capable de déclencher des événements sur le serveur). On peut ainsi bénéficier de composants comme les TreeView, ListBox, Calendar, DataGrid etc... Ces composants étaient auparavant réservés aux applications "classiques" développées en VB ou VC++. Le code HMTL pour afficher ces contrôles dans le navigateur du client est généré automatiquement par le framework en fonction du navigateur. Il assure ainsi la compatibilité et le fonctionnement de ces contrôles 24 P a g e

25 avec tous les navigateurs compatible HTML 3.2 (Internet Explorer 5 et + / DHTML, Netscape Navigator / Javascript,...). Ces contrôles sont intégrés dans ce qu'on appelle des Web Forms et il en existe 45. Ils sont déclarés soit sous forme de balises HMTL, soit sous la forme de balises XML avec l'attribut runat=server. Exemples : <input type="text" id="text2" runat="server" /> <asp:calendar id="moncal" runat="server" /> Les pages ASPx bénéficient également d'ado.net : la couche de liaison de données du Framework. Cela lui permet d'accéder aux données de manière très simple et très rapide. Il est possible de lire et mettre à jour une base de données mais aussi d'en charger une partie en mémoire et d'en faire des mises à jour en direct sur la page. Les données rapatriées sont toujours au format XML et peuvent être lues soit en XML soit dans un recordset. Les pages ASPx sont considérées comme des objets et à ce titre elles ont des méthodes (validate(), Load(), render()) et des propriétés ( ID, ispostback, errorpage). Une exécution d une page ASP.net est montre dans la Figure 11. Figure 11: Exécution d'une page ASP.net 25 P a g e

26 4. Les éléments d un projet Web Avec Asp.Net 4.1 Les Pages Web Forms Les pages Web Forms permettent de créer des pages web programmables qui constitueront l'interface utilisateur d une application web. Une page Web Forms affiche dans n'importe quel navigateur ou périphérique client les informations destinées à l'utilisateur. Elle implémente la logique de l'application en utilisant le code serveur. La sortie des pages Web Forms peut contenir presque tous les types de langages compatibles HTTP, notamment HTML, XML, WML et ECMAScript (JScript, JavaScript). Composants des Web Forms Dans les pages Web Forms, la programmation de l'interface utilisateur présente deux aspects : le composant visuel et la logique. L'élément visuel est désigné par le terme page Web Forms. Une page est un fichier contenant du HTML statique, des contrôles serveur ASP.NET, ou une association des deux. Une page Web Forms sert de conteneur pour le texte statique et les contrôles. Le concepteur Web Forms Visual Studio utilisé avec les contrôles serveur ASP.NET permet de concevoir le formulaire. Le code crée et son interaction avec le formulaire constituent la logique des pages Web Forms. La logique de programmation réside dans un fichier distinct de celui de l'interface utilisateur. Il s'agit du fichier «code-behind» dont l'extension est «.aspx.vb» ou «.aspx.cs». La logique écrite dans le fichier code-behind peut être écrite dans Visual Basic ou Visual C#. Structure des fichiers Web Forms Les fichiers de classe code-behind de toutes les pages Web Forms d'un projet sont compilés dans le projet fichier de la bibliothèque de liaisons dynamiques (.dll). Le fichier de page.aspx est également compilé, mais différemment. Lorsqu'un utilisateur recherche la page.aspx pour la première fois, ASP.NET génère automatiquement un fichier de classe.net qui représente la page et le compile dans un deuxième fichier.dll. La classe générée pour la page.aspx hérite de la classe code-behind qui a été compilée dans le fichier.dll du projet. 26 P a g e

27 Lorsqu'un utilisateur demande l'url de la page Web, les fichiers.dll s'exécutent sur le serveur et produisent de façon dynamique la sortie HTML de votre page 4.2 La Page Maître Les pages maîtres se composent réellement de deux parties, la page maître elle-même et une ou plusieurs pages de contenu. Une page maître est un fichier ASP.NET possédant l'extension.master avec une disposition prédéfinie pouvant inclure du texte statique, des éléments HTML et des contrôles serveur. La page maître est identifiée par une Master spéciale qui remplace la Page utilisée pour les pages.aspx ordinaires. Espaces réservés de contenu remplaçables Outre le texte statique et les contrôles qui apparaissent sur toutes les pages, la page maître inclut également un ou plusieurs contrôles ContentPlaceHolder. Ces contrôles réservés définissent des régions où le contenu remplaçable apparaîtra. Ensuite, le contenu remplaçable est défini dans les pages de contenu. 4.3 Les Contrôles On distingue deux genres des contrôles: Contrôles utilisateur Un contrôle Web ASP.NET ressemble à une page ASP.NET complète (fichier.aspx), avec à la fois une page d'interface utilisateur et du code. Un contrôle utilisateur se crée de façon très semblable à une page ASP.NET. On lui ajoute par la suite le balisage et les contrôles enfants nécessaires. Tout comme une page, un contrôle utilisateur peut inclure du code servant à manipuler son contenu, et notamment à effectuer des tâches telles que des liaisons de données. Un contrôle utilisateur présente les différences suivantes par rapport à une page Web ASP.NET : L'extension du nom de fichier du contrôle utilisateur est.ascx. Au lieu d'une Page, le contrôle utilisateur contient une Control qui définit la configuration et d'autres propriétés. Les contrôles utilisateur ne peuvent pas s'exécuter comme des fichiers autonomes. On doit au lieu de cela les ajouter à des pages ASP.NET, comme on le ferait pour n'importe quel contrôle. 27 P a g e

28 Le contrôle utilisateur ne contient pas d'élément html body ou form. Ces éléments doivent se trouver dans la page d'hébergement. On peut utiliser sur un contrôle utilisateur les mêmes éléments HTML (sauf les éléments html, body ou form) et les mêmes contrôles Web que dans une page Web ASP.NET Contrôles serveur Les contrôles serveur Web ASP.NET sont des objets sur des pages Web ASP.NET qui s'exécutent lorsque la page est demandée et qui restituent le balisage dans le navigateur. De nombreux contrôles serveur Web sont semblables à des éléments HTML familiers, tels que les boutons et les zones de texte. D'autres contrôles ont un comportement complexe ; c'est le cas notamment des contrôles Calendar et des contrôles qui permettent la connexion à des sources de données et d'afficher des données. 4.4 Les fichiers essentiels Web.config Les données de configuration ASP.NET sont stockées dans des fichiers texte XML tous nommés Web.config. Ces fichiers permettent de modifier facilement des données de configuration avant, pendant ou après le déploiement des applications sur le serveur. Les fichiers de configuration ASP.NET conservent les paramètres de configuration de l'application séparés du code de l'application. La séparation des données de configuration du code simplifie l'association de paramètres aux applications, la modification éventuelle de paramètres après le déploiement d'une application et l'extension du schéma de configuration. On a utilisé essentiellement ce fichier pour stocker la chaîne de connexion à la base de données SQL. Une fois cette chaîne est configurée dans web.config, on peut utiliser son nom partout sans être obligé de la définir de nouveau. La configuration d une connexion à une base de données sera faite en définissant les attributs suivants : name c est le nom utilisé pour référencer la chaîne de connexion. connectionstring c est la chaîne de connexion requise par la base de données à laquelle on se connecte, en définissant le pilote, le nom de serveur et les informations d'authentification appropriées. 28 P a g e

29 providername c est la valeur «System.Data.SqlClient» qui spécifie qu'asp.net doit utiliser le fournisseur System.Data.SqlClient ADO.NET pour établir une connexion avec cette chaîne de connexion Fichier.css (feuille de style) Les feuilles de style permettent de spécifier des styles de mise en forme pour les éléments HTML. Une fois une feuille est liée à une page, les éléments de cette page prennent la forme définie dans cette feuille de style. Généralement, dans un projet web les feuilles de style seront liées à la page Maître. Ainsi toute page associée à cette page maître hérite les mêmes définitions des formes App-code Ce type de fichiers est utilisé pour le stockage du code source pour qu'il soit compilé automatiquement au moment d'exécution. L'assembly résultant est accessible à tout autre code de l'application Web. C est le fichier dans lequel on crée nos classes. Ces classes une fois définies, on peut utiliser leurs méthodes dans toutes les pages de notre projet. Et c est l avantage la plus importante que nous offre la révolution du langage orientée objet Fichier.js Ce fichier va contenir les fonctions, définitions et tous les éléments javascript nécessaires au fichier HTML auquel ce fichier est rattaché. Il faut alors inclure le fichier.js comme suit: <script language="javascript" src="chemin/fichier.js"> </script> Soit dans la page elle même ou dans l entête de la page maître ou bien à l aide du contrôle serveur <ScriptManager> 5. SQL Server 2008 Dans ce projet, on s est servi de cette technologie, qui fait partie de la platforme.net, pour créer notre base de données formée des tables et des procédures stockées: Une table est constituée de lignes et de colonnes. Chaque colonne correspond à un champ de données. Chaque ligne correspond à un enregistrement. Tous les enregistrements possèdent donc les mêmes champs. 29 P a g e

30 Une procédure stockée est une suite d'instructions qui vont avoir des effets sur la base de données ou qui renvoient une ou plusieurs valeurs. Les procédures stockées sous SQL Server peuvent prendre en paramètre et/ou retourner des entiers, des chaînes de caractère, des dates, des curseurs, des tables, des tables virtuelles et tout autre type défini dans SQL Server par défaut ou par les utilisateurs. 6. Conclusion Dans ce chapitre, on a vu plus techniquement les outils utilisés dans la réalisation de notre projet. Dans ce qui suit, nous présentons les aspects pratiques et comment on a travaillé? Et quelles sont les étapes de réalisation effectives? 30 P a g e

31 Chapitre 4:les étapes de réalisation 1. Introduction La réalisation du projet concerne la création des pages web et des éléments graphiques. La création des pages web consiste à créer des fichiers en utilisant les différents langages de développement : Html, Vb, Asp, Javascript. Après avoir installé le serveur SQL 2008, visual studio 2010 et le.net Framework 4: Il faut déclencher un nouveau site web à l aide de visual studio 2010: Figure 12: Création d un site Web Ensuite, on choisit içi le langage qu on va utiliser Visual Basic: 31 P a g e Figure 13: Choix du type du site Web Il faut aussi créer la base de données dans le serveur SQL 2008:

32 Figure 14: Création de la base de données. Dans ce chapitre, les étapes de construction seront expliquées avec détails et des figures qui montrent clairement le travail. 2. Construction de la base de données Notre base de données est constituée de cinq tables : Une table pour les infos CREATE TABLE [dbo].[news]( /*les colonnes et leurs types [Id] [int] IDENTITY(1,1) NOT NULL, [Details] [text] NULL, [Title] [nvarchar](150) NOT NULL, [Date] [datetime] NOT NULL, [CategoryId] [int] NULL, [EditorId] [int] NULL, [Viewed] [int] NULL, [Show] [bit] NOT NULL, [Path] [nvarchar](500) NULL, [Description] [nvarchar](1000) NULL, [Language] [nchar](10) NULL, [path1] [nvarchar](500) NULL, [BranchId] [int] NULL ) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY] GO 32 P a g e

33 Une table pour les horaires CREATE TABLE [dbo].[academicschedules]( /*les colonnes avec leurs types [Id] [int] IDENTITY(1,1) NOT NULL, [BranchId] [int] NOT NULL, [CategoryId] [int] NOT NULL,/* ce champ prend 3 valeurs( 1 pour le programme de cours [DepartmentName] [nvarchar](50) NOT NULL, [Major] [nvarchar](50) NOT NULL, [SemesterId] [int] NOT NULL, [AcademicYear] [int] NOT NULL, [FileName] [nvarchar](max) NOT NULL, /* le clé primaire permettant de n avoir pas deux enregistrements avec les mêmes valeurs des colonnes qui le constitue CONSTRAINT [PK_BranchIdMajorSemester] PRIMARY KEY NONCLUSTERED ( [BranchId] ASC, [Major] ASC, [SemesterId] ASC, [CategoryId] ASC )WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY] ) ON [PRIMARY] GO Une table pour les photos des diplômés CREATE TABLE [dbo].[graduatesphotos]( /*les colonnes avec leurs types [Id] [int] IDENTITY(1,1) NOT NULL, [Year] [int] NOT NULL, [Title] [nvarchar](50) NOT NULL, [path] [nvarchar](max) NOT NULL, [BranchId] [int] NOT NULL, /* le clé primaire permettant de n avoir pas deux enregistrements avec les mêmes valeurs des colonnes qui le constitue CONSTRAINT [PK_YearBranchID] PRIMARY KEY NONCLUSTERED ( [Year] ASC, [BranchId] ASC )WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY] ) ON [PRIMARY] GO Une table pour les labos CREATE TABLE [dbo].[labs]( /*les colonnes avec leurs types [Id] [int] IDENTITY(1,1) NOT NULL, [LabId] [int] NOT NULL, [LabName] [nvarchar](50) NOT NULL, [BranchId] [int] NOT NULL, 33 P a g e

34 [DepartmentName] [nvarchar](50) NOT NULL, [RoomId] [int] NOT NULL, [AssistantFirstName] [nvarchar](50) NOT NULL, [AssistantName] [nvarchar](50) NOT NULL, [Description] [text] NULL, [PhotoPath] [nvarchar](max) NOT NULL, [FilePath] [nvarchar](max) NOT NULL, /* le clé primaire permettant de n avoir pas deux enregistrements avec les mêmes valeurs des colonnes qui le constitue CONSTRAINT [PK_LabIdBranchIdDepartment] PRIMARY KEY NONCLUSTERED ( [LabId] ASC, [BranchId] ASC, [DepartmentName] ASC )WITH (PAD_INDEX = OFF, STATISTICS_NORECOMPUTE = OFF, IGNORE_DUP_KEY = OFF, ALLOW_ROW_LOCKS = ON, ALLOW_PAGE_LOCKS = ON) ON [PRIMARY] ) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY] GO Une table pour le calendrier CREATE TABLE [dbo].[academiccalendar]( /*les colonnes avec leurs types [Id] [int] IDENTITY(1,1) NOT NULL, [Date] [date] NOT NULL, [Event] [text] NOT NULL, [BranchId] [int] NOT NULL, [CategoryId] [int] NOT NULL/* ce champs prend les valeurs(1 pour le début d un semestre,2 pour les examens, 3 ailleurs) ) ON [PRIMARY] TEXTIMAGE_ON [PRIMARY] GO Figure 15: La base de données lufe_ola Ajouter à cela les programmes Stored Procedures. Ce sont des procédures qu on les appelle dans nos pages web pour faire des requêtes de la base de données, modifier/supprimer, ou insérer des nouvelles enregistrements dans les tables. 34 P a g e

35 Figure 16: Les procédures stockées 3. Définition des classes Pour chaque table, on construit une classe qui sera composée des méthodes qui peuvent être utilisées directement toutefois qu une instance de ce classe est initialisée. Ces classes sont définies dans un fichier nommé App-Code. Chaque classe sera constituée des quatre méthodes essentielles : Select : pour faire une requête. Insert : pour faire l insertion d un enregistrement. Update : pour la mise à jour des enregistrements. Delete : pour supprimer un enregistrement. Figure 17: Les classes 35 P a g e

36 4. Construction des pages Une fois les classes sont définies et la base de données est construite, on commence donc par la construction des pages. 4.1 Page Maître Dans notre cas, on crée deux pages Maîtres: Une page Maître qui sera associée aux pages où une session utilisateur n est pas ouverte Une autre page Maître qui sera associée aux pages où une session utilisateur sera ouverte. La différence entre ces deux pages dérive seulement de la zone LoginContent. On a deux styles définies pour cette dans les feuilles Css logincontent et logoutcontent. En plus dans le code Behind du contrôle utilisateur uclogin, un test sera fait pour savoir s il y a une session ouverte avec un utilisateur ou non, ainsi le contenu du contrôle sera définie selon le résultat de ce test. Figure 18: La page maître Noter que les formes des différents éléments sont prédéfinies dans les feuilles Css du site présent. 36 P a g e

37 Après la construction de la page Maître, on crée les contrôles utilisateur: LoginUserControl : Ce contrôle présente une forme pour le Login ou Logout si une session est déjà ouverte ou non. MenuUserControl : Ce contrôle présente toutes les rubriques et sous-rubriques du site. FooterUserControl : Ce contrôle présente le plan du site. Après l insertion de ces contrôles dans une page, elle apparaît comme suit: 4.2 Les Pages Web Figure 19: La page de base Après avoir construire les pages Maîtres, on commence à construire les pages de contenu Partant d une page d accueil, on a sept pages héritant la même page maître. Mais, un problème se pose: Une fois on est dans une page, comment on peut passer à une autre page sans être obligé de savoir les Url de toutes les pages. Pour résoudre ce problème, il faut toujours trouver une simple méthode de navigation entre les pages. Pour cela, on a construit un sous menu formé des hyperliens aux pages construites. Dans chaque page, ce sous menu qui a la forme et la position définies dans la feuille des styles, va apparaître à gauche permettant le passage à une autre page juste en cliquant son nom. 37 P a g e

38 Il faut noter encore que toutes les pages dans leur code Behind ont cette méthode: Protected Sub Page_PreInit(sender As Object, e As System.EventArgs) Handles Me.PreInit If Session("user") Is Nothing Then Me.MasterPageFile = "~/olabranchespr/masterpagebranchs.master" Else Me.MasterPageFile = "~/olabranchespr/masterpagebranchslogout.master" End If End Sub Cela signifie que quand une session n est pas ouverte par un des utilisateurs, la page est associée à la page maître MasterPageBranchs. Dans le cas contraire, la page sera associée à la page maître MasterPageBranchsLogout. 38 P a g e Figure 20: La forme générale des pages

39 4.2.1 Home Cette page est la page d accueil. Elle est constituée comme suit: Dans la partie gauche: Le sous menu. Ensuite, un calendrier servant à afficher d une manière vive les évènements dans la table AcademicCalendar de la base de données. Les jours du mois affiché présentant des évènements dans la table seront colorés en rose. Si leurs évènements sont des examens ou le début d un semestre ces jours seront selectables et à la clique on sera dans la page Academic Schedules qui nous permet de chercher les programmes des cours et des examens. Dans la partie droite: Un slider qui affiche des photos de chaque branche d une manière attractive et vivante. À la suite, une introduction sur chaque branche. Enfin, on a trois infos qui seront tirées dynamiquement de la table News de la base de données. 39 P a g e Figure 21: Page Home

40 4.2.2 News Cette page comme son nom l indique, c est une page d infos. Ces infos seront tirées dynamiquement de la base de données à l aide du contrôle serveur Gridview qui permet la configuration d une SQL Data Source dans la page ASPx. La mise en page est comme suit: Dans la partie gauche: Le sous menu. Dans la partie droite: Une liste d infos formée à l aide d une Gridview caractérisée par un ItemTemplate composé par: Un hyperlien: à l aide de ce contrôle serveur qui prend comme le titre de l info recordé dans la table news. Ainsi, en cliquant sur ce titre on sera dirigé à une page NewsDetails. Dans la requête de cette page, sera envoyé l Id de cet info permettant de l afficher seul en détails dans une nouvelle page. Un bouton image: Ce contrôle serveur sera chargé par une image de l info dont la location est registrée dans la table News et en cliquant sur cette image on sera encore dirigé à la même page NewsDetails mentionnée au dessus. Une étiquette: La description de l info sera affichée par ce contrôle. Cette liste sera générée dynamiquement. Selon le nombre d enregistrements dans la table. Mais on limite par dix le nombre des infos qui seront affichées dans cette page. À l aide de la propriété <PagerSettings> du Gridview On peut réserver plusieurs pages et passer d une page à l autre par des boutons prev et suiv. 40 P a g e

41 Figure 22: Page News Academic Staff Cette page représente l équipe académique, elle est construite comme suit: Dans la partie gauche: Le sous menu. Dans la partie droite: Les noms des enseignants sont représentés d une manière moderne à l aide d un contrôle de la librairie AjaxControlToolkit. Ce contrôle utilise l effet d accordion verticalement pour l affichage. On a trois types d enseignants: Les enseignants permanents. Les enseignants contractuels à plein temps. Les enseignants vacataires. Les noms seront regroupés dans une table qui sera affichée quand on clique sur le titre qui le représente. Ainsi chaque nom est un hyperlien à une page spéciale pour chaque enseignant. 41 P a g e

42 4.2.4 Administratif Staff Figure 23: Page Academic Staff Cette page affiche d une manière vive et moderne les informations relatives au cadre administratif de chaque branche On a utilisé l effet accordion, mais cette fois verticalement et horizontalement à l aide des javascripts. Cette page est construite comme suit: Dans la partie gauche: Le sous menu. Dans la partie droite: On a cinq colonnes pour: Le département électrique. Le département civil. Le département mécanique. Le tronc commun. Et chaque colonne est formée de: Une image. Une ligne représentant les informations (nom, mail, téléphone..) personnelles du directeur. Une ligne représentant les informations (nom, mail, téléphone..) personnelles du secrétaire. Une ligne représentant les informations relatives aux employés. 42 P a g e

Introduction ASP.NET

Introduction ASP.NET 1 Sommaire Introduction... 1 1 Framework... 2 1.1 Général (.NET)... 2 1.2 ASP.NET... 2 2 Prérequis... 2 3 Présentation des bases d un projet ASP.NET... 3 3.1 Création d un projet... 3 3.2 Site Web : Les

Plus en détail

TP3 : Ajout d'un modèle. Ajouter des Classes de modèle. 1- L approche Code First

TP3 : Ajout d'un modèle. Ajouter des Classes de modèle. 1- L approche Code First TP3 : Ajout d'un modèle 1- L approche Code First Dans cette section, vous ajouterez quelques classes pour gérer les films dans une base de données. Ces classes vont constituer la partie «modèle» de l'application

Plus en détail

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)

INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau) CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.

Plus en détail

//////////////////////////////////////////////////////////////////// Développement Web

//////////////////////////////////////////////////////////////////// Développement Web ////////////////////// Développement Web / INTRODUCTION Développement Web Le développement, également appelé programmation, désigne l'action de composer des programmes sous forme d'algorithme (codage).

Plus en détail

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL

NVU, Notepad++ (ou le bloc-note), MySQL, PhpMyAdmin. HTML, PHP, cas d utilisation, maquettage, programmation connaissances en HTML, PHP et SQL Prise en main de NVU et Notepad++ (conception d application web avec PHP et MySql) Propriétés Intitulé long Formation concernée Matière Présentation Description Conception de pages web dynamiques à l aide

Plus en détail

Architectures web/bases de données

Architectures web/bases de données Architectures web/bases de données I - Page web simple : HTML statique Le code HTML est le langage de base pour concevoir des pages destinées à être publiées sur le réseau Internet ou intranet. Ce n'est

Plus en détail

Création d un catalogue en ligne

Création d un catalogue en ligne 5 Création d un catalogue en ligne Au sommaire de ce chapitre Fonctionnement théorique Définition de jeux d enregistrements Insertion de contenu dynamique Aperçu des données Finalisation de la page de

Plus en détail

bookmark), sachant qu'à chaque favori est associée une adresse web ; o suivre un hyperlien, sachant qu'à chaque hyperlien est associée une

bookmark), sachant qu'à chaque favori est associée une adresse web ; o suivre un hyperlien, sachant qu'à chaque hyperlien est associée une Introduction : On appelle «Web», contraction de «World Wide Web» (d'où l'acronyme www), une des possibilités offertes par le réseau Internet de naviguer entre des documents reliés par des liens hypertextes.

Plus en détail

Introduction à l Interaction Homme-Machine Tutoriel Visual Studio / Visual Basic

Introduction à l Interaction Homme-Machine Tutoriel Visual Studio / Visual Basic IUT d Orsay Première Année Introduction à l Interaction Homme-Machine Février 2014 Introduction à l Interaction Homme-Machine Tutoriel Visual Studio / Visual Basic Cette introduction à Visual Studio est

Plus en détail

Framework. NET & Windows Presentation Foundation

Framework. NET & Windows Presentation Foundation Framework. NET & Windows Presentation Foundation UE Informatique ambiant Module Informatique graphique Morgan DIOT M Buta Kabengele 5 ème année EO Option Vision Embarquée PROGAMME DE LA SEANCE I. Partie

Plus en détail

Introduction à Dreamweaver CS4

Introduction à Dreamweaver CS4 Introduction à Dreamweaver CS4 Adobe Dreamweaver (anciennement Macromedia Dreamweaver) est un éditeur de site web de type «tel écrit tel écran» (cette formule remplaçant désormais dans la terminologie

Plus en détail

Le.NET Compact Framework Windows Mobile

Le.NET Compact Framework Windows Mobile Le.NET Compact Framework Windows Mobile HEROGUEL Quentin 2 Le.NET Compact Framework Windows Mobile Sommaire 1 Le.NET Compact Framework... 3 1.1 Vue d ensemble rapide de l architecture du.net Compact Framework...

Plus en détail

Explication des statistiques

Explication des statistiques Explication des statistiques Sources : http://www.eolas.fr/8-conseil/65-interpreter-vos-statistiques-webalizer.htm http://support.sherweb.com/faqdetails.php?idarticle=68 Un site web est un ensemble de

Plus en détail

ASP.NET 4.5 avec C# sous Visual Studio 2012 Conception et développement d'applications Web

ASP.NET 4.5 avec C# sous Visual Studio 2012 Conception et développement d'applications Web Visual Studio 2012 et.net 4.5 1. Nouveautés de Visual Studio 2012 15 1.1 Installation 17 1.2 Interface du logiciel 18 1.2.1 La page de démarrage 19 1.2.2 Les fenêtres de Visual Studio 20 1.2.3 Les activités

Plus en détail

Fonctionnalités de développement

Fonctionnalités de développement 163 Chapitre 5 Fonctionnalités de développement 1. Optimisation des applications ASP.NET Fonctionnalités de développement 1.1 Présentation de ASP.NET ASP.NET est un ensemble de technologies créé par Microsoft

Plus en détail

Unité de formation 1 : Structurer une application. Durée : 3 semaines

Unité de formation 1 : Structurer une application. Durée : 3 semaines PROGRAMME «DEVELOPPEUR LOGICIEL» Titre professionnel : «Développeur Logiciel» Inscrit au RNCP de niveau III (Bac+2) (JO du 23 Octobre 2007) (32 semaines) Unité de formation 1 : Structurer une application

Plus en détail

< Atelier 1 /> Démarrer une application web

< Atelier 1 /> Démarrer une application web MES ANNOTATIONS SONT EN ROUGE : Axel < Atelier 1 /> Démarrer une application web Microsoft France Tutorial Découverte de ASP.NET 2.0 Sommaire 1 INTRODUCTION... 3 1.1 CONTEXTE FONCTIONNEL... 3 1.2 CONTEXTE

Plus en détail

Petite définition : Présentation :

Petite définition : Présentation : Petite définition : Le Web 2.0 est une technologie qui permet la création de réseaux sociaux, de communautés, via divers produits (des sites communautaires, des blogs, des forums, des wiki ), qui vise

Plus en détail

Applications ASP.NET. avec VB.NET. Gérard Frantz. Groupe Eyrolles, 2003, ISBN : 2-212-11280-7

Applications ASP.NET. avec VB.NET. Gérard Frantz. Groupe Eyrolles, 2003, ISBN : 2-212-11280-7 Applications ASP.NET avec VB.NET Gérard Frantz Groupe Eyrolles, 2003, ISBN : 2-212-11280-7 C h a p i t r e 1 Un tour d'asp.net DANS CE CHAPITRE : Les outils nécessaires Une page simple ASP.NET permet de

Plus en détail

Module: Programmation sites Web Dynamique

Module: Programmation sites Web Dynamique Module: Programmation sites Web Dynamique Formateur: A BENDAOUD LEÇON : MÉTHODES DE NAVIGATION Les différentes méthodes de navigation : Voici les différentes méthodes que nous allons expliciter dans cette

Plus en détail

Sage CRM. 7.2 Guide de Portail Client

Sage CRM. 7.2 Guide de Portail Client Sage CRM 7.2 Guide de Portail Client Copyright 2013 Sage Technologies Limited, éditeur de ce produit. Tous droits réservés. Il est interdit de copier, photocopier, reproduire, traduire, copier sur microfilm,

Plus en détail

09/11/2011 COURS PROGRAMMATION WEB HTML CSS PHP - MYSQL

09/11/2011 COURS PROGRAMMATION WEB HTML CSS PHP - MYSQL COURS PROGRAMMATION WEB HTML CSS PHP - MYSQL Responsable : Niveau : 3 ème ESSAI Année Universitaire : 2011/2012 OBJECTIFS DU COURS Objectifs généraux : Ce cours est destiné aux étudiants disposant de quelques

Plus en détail

SITE WEB. Définition. Ensemble de fichiers reliés entre eux et déposés sur un serveur internet. Ordinateur connecté au réseau

SITE WEB. Définition. Ensemble de fichiers reliés entre eux et déposés sur un serveur internet. Ordinateur connecté au réseau SITE WEB Définition Ensemble de fichiers reliés entre eux et déposés sur un serveur internet. Ordinateur connecté au réseau Comment mon site est sur internet Je crée mon site sur mon ordinateur, en local.

Plus en détail

Introduction à ADO.NET

Introduction à ADO.NET 1 Introduction à ADO.NET Introduction à ADO.NET Sommaire Introduction à ADO.NET... 1 1 Introduction... 2 1.1 Qu est ce que l ADO.NET?... 2 1.2 Les nouveautés d ADO.NET... 2 1.3 Les avantages d ADO.NET...

Plus en détail

Petite histoire d Internet

Petite histoire d Internet À la base, Internet est défini par des ordinateurs qui sont reliés entre eux grâce à des câbles, du WiFi ou encore des satellites, créant ainsi un réseau à échelle mondiale. Les ordinateurs communiquent

Plus en détail

LANDPARK HELPDESK GUIDE DE PRISE EN MAIN (VERSION 3.9.2)

LANDPARK HELPDESK GUIDE DE PRISE EN MAIN (VERSION 3.9.2) LANDPARK HELPDESK GUIDE DE PRISE EN MAIN (VERSION 3.9.2) Avril 2014 Installation de l application Pré-requis (page 2) Mise en place de la base de données Base de données SQL Express (page 2) Base de données

Plus en détail

Écriture de pages Web

Écriture de pages Web Écriture de pages Web Le langage HTML / XHTML Laurent Tichit Janvier 2011 Laurent Tichit 2005-2010 1 Comment fonctionne le Web? C'est un mécanisme client-serveur. Logiciel serveur : programme qui a pour

Plus en détail

Adobe Programme Expert certifié

Adobe Programme Expert certifié Adobe Programme Expert certifié Bulletin d'examen de maîtrise des produits Adobe Dreamweaver CS3 Examen n 9A0-056 Liste de contrôle de certification ACE La liste de contrôle ci-dessous vous guidera tout

Plus en détail

420-283 Programmation d'un serveur Session H-2008

420-283 Programmation d'un serveur Session H-2008 420-283 Programmation d'un serveur Session H-2008 1. Une station cliente Client HTTP Encodage SSL Client FTP Client SMTP Client POP Client NNTP HyperText Transfer Protocol Le client HTTP permet la réception

Plus en détail

Microsoft Dynamics. Installation de Management Reporter for Microsoft Dynamics ERP

Microsoft Dynamics. Installation de Management Reporter for Microsoft Dynamics ERP Microsoft Dynamics Installation de Management Reporter for Microsoft Dynamics ERP Date : mai 2010 Table des matières Introduction... 3 Présentation... 3 Configuration requise... 3 Installation de Management

Plus en détail

Cahier de charges (Source : "Java EE - Guide de développement d'applications web en Java" par Jérôme Lafosse) Module. Site Web dynamique JSP / Servlet

Cahier de charges (Source : Java EE - Guide de développement d'applications web en Java par Jérôme Lafosse) Module. Site Web dynamique JSP / Servlet Cahier de charges (Source : "Java EE - Guide de développement d'applications web en Java" par Jérôme Lafosse) Module Site Web dynamique JSP / Servlet Sujet : betaboutique Soutenance le 04 / 01 /2013 &

Plus en détail

et Groupe Eyrolles, 2006, ISBN : 2-212-11747-7

et Groupe Eyrolles, 2006, ISBN : 2-212-11747-7 Tsoft et Groupe Eyrolles, 2006, ISBN : 2-212-11747-7 OEM Console Java OEM Console HTTP OEM Database Control Oracle Net Manager 6 Module 6 : Oracle Enterprise Manager Objectifs Contenu A la fin de ce module,

Plus en détail

INTRODUCTION AUX TESTS DE PERFORMANCE ET DE CHARGE

INTRODUCTION AUX TESTS DE PERFORMANCE ET DE CHARGE INTRODUCTION AUX TESTS DE PERFORMANCE ET DE CHARGE 1 Introduction aux tests de performance et de charge Sommaire Avertissement...2 Aperçu...3 1. Création du scénario de navigation web (Test web)...4 2.

Plus en détail

PHP/MySQL avec Dreamweaver CS4

PHP/MySQL avec Dreamweaver CS4 PHP/MySQL avec Dreamweaver CS4 Dreamweaver CS4 Jean-Marie Defrance Groupe Eyrolles, 2009, ISBN : 978-2-212-12551-1 7 Étude de cas : un site marchand Dans ce dernier chapitre, nous allons exploiter Dreamweaver

Plus en détail

Langage HTML (2 partie) lt La Salle Avignon BTS IRIS

Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv> Langage HTML (2 partie) «Je n'ai fait que prendre le principe d - hypertexte et le relier au principe du TCP et du DNS et alors boum! ce fut le World Wide Web!» Tim Berners-Lee

Plus en détail

Catalogue de formation

Catalogue de formation 4 rue Jules Raimu 31 200 Toulouse http://www.creabilis.com contact@creabilis.com Tél. : 05 34 251 641 Fax : 05 34 257 956 Catalogue de formation CREABILIS S.A.R.L au capital de 7500 - R.C.S. Toulouse 441

Plus en détail

Activex Database Objet. C'est la couche d'accès aux bases de données, le SGBD (Système de Gestion de Base de Données) de VB.

Activex Database Objet. C'est la couche d'accès aux bases de données, le SGBD (Système de Gestion de Base de Données) de VB. ADO.NET Activex Database Objet Généralités ADO.NET. Permet d accéder aux bases de données à partir de VB.NET. ADO veut dire Activex Database Objet. C'est la couche d'accès aux bases de données, le SGBD

Plus en détail

Les formations. Développeur Logiciel. ENI Ecole Informatique

Les formations. Développeur Logiciel. ENI Ecole Informatique page 1/5 Titre professionnel : Reconnu par l Etat de niveau III (Bac), inscrit au RNCP (arrêté du 12/10/07, J.O. n 246 du 23/10/07) (32 semaines) Unité 1 : Structurer une application 6 semaines Module

Plus en détail

Conception et Implémentation

Conception et Implémentation I. INTRODUCTION Dans ce chapitre on va définir la conception de notre site web dynamique et nous expliquons les étapes de réalisation, les outils utilisés et l interface principale ainsi que les différentes

Plus en détail

Gestion du serveur WHS 2011

Gestion du serveur WHS 2011 Chapitre 15 Gestion du serveur WHS 2011 Les principales commandes Windows Home Server 2011 reprend l ergonomie de Windows 7 et intègre les principales commandes de Windows Server 2008 R2. Les commandes

Plus en détail

Evolutions du Web et des langages

Evolutions du Web et des langages Evolutions du Web Evolutions du Web et des langages WEB statique Ces pages sont écrites en HTML Les pages demandées sont identiques quelque soit La personne qui les demande L heure de la demande Etc. WEB

Plus en détail

Formation WEB DESIGN. Catalogue. Immeuble Normandie II 55, rue Amiral Cécille

Formation WEB DESIGN. Catalogue. Immeuble Normandie II 55, rue Amiral Cécille Immeuble Normandie II 55, rue Amiral Cécille 7 6 1 0 0 R O U E N Tél. : 02 35 03 87 09 Fax : 02 35 03 49 29 Email : formation@art-communication.fr Site web : www.art-communication.fr Catalogue WEB DESIGN

Plus en détail

ASP.NET avec C# sous Visual Studio 2013 Conception et développement d'applications Web

ASP.NET avec C# sous Visual Studio 2013 Conception et développement d'applications Web Visual Studio 2013 et.net 4.5.1 1. Nouveautés de Visual Studio 2013 15 1.1 Installation 17 1.2 Interface du logiciel 18 1.2.1 La page de démarrage 18 1.2.2 Les fenêtres de Visual Studio 20 1.2.3 Les activités

Plus en détail

CAHIER DES CHARGES D IMPLANTATION

CAHIER DES CHARGES D IMPLANTATION CAHIER DES CHARGES D IMPLANTATION Tableau de diffusion du document Document : Cahier des Charges d Implantation EVRP Version 6 Etabli par DCSI Vérifié par Validé par Destinataires Pour information Création

Plus en détail

Pages et sites Web. Table des matières 1. Microsoft Expression Web S'orienter vers l'accessibilité...12

Pages et sites Web. Table des matières 1. Microsoft Expression Web S'orienter vers l'accessibilité...12 Pages et sites Web Table des matières 1 Microsoft Expression Web S'orienter vers l'accessibilité...12 Espace de travail Installer le logiciel...13 Lancer/quitter Microsoft Expression Web 2...13 Découvrir

Plus en détail

Version 1.0 Janvier 2011. Xerox Phaser 3635MFP Plate-forme EIP

Version 1.0 Janvier 2011. Xerox Phaser 3635MFP Plate-forme EIP Version 1.0 Janvier 2011 Xerox Phaser 3635MFP 2011 Xerox Corporation. XEROX et XEROX and Design sont des marques commerciales de Xerox Corporation aux États-Unis et/ou dans d'autres pays. Des modifications

Plus en détail

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web.

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web. Document 1 : client et serveur Les ordinateurs sur lesquels sont stockés les sites web sont appelés des serveurs. Ce sont des machines qui sont dédiées à cet effet : elles sont souvent sans écran et sans

Plus en détail

CHAPITRE 1. Introduction aux web services. 1.1 Définition. Contenu du chapitre : Env. De dev. Langage Visual Studio Java EE Qt Creator C#

CHAPITRE 1. Introduction aux web services. 1.1 Définition. Contenu du chapitre : Env. De dev. Langage Visual Studio Java EE Qt Creator C# CHAPITRE 1 Introduction aux web services Contenu du chapitre : Env. De dev. Langage Visual Studio Java EE Qt Creator C# NetBeans JavaScript Eclipse Objective C Xcode PHP HTML Objectifs du chapitre : Ce

Plus en détail

Documentation de CMS-gen

Documentation de CMS-gen Table des matières GÉNÉRALITÉ... 1 LA ZONE D'ADMINISTRATION... 2 LOGIN SUR LA ZONE D ADMINISTRATION... 2 EDITION DU CONTENU EN LIGNE... 3 LE MODE EDITION... 3 PUBLICATION... 3 SUPPRIMER DES MODIFICATIONS...

Plus en détail

ASP. Etape par étape. 1ère partie : Introduction à asp.net. (Révision : 2 du 05/11/2004 13 pages) Avertissement :

ASP. Etape par étape. 1ère partie : Introduction à asp.net. (Révision : 2 du 05/11/2004 13 pages) Avertissement : ASP Etape par étape 1ère partie : Introduction à asp.net (Révision : 2 du 05/11/2004 13 pages) Avertissement : Ce document peut comporter des erreurs. Cependant, tout a été mis en œuvre afin de ne pas

Plus en détail

Introduction... xi A propos de ce livre... xii A qui s adresse ce livre... xiii Tour d horizon des chapitres... xiii Remerciements...

Introduction... xi A propos de ce livre... xii A qui s adresse ce livre... xiii Tour d horizon des chapitres... xiii Remerciements... Table des matières Introduction................................... xi A propos de ce livre............................... xii A qui s adresse ce livre.............................. xiii Tour d horizon

Plus en détail

Calendrier des Formations

Calendrier des Formations Systèmes et Réseaux IPV6 980,00 HT Jan. Fév. Mar. Avr. Mai Juin Jui. Août Sept. Oct. Nov. Déc. Comprendre IPV6 et explorer les méthodes pour migrer 14-15 23-24 1-2 26-27 Configuration et Maintenance des

Plus en détail

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et

Plus en détail

Institut Supérieure Aux Etudes Technologiques De Nabeul. Département Informatique

Institut Supérieure Aux Etudes Technologiques De Nabeul. Département Informatique Institut Supérieure Aux Etudes Technologiques De Nabeul Département Informatique Support de Programmation Java Préparé par Mlle Imene Sghaier 2006-2007 Chapitre 1 Introduction au langage de programmation

Plus en détail

Introduction à la programmation web

Introduction à la programmation web Introduction à la programmation web Nouvelles Technologies Dr. Thé Van LUONG The-Van.Luong@heig-vd.ch HEIG-VD Switzerland 8 octobre 2015 1/34 8 octobre 2015 1 / 34 Plan 1 État de l art des langages orientés

Plus en détail

Historique et éléments du WEB.

Historique et éléments du WEB. Historique et éléments du WEB...1 1. Internet...2 1.1. Adresse IP...2 1.2. DNS...2 1.3. Approche client-serveur...3 2. Web...3 2.1. CERN (Conseil Européen pour la Recherche Nucléaire)...3 2.2. URL : Uniform

Plus en détail

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1 Guide d'administration du site Internet Page 1 Scolasite permet de créer rapidement un site Internet, sans connaissances techniques particulières. Spécialement destiné aux établissements scolaires, son

Plus en détail

Développer une application en VB.NET 2.0. Partie 3 : Création d une base de données SQL Serveur

Développer une application en VB.NET 2.0. Partie 3 : Création d une base de données SQL Serveur Développer une application en VB.NET 2.0 Cécile Muno Christian Maréchal Partie 3 : Création d une base de données SQL Serveur Sommaire Rappels Note des auteurs Quelques références I. Introduction à SQL

Plus en détail

CHAPITRE 1 : CONCEPTS DE BASE

CHAPITRE 1 : CONCEPTS DE BASE CHAPITRE 1 : CONCEPTS DE BASE 1.1 C est quoi l INTERNET? C est le plus grand réseau télématique au monde, créé par les Américains et issu du réseau ARPANET (Advanced Research Projects Agency ). Ce dernier

Plus en détail

PRETASHOP. Etre à l'aise avec l'utilisation d'un ordinateur et d'internet. Maitriser les bases de Microsoft Word.

PRETASHOP. Etre à l'aise avec l'utilisation d'un ordinateur et d'internet. Maitriser les bases de Microsoft Word. PRETASHOP LES OBJECTIFS : Vous verrez comment installer Joomla! localement puis sur un serveur distant, concevoir l organisation de votre site, rédiger vos premiers articles, maitriser les feuilles de

Plus en détail

Programme «Analyste Programmeur» Diplôme d état : «Développeur Informatique» Homologué au niveau III (Bac+2) (JO N 176 du 1 août 2003) (34 semaines)

Programme «Analyste Programmeur» Diplôme d état : «Développeur Informatique» Homologué au niveau III (Bac+2) (JO N 176 du 1 août 2003) (34 semaines) Programme «Analyste Programmeur» Diplôme d état : «Développeur Informatique» Homologué au niveau III (Bac+2) (JO N 176 du 1 août 2003) (34 semaines) Module 1 : Programmer une application informatique Durée

Plus en détail

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. 1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de

Plus en détail

K?ellaWeb Saisie des absences, retards et sanctions APLON en mode Web

K?ellaWeb Saisie des absences, retards et sanctions APLON en mode Web 2012 K?ellaWeb Saisie des absences, retards et sanctions APLON en mode Web Document d installation et de paramétrage 24/09/2012 Sommaire Septembre 2012 1. Contexte d installation...3 1.1. Prérequis à l

Plus en détail

Programmation Avancée pour le Web

Programmation Avancée pour le Web L3 Informatique Option : ISIL Programmation Avancée pour le Web RAMDANI Med U Bouira 1 Contenu du module Introduction aux applications Web Rappels sur les sites Web Conception d une application Web Notion

Plus en détail

Technologies Web. Technologies Web DHTML TCM-TWEB-01-001-13. Julien BEAUCOURT 2006 pour ETNA

Technologies Web. Technologies Web DHTML TCM-TWEB-01-001-13. Julien BEAUCOURT 2006 pour ETNA DHTML Sommaire Introduction Compatibilité du DHTML Les layers Les balises dynamiques Balise Balise et La balise Animer de éléments Le Document Object Model (DOM) Modifier une

Plus en détail

BTS SIO. Session 2013 2015

BTS SIO. Session 2013 2015 BTS SIO Services Informatiques aux Organisations Session 2013 2015 Collé Maxime Année 2013-2014 Option : SLAM Activité professionnelle N 1 NATURE DE L'ACTIVITE : DÉVELOPPEMENT DE L APPLICATION WEB «GESTION

Plus en détail

Site internet du CREPS Aquitaine

Site internet du CREPS Aquitaine Site internet du CREPS Aquitaine Documentation de Mise à Jour 8 juillet 2010 Monsieur Pixel / Coop'Alpha page 1/22 GESTION D'UN SITE AVEC L'ENVIRONNEMENT SPIP Le site du CREPS Aquitaine fonctionne avec

Plus en détail

techniques & langages

techniques & langages 65 techniques & langages ActionScript 2 66 ActionScript 3 67 ASP 68 ASP.NET 69 Bases de données MySQL 70 Ajax 71 Java 72 Javascript-AJAX 73 PHP-MySQL 74 XHTML et CSS niveau 1 75 XHTML et CSS niveau 2 76

Plus en détail

II. EXCEL/QUERY ET SQL

II. EXCEL/QUERY ET SQL I. AU TRAVAIL, SQL! 1. Qu est-ce que SQL?... 19 2. SQL est un indépendant... 19 3. Comment est structuré le SQL?... 20 4. Base, table et champ... 21 5. Quelle est la syntaxe générale des instructions SQL?...

Plus en détail

DÉMARRAGE RAPIDE. Présentation et installation de NetStorage

DÉMARRAGE RAPIDE. Présentation et installation de NetStorage Novell NetStorage www.novell.com DÉMARRAGE RAPIDE Présentation et installation de NetStorage Novell NetStorage est une fonction de NetWare 6 qui permet d'accéder facilement, via Internet, au système de

Plus en détail

Support de cours de la formation izi-media

Support de cours de la formation izi-media Support de cours de la formation izi-media Préambule Ce support de cours s'adresse aux participants du module de formation «izi-media». Il n'a pas pour but de se substituer à la formation présentielle,

Plus en détail

Fonctionnement du Site Web Dynamique:

Fonctionnement du Site Web Dynamique: Fonctionnement du Site Web Dynamique: Site Web Dynamique: Un site Web dynamique est en faite un site Web dont les pages qu'il contient peuvent être générées dynamiquement, c'est à dire à la demande de

Plus en détail

Webmaster / Concepteur Multimedia

Webmaster / Concepteur Multimedia Durée : 217 heures Objectifs : Webmaster / Concepteur Multimedia Participants : Toute personne attirée par la création de site internet professionnel. Méthodes : Mise en pratique sur micro-ordinateur.

Plus en détail

Déployer une application Web avec WebMatrix et Ma Plateforme Web

Déployer une application Web avec WebMatrix et Ma Plateforme Web Déployer une application Web avec WebMatrix et Ma Plateforme Web [Ceci est une documentation préliminaire, sujette à changement.] Introduction Après avoir créé un site web, vous devez le publier chez un

Plus en détail

PHP/MYSQL. Web Dynamique

PHP/MYSQL. Web Dynamique PHP/MYSQL Web Dynamique ENSG Juin 2008 Qui suis-je? Guillaume Gautreau Responsable projets Systèmes d information à l ENPC guillaume@ghusse.com http://www.ghusse.com Ces 6 jours de formation Jour 1 : présentations,

Plus en détail

7.0 Guide de la solution Portable sans fil

7.0 Guide de la solution Portable sans fil 7.0 Guide de la solution Portable sans fil Copyright 2010 Sage Technologies Limited, éditeur de ce produit. Tous droits réservés. Il est interdit de copier, photocopier, reproduire, traduire, copier sur

Plus en détail

1- PRESENTATION D'INTERNET

1- PRESENTATION D'INTERNET TECHNOLOGIE 1- PRESENTATION D'INTERNET Dans les années 1960, l'arpa (U.S. Defense Departments Advanced Research Porjects Agency) crée le réseau ARPANET. Ce réseau reliait entre eux les sites informatiques

Plus en détail

Microsoft Dynamics Mobile Development Tools

Microsoft Dynamics Mobile Development Tools Microsoft Dynamics Mobile Development Tools Microsoft Dynamics Mobile Development Tools AVANTAGES : Bâtir des solutions complètes avec Microsoft Dynamics. Créer rapidement des applications verticales à

Plus en détail

DotNet. Plan. Les outils de développement

DotNet. Plan. Les outils de développement DotNet Les outils de développement Version 1.03 du 16/10/2006 par Jacky Renno Plan La machine virtuelle Le kit de développement Le kit de langage Le Visual Studio.NET Le serveur web IIS 6.0 Le modeleur

Plus en détail

Documents web dynamiques. 20 novembre 2007 Architecture Multi-Niveaux 54

Documents web dynamiques. 20 novembre 2007 Architecture Multi-Niveaux 54 Documents web dynamiques 20 novembre 2007 Architecture Multi-Niveaux 54 Documents web dynamiques Contenu Statique Le client envoie une requête avec un nom de fichier Le serveur répond en lui retournant

Plus en détail

Module BD et sites WEB

Module BD et sites WEB Module BD et sites WEB Cours 8 Bases de données et Web Anne Doucet Anne.Doucet@lip6.fr 1 Le Web Architecture Architectures Web Client/serveur 3-tiers Serveurs d applications Web et BD Couplage HTML-BD

Plus en détail

Création d'un site dynamique en PHP avec Dreamweaver et MySQL

Création d'un site dynamique en PHP avec Dreamweaver et MySQL Création d'un site dynamique en PHP avec Dreamweaver et MySQL 1. Création et configuration du site 1.1. Configuration de Dreamweaver Avant de commencer, il est nécessaire de connaître l'emplacement du

Plus en détail

Le client/serveur repose sur une communication d égal à égal entre les applications.

Le client/serveur repose sur une communication d égal à égal entre les applications. Table des matières LES PRINCIPES DE BASE... 1 Présentation distribuée-revamping...2 Présentation distante...3 Traitements distribués...3 données distantes-rd...4 données distribuées-rda distribué...4 L'ARCHITECTURE

Plus en détail

Guide de déploiement

Guide de déploiement Guide de déploiement Installation du logiciel - Table des matières Présentation du déploiement du logiciel CommNet Server Windows Cluster Windows - Serveur virtuel CommNet Agent Windows Cluster Windows

Plus en détail

Créer des pages WEB à l aide de KompoZer.

Créer des pages WEB à l aide de KompoZer. Document élève 1/14 Créer des pages WEB à l aide de KompoZer. Document élève 2/14 INTERNET : CREATION D UN SITE PRESENTATION Un site web (aussi appelé site internet par abus de langage) est un ensemble

Plus en détail

Créer un site à l aide de Google Site

Créer un site à l aide de Google Site Créer un site à l aide de Google Site N Vanassche www.nathalievanassche.be Ifosupwavre Mise en contexte www.nathalievanassche.be Blog ou Google Site? La réalisation d un blog à l aide de Blogger (non traité

Plus en détail

Diderot Manuel utilisateur

Diderot Manuel utilisateur Diderot Manuel utilisateur LOGIPRO : 2 rue Pierret Cité Négocia 43000 Le Puy Tél. : 04 71 09 15 53 Fax : 04 69 96 06 25 E-mail : logipro@logipro.com Site web :www.logipro.com TABLE DES AUTEURS/LECTEURS

Plus en détail

Plan du travail. 2014/2015 Cours TIC - 1ère année MI 86

Plan du travail. 2014/2015 Cours TIC - 1ère année MI 86 Plan du travail Chapitre 1: Internet et le Web Chapitre 2: Principes d Internet Chapitre 3 : Principaux services d Internet Chapitre 4 : Introduction au langage HTML 2014/2015 Cours TIC - 1ère année MI

Plus en détail

Microsoft Windows Server Update Services. Microsoft Internet Information Services (IIS) 6.0. Pour des

Microsoft Windows Server Update Services. Microsoft Internet Information Services (IIS) 6.0. Pour des Microsoft Windows Server Update Services Conditions requises pour l'installation de WSUS Microsoft Internet Information Services (IIS) 6.0. Pour des instructions sur le mode d'installation des services

Plus en détail

FileMaker Pro 14. Utilisation d'une Connexion Bureau à distance avec FileMaker Pro 14

FileMaker Pro 14. Utilisation d'une Connexion Bureau à distance avec FileMaker Pro 14 FileMaker Pro 14 Utilisation d'une Connexion Bureau à distance avec FileMaker Pro 14 2007-2015 FileMaker, Inc. Tous droits réservés. FileMaker, Inc. 5201 Patrick Henry Drive Santa Clara, Californie 95054

Plus en détail

Cours 10701A - Configuration et gestion de Microsoft SharePoint 2010

Cours 10701A - Configuration et gestion de Microsoft SharePoint 2010 Cours 10701A - Configuration et gestion de Microsoft SharePoint 2010 INTRODUCTION Ce cours apprend aux stagiaires comment installer, configurer et administrer SharePoint, ainsi que gérer et surveiller

Plus en détail

Microsoft Application Center Test

Microsoft Application Center Test Microsoft Application Center Test L'outil de Test de performance des Sites Web Avec Visual Studio.NET, il est fourni une petite application qui permet de valider la performance de son site Internet ou

Plus en détail

Projet Web. Tim Burton. Refonte complète du site de Tim Burton en utilisant les dernières technologies du web : HTML 5 / CSS 3 / JavaScript...

Projet Web. Tim Burton. Refonte complète du site de Tim Burton en utilisant les dernières technologies du web : HTML 5 / CSS 3 / JavaScript... Projet Web Tim Burton Refonte complète du site de Tim Burton en utilisant les dernières technologies du web : HTML 5 / CSS 3 / JavaScript... Par Omar EDDASSER L3 ISC parcours MIAGE Sous l enseignement

Plus en détail

La Programmation Web avec PHP

La Programmation Web avec PHP Nouvelle page 1 La Programmation Web avec PHP Qu'est-ce que php? Menu Qu'est ce que php? Les scripts PHP Installation de PHP Configuration d'un serveur IIS Mohamed SIDIR PHP est un langage de script HTML,

Plus en détail

TD n 1 : Architecture 3 tiers

TD n 1 : Architecture 3 tiers 2008 TD n 1 : Architecture 3 tiers Franck.gil@free.fr 27/10/2008 1 TD n 1 : Architecture 3 tiers 1 INTRODUCTION Ce TD, se propose de vous accompagner durant l installation d un environnement de développement

Plus en détail

Chapitre 4 Les Servlets. 1. Qu'est-ce qu'une Servlet? 1.1 Présentation. 1.2 Requêtes HTTP

Chapitre 4 Les Servlets. 1. Qu'est-ce qu'une Servlet? 1.1 Présentation. 1.2 Requêtes HTTP 210 Les Servlets 1. Qu'est-ce qu'une Servlet? 1.1 Présentation Les Servlets sont la base de la programmation Java EE. La conception d'un site Web dynamique en Java repose sur ces éléments. Une Servlet

Plus en détail

Corrigé de l'atelier pratique du module 4 : Gestion de la sécurité

Corrigé de l'atelier pratique du module 4 : Gestion de la sécurité Corrigé de l'atelier pratique du module 4 : Gestion de la sécurité Table des matières Atelier pratique 4 : Gestion de la sécurité 1 Exercice 1 : Création de connexions et affectation des autorisations

Plus en détail

Mise en œuvre des serveurs d application

Mise en œuvre des serveurs d application Nancy-Université Mise en œuvre des serveurs d application UE 203d Master 1 IST-IE Printemps 2008 Master 1 IST-IE : Mise en œuvre des serveurs d application 1/54 Ces transparents, ainsi que les énoncés

Plus en détail