DOSSIER PROJET ISN. PARTIE 1 : Présentation de l équipe projet. PARTIE 2 : Présentation du projet

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

Download "DOSSIER PROJET ISN. PARTIE 1 : Présentation de l équipe projet. PARTIE 2 : Présentation du projet"

Transcription

1 DOSSIER PROJET ISN PARTIE 1 : Présentation de l équipe projet Le groupe que nous avons décidé de composer pour réaliser notre projet d ISN cette année est composé de 3 élèves : Lev POZNIAKOV, Nicolas TROUVET et moimême, élèves de Terminale S1 à l établissement Saint Martin de France situé à Pontoise. Notre projet d ISN est un jeu de rôle (RPG : Role Playing Game) que nous avons décidé de réaliser sur la série de logiciels RPG maker développée par deux compagnies japonaises ASCII et Enterbrain. Le nom de notre jeu est «Santa Martina Adventure s», une sorte d adaptation de jeu de combat à l univers de notre lycée. Au début de l année, nous avons conçu notre projet à deux, Nicolas et moi, puis Lev nous a rejoints en cours d année. Nos compétences informatiques à Nicolas et moi étaient pratiquement nulles au début de l année, mais nous avons acquis de nouvelles connaissances durant la première moitié de l année grâce aux cours dispensés et à nos travaux personnels. Lev nous a rejoints au milieu de l année et ses propres connaissances en informatique lui ont permis de s insérer dans notre groupe sans difficulté. Lev connaissait RPG maker de nom, et nous avons donc décidé de l utiliser comme outil de travail pour réaliser notre projet. PARTIE 2 : Présentation du projet Notre première idée à Nicolas et moi était de recréer un univers très proche de celui du jeu de notre enfance : Pokemon. Ce jeu nous a passionnés comme beaucoup d enfants de notre génération, et c est encore le cas pour les générations actuelles. Créer notre Pokemon par nous-même nous semblait être un joli défi. L objectif principal de notre projet est de montrer qu il est possible de réaliser une variante proche du jeu mythique original «Pokemon» en tenant compte de notre propre environnement. Rapidement, nous avons compris que RPG maker ne proposait pas d éléments de jeu assez proches de ce que nous attendions pour réaliser notre Pokemon. L environnement était certes très proche, mais l ébauche de scénario faite par Nicolas et moi n était pas réalisable sans être obligé de modifier le code source, ce qui semblait très difficile à mettre en place compte tenu du temps imparti et de la complexité de réalisation. Nous nous sommes donc réorientés vers un autre type de RPG avec plus de combats et quêtes façon Final Fantasy I, tout en conservant notre univers de base, Saint Martin. Le jeu repose donc plus sur les combats que sur l aventure en tant que telle. 1

2 RPG maker nous a permis de reprendre les bases prédéfinies d éléments secondaires dans la réalisation de notre jeu. Nous y avons perdu en personnalisation des éléments mais il nous était impossible de réaliser un projet de RPG totalement nouveau (avec des éléments développés de toutes pièces) en utilisant le langage de notre choix dans le temps imparti. Le langage de programmation des éléments préprogrammés est le Ruby (ou RGSS). Par choix, nous n avons pas développé de nouveau code spécifique (utilisation du langage Ruby ou C) pour créer le jeu ou des éléments du jeu. Cependant, nous avons utilisé toutes les fonctionnalités du framework RPG maker VX Ace. Nous avons seulement recréé notre univers à l aide des outils préprogrammés proposés par RPG maker. Le jeu se présente sous la forme d un fichier exécutable, à lancer à partir d un poste sous Windows équipé du logiciel RPG maker VX Ace. Il ne requiert aucune connexion Internet une fois téléchargé. Pour réaliser ce projet à bien et à temps, aucune connaissance particulière ou pointue en informatique n était nécessaire. Cependant, la principale difficulté résidait dans notre capacité à prendre en main l environnement RPG Maker, comprendre son fonctionnement et son mode d utilisation, notamment pour réaliser la carte et le jeu en fonction de notre cahier des charges et du scénario envisagé. Nous avons choisi d utiliser la dernière version mise à jour par RPG maker pour notre travail, la version VX Ace (version n 7). PARTIE 3 : Découpage des tâches Le découpage des tâches a été plutôt simple à mettre en place. Lev et Nicolas se sont coordonnés pour réaliser les éléments du jeu. Nicolas s est occupé du scénario. Personnellement, je me suis occupé de trouver le support permettant de présenter et d expliquer notre projet de la meilleure manière. Je me suis penché sur la réalisation d un site nécessitant l emploi des langages HTML et PHP ainsi que l utilisation des feuilles de style CSS. La charge de travail, pour lier le scénario et le jeu réalisés en parallèle, a été assez importante pour garder une cohérence entre les deux. Par ailleurs, j ai réalisé le site mettant en valeur notre jeu par le biais de screenshots, d une présentation globale du jeu et de ses éléments, une choutbox notamment. La collaboration a été bonne dans notre groupe, et les tâches se sont rapidement mises en place. Au niveau du travail, le site a nécessité une bonne collaboration, car il fallait reproduire quelque chose qui plaisait à tout le monde, un univers dans lequel chacun retrouvait le jeu que nous avions créé. 2

3 PARTIE 4 : Présentation de mon travail personnel 1. Nature du travail que j ai réalisé Ma partie était, par rapport à celle de Lev et Nicolas, assez éloignée du jeu. Je devais me charger de proposer un moyen de présentation de notre projet, de façon à le rendre attractif. Durant la première moitié de l année, nous avons étudié les langages Python et HTML accompagné du CSS. Notre moyen de présentation devait réunir différents types de codes, dont au moins un langage étudié durant l année. Les propositions que nous avait données notre professeur au début de la seconde moitié de l année étaient de se servir des connaissances acquises en HTML pour créer une page HTML accompagnée de sa mise en forme CSS ou bien de réussir à créer un site internet. J ai choisi de me lancer dans la production d un site internet, donc en HTML. Pour cela, j ai demandé à des amis ayant quelques connaissances en informatique de m aider et de me conseiller pour construire un site dédié à notre jeu. 2. Où se situe notre site internet? Le site est présenté sur un serveur dédié OVH. OVH est un hébergeur de sites web français qui propose différents services dont des serveurs dédiés, des noms de domaines, des hébergements mutualisés, du Cloud Computing et de la télécommunication. Un de mes amis m a proposé une place sur un de ses serveurs OVH, et mon site est donc situé sur l un d eux. Mais comment marche ce système de sites sur des hébergeurs? OVH propose en fait des noms de domaines sur ses propres serveurs qu il loue à des particuliers. Lorsque le particulier loue un serveur OVH, il choisit un nom de domaine (il existe différents noms de domaines, comme le «.com» ou le «.fr»). Le nom de domaine est payant s il s agit d un «.com» ou un «.fr», mais on peut très bien garder le nom de domaine de l hébergeur, dans mon cas j ai gardé le nom de domaine OVH : «.ovh». Une fois que l on obtient un serveur avec un nom de domaine, l hébergeur envoie l information à l AFNIC* qui prend connaissance du nom de domaine que l on vient de créer pour l inscrire sur ses serveurs DNS (Domain Name System). Le DNS a pour rôle d associer une adresse IP à un nom de domaine, et lorsqu un nom de domaine y est inscrit, on peut facilement retrouver l adresse IP associée à ce nom de domaine si on a accès à son DNS. Pour la gestion du DNS, il y a ensuite deux possibilités : - La première est de gérer soit même son DNS, et il suffit juste de renvoyer l adresse IP de ce dernier à l hébergeur ; 3

4 - La deuxième possibilité est de laisser l hébergeur gérer lui-même son propre DNS par le biais de ses serveurs. Ensuite, il ne reste plus qu à prendre en main son serveur et faire ce qu il faut pour créer et modifier son site web ou bien passer par un client FTP : il s agit d un logiciel qui permet de renvoyer des modifications de son nom de domaine à l aide d une adresse, d un nom d utilisateur, d un mot de passe, d un port, et d une connexion internet, permettant de ne pas passer par son compte sur l hébergeur (utile pour éviter les cookies lorsqu on se trouve sur une autre machine que la sienne par exemple). 3. A quoi servent couramment les langages que j ai utilisés? Au niveau du code et des langages utilisés, le site est un peu plus fourni que la simple page HTML. Encore une fois, mes amis m ont conseillé de reprendre les bases du code source d un site quelconque, de supprimer les spécificités du site en question, pour ensuite y ajouter les spécificités nécessaires pour rendre le site agréable et attirant pour notre groupe et les quelques personnes le visitant. Il y a au final deux types de langages utilisés, le PHP et le HTML ainsi que la mise en forme CSS pour accompagner le HTML. Personnellement, je n avais aucune connaissance concernant le langage PHP. Je n avais que les quelques connaissances acquises durant la première moitié de l année. Je vais détailler ci-après les fonctionnalités de chacun de ses langages, ainsi que leur place dans notre site web Le langage HTML Le premier langage, utilisé pour toute première page web, est le HTML. Ce langage est un langage simple qui ne nécessite pas de connaissances particulières en informatique. Ce langage permet de créer relativement facilement des pages web agréables et correctement structurées. HTML est l abréviation de «HyperText Markup Language» pour langage de balisage d hypertexte. Ce langage permet donc de réaliser des hypertextes. Le HTML possède aussi des quantités d autres balises pour réaliser facilement d autres tâches comme des tabulations, mettre des couleurs, rajouter des liens hypertextes, des petits programmes informatiques CSS est l abréviation de Cascading Style Sheet pour Feuille de style en cascade, et contrairement au HTML, n est pas un langage de programmation. Le CSS peut être considéré comme un langage informatique accompagnant les langages HTML et XML. Le CSS est utilisé en collaboration du HTML pour la mise en page de la page HTML, et tout ce qui détermine la forme d une page HTML. Les balises CSS sont utiles pour arranger le texte brut produit en HTML, en y ajoutant des couleurs, une police, une taille de police, positionner une image au sein de la page, enjoliver la présence de liens hypertextes, etc. La majorité de ces fonctions est 4

5 présente en HTML, mais le CSS a été créé pour rendre moins complexe le langage HTML. On a ainsi la possibilité de séparer le fond (HTML) de la forme (le CSS). Sur une page web, l un n existe pas sans l autre Le langage PHP PHP est quant à lui un langage plus complexe à manipuler, et surtout à comprendre. N ayant pas appris ce langage au cours de l année, j ai dû me l approprier à l aide d explications soit trouvées sur le net, soit données par mes amis, ces derniers me conseillant une shoutbox codée en PHP pour animer un peu notre site web. Lorsqu on apporte du PHP à un site web, c est pour lui donner un côté vivant. Le PHP complexifie la création d un site web, mais il est de plus en plus utilisé, et est devenu indispensable pour les sites les plus visités. Au niveau du code, le PHP ne se voit pas, il se trouve côté serveur. Lorsque le navigateur envoie une requête au serveur, celui-ci recherche si la page contient du script PHP, et dans ce cas l envoie à l interpréteur PHP pour générer le code PHP. Ensuite, le serveur renvoie au navigateur la page Web dynamique ainsi produite. 5

6 Les éléments dynamiques proposés par le code PHP sont les fils de discussion (forums), les messageries instantanées (shoutbox), la présentation d actualités sur des pages d accueil tout en pouvant les commenter, ainsi que tout autre moyen dynamisant un site Web. Pour implémenter du code PHP, sachant qu il ne se situe pas sur sa machine mais sur un serveur, il faut posséder quelques programmes pour «transformer sa machine en serveur» durant le temps des manipulations en PHP. Ces programmes sont : - Apache : c est le serveur web, le plus important des programmes pour le PHP. C est lui qui délivre les pages Web aux visiteurs. Cependant, Apache doit être complété car il ne gère que des sites Web «statiques» (pages en HTML). - PHP : C est un plug-in pour Apache qui lui permet de traiter du code PHP. En les combinant, une machine devient capable de lire des pages Web en PHP. 4. A quoi correspondent les lignes de code de notre site? Partie HTML : L idée du site est de tout rassembler sur une seul page. Pour cela quand l utilisateur clique sur «download» dans le menu, la catégorie téléchargement s affiche en haut de la page. L utilisateur dispose alors de toutes les informations du jeu sur une seule et même page, grâce aux balises «<div id= nom_catégorie >». Il suffit ensuite de faire un lien vers «#nom_catégorie» (dans la balise <a href= > 6

7 Les catégories sont les suivantes : Présentation du jeu, Téléchargement, Tchat Box et Images du jeu, et enfin, Présentation des auteurs. La balise <h1> gère le titre principal. Le titre de la présentation est géré dans la balise <h2> et la présentation dans la balise <p>. La balise <div id= mon_id > permet de mettre un style personnalisé au site web. Ce point est expliqué dans la partie CSS ci-après. Partie CSS : Les principales fonctions utilisées pour mettre en place le design du site sont les suivantes : text-align : permet d aligner le texte ; Exemple : La valeur «center» pour un alignement au centre ; margin : permet de faire des marges ; font-family : permet de modifier la police d écriture ; font-size : permet de définir la taille d écriture en pixels ; color : permet de changer la couleur ; width : permet de définir l emplacement du texte ; background : permet de mettre un background de type image ou non ; border : permet la mise en place de bordure pour chaque bloc du site. Il suffit ensuite de définir le CSS dans le head de la page html. Deux cas sont présents : Le cas de la définition d une balise de base ; Le cas de la définition d un style à l intérieur balises «id» Dans le cas de la définition d une balise de base : p { } rgba(0, 0, 0, 0.8); width: 65%; margin: 10px auto; border-radius: 10px; 7

8 Dans le cas de la définition d un style à l intérieur balises «id» : #test { } border: 2px red solid; Ce dernier cas permet de définir le style désiré à l élément choisi. Partie PHP / MySQL: Le PHP est utilisé pour la shoutbox (ou plus communément appelé chat). MySQL permet de stocker dans une table les données du site. La balise «<?php» permet d indiquer au serveur Apache qu il s agit de code PHP. La séquence «?>» indique la fin du code PHP. Via un formulaire, l utilisateur envoie son pseudo et son message qui sont transmis à «minichat_post.php» Le fichier minichat_post.php : La fonction «try» en PHP permet de tester une fonction. En cas d erreur, la balise «catch» permet de récupérer l erreur pour la communiquer. La connexion à la base de données MySQL s effectue grâce à l instruction suivante : «$bdd = new PDO('mysql:host=ADRESSEIPFTP;dbname=NOMBASE;charset=utf8', 'UTILISATEUR', 'MOTDEPASSE');» Puis notre message est inséré à l'aide d'une requête préparée. Il s agit d une requête d insertion du pseudo et du message dans la base SQL. Puis la requête est exécutée pour l enregistrement dans la table MySQL. $req = $bdd->prepare('insert INTO minichat (pseudo, message) VALUES(?,?)'); $req->execute(array($_post['pseudo'], $_POST['message'])); Ensuite l utilisateur est renvoyé vers la page précédente : «header('location: index.php');» 8

9 La structure de la table SQL nommé minichat : ID pseudo message 1 Tom Il fait beau aujourd'hui, vous ne trouvez pas? 2 John Ouais, ça faisait un moment qu'on n'avait pas vu la lumière du soleil! 3 Patrice Ça vous tente d'aller à la plage aujourd'hui? Y'a de super vagues! 4 Tom Cool, bonne idée! J'amène ma planche! 5 John Comptez sur moi! Cette structure (ID, pseudo, message) est conseillée par OpenClassRoom. ID : L id se génère automatiquement et permet de trier notre table SQL lors d une future requête de récupération des messages. Il est de type «int» (un entier) ; pseudo : Le pseudo est de type «var_char» (chaîne de caractères) ; message : le message est de type «TEXT». La taille du texte est gérée automatiquement par MySQL. Récupération des messages : La récupération des messages est effectuée au travers d une requête de recherche MySQL. Cette requête est réalisée grâce à la commande suivante : «('SELECT pseudo, message FROM minichat ORDER BY ID DESC LIMIT 0, 15')». Cette commande permet d ordonner les ID de manière décroissante et de renvoyer les 15 derniers messages. L affichage des messages est réalisée à l aide de la balise «echo». Cette dernière permet en effet de renvoyer à l utilisateur le contenu d un texte et/ou d une variable. 9

10 PARTIE 5 : Les liens de notre site Pour voir la version finale de notre site, je vous invite à aller sur le site : sma.aiir.ovh Pour voir la version finale du code source de notre site, je vous invite à aller sur le dossier compressé.zip : sma.aiir.ovh/sources.zip Le code de cette page comprend : - index.php // page d accueil du site, - minichat_post.php // envoie du chat, - style.css // feuille de style, ainsi que, - la table SQL. PARTIE 6 : Une suite pour notre projet? Pour le moment, nous n'avons pas encore réfléchi à la suite que pourrait prendre notre projet. Nos avenirs respectifs ne se dessinent a priori pas dans les mêmes écoles. Cependant, notre projet m'a semblé très intéressant, et pour une première version, il n'est pas mal réalisé. Il reste bien des choses à améliorer, car le temps réservé à l'isn cette année ne nous permettait pas d en réaliser davantage. Nous avons donc dû nous contenter de faire ce que nous pensions être un bon jeu de rôle, sans pour autant rechercher la perfection. Nous avons tout de même consacré du temps à notre RPG, et si nous avions à l'avenir l'occasion de l'améliorer, tant au niveau du scénario que des graphismes, il faudrait commencer à apprendre le C ou le RGSS. Peut-être que l un d entre nous le fera. Que peut-on améliorer? Au niveau du jeu en lui-même, on peut encore apporter des modifications, car actuellement les seuls «codes» présents dans notre jeu sont les variables proposées par RPG maker, c'est-à-dire les situations de base pour faire de notre jeu un jeu de rôle. Il faudrait pour cela écrire des lignes de code. Cela personnaliserait davantage notre jeu, et les restrictions proposées par les variables de RPG maker pourraient alors disparaître complètement. Dans la meilleure finalité possible pour notre jeu, le logiciel 10

11 RPG maker ne deviendrait alors plus que notre outil de fond pour notre jeu, et une plus grande partie du jeu serait alors codée par nos soins. Au niveau du site, la partie en PHP est courte et l animation demeure simple. Bien qu elles nécessitent plus de temps que celui dont nous disposions, les pistes d amélioration envisageables sont les suivantes : intégrer un forum, essayer de créer une petite communauté, alimenter la shoutbox régulièrement, etc. Il faut reconnaître que le site est peu complexe car il est représentatif de notre niveau actuel en informatique. Il est composé essentiellement de pages Web en HTML et CSS. La majorité des sites les plus visités actuellement contiennent très souvent du Javascript, ce qui est un autre moyen de dynamiser le site et de le rendre plus attrayant. 11

12 ANNEXE *AFNIC : l AFNIC (Association Française pour le Nommage Internet en Coopération) est une association loi de Elle a pour mission de gérer les domaines Internet nationaux de premier niveau de France (.fr), La Réunion (.re), Terres australes et antarctiques françaises (.tf), Mayotte (.yt), Saint-Pierre-et-Miquelon (.pm) et Walliset-Futuna (.wf). L'AFNIC se définit également comme fournisseur de solutions techniques et de services de registre, elle est notamment le partenaire technique de nouveaux domaines génériques dont le «.paris», le «.bzh», le «.alsace», le «.ovh». _en_coop%c3%a9ration La production de serveurs OVH OVH produit ses propres chaînes de serveurs et dispose de plusieurs chaînes d assemblage en France et au Canada. Ainsi, les machines intègrent des composants de dernière génération et associent souplesse et fiabilité. Cette production à l échelle industrielle couplée à une logistique sophistiquée permet également à l hébergeur de garantir la livraison rapide des machines et proposer des tarifs compétitifs à ses clients. Quelques données sur les serveurs OVH : serveurs assemblés en 2012 ; - Le classage de 230 m² de composants représente 1 mois de manufacture ; - Un serveur est composé de 8 composants que sont la case (où se situe les autres composants), un bouton on/off, un câble d alimentation, une carte mère, un processeur, un climatiseur, la RAM et un disque dur. Les employés OVH mettent 15 minutes pour les assembler, 5j/7 et 8h30/24, ce qui assure un nombre de serveurs disponibles considérables ; - Pour le bon fonctionnement de leurs serveurs, les employés OVH testent leurs serveurs dans un laboratoire. Ils sont allumés et connectés sur le net avec une adresse IP temporaire et le système de refroidissement est testé (très important pour éviter les problèmes de surchauffe). Il y a aussi un programme de contrôle pour vérifier les composants. L ensemble de ces tests prendra entre 25 et 30 minutes ; - Pendant que le serveur est testé dans un laboratoire OVH, ce même serveur est attribué en avance à une adresse IP et son emplacement dans le datacenter de Beauharnois est déjà réservé. Ce qui permet d enchaîner les étapes et de fournir rapidement des serveurs à ses clients ; - Le serveur est ensuite transférer à sa position dans le datacenter ; - Viens ensuite le moment où le client choisis son serveur. Il choisit aussi le datacenter de son serveur, ses options et son système d opération. Une fois le paiement confirmé, l hébergeur envoi la livraison du processus de son serveur ; 12

13 - Une fois choisis et loué, le client obtient son serveur qui lui est alloué pour en moyenne 7 ans. Le serveur est alors à la complète disposition du client à partir de ce moment-là ; - OVH envoie ensuite l adresse IP du serveur par . Pour se connecter au serveur, l adresse IP sert de nom d utilisateur pour s identifier, et un mot de passe est également demandé pour bien authentifier le client. Le règlement et les factures sont ensuite envoyés par . Les datacenters OVH OVH possède 17 datacenters à travers le monde dont 2 parmi les plus grands. Depuis son premier centre de données en 2003 à Paris, OVH ne cesse d innover à la fois dans la conception, le déploiement et la maintenance d infrastructures d hébergement des serveurs. L entreprise a abouti à un concept global de datacenters dont elle maîtrise tous les paramètres. Elle dispose aujourd hui d un savoir-faire unique en matière de haute-disponibilité, de sécurité et de performances énergétiques. OVH dispose de : - 3 datacenters dont 1 en construction situés à Beauharnois (Canada) qui contiennent serveurs au total. - 2 datacenters dont 1 en construction situés à Gravelines (France) qui contiennent serveurs au total. - 6 datacenters situés à Roubaix (France) qui contiennent serveurs au total. - 4 datacenters dont 1 en construction situés à Strasbourg (France) qui contiennent serveurs au total. - 3 datacenters situés à Paris (France) qui contiennent serveurs au total. La sécurité des serveurs OVH Des datacenters placés sous hautes protection Depuis 15 ans maintenant, OVH.com héberge des données et porte une attention particulière à leur protection. Pour garantir les plus hauts niveaux de sécurité, OVH a pris soin de mettre en place des dispositifs efficaces ainsi qu un arsenal de bonnes pratiques à tous les niveaux d organisation et d infrastructures. Les clients bénéficient ainsi pour leurs contenus d une disponibilité, d une intégrité et d une confidentialité à toute épreuve. L enceinte d OVH est strictement surveillée. Afin de résister à toute forme intrusion ou d aléa, chaque périmètre est sécurisé par des clôtures équipées de barbelés. Un système de vidéo-surveillance et de détection de mouvements fonctionne également en continu. L activité dans les centres de données et à l extérieur des bâtiments est monitorée puis 13

14 enregistrée sur des serveurs sécurisés tandis que des équipes de surveillance se relaient 24h/24 et 7j/7. Afin de contrôler et de surveiller l accès à l enceinte OVH, des procédures de sécurité strictes sont en place. Chaque membre du personnel est équipé d un badge nominatif auxquels sont associés ses droits d accès. Ceux-ci sont régulièrement reconsidérés en fonction des attributions de chacun. Pour accéder aux locaux, chaque employé doit tout d abord soumettre son badge à une vérification, puis traverser un sas sécurisé. Les datacenters bénéficient d une protection encore plus élevée puisque seul le personnel autorisé peut y accéder. OVH est l unique exploitant de ses installations. Sécurité côté réseau OVH déploie son réseau en fibre optique à travers le monde. A la pointe de la technologie, le matériel est choisi, et maintenu par les équipes d'ingénieurs de l'hébergeur. Ce réseau en propre permet de délivrer une qualité de service irréprochable à tous les clients de l'entreprise, où qu'ils se trouvent. Il affiche une bande passante de 3 Tbps en Europe et, à terme, 8000 Gbps en Amérique du Nord ainsi qu'une connexion en 33 points de peering sur 3 continents. L'entreprise a également fait le choix de construire son réseau de manière totalement redondée : plusieurs boucles de sécurisation ont ainsi été mises en place, afin d'éviter tout risque d'indisponibilité. Cette multiplicité des liens permet également à vos données d'emprunter le chemin le plus court et donc d'afficher des temps de latences minimums. Sécurité côté serveur Une présence humaine est assurée 24h/24, 7j/7, 365j/365 dans les centres de données par les équipes d'ovh, afin d'assurer une maintenance permanente. Dans le cas d'un incident technique, leur réaction et immédiate et vous êtes assuré que votre serveur sera rétabli dans les meilleures délais. Certaines gammes de serveurs sont par ailleurs équipées d'une double alimentation et une double carte-réseau : l'infrastructure est alors redondée de bout en bout. 14

RÉALISATION D UN SITE DE RENCONTRE

RÉALISATION D UN SITE DE RENCONTRE RÉALISATION D UN SITE DE RENCONTRE Par Mathieu COUPE, Charlène DOUDOU et Stéphanie RANDRIANARIMANA Sous la coordination des professeurs d ISN du lycée Aristide Briand : Jérôme CANTALOUBE, Laurent BERNARD

Plus en détail

Association UNIFORES 23, Rue du Cercler 87000 LIMOGES

Association UNIFORES 23, Rue du Cercler 87000 LIMOGES RAPPORT DE STAGE Association UNIFORES 23, Rue du Cercler 87000 LIMOGES LOHUES Théo BTS SIO 1 ère année Lycée suzanne valadon 2013-2014 Table des matières I. Présentation de l'entreprise...3 II. Description

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

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING

CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des

Plus en détail

Louer et utiliser un Hébergement Mutualisé OVH (Version 1.0)

Louer et utiliser un Hébergement Mutualisé OVH (Version 1.0) Louer et utiliser un Hébergement Mutualisé OVH (Version 1.0) Page 1/27 Table des matières 1.L'hébergement mutualisé c'est quoi?...3 2.Quel hébergeur choisir?...4 3.Louer un hébergement mutualisé chez OVH...4

Plus en détail

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013

Rapport de stage. Création d un site web. Stage du 20/01/2013 au 21/02/2013 Rapport de stage Création d un site web Stage du 20/01/2013 au 21/02/2013 Auteur : Antoine Luczak Tuteur professionnel : M. Tison Tuteur scolaire : Mme Girondon Année scolaire : 2013/2014 1 Table des matières

Plus en détail

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15 .. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles

Plus en détail

Technologies du Web. Créer et héberger un site Web. Pierre Senellart. Page 1 / 26 Licence de droits d usage

Technologies du Web. Créer et héberger un site Web. Pierre Senellart. Page 1 / 26 Licence de droits d usage Technologies du Web Créer et héberger un site Web Page 1 / 26 Plan Planification Choisir une solution d hébergement Administration Développement du site Page 2 / 26 Cahier des charges Objectifs du site

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

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées? Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites Quelles solutions peuvent être employées? Présentation d une des solutions Conclusion Aujourd hui le web est

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

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations

Plus en détail

Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D.

Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D. Construction d un Site Internet Dynamique avec Joomla René-Yves Hervé, Ph.D. TABLE DES MATIÈRES I. Présentation de Joomla II. III. IV. Documents disponibles Installation de Joomla 3.1) Installation sur

Plus en détail

Initiation à html et à la création d'un site web

Initiation à html et à la création d'un site web Initiation à html et à la création d'un site web Introduction : Concevoir un site web consiste à définir : - l'emplacement où ce site sera hébergé - à qui ce site s'adresse - le design des pages qui le

Plus en détail

LE CONCEPT DU CMS CHAPITRE 1

LE CONCEPT DU CMS CHAPITRE 1 CHAPITRE 1 LE CONCEPT DU CMS Techniques traditionnelles de construction de sites... 14 Les principes des CMS... 18 Le langage HTML... 26 Check-list... 41 11 Même s il est d usage de comparer Internet

Plus en détail

Hébergement de site web Damien Nouvel

Hébergement de site web Damien Nouvel Hébergement de site web Plan L'hébergeur Le serveur web Apache Sites dynamiques 2 / 27 Plan L'hébergeur Le serveur web Apache Sites dynamiques 3 / 27 L'hébergeur L'hébergeur sous-traite l'architecture

Plus en détail

Programmation Web. Madalina Croitoru IUT Montpellier

Programmation Web. Madalina Croitoru IUT Montpellier Programmation Web Madalina Croitoru IUT Montpellier Organisation du cours 4 semaines 4 ½ h / semaine: 2heures cours 3 ½ heures TP Notation: continue interrogation cours + rendu à la fin de chaque séance

Plus en détail

Whitepaper. Méthodologie de création de rapports personnalisés SQL Server Reporting Services

Whitepaper. Méthodologie de création de rapports personnalisés SQL Server Reporting Services Ce Whitepaper décrit la méthodologie de développement d un rapport personnalisé au format SQL Server Reporting Service (SSRS) appliqué à System Center Operations Manager (SCOM) Whitepaper Méthodologie

Plus en détail

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des

Plus en détail

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s

Magento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN

Plus en détail

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES

WEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre,

Plus en détail

SYSTÈMES D INFORMATIONS

SYSTÈMES D INFORMATIONS SYSTÈMES D INFORMATIONS Développement Modx Les systèmes de gestion de contenu Les Content Management Système (CMS) servent à simplifier le développement de sites web ainsi que la mise à jour des contenus.

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

Hébergement MMI SEMESTRE 4

Hébergement MMI SEMESTRE 4 Hébergement MMI SEMESTRE 4 24/03/2015 Hébergement pour le Web Serveurs Mutualités Serveurs Dédiés Serveurs VPS Auto-Hébergement Cloud Serveurs Mutualités Chaque Serveur héberge plusieurs sites Les ressources

Plus en détail

1 LE L S S ERV R EURS Si 5

1 LE L S S ERV R EURS Si 5 1 LES SERVEURS Si 5 Introduction 2 Un serveur réseau est un ordinateur spécifique partageant ses ressources avec d'autres ordinateurs appelés clients. Il fournit un service en réponse à une demande d un

Plus en détail

Pourquoi utiliser SharePoint?

Pourquoi utiliser SharePoint? Pourquoi utiliser SharePoint? Partage de Fichiers Accès distant aux informations Mise à jour permanente Gestion électronique de documents (GED) Notifications / Alertes Workflow / Flux de travail Extranet

Plus en détail

HTML, CSS, JS et CGI. Elanore Elessar Dimar

HTML, CSS, JS et CGI. Elanore Elessar Dimar HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML

Plus en détail

www.evogue.fr SUPPORT DE COURS / PHP PARTIE 3

www.evogue.fr SUPPORT DE COURS / PHP PARTIE 3 L i a m T A R D I E U www.evogue.fr SUPPORT DE COURS / PHP PARTIE 3 Sommaire Sommaire... 2 Eléments initiaux... 3 Base de données... 3 Tables... 4 membres... 4 commandes... 4 articles... 4 details_commandes...

Plus en détail

Fiche Technique Windows Azure

Fiche Technique Windows Azure Le 25/03/2013 OBJECTIF VIRTUALISATION mathieuc@exakis.com EXAKIS NANTES Identification du document Titre Projet Date de création Date de modification Fiche Technique Objectif 25/03/2013 27/03/2013 Windows

Plus en détail

Devenez un véritable développeur web en 3 mois!

Devenez un véritable développeur web en 3 mois! Devenez un véritable développeur web en 3 mois! L objectif de la 3W Academy est de former des petits groupes d élèves au développement de sites web dynamiques ainsi qu à la création d applications web

Plus en détail

Formation Webmaster : Création de site Web Initiation + Approfondissement

Formation Webmaster : Création de site Web Initiation + Approfondissement Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation

Plus en détail

CAHIER DES CHARGES DE REALISATION DE SITE INTERNET

CAHIER DES CHARGES DE REALISATION DE SITE INTERNET CAHIER DES CHARGES DE REALISATION DE SITE INTERNET Nom de l entreprise : Adresse : Tel : Fax : Email : Personne à contacter dans l entreprise : 1 SOMMAIRE 1 PRESENTATION DE L ENTREPRISE...3 2 PRESENTATION

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

Projet ISN - dossier réalisé par Randrianarimanana Stéphanie. Titre du projet : Site de rencontre. le nom de notre site de rencontre : Linkymeet

Projet ISN - dossier réalisé par Randrianarimanana Stéphanie. Titre du projet : Site de rencontre. le nom de notre site de rencontre : Linkymeet Projet ISN - dossier réalisé par Randrianarimanana Stéphanie Titre du projet : Site de rencontre le nom de notre site de rencontre : Linkymeet ( tout astérisque* signifie voir annexe) l'équipe : Randrianariamanana

Plus en détail

1 Introduction et installation

1 Introduction et installation TP d introduction aux bases de données 1 TP d introduction aux bases de données Le but de ce TP est d apprendre à manipuler des bases de données. Dans le cadre du programme d informatique pour tous, on

Plus en détail

WordPress : principes et fonctionnement

WordPress : principes et fonctionnement CHAPITRE 1 WordPress : principes et fonctionnement WordPress est à l origine un outil conçu pour tenir un blog, c est-à-dire un journal ou carnet de bord en ligne. Mais il a évolué pour devenir un système

Plus en détail

Optimiser pour les appareils mobiles

Optimiser pour les appareils mobiles chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...

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

Modélisation PHP Orientée Objet pour les Projets Modèle MVC (Modèle Vue Contrôleur) Mini Framework

Modélisation PHP Orientée Objet pour les Projets Modèle MVC (Modèle Vue Contrôleur) Mini Framework Modélisation PHP Orientée Objet pour les Projets Modèle MVC (Modèle Vue Contrôleur) Mini Framework L'objectif de ce document est de poser des bases de réflexion sur la modélisation d'un projet réalisé

Plus en détail

Fais ton site internet toi-même

Fais ton site internet toi-même Fais ton site internet toi-même avril 2010 Pourquoi faire son site soi-même? Aujourd hui, créer un blog/site internet, c est facile : on va sur n importe quel hébergeur, on s inscrit, on remplit un formulaire,

Plus en détail

TAGREROUT Seyf Allah TMRIM

TAGREROUT Seyf Allah TMRIM TAGREROUT Seyf Allah TMRIM Projet Isa server 2006 Installation et configuration d Isa d server 2006 : Installation d Isa Isa server 2006 Activation des Pings Ping NAT Redirection DNS Proxy (cache, visualisation

Plus en détail

Joomla! Création et administration d'un site web - Version numérique

Joomla! Création et administration d'un site web - Version numérique Avant-propos 1. Objectifs du livre 15 1.1 Orientation 15 1.2 À qui s adresse ce livre? 16 2. Contenu de l ouvrage 17 3. Conclusion 18 Introduction 1. Un peu d histoire pour commencer... 19 1.1 Du web statique

Plus en détail

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SITE INTERNET DE L ASSOCIATION Diapositive 1 RAPPORT DE PROJET Site internet de l association INTRODUCTION 1) Je m appelle Léonard STRONG. 2) Oral de présentation

Plus en détail

Projet 2. Gestion des services enseignants CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE. G r o u p e :

Projet 2. Gestion des services enseignants CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE. G r o u p e : CENTRE D ENSEIGNEMENT ET DE RECHERCHE EN INFORMATIQUE Projet 2 Gestion des services enseignants G r o u p e : B E L G H I T Y a s m i n e S A N C H E Z - D U B R O N T Y u r i f e r M O N T A Z E R S i

Plus en détail

Partie publique / Partie privée. Site statique site dynamique. Base de données.

Partie publique / Partie privée. Site statique site dynamique. Base de données. Partie publique / Partie privée. Partie publique - Front office / Partie privée - Back office. Utiliser l analogie avec une émission de télévision. Un journal télévisé = 1 journaliste + des reportages.

Plus en détail

Vulnérabilités et sécurisation des applications Web

Vulnérabilités et sécurisation des applications Web OSSIR 09/09/2002 Vulnérabilités, attaques et sécurisation des applications Web Pourquoi les firewalls sont impuissants patrick.chambet@edelweb.fr http://www.edelweb.fr http://www.chambet.com Page 1 Planning

Plus en détail

Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement

Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement Guillaume HARRY l Contenu sous licence Creative Commons CC-BY-NC-ND Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement P. 2 1. Introduction 2.

Plus en détail

Les outils de création de sites web

Les outils de création de sites web Tuto 1ère séance - p1 Les outils de création de sites web Sources : Réalisez votre site web avec HTML5 et CSS3 de Mathieu Nebra (Edition Le Livre du Zéro) site fr.openclassrooms.com (anciennement «site

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

Utiliser un CMS: Wordpress

Utiliser un CMS: Wordpress Utiliser un CMS: Wordpress Annie Danzart Annie.Danzart@telecom-paristech.fr Wordpress Concevoir un site web statique Concevoir un site web dynamique Choisir un hébergement Choix du CMS Wordpress: installation

Plus en détail

DOSSIER D'ACTIVITES SUR LE PHP N 03 Créer une base de données MySQL avec PHPMyAdmin

DOSSIER D'ACTIVITES SUR LE PHP N 03 Créer une base de données MySQL avec PHPMyAdmin DOSSIER D'ACTIVITES SUR LE PHP N 03 Créer une base de données MySQL avec PHPMyAdmin Objectifs : Apprendre à l apprenant à lancer un serveur local «Apache» Apprendre à l'apprenant à lancer un serveur MySQL

Plus en détail

CREATION WEB DYNAMIQUE

CREATION WEB DYNAMIQUE CREATION WEB DYNAMIQUE IV ) MySQL IV-1 ) Introduction MYSQL dérive directement de SQL (Structured Query Language) qui est un langage de requêtes vers les bases de données relationnelles. Le serveur de

Plus en détail

MANUEL WORDPRESS. Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site:

MANUEL WORDPRESS. Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site: MANUEL WORDPRESS Objectif: Refonte d un site web sous Wordpress I PRE-REQUIS: 1 / Créer un backup (sauvegarde) du site: A/ Traitement de la base de données: Pour cette étape, vous aurez besoin au préalable

Plus en détail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos. KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html

Plus en détail

Formation HTML / CSS. ar dionoea

Formation HTML / CSS. ar dionoea Formation HTML / CSS ar dionoea le HTML Hyper Text Markup Language langage descriptif composé de balises interprété par le navigateur page HTML = simple fichier texte (bloc notes, vim,...) les déclarations

Plus en détail

Travaux pratiques. avec. WordPress. Karine Warbesson

Travaux pratiques. avec. WordPress. Karine Warbesson Travaux pratiques avec WordPress Karine Warbesson Toutes les marques citées dans cet ouvrage sont des marques déposées par leurs propriétaires respectifs. Mise en pages réalisée par ARCLEMAX Illustration

Plus en détail

Présentation du Framework BootstrapTwitter

Présentation du Framework BootstrapTwitter COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...

Plus en détail

MODULES 3D TAG CLOUD. Par GENIUS AOM

MODULES 3D TAG CLOUD. Par GENIUS AOM MODULES 3D TAG CLOUD Par GENIUS AOM 1 Sommaire I. INTRODUCTIONS :... 3 II. INSTALLATION MANUELLE D UN MODULE PRESTASHOP... 3 III. CONFIGURATION DU MODULE... 7 3.1. Préférences... 7 3.2. Options... 8 3.3.

Plus en détail

webmestre : conception de sites et administration de serveurs web 42 crédits Certificat professionnel CP09

webmestre : conception de sites et administration de serveurs web 42 crédits Certificat professionnel CP09 AISL - Architecture et Intégration des Systèmes Logiciels - 2011-2012 webmestre : conception de sites et administration de serveurs web 42 crédits Certificat professionnel CP09 Administrer un serveur et

Plus en détail

Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC)

Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC) Créer et animer une boutique en ligne avec Wordpress (environnement PC et MAC) OBJECTIFS - Créer une boutique sous wordpress et la référencer. - Mise en place du contenu, des articles Une bonne connaissance

Plus en détail

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE

Plus en détail

Pratique et administration des systèmes

Pratique et administration des systèmes Université Louis Pasteur Licence Informatique (L2) UFR de Mathématiques et Informatique Année 2007/2008 1 But du TP Pratique et administration des systèmes TP10 : Technologie LAMP Le but de ce TP est de

Plus en détail

Installation locale de JOOMLA SEPIA

Installation locale de JOOMLA SEPIA FOAD TICE Installation locale de JOOMLA SEPIA Académie de Reims FRANÇOIS PALLUT Paternité - Pas d'utilisation Commerciale - Partage des Conditions Initiales à l'identique : http://creativecommons.org/licenses/by-nc-sa/2.0/fr/

Plus en détail

Tutoriel : Feuille de style externe

Tutoriel : Feuille de style externe Tutoriel : Feuille de style externe Vous travaillerez à partir du fichier cerise.htm que vous ouvrirez dans NVU. Commencez par remplacer le contenu de la balise Title par : Comment débuter une recherche?

Plus en détail

INFORMATIQUE & WEB. PARCOURS CERTIFICAT PROFESSIONNEL Programmation de sites Web. 1 an 7 MODULES. Code du diplôme : CP09

INFORMATIQUE & WEB. PARCOURS CERTIFICAT PROFESSIONNEL Programmation de sites Web. 1 an 7 MODULES. Code du diplôme : CP09 INFORMATIQUE & WEB Code du diplôme : CP09 Passionné par l informatique et le web, vous souhaitez obtenir une certification dans un domaine porteur et enrichir votre CV? PARCOURS CERTIFICAT PROFESSIONNEL

Plus en détail

Transfert de fichiers (ftp) avec dreamweaver cs5 hébergement et nom de domaine. MC Benveniste

Transfert de fichiers (ftp) avec dreamweaver cs5 hébergement et nom de domaine. MC Benveniste Transfert de fichiers (ftp) avec dreamweaver cs5 hébergement et nom de domaine MC Benveniste 2013 Configuration Vous devez au préalable avoir un hébergeur, qui vous aura fourni les codes ftp, le log-in

Plus en détail

Projet en nouvelles technologies de l information et de la communication

Projet en nouvelles technologies de l information et de la communication Projet en nouvelles technologies de l information et de la communication Site Web universitaire du Prof. Jacques Moeschler. Nono Steeve Semestre de printemps 2013 Sous la direction du Prof Luka Nerima

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

Programmation Internet Cours 4

Programmation Internet Cours 4 Programmation Internet Cours 4 Kim Nguy ên http://www.lri.fr/~kn 17 octobre 2011 1 / 23 Plan 1. Système d exploitation 2. Réseau et Internet 3. Web 3.1 Internet et ses services 3.1 Fonctionnement du Web

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

Utilisation de Sarbacane 3 Sarbacane Software

Utilisation de Sarbacane 3 Sarbacane Software Tutorial par Anthony Da Cruz Utilisation de Sarbacane 3 Sarbacane Software Ambiance Soleil 17 Rue Royale 74000, Annecy Sommaire 1. Présentation générale 2. Guide étape par étape 3. Astuces de l éditeur

Plus en détail

CHARTE DE GESTION DES COOKIES

CHARTE DE GESTION DES COOKIES CHARTE DE GESTION DES COOKIES 1. PREAMBULE La présente Charte de gestion des Cookies s adresse aux utilisateurs du site internet http://www.procedurescollectives.com/ (ci-après le «SITE»), à savoir, toute

Plus en détail

Guide de l utilisateur du Centre de gestion des licences en volume LICENCES EN VOLUME MICROSOFT

Guide de l utilisateur du Centre de gestion des licences en volume LICENCES EN VOLUME MICROSOFT Guide de l utilisateur du Centre de gestion des licences en volume LICENCES EN VOLUME MICROSOFT Table des matières Présentation du Centre de gestion des licences en volume (VLSC)... 3 Inscription auprès

Plus en détail

Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP

Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Au cours de ce TP, vous allez voir comment PHP permet aux utilisateurs, une interaction avec

Plus en détail

Sommaire. 1 Introduction 19. 2 Présentation du logiciel de commerce électronique 23

Sommaire. 1 Introduction 19. 2 Présentation du logiciel de commerce électronique 23 1 Introduction 19 1.1 À qui s adresse cet ouvrage?... 21 1.2 Comment est organisé cet ouvrage?... 22 1.3 À propos de l auteur... 22 1.4 Le site Web... 22 2 Présentation du logiciel de commerce électronique

Plus en détail

les techniques d'extraction, les formulaires et intégration dans un site WEB

les techniques d'extraction, les formulaires et intégration dans un site WEB les techniques d'extraction, les formulaires et intégration dans un site WEB Edyta Bellouni MSHS-T, UMS838 Plan L extraction des données pour un site en ligne Architecture et techniques Les différents

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

Création, analyse de questionnaires et d'entretiens pour Windows 2008, 7, 8 et MacOs 10

Création, analyse de questionnaires et d'entretiens pour Windows 2008, 7, 8 et MacOs 10 modalisa Création, analyse de questionnaires et d'entretiens pour Windows 2008, 7, 8 et MacOs 10 8 Fonctionnalités de mise en ligne de questionnaires Vous trouverez dans cet opuscule les informations nécessaires

Plus en détail

Étape 1 / CHOISIR UN HÉBERGEMENT

Étape 1 / CHOISIR UN HÉBERGEMENT expérience HÉberger son blog Wordpress Pour des projets modestes ou si on veut juste s essayer à la publication en ligne, on peut créer un blog chez un hébergeur clés en mains et gratuit (ex: Blogger,

Plus en détail

Premiers Pas avec OneNote 2013

Premiers Pas avec OneNote 2013 Premiers Pas avec OneNote 2 Présentation de OneNote 3 Ouverture du logiciel OneNote 4 Sous Windows 8 4 Sous Windows 7 4 Création de l espace de travail OneNote 5 Introduction 5 Présentation des différentes

Plus en détail

CMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration

CMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration CMS Made Simple Version 1.4 Jamaica Système de gestion de contenu CMS Made Simple est entièrement gratuit sous licence GPL. Tutoriel utilisateur Récapitulatif Administration Le système de gestion de contenu

Plus en détail

les Formulaires / Sous-Formulaires Présentation...2 1. Créer un formulaire à partir d une table...3

les Formulaires / Sous-Formulaires Présentation...2 1. Créer un formulaire à partir d une table...3 Présentation...2 1. Créer un formulaire à partir d une table...3 2. Les contrôles :...10 2.1 Le contrôle "Intitulé"...11 2.2 Le contrôle "Zone de Texte"...12 2.3 Le contrôle «Groupe d options»...14 2.4

Plus en détail

Michel Deruère. Conditions générales de vente

Michel Deruère. Conditions générales de vente Conditions générales de vente Article 1 : Champ d application 1.1 Le présent contrat a pour objet de définir les termes et conditions ainsi que les modalités selon lesquelles MICHEL DERUÈRE fournit les

Plus en détail

Manuel du logiciel PrestaTest.

Manuel du logiciel PrestaTest. Manuel du logiciel. Ce document décrit les différents tests que permet le logiciel, il liste également les informations nécessaires à chacun d entre eux. Table des matières Prérequis de PrestaConnect :...2

Plus en détail

Internet personnel. Auteur: Guillaume GUAY La Clé Informatique Université de Sherbrooke, mars 2006

Internet personnel. Auteur: Guillaume GUAY La Clé Informatique Université de Sherbrooke, mars 2006 Création d un d site Internet personnel Auteur: Guillaume GUAY La Clé Informatique Université de Sherbrooke, mars 2006 1-2-3 Étapes de mise sur pied d un d site Internet personnel! 1 - Création des fichiers

Plus en détail

TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web

TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web Réseau informatique TIC TC - IUT Montpellier Internet et le Web Ensemble d'ordinateurs reliés entre eux et échangeant des informations sous forme de données numériques But : Rendre disponible l information

Plus en détail

LISTES DE DISTRIBUTION GÉRÉES PAR SYMPA DOCUMENT EXPLICATIF DE L'INTERFACE WEB À L'INTENTION DES ABONNÉS

LISTES DE DISTRIBUTION GÉRÉES PAR SYMPA DOCUMENT EXPLICATIF DE L'INTERFACE WEB À L'INTENTION DES ABONNÉS LISTES DE DISTRIBUTION GÉRÉES PAR SYMPA DOCUMENT EXPLICATIF DE L'INTERFACE WEB À L'INTENTION DES ABONNÉS MAI 2013 Table des matières 1. Introduction... 3 2. Interface d accueil... 4 2.1. Zone d authentification...

Plus en détail

CARPE. Documentation Informatique S E T R A. Version 2.00. Août 2013. CARPE (Documentation Informatique) 1

CARPE. Documentation Informatique S E T R A. Version 2.00. Août 2013. CARPE (Documentation Informatique) 1 CARPE (Documentation Informatique) 1 CARPE Version 2.00 Août 2013 Documentation Informatique S E T R A Programme CARPE - Manuel informatique de l'utilisateur CARPE (Documentation Informatique) 2 Table

Plus en détail

MANUEL DU SERVICE CENTER

MANUEL DU SERVICE CENTER MANUEL DU SERVICE CENTER Les informations contenues dans ce document peuvent être modifiées à tout moment sans préavis et n engagent pas la responsabilité de NATIVE INSTRUMENTS GmbH. Le Logiciel décrit

Plus en détail

«Créer son site web professionnel avec WordPress»

«Créer son site web professionnel avec WordPress» Etre visible sur internet, transmettre une image positive de son entreprise, augmenter son CA pour une petite et moyenne structure, le site web est un outil de communication indispensable. Avoir un site

Plus en détail

Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6

Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6 Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6 1 BERNIER François http://astronomie-astrophotographie.fr Table des matières Installation d un serveur HTTP (Hypertext Transfer

Plus en détail

1. Des chartes graphiques homogènes, élégantes, créatives

1. Des chartes graphiques homogènes, élégantes, créatives Comment sont résolues des difficultés rencontrées par les sites de première génération? Comment faire vivre facilement des sites élégants, réactualisés, à contenu riche, et aux fonctionnalités évolutives?

Plus en détail

Note de synthèse. Développement web sur le CMS Prestashop. Stage du 17 mai au 25 juin 2010. Entreprise decoratzia.com 15 rue Erlanger 75016 - Paris

Note de synthèse. Développement web sur le CMS Prestashop. Stage du 17 mai au 25 juin 2010. Entreprise decoratzia.com 15 rue Erlanger 75016 - Paris BENCHETRIT Michaël BTS IG 2 ème année Brevet de Technicien Supérieur Informatique de Gestion Option : Développeur d applications Session 2011 Note de synthèse Développement web sur le CMS Prestashop Stage

Plus en détail

HTML. Notions générales

HTML. Notions générales 1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS

Plus en détail

Rapport de stage. Développement d un logiciel de vidéoconférence : Enjeux 3. Guillaume DOTT 2009

Rapport de stage. Développement d un logiciel de vidéoconférence : Enjeux 3. Guillaume DOTT 2009 Rapport de stage Développement d un logiciel de vidéoconférence : Enjeux 3 Guillaume DOTT 2009 Maître de stage : Louis Poulette Tutrice : Marie-Paule Muller Remerciements Je tiens à remercier toute l équipe

Plus en détail

Caruso33 : une association à votre service

Caruso33 : une association à votre service Caruso33 : une association à votre service Le b-a ba sur le réseau Internet Comment vous trouver facilement sur Internet Pourquoi un portail des associations? Les modalités pour figurer sur le portail

Plus en détail

Travaux dirigés n 10

Travaux dirigés n 10 Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones

Plus en détail

Syfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 12/09/2008. AUTEUR : Equipe technique Syfadis

Syfadis. > Configuration du poste client. Nous vous aidons à réussir. REFERENCE : Syfadis LMS - 12/09/2008. AUTEUR : Equipe technique Syfadis Syfadis Nous vous aidons à réussir > Configuration du poste client REFERENCE : Syfadis LMS - 12/09/2008 AUTEUR : Equipe technique Syfadis Ce document est la propriété de Syfadis. Il ne peut être communiqué

Plus en détail