Le code de la route PROJET ISN. MEMBRES DU PROJET: Hazem HADHOUM Hakim LASSADI. Le code de la route Page 1

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Le code de la route PROJET ISN. MEMBRES DU PROJET: Hazem HADHOUM Hakim LASSADI. Le code de la route Page 1"

Transcription

1 Le code de la route PROJET ISN MEMBRES DU PROJET: Hazem HADHOUM Hakim LASSADI Le code de la route Page 1

2 ENJEU SOCIETAL: Le permis de conduire étant délivré sans limitation de validation, il est peut être nécessaire de repasser au moins l'épreuve du code pour être à jour sur la nouvelle signalisation. Le manque de temps ne permet pas à un automobiliste de se rendre dans un centre d'auto-école. Il serait plus facile de faire ça chez soit en utilisant un logiciel. PROBLÉMATIQUE: Comment permettre à un automobiliste de réviser régulièrement le code de la route? Le code de la route Page 2

3 ANALYSE DU BESOIN-RECHERCHE D IDEES: CAHIER DES CHARGES DE L EQUIPE : Quel est le but visé par notre projet? Le but visé par notre projet est de concevoir un qcm numérique sur le code de la route. Notre programme doit pourvoir réunir les questions et les réponses. Quels sont les objectifs à réaliser? Les objectifs à réaliser sont de sélectionner une série de questions, de créer un programme qui puisse répondre aux questions grâce à un système booléen (ex : Vrai-faux, 0-1, ouinon). L environnement de travail utilisé (langage, matériel) Pour la programmation du qcm: Langage : JavaScript Pour le site web : Langage : HTML/CSS Matériel, Support utilisé pour le projet : Topstyle 5, Internet Les sources d information, Sur quelles idées nous nous sommes appuyés? Nous nous sommes appuyés sur le principe d un vrai test de code de la route. Le code de la route Page 3

4 Principe du projet : Pour notre projet, nous avons décidé d élaborer 3 séries de 5 questions, pour chaque question il sera ajouté une photo avec plusieurs choix de réponses. Dans chaque question, il y aura une ou deux bonnes réponse(s). En résumé : Nous voulons faire comme le «Code de la route» sauf qu il n y aura pas de temps limité ni de voix off. Pour les photos, les questions et ainsi que les réponses, nous avons choisi de les prendre sur internet et nous nous sommes inspiré du site «le Code3000» car ce site représentait globalement l attente que nous voulions obtenir au final. Le code de la route Page 4

5 REPARTITION DES TÂCHES ET DEMARCHE COLLABORATIVES Il était important de travailler en équipe pour ce projet car notre tâche n était pas indépendante l une de l autre car il est évident pour ce projet qu il fallait prendre connaissance des tâches que faisait l autre pour aboutir aux fonctionnalités attendues du projet. Pour le travail nous utilisions les réseaux sociaux et ainsi que le répertoire commun de la classe dans le cas où le coéquipier aurait besoin d utiliser les questions pour avancer dans ce projet. Le code de la route Page 5

6 DEMARCHE PERSONNELLE L'algorithme de proposition de questions : Le code de la route Page 6

7 PRESENTATION DE LA REALISATION FINALE Le code de la route Page 7

8 ECRITURE DU PROGRAMME DE PROPOSITION DE QUESTION Dans le fichier HTML on invite à l utilisateur à choisir l une des réponses, il peut y avoir 2, 3 ou bien même 4 propositions de réponses. <form NAME="form4"> <input TYPE="CHECKBOX" NAME="check1" VALUE="1"> A) cette rue est interdite à tous les véhicules à moteur<br> <input TYPE="CHECKBOX" NAME="check2" VALUE="2"> B) les cyclistes peuvent circuler dans les deux sens<br> <input TYPE="CHECKBOX" NAME="check3" VALUE="3"> C) les piétons peuvent circuler sur la chaussée<br> <input TYPE="CHECKBOX" NAME="check4" VALUE="4"> D) c'est une zone de rencontre<br> <input TYPE="button"NAME="but" VALUE="Valider" onclick="reponse(form4)"> <br> </form> <form action="explication_reponse.html"> </form> <input type=" submit "value="explication "> <script type= "text/javascript" src="../javascript/code_js_question_1.js"></script> Le code de la route Page 8

9 ANNEXE HTML Exemple pour une question : <html> <head> <meta charset="utf-8"/> <link href="../css/code de la route.css" rel="stylesheet" type= text/css media="screen" /> </head> <body> <title>reviser le code de la route</title> <center><figure><img src="../images/reviser-code-route.jpg" align="left" height="250" width="250"> <img src="../images/reviser-code-route.jpg" align="right" height="250" width="250"><h1>le code de la route</h1></center></figure><br> <center><img src="../images/question_1.jpg" width="350" height="350"></center> </head> <body> <h3>question n 1: D'après la signalisation:</h3> <form NAME="form4"> <input TYPE="CHECKBOX" NAME="check1" VALUE="1"> A) cette rue est interdite à tous les véhicules à moteur<br> <input TYPE="CHECKBOX" NAME="check2" VALUE="2"> B) les cyclistes peuvent circuler dans les deux sens<br> <input TYPE="CHECKBOX" NAME="check3" VALUE="3"> C) les piétons peuvent circuler sur la chaussée<br> <input TYPE="CHECKBOX" NAME="check4" VALUE="4"> D) c'est une zone de rencontre<br> Le code de la route Page 9

10 <input TYPE="button"NAME="but" VALUE="Valider" onclick="reponse(form4)"><br> </form> <form action="explication_reponse.html"> <input type="submit" value="explication"> </form> <script type="text/javascript" src="../javascript/code_js_question_1.js"></script> </body> </html> Exemple pour une explication de réponse <html> <head> <meta charset="utf-8"/> "screen" /> <link href="../css/code de la route.css" rel="stylesheet" type= text/css media= <title>reviser le code de la route</title> </head> <body> <center><figure><img src="../images/reviser-code-route.jpg" align="left" height="250" width="250"> <img src="../images/reviser-code-route.jpg" align="right" height="250" width="250"><h1>le code de la route</h1></center></figure><br> <center><img src="../images/question_1.jpg" width="350" height="350"></center> </head> Le code de la route Page 10

11 <body> <h3>question n 1: D'après la signalisation:</h3> <script type="text/javascript" src="../javascript/hakimhazem.js"></script> <p><strong>elements de réponse : Bonne Reponse A</strong> <br>cette nouvelle signalisation placée sous les feux autorise uniquement les cyclistes à tourner à droite lorsque le feu est rouge. Avant d'effectuer cette manœuvre, les cyclistes devront céder le passage aux piétons traversant la chaussée ainsi qu'aux véhicules arrivant de gauche. Ce dispositif a pour but de réduire le nombre d'accidents lors du démarrage des véhicules motorisés tournant à droite, en particulier les poids lourds dont le champs visuel est limité par des angles morts. <form action="code question 2.html"> </body> </html> </form> <input type="submit" value="question suivante"> Le code de la route Page 11

12 JAVASCRIPT function reponse(form4) { if ( (form4.check1.checked) == true && (form4.check2.checked) == false && (form4.check3.checked) == false && (form4.check4.checked) == false) { alert("c'est la bonne réponse! ") } else { alert("désolé, continuez à chercher.") } } Le code de la route Page 12

EXERCICES JAVASCRIPT Exercice N 01 Écrire un script java qui permet de saisir le nom de l utilisateur et de l afficher en gras, dans une page Web.

EXERCICES JAVASCRIPT Exercice N 01 Écrire un script java qui permet de saisir le nom de l utilisateur et de l afficher en gras, dans une page Web. EXERCICES JAVASCRIPT Exercice N 01 Écrire un script java qui permet de saisir le nom de l utilisateur et de l afficher en gras, dans une page Web. Exercice N 02 Écrire un script java qui utilise une fonction

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

Séance d ED n 5 : HTML et JavaScript

Séance d ED n 5 : HTML et JavaScript Séance d ED n 5 : HTML et JavaScript EXERCICE 1 1) le but de cet exercice est de construire l'interface suivante en html: une réponse : 1)

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

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

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

Manipulation de formulaire

Manipulation de formulaire 1 Manipulation de formulaire points abordés outils (et balises) de création de formulaire, javascript, validation de formulaire en php site de départ nous nous baserons sur cette version pour l'exercice

Plus en détail

Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web

Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web 52 Les API JavaScript du HTML5 Intégrez la puissance du HTML5 dans vos applications Web D'où proviennent ces données qui permettent de vous localiser? Pour les smartphones, deux procédés peuvent être utilisés

Plus en détail

TD HTML AVEC CORRECTION

TD HTML AVEC CORRECTION TD HTML AVEC CORRECTION On utilisera Notepad++ comme éditeur sur Windows Vous créez un répertoire www sous vos répertoires personnels et vous mettrez vos pages dedans. Créez vos fichiers HTML et n oubliez

Plus en détail

OP4. BD & Web. Résumé de cours. Partie II : HTML 4.0

OP4. BD & Web. Résumé de cours. Partie II : HTML 4.0 Univ.Montpellier II 2005 M. Hascoët OP4 BD & Web Résumé de cours Partie II : HTML 4.0 M. Hascoët mountaz@lirmm.fr Université Montpellier II Place Eugène Bataillon 34095 Montpellier Cedex 05 2/5 1. Introduction

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

RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado

RAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado - RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et

Plus en détail

Attaques de type. Brandon Petty

Attaques de type. Brandon Petty Attaques de type injection HTML Brandon Petty Article publié dans le numéro 1/2004 du magazine Hakin9 Tous droits reservés. La copie et la diffusion de l'article sont admises à condition de garder sa forme

Plus en détail

Le langage php. Serveur http est automatiquement lancé.

Le langage php. Serveur http est automatiquement lancé. Le langage php 1. Introduction aux langages serveurs : Il y a deux modes d exécution d une page HTML : Local : en cliquant sur le fichier, le navigateur Serveur http est automatiquement lancé. Navigateur

Plus en détail

Activités HTML. Code: act-html

Activités HTML. Code: act-html Activités HTML act-html Activités HTML Code: act-html Originaux url: http://tecfa.unige.ch/guides/tie/html/act-html/act-html.html url: http://tecfa.unige.ch/guides/tie/pdf/files/act-html.pdf Prérequis:

Plus en détail

Initiation aux techniques du Web. Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr

Initiation aux techniques du Web. Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr Initiation aux techniques du Web Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr La balise Intégrer un élément ou un fichier externe (video, audio, flash, pdf ). Le support

Plus en détail

MODULE HTML CSS. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr

MODULE HTML CSS. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr MODULE HTML CSS Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr ORGANISATION DU MODULE 13 séances de 2 heures une partie cours une partie exercices sur machine. Modalités de contrôle : partiel en fin

Plus en détail

APPLICATIONS JAVA. 3. JSP Java Server Pages. JSP - Java Server Pages Servlet. http://139.124.26.245/pi. Java Server Pages (JSP) IvMad, 2011-2013 2

APPLICATIONS JAVA. 3. JSP Java Server Pages. JSP - Java Server Pages Servlet. http://139.124.26.245/pi. Java Server Pages (JSP) IvMad, 2011-2013 2 APPLICATIONS JAVA JSP - Java Server Pages Servlet Java Server Pages (JSP) IvMad, 2011-2013 2 3. JSP Java Server Pages http://139.124.26.245/pi Java Server Pages (JSP) IvMad, 2011-2013 3 JSP - Introduction

Plus en détail

Bernard Lecomte. Débuter avec HTML

Bernard Lecomte. Débuter avec HTML Bernard Lecomte Débuter avec HTML Débuter avec HTML Ces quelques pages ont pour unique but de vous donner les premiers rudiments de HTML. Quand vous les aurez lues, vous saurez réaliser un site simple.

Plus en détail

Le Langage. JavaScript

Le Langage. JavaScript Chapitre 2 : Le Langage JavaScript Le Langage JavaScript Rémy Courdier 1996-2002 - Le langage Java - Version du cours 2.6.2 1 Les types primitifs de JavaScript Types de bases Boolean (Booléen) : peut prendre

Plus en détail

Présentation de HTML5

Présentation de HTML5 Présentation de HTML5 Option Web Multimédia Polytech Paris-Sud cycle préparatoire 2e année Claude Barras (claude.barras@u-psud.fr) Université Paris-Sud & LIMSI-CNRS 22 septembre 2014 Introduction HTML5

Plus en détail

Document Object Model (DOM)

Document Object Model (DOM) Document Object Model (DOM) Jean-Claude Charr Maître de conférences IUT de Belfort Montbéliard Université de Franche Comté Description générale Définit un standard pour accéder aux documents structurés

Plus en détail

le langage HTML Université Jean Monnet - ISEAG Maxime Morge L2 ECO - slide #1

le langage HTML Université Jean Monnet - ISEAG Maxime Morge L2 ECO - slide #1 le langage HTML Maxime Morge Université Jean Monnet - ISEAG Maxime Morge L2 ECO - slide #1 Plan Pourquoi est-il nécessaire de connaître le langage HTML? Comment stucturer le contenu d une page? Données

Plus en détail

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

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

Plus en détail

TD12 corrigé - Révisions

TD12 corrigé - Révisions Université de Bretagne Occidentale UFR Sciences Département d Informatique Licence STS, 2005-2006 L1, S1, Parcours A-IMP Introduction à l informatique TD12 corrigé - Révisions Exercice 1 : Codage On veut

Plus en détail

Créer un diaporama sur internet pour apprendre à programmer

Créer un diaporama sur internet pour apprendre à programmer Créer un diaporama sur internet pour apprendre à programmer 1 Etape 1: Créer un document HTML, afficher une image et lui associer un événement. Exercice: Détecter si l'utilisateur a cliqué sur l'image.

Plus en détail

Le Web Dynamique avec JavaScript

Le Web Dynamique avec JavaScript Le Web Dynamique avec JavaScript Concepts et Syntaxe 1 Intérêt Présentation de JavaScript Contrôle du contenu et de l apparence de pages Web Contrôle de fonctionnalités du Navigateur Internet Gestion du

Plus en détail

INTRODUCTION A JAVA. Fichier en langage machine Exécutable

INTRODUCTION A JAVA. Fichier en langage machine Exécutable INTRODUCTION A JAVA JAVA est un langage orienté-objet pur. Il ressemble beaucoup à C++ au niveau de la syntaxe. En revanche, ces deux langages sont très différents dans leur structure (organisation du

Plus en détail

Systèmes d'informations

Systèmes d'informations Systèmes d'informations C'est un ensemble d'outils pour stocker / gérer / diffuser des informations / des données Le stockage : Bases de données + SGDBR La gestion : Saisie, Mise à jour, Contrôle La diffusion

Plus en détail

Techniques de Programmation Internet. JavaScript et CSS

Techniques de Programmation Internet. JavaScript et CSS ENSIMAG Année Spéciale en Informatique James L. Crowley et Jean-Marie Vallet Séance 4 12 Février 2007 Plan : JavaScript et CSS JavaScript... 2 Qu'est que Java Script...2 Messages de Alert...4 Fonctions...5

Plus en détail

Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA

Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA Auteur LARDOUX Guillaume Contact guillaume.lardoux@epitech.eu Année 2014 DEVELOPPEMENT MOBILE AVEC CORDOVA Sommaire 1. Introduction 2. Installation 3. Fonctionnement 4. Développement 5. Démonstration 2

Plus en détail

Langages de publication temporalisée

Langages de publication temporalisée Ingénierie Documentaire Langages de publication temporalisée http://doc.crzt.fr STÉPHANE CROZAT Paternité - Partage des Conditions Initiales à l'identique : http://creativecommons.org/licenses/by-sa/2.0/fr/

Plus en détail

CFAD. Livret de la formule Webmaster. Qu est-ce qu un Webmaster? En tant Normal, il s agit de la personne responsable d un site.

CFAD. Livret de la formule Webmaster. Qu est-ce qu un Webmaster? En tant Normal, il s agit de la personne responsable d un site. CFAD Livret de la formule Webmaster Qu est-ce qu un Webmaster? En tant Normal, il s agit de la personne responsable d un site. Mais dans notre cas, nous allons considérer que le Webmaster et celui qui,

Plus en détail

«ExerSite» avec HotPotatoes

«ExerSite» avec HotPotatoes «ExerSite» avec HotPotatoes HotPotatoes est un logiciel gratuit qui permet de construire des QCM (questionnaire à choix multiples), QCU (questionnaires à choix unique), Vrai/Faux, QROC (questionnaires

Plus en détail

Introduction à la conception de sites web

Introduction à la conception de sites web Introduction à la conception de sites web Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 9-16 janvier 2006 1- Les grands principes du web (1) Client / serveur réseau programmes communicants

Plus en détail

http://www.ed-diamond.com

http://www.ed-diamond.com Ceci est un extrait électronique d'une publication de Diamond Editions : http://www.ed-diamond.com Ce fichier ne peut être distribué que sur le CDROM offert accompagnant le numéro 100 de GNU/Linux Magazine

Plus en détail

Installation du catalogue interactif

Installation du catalogue interactif Installation du catalogue interactif SARL au capital de 7 500 uro RCS Roubaix-Tourcoing SIRET : 444 726 053 00010 APE : 721Z 134 rue de la Chocolaterie 59700 Marcq en Baroeul Tél : +33 (0)3 20 12 08 65

Plus en détail

DOCUMENT DE PRÉSENTATION TECHNIQUE POUR L ANNONCEUR

DOCUMENT DE PRÉSENTATION TECHNIQUE POUR L ANNONCEUR DOCUMENT DE PRÉSENTATION TECHNIQUE POUR L ANNONCEUR GUIDE DES VISUELS SOMMAIRE 1. Visuel 3 1.1 Mise au point de visuels... 3 1.1.1 Conseils d ordre général... 3 1.1.2 Procédure... 4 1.2 Types de visuels...

Plus en détail

Bac Professionnel Systèmes Electroniques Numériques

Bac Professionnel Systèmes Electroniques Numériques DR - Création d un site WEB TP Le HTML Pour créer un site web, on doit indiquer des informations à l'ordinateur. Il ne suffit pas de taper simplement le texte qu'il y aura dans son site, il faut aussi

Plus en détail

Installation de FckEditor dans un projet WebDev

Installation de FckEditor dans un projet WebDev Installation de FckEditor dans un projet WebDev www.ogi.fr 1) Installation de FckEditor Télécharger la dernière version de FckEditor ici : http:www.fckeditor.net/download La dézipper dans le répertoire

Plus en détail

Optimisation de la gestion des dossiers au sein d un cabinet de géomètre-expert

Optimisation de la gestion des dossiers au sein d un cabinet de géomètre-expert ! INSTITUT NATIONAL DES SCIENCES APPLIQUEES DE STRASBOURG!!!! CABINET CLEMENCEAU GEOMETRE-EXPERT!! Mémoire de soutenance de diplôme d ingénieur INSA Spécialité Topographie ANNEXES RELATIVES AU MEMOIRE!!

Plus en détail

Le client/serveur dans le cas du Web

Le client/serveur dans le cas du Web Le client/serveur dans le cas du Web Olivier Flauzac & Cyril Rabat olivier.flauzac@univ-reims.fr cyril.rabat@univ-reims.fr Licence 3 Info - Info0503 - Introduction à la programmation client/serveur 2015-2016

Plus en détail

GRANGER Pierre-Emmanuel GIRAUD Florian

GRANGER Pierre-Emmanuel GIRAUD Florian GRANGER Pierre-Emmanuel INTERFACE WEB DE RESERVATION DE LA SALLE INFORMATIQUES GTR - Promotion 2002 SOMMAIRE I. Introduction... 3 II. Outils nécessaires... 3 1. Apache :... 3 2. MySQL :... 3 3. Editeur

Plus en détail

Unité d Enseignement en Informatique Année 2011-2012

Unité d Enseignement en Informatique Année 2011-2012 Unité d Enseignement en Informatique Année 2011-2012 Page 1/6 2 ième année ESTIA CGP-MPA non-apprentis Examen de Système d Information Première Session du 23 Mars 2012 (durée 2h00, aucun document autorisé)

Plus en détail

Bootstrap 3 INTRODUCTION. À l origine, projet interne lancé au sein de l entreprise Twitter

Bootstrap 3 INTRODUCTION. À l origine, projet interne lancé au sein de l entreprise Twitter INTRODUCTION À l origine, projet interne lancé au sein de l entreprise Twitter Août 2011 Bootstrap V1, Janvier 2012 Bootstrap V2, Août 2013 Bootstrap V3 Bootstrap est un frameworks HTML/CSS Bibliothèque

Plus en détail

Cours création sites web

Cours création sites web COMMENT CRÉER SON PROPRE SITE WEB Version 2.12 Dernière mise à jour : 23 mai 2004 Outils Outils de base : un ordinateur, un navigateur, et un éditeur ; Il n est pas nécessaire d être connecté à Internet,

Plus en détail

Baccalauréat sciences et technologies de la gestion Épreuve de spécialité - Partie pratique FICHE PROJET. Session : 2011 Académie : Dijon CANDIDAT

Baccalauréat sciences et technologies de la gestion Épreuve de spécialité - Partie pratique FICHE PROJET. Session : 2011 Académie : Dijon CANDIDAT Projet Fringues Baccalauréat sciences et technologies de la gestion Épreuve de spécialité - Partie pratique FICHE PROJET Session : 2011 Académie : Dijon Gestion des systèmes d information CANDIDAT NOM

Plus en détail

OPEN TP, des travaux pratiques en BD : Mode d emploi

OPEN TP, des travaux pratiques en BD : Mode d emploi OPEN TP, des travaux pratiques en BD : Mode d emploi www.vulgarisation.fr Création de la bande dessinée Télécharger toutes les images nécessaires, le fichier modèle Powerpoint et le fichier modèle html

Plus en détail

Démonstration de la mise en cache via HTML 5 sur iphone

Démonstration de la mise en cache via HTML 5 sur iphone Last update: 2011/08/18 21:46 wiki:devmobile:webapp:html5:presentation Démonstration de la mise en cache via HTML 5 sur iphone Overview Parmi les nouveautés du HTML 5, l une d elles est très intéressent

Plus en détail

4D Ajax Framework : Construire et intégrer des "Dashboards" et des graphes

4D Ajax Framework : Construire et intégrer des Dashboards et des graphes 4D Ajax Framework : Construire et intégrer des "Dashboards" et des graphes Par Joseph RESUELLO, Technical Support Engineer, 4D Inc Note technique 4D-200904-08-FR Version 1 - Date 1 avril 2009 Résumé Cette

Plus en détail

Serveur d'application Client HTML/JS. Apache Thrift Bootcamp

Serveur d'application Client HTML/JS. Apache Thrift Bootcamp Serveur d'application Client HTML/JS Apache Thrift Bootcamp Pré-requis La liste ci-dessous de logiciels doit être installée et opérationnelle sur la machine des participants : Compilateur thrift http://thrift.apache.org/

Plus en détail

Aide Utilisateur. Cellpass.fr

Aide Utilisateur. Cellpass.fr Aide Utilisateur Mise en place simple :... 2 Création d une ressource... 2 Installation du module... 5 Test fonction file OK... 7 temps de connexion < 1 seconde(s)... 7 Exemple d'installation PassUp pour

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

Légende. Conception de Sites Web dynamiques 2015. Résumé. Programme. Fonctionnement, p.ex. Règles du jeu 11/03/2015. Cours 5+6

Légende. Conception de Sites Web dynamiques 2015. Résumé. Programme. Fonctionnement, p.ex. Règles du jeu 11/03/2015. Cours 5+6 Légende Conception de Sites Web dynamiques 2015 Cours 5+6 Patrick Reuter http://www.labri.fr/perso/preuter/cswd2015 Titre de la page h1, h2, h3 color: red; $a = 3; SELECT * FROM commentaires; HTML CSS

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

Programmation des Sites Web

Programmation des Sites Web Programmation des Sites Web Deuxième Année ENSIMAG ENSIMAG 2000-2001 James L. Crowley Séance 3 20 octobre 2000 Plan : JavaScript...2 Qu'est que Java Script...2 Messages de Alert...4 Fonctions...5 Ouverture

Plus en détail

Rapport de projet tuteuré Première année

Rapport de projet tuteuré Première année Rapportdeprojettuteuré Premièreannée «AtelierArchitecture» IUTdeTroyes DépartementSRC AgenceImagine: CRESPINKevin SCHERMANNJulien THIEBAUTJean Philipp -1- Remerciements Nous tenons à remercier l ensemble

Plus en détail

Les objectifs de ce tp sont d être capable d intégrer des scripts clients dans un site ou une page en respectant les bonnes pratiques.

Les objectifs de ce tp sont d être capable d intégrer des scripts clients dans un site ou une page en respectant les bonnes pratiques. TP Javascript 2013 tv - v.1.0 Sommaire Séquence n 1 : les bases 2 Insertion de code javascript..................................... 2 Exercice n 1.1 : code javascript interne au document.......................

Plus en détail

Guide de réalisation d une campagne e-mail marketing

Guide de réalisation d une campagne e-mail marketing Guide de réalisation d une campagne e-mail marketing L ère des envois d e-mails en masse est révolue! Laissant la place à une technique d e-mail marketing ciblé, personnalisé, segmenté et pertinent La

Plus en détail

Installation xampp et configuration Postfix sur Ubuntu pour Oscommerce. partie 1

Installation xampp et configuration Postfix sur Ubuntu pour Oscommerce. partie 1 Installation xampp et configuration Postfix sur Ubuntu pour Oscommerce. partie 1 Ce tuto vous permettra d'installer xampp et de le configurer pour faire tourner oscommerce sur linux ubuntu. Je ferais ici

Plus en détail

Guide de réalisation d une campagne e-mail marketing

Guide de réalisation d une campagne e-mail marketing Guide de réalisation d une campagne e-mail marketing L ère des envois d e-mails en masse est révolue! Laissant la place à une technique d e-mail marketing ciblé, personnalisé, segmenté et pertinent. La

Plus en détail

Introduction à la conception de sites web. Yannick Prié UFR Informatique Université Claude Bernard Lyon 1

Introduction à la conception de sites web. Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 Introduction à la conception de sites web Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 Objectifs Introduction aux langages à balises Introduction à (X)HTML / CSS Introduction à la gestion

Plus en détail

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.

Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs. Connexion à 4D Server depuis une page ASP Par Noreddine MARGOUM, Technicien Contrôle Qualité, 4D S.A. Note technique 4D-200403-08-FR Version 1 Date 1 Mars 2004 Résumé Le propos de cette note technique

Plus en détail

L envoi d un formulaire par courriel. Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248

L envoi d un formulaire par courriel. Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248 L envoi d un formulaire par courriel Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248 Chapitre 9 L envoi d un formulaire par courriel L envoi par courriel d informations

Plus en détail

Le son sur le web. S. Natkin

Le son sur le web. S. Natkin Le son sur le web S. Natkin Usage du son Contenus sonores: dialogues, interview Amélioration de l ihm (sons pour les boutons ) Musique de fond Ventes de musique et de contenus sonores Les limites techniques

Plus en détail

L1 Option Programmation Web côté Serveur - Contrôle continu n 1

L1 Option Programmation Web côté Serveur - Contrôle continu n 1 L Option Programmation Web côté Serveur - Contrôle continu n Veuillez noircir les cases correspondantes à votre numéro d étudiant ( case/colonne). Si votre N est, il faut noircir le dans la ère colonne,

Plus en détail

Documentation Vidati.fr

Documentation Vidati.fr Documentation Vidati.fr Ce document comportera quelques éléments qui permettrons aux futurs développeurs du site vidati.fr de pouvoir se mettre en situation rapidement ainsi que de comprendre le code précédemment

Plus en détail

11/02/14 SITE WEB RÉACTIFS CONTEXTE ENVIRONNEMENT NAVIGATEURS PRINCIPES GÉNÉRAUX LES POINTS DE RUPTURE

11/02/14 SITE WEB RÉACTIFS CONTEXTE ENVIRONNEMENT NAVIGATEURS PRINCIPES GÉNÉRAUX LES POINTS DE RUPTURE 11/02/14 CONTEXTE SITE WEB RÉACTIFS S. LANQUETIN ENVIRONNEMENT Clavier (standard, mini, virtuel) Souris / doigt / stylet Rotation de l écran Performances CPU et GPU Capacité de stockage GPS Mobile/fixe

Plus en détail

Document technique. intégration Head Pilot Online. dans un site internet. 11 Rue de Navarre 14370 Chicheboville. Préparé par.

Document technique. intégration Head Pilot Online. dans un site internet. 11 Rue de Navarre 14370 Chicheboville. Préparé par. 11 Rue de Navarre 14370 Chicheboville Affaire suivie par : Pierre BOUCHARD pierre.bouchard@starnav.fr Document technique intégration Head Pilot Online dans un site internet Préparé par Pierre BOUCHARD

Plus en détail

CREATION d UN SITE WEB (INTRODUCTION)

CREATION d UN SITE WEB (INTRODUCTION) CREATION d UN SITE WEB (INTRODUCTION) Environnement : World Wide Web : ordinateurs interconnectés pour l échange d informations ( de données) Langages : HTML (HyperText Markup Language) : langages pour

Plus en détail

PHP 5.4 Développez un site web dynamique et interactif

PHP 5.4 Développez un site web dynamique et interactif Editions ENI PHP 5.4 Développez un site web dynamique et interactif Collection Ressources Informatiques Extrait 183 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel

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

Fonctionnalités GraphicMail Revendeur

Fonctionnalités GraphicMail Revendeur Fonctionnalités GraphicMail Revendeur Dans ce document vous apprendrez comment: Section 1: Personnaliser le pied de page Section 2: Personnaliser les pages de liens Section 3: Créer un sous-compte pour

Plus en détail

Introduction Survol du langage Javascript et html. Programmation WEB. Introduction à Javascript WIM 1.1. IUT de Fontainebleau.

Introduction Survol du langage Javascript et html. Programmation WEB. Introduction à Javascript WIM 1.1. IUT de Fontainebleau. Introduction à Javascript IUT de Fontainebleau 17 décembre 2014 1 Introduction 2 3 Sommaire Introduction 1 Introduction 2 3 Une application Web est une applications clients/serveur(s) On peut la voir en

Plus en détail

GWT Développement d'applications clientes en Java. Introduction prise en main

GWT Développement d'applications clientes en Java. Introduction prise en main GWT Développement d'applications clientes en Java Introduction prise en main 1 Pourquoi GWT? GWT est un framework, conçu par Google, pour programmer des applications web en Java ; Il permet de programmer

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

Deuxième partie: HTML, Javascript et le DOM (1)

Deuxième partie: HTML, Javascript et le DOM (1) Deuxième partie: HTML, Javascript et le DOM (1) 1 HTML Des éléments de «header» destinés à contrôler les paramètres d affichage Un langage de structuration de contenu Un langage de présentation Un langage

Plus en détail

Guide d'installation du marqueur unique

Guide d'installation du marqueur unique Guide d'installation du marqueur unique Médiamétrie-eStat Siège social : Buropolis Bât.2 Tél : 04 92 38 38 20 1240, route des Dolines Fax : 04 92 96 91 25 Sophia Antipolis 06560 Valbonne SAS au capital

Plus en détail

Formulaire pour envoyer un mail

Formulaire pour envoyer un mail Formulaire pour envoyer un mail AVERTISSEMENT : Ce tuto est une compilation de plusieurs sources trouvées sur internet, dont les références sont données à la fin de cet article. Le but de ce tutoriel n'est

Plus en détail

Introduction à HTML. A. HTML et le web

Introduction à HTML. A. HTML et le web Introduction à HTML Isabelle Debled Renesson Marie-Dominique Devignes LORIA 1 2 1 Fonctionnement en mode client/serveur 1. Construction d une requête ex web : http://www.loria.fr/news CLIENT 5. Mise en

Plus en détail

Mac OS X Dashboard. Jean-Baptiste.Yunes@liafa.jussieu.fr http://www.liafa.jussieu.fr/~yunes/macosx/

Mac OS X Dashboard. Jean-Baptiste.Yunes@liafa.jussieu.fr http://www.liafa.jussieu.fr/~yunes/macosx/ Mac OS X Dashboard Jean-Baptiste.Yunes@liafa.jussieu.fr http://www.liafa.jussieu.fr/~yunes/macosx/ Dashboard un ensemble d outils toujours disponibles [F12] trois types d outils : accessoires (très autonomes)

Plus en détail

Rapport de projet Site web pour une association

Rapport de projet Site web pour une association 51, rue Barthélémy de Laffemas BP 29 26901 Valence Cedex 9 Rapport de projet Site web pour une association Année 2006-2007 Bruno SABOT 1ère année DUT R&T Mathieu ROGER 2ème année DUT R&T Rapport réalisé

Plus en détail

Projets Web - L3STEP

Projets Web - L3STEP Projets Web - L3STEP Laurent Pouilloux : pouillou@ipgp.jussieu.fr Forum en place Projets disponible sur le serveur de cours Plan du cours Rappels Le HTML Le CSS PHP/MySQL Rappels Fonctionnement d'un ordinateur

Plus en détail

Héberger plusieurs Qwidgets Guide version 2 Création: 5 septembre 2013 Contenu

Héberger plusieurs Qwidgets Guide version 2 Création: 5 septembre 2013 Contenu Héberger plusieurs Qwidgets Guide version 2 Création: 5 septembre 2013 Contenu I. Fonctionnement... 2 II. Qwidget version 4 (publié le 25 août 2013)... 2 III. Qwidgets plus anciens... 3 A. Analysez la

Plus en détail

POO. Université Nancy 2 - L2 Miage -Traitement du web - Nazih Ouwayed 2010-2011. Introduction (2/3) Introduction (1/3) JavaScript.

POO. Université Nancy 2 - L2 Miage -Traitement du web - Nazih Ouwayed 2010-2011. Introduction (2/3) Introduction (1/3) JavaScript. UE 401 L2 ISC - MIAGE Traitement du Web Nazih OUWAYED nazih.ouwayed@loria.fr http://nouwayed.yolasite.com Séance 06 JavaScript POO Année Universitaire 2010/2011 2 Introduction (1/3) POO : Prorammation

Plus en détail

PHP 5.4 Développez un site web dynamique et interactif

PHP 5.4 Développez un site web dynamique et interactif Editions ENI PHP 5.4 Développez un site web dynamique et interactif Collection Ressources Informatiques Extrait 183 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel

Plus en détail

IAE - Web Marketing. Créer un site internet «simple» Publier un site internet Référencer un site internet. Olivier Toscano Gérant WebCMS Sàrl

IAE - Web Marketing. Créer un site internet «simple» Publier un site internet Référencer un site internet. Olivier Toscano Gérant WebCMS Sàrl IAE - Web Marketing Créer un site internet «simple» Publier un site internet Référencer un site internet Olivier Toscano Gérant WebCMS Sàrl HTML HTML est un langage à balisage Les balises permettent de

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

Luc Brun. Création de pages Web Dynamiques p.1/75

Luc Brun. Création de pages Web Dynamiques p.1/75 Création de pages Web Dynamiques Luc Brun Création de pages Web Dynamiques p.1/75 Place du HTML GET http://www. monssite.com HTTP 1.0 Content type: text/html ... Création de pages Web Dynamiques

Plus en détail

Développement Web pour mobiles

Développement Web pour mobiles Développement Web pour mobiles Les bases du HTML par Eric Sarrion Date de publication : 11/08/2010 Dernière mise à jour : Le langage HTML est le langage de base permettant de construire des pages web,

Plus en détail

Initiation aux techniques du Web. Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr

Initiation aux techniques du Web. Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr Initiation aux techniques du Web Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr Introduction Tableaux La balise (DIV) Polices en HTML Body (corps) et Head (en-tête) attributs Forms(formulaires):

Plus en détail

Inf340 Systèmes d information. Deuxième site : approche MVC

Inf340 Systèmes d information. Deuxième site : approche MVC Inf340 Systèmes d information Deuxième site : approche MVC Objectifs Objectif : Reprendre le site précédent en utilisant le patron de conception Modèle Vue Contrôleur. Comprendre l apport d un framework

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

PHP/MySQL. École Nationale Supérieure des Mines de Nancy 2nde Année

PHP/MySQL. École Nationale Supérieure des Mines de Nancy 2nde Année Bases de Données et Ingénierie des Systèmes d Information 1 PHP/MySQL École Nationale Supérieure des Mines de Nancy 2nde Année Table des matières I PHP 2 1 Les bases 2 1.1 Introduction........................................

Plus en détail

O. Auzende Ingénierie Web. PHP et MySQL

O. Auzende Ingénierie Web. PHP et MySQL O. Auzende Ingénierie Web Création d une base PHP et MySQL Lancez easyphp et créez une base baseqcm, pour l instant vide. Nous allons la remplir avec des questions de C2i (certificat Informatique et Internet).

Plus en détail

POUR COMMENCER AJOUTEZ LES RÉSERVATIONS À VOTRE SITE WEB MODULE DE RECHERCHE DE GROUPE D OPENTABLE

POUR COMMENCER AJOUTEZ LES RÉSERVATIONS À VOTRE SITE WEB MODULE DE RECHERCHE DE GROUPE D OPENTABLE AJOUTEZ LES RÉSERVATIONS À VOTRE SITE WEB MODULE DE RECHERCHE DE GROUPE D OPENTABLE Le module de recherche de groupe permet aux utilisateurs de sélectionner un emplacement spécifique de restaurant à partir

Plus en détail

Notice 4 Informations techniques Monelib

Notice 4 Informations techniques Monelib Notice 4 Informations techniques Monelib 18 Octobre 2011 1 Avertissement : Ce document s adresse aux personnes souhaitant faire une utilisation avancée du système de paiement Monelib. Sa compréhension

Plus en détail

Internet et applications dans l entreprise (2) Serveur MIIS et pages ASP

Internet et applications dans l entreprise (2) Serveur MIIS et pages ASP Licence professionnelle «Management des organisations» Option «Systèmes d information et Réseaux» Internet et applications dans l entreprise (2) Serveur MIIS et pages ASP O. Auzende 2010-2011 Microsoft

Plus en détail

HTML. La structure habituelle d un fichier HTML. Le bloc en tête (Head)

HTML. La structure habituelle d un fichier HTML. Le bloc en tête (Head) HTML Le code HTML peut être écrit sous le Bloc Notes en format ASCII sous l extension htm et html, ou dans un éditeur HTML. Les éditeurs HTML permettent de se passer de la saisie des marqueurs, mais il

Plus en détail