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

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

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

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

Le service pack 6 (SP6) est le dernier disponible pour visual studio 6. Ce dernier devrait être maintenu par Microsoft jusqu en 2008.

Le service pack 6 (SP6) est le dernier disponible pour visual studio 6. Ce dernier devrait être maintenu par Microsoft jusqu en 2008. 1 CONCEPT DE BASE 1.1 Visual Basic 6 1.1.1 Pour quoi faire? VB est un langage de type RAD : «Rapid Application Development». Il permet de créer des applications rapidement grâce à une conception simple

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

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

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

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

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

//////////////////////////////////////////////////////////////////// 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

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

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

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 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

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

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

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

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

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

É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

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

LES NOUVEAUTES DE COST AND PROFITABILITY MANAGEMENT 8.1

LES NOUVEAUTES DE COST AND PROFITABILITY MANAGEMENT 8.1 LES NOUVEAUTES DE COST AND PROFITABILITY MANAGEMENT 8.1 SAS Cost and Profitability Management, également appelé CPM (ou C&P), est le nouveau nom de la solution SAS Activity-Based Management. Cette version

Plus en détail

Leçon 0 : Introduction au développement web

Leçon 0 : Introduction au développement web Module : Atelier programmation n- tiers Atelier de TP : N 0 Durée : 6h Groupes : M31- M32 Leçon 0 : Introduction au développement web NB : Ce document est un support de cours (notes de cours) : ce n'est

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

Compte rendu de PHP MySQL : création d un formulaire de base de données

Compte rendu de PHP MySQL : création d un formulaire de base de données REVILLION Joris Décembre 2009 3EI Compte rendu de PHP MySQL : création d un formulaire de base de données Objectifs : Le principal objectif de ce cours est de découvrir et de nous familiariser avec le

Plus en détail

Le Framework.Net. Introduction. Pourquoi.Net?

Le Framework.Net. Introduction. Pourquoi.Net? Introduction. Pourquoi.Net? Le Framework.Net Cela fait une dizaine d'années que le monde du développement est bouleversé d'une part par la programmation objet et d'autre part par les applications web.

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

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

LINQ to SQL. Version 1.1

LINQ to SQL. Version 1.1 LINQ to SQL Version 1.1 2 Chapitre 03 - LINQ to SQL Sommaire 1 Introduction... 3 1.1 Rappels à propos de LINQ... 3 1.2 LINQ to SQL... 3 2 LINQ to SQL... 3 2.1 Importer des tables... 3 2.1.1 Le concepteur

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

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

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

EXTENSION de Microsoft Dynamics CRM 2013. Réf FR 80452

EXTENSION de Microsoft Dynamics CRM 2013. Réf FR 80452 EXTENSION de Microsoft Dynamics CRM 2013 Réf FR 80452 Durée : 3 jours A propos de ce cours : Ce cours offre une information interactive et détaillée sur le développement d extensions pour Microsoft Dynamics

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

Diffuser un contenu sur Internet : notions de base... 13

Diffuser un contenu sur Internet : notions de base... 13 Diffuser un contenu sur Internet : notions de base... 13 1.1 Coup d œil sur l organisation de cet ouvrage.............. 15 Préambule : qu est-ce qu une page web?................ 16 À propos du HTML...........................

Plus en détail

Solutions de gestion de la sécurité Livre blanc

Solutions de gestion de la sécurité Livre blanc Solutions de gestion de la sécurité Livre blanc L intégration de la gestion des identités et des accès avec l authentification unique Objectif : Renforcer la politique de sécurité et améliorer la productivité

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

Tout pour monter son site Web. IUFM de Bourgogne

Tout pour monter son site Web. IUFM de Bourgogne Tout pour monter son site Web IUFM de Bourgogne Pourquoi utiliser les technologies Web? Visible par toutes les plates-formes (PC, Mac, Unix ) Technologies simples et descriptives Contenu principalement

Plus en détail

WordPress : Guide à l édition

WordPress : Guide à l édition WordPress : Guide à l édition WordPress : Guide à l édition... 1 Présentation... 2 1. Accès au site... 2 2. Le tableau de bord... 2 3. Editez les contenus... 4 Quelle est la différence entre les pages

Plus en détail

Gestion du parc informatique matériel et logiciel de l Ensicaen. Rapport de projet. Spécialité Informatique 2 e année. SAKHI Taoufik SIFAOUI Mohammed

Gestion du parc informatique matériel et logiciel de l Ensicaen. Rapport de projet. Spécialité Informatique 2 e année. SAKHI Taoufik SIFAOUI Mohammed 6, bd maréchal Juin F-14050 Caen cedex 4 Spécialité Informatique 2 e année Rapport de projet Gestion du parc informatique matériel et logiciel de l Ensicaen SAKHI Taoufik SIFAOUI Mohammed Suivi ENSICAEN

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

Présentation du Portail

Présentation du Portail PMB Services : Services pour les Bibliothèques & Centres de Documentation Présentation du Portail PMB Système Intégré de Gestion de Bibliothèque & Centre de Documentation PMB Services ZA de Mont sur Loir

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

Personnaliser et adapter SPIP Développeur SPIP

Personnaliser et adapter SPIP Développeur SPIP Personnaliser et adapter SPIP Développeur SPIP En Théorie Le fonctionnement de SPIP Qu est ce que SPIP? SPIP (Système de Publication pour l Internet Partagé) est un logiciel libre destiné à la production

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

BAAN IVc. Guide de l'utilisateur BAAN Data Navigator

BAAN IVc. Guide de l'utilisateur BAAN Data Navigator BAAN IVc Guide de l'utilisateur BAAN Data Navigator A publication of: Baan Development B.V. B.P. 143 3770 AC Barneveld Pays-Bas Imprimé aux Pays-Bas Baan Development B.V. 1997 Tous droits réservés. Toute

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

Publier des données sur le Web

Publier des données sur le Web Publier des données sur le Web Introduction Microsoft Excel fournit les outils dont vous avez besoin pour créer et enregistrer votre classeur sous forme d une page web et le publier sur le Web. La commande

Plus en détail

- Créer, enregistrer et mettre en forme la page d'index. Modifier les propriétés de la page. L'afficher dans le navigateur

- Créer, enregistrer et mettre en forme la page d'index. Modifier les propriétés de la page. L'afficher dans le navigateur Digital et Web : HTML - Devenir Web Master Sessions Mars Avril Mai Digital et Web : HTML - Devenir Web Master Public & pré-requis Toute personne ayant une bonne connaissance de l'internet Maîtriser l'environnement

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

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

Alfresco Mobile pour Android

Alfresco Mobile pour Android Alfresco Mobile pour Android Guide d'utilisation de l'application Android version 1.1 Commencer avec Alfresco Mobile Ce guide offre une présentation rapide vous permettant de configurer Alfresco Mobile

Plus en détail

Initiation à L Informatique. - Cours sur Windows - La notion du SE

Initiation à L Informatique. - Cours sur Windows - La notion du SE Initiation à L Informatique - Cours sur Windows - 1 Le système d'exploitation est un ensemble d'outils logiciels permettant à l'ordinateur de gérer : - la communication entre les différents composants

Plus en détail

Internet statique et dynamique Programmation côté Serveur. Programmation de sites web statiques et dynamiques. Programmation côté serveur

Internet statique et dynamique Programmation côté Serveur. Programmation de sites web statiques et dynamiques. Programmation côté serveur Programmation de sites web statiques et dynamiques Programmation côté serveur Jean CARTIER MASTER INI jcartier@laposte.net 1 SOMMAIRE Internet statique et dynamique Côté Client Le HTML : Principe de fonctionnement

Plus en détail

IFT1148 Introduction

IFT1148 Introduction IFT1148 Introduction Michael Blondin Direction de l enseignement de service en informatique Université de Montréal Hiver 2011 1 / 17 HTML Le HTML (ou XHTML) est un langage de balisage permettant de décrire

Plus en détail

Architecture N-Tier. Ces données peuvent être saisies interactivement via l interface ou lues depuis un disque. Application

Architecture N-Tier. Ces données peuvent être saisies interactivement via l interface ou lues depuis un disque. Application Architecture Multi-Tier Traditionnellement une application informatique est un programme exécutable sur une machine qui représente la logique de traitement des données manipulées par l application. Ces

Plus en détail

CAHIER DES CHARGES D IMPLANTATION D EvRP V3

CAHIER DES CHARGES D IMPLANTATION D EvRP V3 CAHIER DES CHARGES D IMPLANTATION D EvRP V3 Tableau de diffusion du document Document : Cahier des Charges d Implantation EVRP V3 Version 42 Etabli par Département Accompagnement des Logiciels Vérifié

Plus en détail

Manuel d administration

Manuel d administration Gestion et sécurité de l accueil visiteurs Manuel d administration Version 1.35 Sommaire 1- Introduction... 3 2- L outil d administration WiSecure... 4 2.1 Lancement de l interface d administration...

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

Dossier Technique. Détail des modifications apportées à GRR. Détail des modifications apportées à GRR Le 17/07/2008. Page 1/10

Dossier Technique. Détail des modifications apportées à GRR. Détail des modifications apportées à GRR Le 17/07/2008. Page 1/10 Dossier Technique Page 1/10 Sommaire : 1. REPONSE TECHNIQUE A LA DEMANDE 3 1.1. Prise en compte de la dernière version de phpcas 3 1.2. Gestion de la connexion à GRR 3 1.2.1. Récupération des attributs

Plus en détail

Comment utiliser mon compte alumni?

Comment utiliser mon compte alumni? Ce document dispose d une version PDF sur le site public du CI Comment utiliser mon compte alumni? Elena Fascilla, le 23/06/2010 Sommaire 1. Introduction... 2 2. Avant de commencer... 2 2.1 Connexion...

Plus en détail

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une

Plus en détail

Module 19: Développement et déploiement d application client/serveur TDI2 2013/2014 Formateur:M.AZZI hamidazzi@gmail.com hamidazzi.overblog.

Module 19: Développement et déploiement d application client/serveur TDI2 2013/2014 Formateur:M.AZZI hamidazzi@gmail.com hamidazzi.overblog. Module 19: Développement et déploiement d application client/serveur TDI2 2013/2014 Formateur:M.AZZI hamidazzi@gmail.com hamidazzi.overblog.com INTRODUCTION Il y a une évolution majeure des systèmes d'information,

Plus en détail

Annuaire : Active Directory

Annuaire : Active Directory Annuaire : Active Directory Un annuaire est une structure hiérarchique qui stocke des informations sur les objets du réseau. Un service d'annuaire, tel qu'active Directory, fournit des méthodes de stockage

Plus en détail

CHAPITRE 1 PREMIERS PAS. Créer un premier projet... 17 Écrire un programme... 18 Compiler, exécuter... 20 Mieux comprendre... 22

CHAPITRE 1 PREMIERS PAS. Créer un premier projet... 17 Écrire un programme... 18 Compiler, exécuter... 20 Mieux comprendre... 22 CHAPITRE 1 PREMIERS PAS Créer un premier projet... 17 Écrire un programme... 18 Compiler, exécuter... 20 Mieux comprendre... 22 15 1.1. Créer un premier projet Pour commencer, lancez Visual Basic Express.

Plus en détail

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

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

Fiche de l'awt Architecture des solutions Web Interactives

Fiche de l'awt Architecture des solutions Web Interactives Fiche de l'awt Architecture des solutions Web Interactives La définition de l'architecture, en fonction des besoins et objectifs de l'entreprise, est le premier pas dans l'élaboration d'une solution Web

Plus en détail

Module 2 Création d un formulaire simple

Module 2 Création d un formulaire simple Form Builder Développement d un formulaire Sauvegarde d un formulaire Établir une connexion avec le serveur Fenêtre de navigation Assistant de création de blocs (Data Block Wizard) Assistant de mise en

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

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

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

Développement Web Introduction générale

Développement Web Introduction générale 1 / 58 Développement Web Introduction générale Jean-Michel Richer jean-michel.richer@univ-angers.fr http://www.info.univ-angers.fr/pub/richer Juillet 2008 2 / 58 Plan Plan 1 Introduction 2 Historique et

Plus en détail

de survie du chef de projet

de survie du chef de projet KIT de survie du chef de projet 01 1 2 3 4 5 6 04 03 07 07 03 03 LE SERVEUR LE CLIENT TECHNOLOGIE WEB CLIENT LE SERVEUR WEB TECHNIQUES & CADRE DE TRAVAIL APPLICATIONS 101 LE SERVEUR Un serveur informatique

Plus en détail

Installer, configurer et personnaliser Joomla

Installer, configurer et personnaliser Joomla Installer, configurer et personnaliser Joomla Web Platform Installer 2.0 15/02/2010 Access IT Julien CHOMARAT jchomarat@access-it.fr http://www.sharepointofview.fr/julien Retrouvez cet atelier à l adresse

Plus en détail

Administration du site (Back Office)

Administration du site (Back Office) Administration du site (Back Office) A quoi sert une interface d'administration? Une interface d'administration est une composante essentielle de l'infrastructure d'un site internet. Il s'agit d'une interface

Plus en détail

Rapport de Stage. Développeur Informatique Année 2007/2008. Simona DUMITRU

Rapport de Stage. Développeur Informatique Année 2007/2008. Simona DUMITRU Rapport de Stage Développeur Informatique Année 2007/2008 Simona DUMITRU TABLE DES MATIERES TABLE DES MATIERES 2 PRESENTATION DE L ENTREPRISE 3 PROJET MAWARI 5 I THEME DU PROJET ET CAHIER DES CHARGES 6

Plus en détail

LES ACCES ODBC AVEC LE SYSTEME SAS

LES ACCES ODBC AVEC LE SYSTEME SAS LES ACCES ODBC AVEC LE SYSTEME SAS I. Présentation II. SAS/ACCESS to ODBC III. Driver ODBC SAS IV. Driver ODBC SAS Universel V. Version 8 VI. Références I. Présentation Introduction ODBC, qui signifie

Plus en détail

Administration du site

Administration du site Administration du site 1 TABLE DES MATIÈRES Administration du site... 1 Accéder à la console d administration... 3 Console d administration... 4 Apparence... 4 Paramètres... 5 Allez sur le site... 5 Edition

Plus en détail

MEDIAplus elearning - version 6.6

MEDIAplus elearning - version 6.6 MEDIAplus elearning - version 6.6 LMS Export et LMS Etendu Sommaire 1.Avant propos... 4 1.1. Le mode LMS Export... 5 1.2. Le mode LMS Etendu... 6 2.MEDIAplus LMS Export... 7 2.1. Principe de l administration

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

Création d un site web pour la Communauté des communes du pays vernois et du terroir de la truffe

Création d un site web pour la Communauté des communes du pays vernois et du terroir de la truffe Simon Benjamin BTS SIO Rapport de stage : Création d un site web pour la Communauté des communes du pays vernois et du terroir de la truffe Entreprises : 2014/2015-1 - - 2 - Remerciements Je tiens tout

Plus en détail

WWW.MELDANINFORMATIQUE.COM

WWW.MELDANINFORMATIQUE.COM Solutions informatiques Procédure Sur Comment créer un premier Site SharePoint 2010 Historique du document Revision Date Modification Autor 3 2013-04-29 Creation Daniel Roy 1. But.4 2. Configuration..4

Plus en détail

2012 - Copyright Arsys Internet E.U.R.L. Arsys Backup Online. Guide de l utilisateur

2012 - Copyright Arsys Internet E.U.R.L. Arsys Backup Online. Guide de l utilisateur Arsys Backup Online Guide de l utilisateur 1 Index 1. Instalation du Logiciel Client...3 Prérequis...3 Installation...3 Configuration de l accès...6 Emplacement du serveur de sécurité...6 Données utilisateur...6

Plus en détail

Tutoriel d'utilisation du site PEEP

Tutoriel d'utilisation du site PEEP Tutoriel d'utilisation du site PEEP Intro Le site, ape-niort.peep.asso.fr, est géré par un système de gestion de contenu (ici Mura CMS). Un CMS permet, entre autre, de générer un site de manière rapide

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

Introduction à Windows Workflow Foundation

Introduction à Windows Workflow Foundation Introduction à Windows Workflow Foundation Version 1.1 Auteur : Mathieu HOLLEBECQ Co-auteur : James RAVAILLE http://blogs.dotnet-france.com/jamesr 2 Introduction à Windows Workflow Foundation [07/01/2009]

Plus en détail

Calculatrice virtuelle HP Prime

Calculatrice virtuelle HP Prime Calculatrice virtuelle HP Prime Microsoft est une marque commerciale du groupe de sociétés Microsoft. Les informations contenues dans ce document peuvent être modifiées sans préavis. Les garanties relatives

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

Module : Bases techniques pour l informatique

Module : Bases techniques pour l informatique Développeur Logiciel Module : Bases techniques pour l informatique Etre capable de naviguer dans le monde culturel de l'informaticien. Savoir utiliser les outils bureautiques et internet. Algèbre de Boole.

Plus en détail

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier

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

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

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

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

CATALOGUE DES FORMATIONS

CATALOGUE DES FORMATIONS CATALOGUE DES FORMATIONS WEB / GRAPHISME ADOBE ACROBAT PRO... 1 ADOBE PHOTOSHOP... 2 ADOBE INDESIGN... 3 ADOBE DREAMWEAVER... 4 ARTISTEER... 5 PREZI... 6 LE LANGAGE HTML... 7 LES FEUILLES DE STYLE CSS...

Plus en détail

Cours Microsoft. Cours en ligne Analyste programmeur Microsoft. Académie Libre info@academielibre.fr

Cours Microsoft. Cours en ligne Analyste programmeur Microsoft. Académie Libre info@academielibre.fr Cours Microsoft Cours en ligne Analyste programmeur Microsoft Académie Libre info@academielibre.fr Programme général du Cours Microsoft Module 1 Les bases de la programmation Unité 1 Introduction à la

Plus en détail

PORT@D. Procédure de configuration et d'utilisation pour les Étudiants. Cégep Limoilou Septembre 2014

PORT@D. Procédure de configuration et d'utilisation pour les Étudiants. Cégep Limoilou Septembre 2014 PORT@D Procédure de configuration et d'utilisation pour les Étudiants. Cégep Limoilou Septembre 2014 Table des matières Introduction... 1 Qu'est-ce qu'une machine virtuelle :... 2 Installation des prérequis...

Plus en détail

Mise à jour de version

Mise à jour de version Mise à jour de version Cegid Business Version 2008 Service d'assistance Téléphonique 0 826 888 488 Sommaire 1. A lire avant installation... 3 2. Installer les nouvelles versions des logiciels... 4 Compte

Plus en détail