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

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

Dossier ISN : Tracés de fonctions mathématiques :

Dossier ISN : Tracés de fonctions mathématiques : Dossier ISN : Tracés de fonctions mathématiques : Par Crosetti Pauline et Depoers Quentin. Lycée Colbert Tourcoing. Année scolaire 2012/2013. Sommaire : - Recherches et étude du projet - Html - Css - Javascript

Plus en détail

Les formulaires avec JavaScript

Les formulaires avec JavaScript Les formulaires avec JavaScript I La zone texte : I.1 Lecture d une valeur dans une zone de texte : Activité 1 :Nous allons écrire le code d une page contenant un formulaire permettant de lire le contenu

Plus en détail

Séance 3. Javascript/DHTML

Séance 3. Javascript/DHTML Séance 3 Javascript/DHTML Nils Schaefer (nils.schaefer@sn-i.fr) Langage Javascript Vrai langage de programmation Exécution côté client Apporter du dynamisme aux pages HTML Syntaxe générale similaire au

Plus en détail

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

Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web 1. 2. Pour naviguer sur le Web, il faut : Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des machines Protocoles de communication Plusieurs niveau (couche) : Internet, protocole

Plus en détail

Cours de I21 SOMMAIRE

Cours de I21 SOMMAIRE Cours de I21 Voir le chap 2 : cours de Javascript SOMMAIRE I. Introduction sur le langage HTML II. Balises primaires a. mise en forme b. hyperliens c. insérer une image III. Création de listes IV. Création

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

En-tête d'un document HTML : l'élément Balises dans. Balise "meta" Balise "meta" Balise "meta" Balise "meta" Exemple :

En-tête d'un document HTML : l'élément <head> Balises dans. <head> Balise meta Balise meta Balise meta Balise meta Exemple : Balises dans En-tête d'un document HTML : l'élément L'en-tête, head, d'un document HTML peut contenir 5 balises : title - titre du document link - pour importer un fichier script - pour insérer

Plus en détail

Site de gestion d'entrainement de musculation

Site de gestion d'entrainement de musculation Site de gestion d'entrainement de musculation Projet spécialité ISN Elèves : - HENNION Bruno - DELEDALLE Rémi Page 1 Un site pour la gestion d un entrainement en musculation, pourquoi? Premièrement parce

Plus en détail

PLUGINS (http://jqueryui.com) Stéphane Gimenez. Octobre 2012

PLUGINS (http://jqueryui.com) Stéphane Gimenez. Octobre 2012 PLUGINS (http://jqueryui.com) Stéphane Gimenez Octobre 202 plan Outils Vérification de formulaire Plugins TableSorter JQPlot Outils Vérification de formulaire

Plus en détail

Exercices JavaScript

Exercices JavaScript Exercices Javascript - page 1 Exercices JavaScript Auteur : E.Thirion - 07/12/2015 Ce document est extrait du site http://cours.thirion.free.fr/cours/javascript Les exercices suivants sont s fichiers à

Plus en détail

TDM07 de Technologies Web: PHP2

TDM07 de Technologies Web: PHP2 TDM07 de Technologies Web: PHP2 ASI4 - INSA Rouen correction 1 Compteur PHP (2) Reprenez le compteur PHP développé la semaine dernière et modifiez-le afin de lui ajouter un second compteur de visites qui

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

Exemples d applications Ajax

Exemples d applications Ajax Web 2.0 et Ajax AJAX Exemples d applications Ajax Complétion automatique Validation en temps réel des données d un formulaire Navigation dynamique Lecture d un flux RSS Sauvegarde automatique des documents

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

Projet ISN Puissance 4. Par Sasha MORONVAL projet réalisé en coopération avec Marine FERRAILLE et Valentin Monnier

Projet ISN Puissance 4. Par Sasha MORONVAL projet réalisé en coopération avec Marine FERRAILLE et Valentin Monnier Projet ISN 2015 Puissance 4 Par Sasha MORONVAL projet réalisé en coopération avec Marine FERRAILLE et Valentin Monnier SOMMAIRE Pourquoi a t-on réalisé ce projet? Problématique Comment y avons-nous répondu?

Plus en détail

Introduction à la Simulation

Introduction à la Simulation ou comment créer votre premier jeu vidéo Jacques Duma http://math.et.info.free.fr/ http://ateliermathematique.free.fr/ Aspect visuel souhaité Aspect visuel souhaité Code source de la page HTML Feuille

Plus en détail

Développement Web (NFA0016)

Développement Web (NFA0016) Développement Web (NFA0016) première session Février 2013 Durée : 3h Modalités : Tous documents autorisés. Calculatrices, ordinateurs, téléphones portables interdits. Barème donné à titre indicatif. Exercice

Plus en détail

Javascript 2 PARTIE : EVENEMENTS ET OBJETS

Javascript 2 PARTIE : EVENEMENTS ET OBJETS Javascript 2 PARTIE : EVENEMENTS ET OBJETS 1. Programmation événementielle 2. Principe 3. Les événements 4. Gestionnaire d événement 5. Classe et Objet 6. Objets d une page Web 7. Objets divers 8. Exemples

Plus en détail

Informatique et sciences du numérique série scientifique (S) enseignement de spécialité MINI-PROJET

Informatique et sciences du numérique série scientifique (S) enseignement de spécialité MINI-PROJET Académique : Amiens Informatique et sciences du numérique série scientifique (S) enseignement de spécialité MINI-PROJET Lycée : ED BRANLY et THUILLIER Ville :.AMIENS Nom du mini-projet : Robot Humanoïde

Plus en détail

PHP/MYSQL. Web Dynamique

PHP/MYSQL. Web Dynamique PHP/MYSQL Web Dynamique ENSG Juin 2008 Ces 6 jours de formation Jour 1 : présentations, attentes, principes, HTML Jour 2 : CSS, et HTML Jour 3 : PHP, formulaires, Base de données Jour 4 : Rappel PHP, Extraction

Plus en détail

TP JAVASCRIPT IntegWeb SERIE 4 MMI

TP JAVASCRIPT IntegWeb SERIE 4 MMI TP JAVASCRIPT IntegWeb SERIE 4 MMI 2014-2015 Exemple d'intégration d'un plugin FANCYBOX Objectif : Découvrir comment exploiter le plugin FancyBox. Le plugin FancyBox et un outil très souvent utilisé sur

Plus en détail

3. Les formulaires. en HTML (première partie) Programmation La définition du formulaire

3. Les formulaires. en HTML (première partie) Programmation La définition du formulaire 420-183 Programmation 1 3. Les formulaires en HTML (première partie) Une page web ne sert pas qu'à afficher du texte et des éléments multimédia. Elle peut aussi servir d'outil interactif permettant l'entrée

Plus en détail

INSA - ASI TechnoWeb : jquery 1/24. Technologies Web. jquery. Alexandre Pauchet. INSA Rouen - Département ASI. BO.B.RC.18,

INSA - ASI TechnoWeb : jquery 1/24. Technologies Web. jquery. Alexandre Pauchet. INSA Rouen - Département ASI. BO.B.RC.18, INSA - ASI TechnoWeb : jquery 1/24 Technologies Web jquery Alexandre Pauchet INSA Rouen - Département ASI BO.B.RC.18, pauchet@insa-rouen.fr INSA - ASI TechnoWeb : jquery 2/24 Plan 1 Introduction 2 Fonctionnalités

Plus en détail

Javascript. Programmation objet. A. Belaïd 1

Javascript. Programmation objet. A. Belaïd 1 Javascript Programmation objet A. Belaïd 1 Introduction Programmation objet Elle consiste à modéliser informatiquement un concept du monde réel en entités informatiques Ces entités informatiques sont appelées

Plus en détail

Le Html5 comporte de façon native de nombreuses interfaces de programmation (Application Programming Interface ou API). Citons :

Le Html5 comporte de façon native de nombreuses interfaces de programmation (Application Programming Interface ou API). Citons : Préambule Le Html5 comporte de façon native de nombreuses interfaces de programmation (Application Programming Interface ou API). Citons : La géolocalisation, qui permet de localiser l utilisateur par

Plus en détail

Exemple pour un formulaire classique sans l'aide de script CGI :

Exemple pour un formulaire classique sans l'aide de script CGI : <form method=post enctype=text/plain> Formulaires 1. Introduction La création des formulaires se réalise grâce à plusieurs champs, dans lesquels le visiteur entre une information ou opte pour un choix. L'information est ensuite envoyée, à

Plus en détail

OUTILS WEB. Solution du Partiel

OUTILS WEB. Solution du Partiel Université de Provence L3 Info Année 2009-2010 OUTILS WEB Solution du Partiel Remarques : les documents (livres, notes de cours, ) sont autorisés, le barème est donné à titre approximatif et pourra être

Plus en détail

Ajax et PHP5. Bonjour tout le monde ( Hello World ) en Ajax et PHP

Ajax et PHP5. Bonjour tout le monde ( Hello World ) en Ajax et PHP Ajax et PHP5 Ajax n est pas vraiment une technologie mais plutôt un ensemble de plusieurs technologies, parmi lesquelles se trouvent JavaScript Asynchrone, XML, XHTML et CSS. Le mot asynchrone est de la

Plus en détail

Le multimédia, Audio et Vidéo. Chapitre 09. Nathalie Vanassche

Le multimédia, Audio et Vidéo. Chapitre 09. Nathalie Vanassche Le multimédia, Audio et Vidéo Chapitre 09 179 Tout ce qui est contenu multimédia et interactif nécessite l ajout d un moteur d interprétation dans les navigateurs, pour qu ils puissent afficher ce qu ils

Plus en détail

Utilisation d une dll dans un ActiveX

Utilisation d une dll dans un ActiveX Utilisation d une dll dans un ActiveX Auteur : Philippe Lacomme et Raksmey Phan. But : Ce tutorial a pour but de vous aider à intégrer dans un projet ActiveX existant une dll créée dans un autre projet.

Plus en détail

4,5% * des accidents mortels soit 147 morts

4,5% * des accidents mortels soit 147 morts 4,5% * des accidents mortels soit 147 morts Plus de 85% des accidents cyclistes surviennent en ville 3 784 blessés 54% des accidents cyclistes mortels surviennent en rase campagne * Données 2013 pour la

Plus en détail

HTML CSS Fiche numéro 14

HTML CSS Fiche numéro 14 HTML CSS Fiche numéro 14 Sources : https://openclassrooms.com/ L'ancien site 2minuteslearning.fr qui à malheureusement disparu https://www.vectorskin.com/balises-html5/ Positionnement en CSS Avant de nous

Plus en détail

MODULE HTML CSS.

MODULE HTML CSS. MODULE HTML CSS David Tourel david.tourel@iut-tlse3.fr HTML : HyperText Markup Language Langage de description Interprété par les navigateurs Associé au CSS et JavaScript Métiers: développeur front end,

Plus en détail

L1 - Informatique et internet

L1 - Informatique et internet L1 - Informatique et internet Hervé Le Crosnier laboratoire GREYC - Université de Caen! herve.lecrosnier@unicaen.fr http://ensweb.users.info.unicaen.fr HTML + CSS Listes, images et liens Page HTML

Plus en détail

Tutoriel pour l introduction à l animation en HTML5 et JavaScript

Tutoriel pour l introduction à l animation en HTML5 et JavaScript Tutoriel pour l introduction à l animation en HTML5 et JavaScript Frédéric Guégan Olivier Fauvel-Jaeger Giacomo Rombaut Table des matières 1. Introduction... 2 2. Création de l environnement... 2 3. Création

Plus en détail

1 Créer et/ou modifier un curseur 2 Animer un curseur 3 Animer un curseur à partir d'un bouton

1 Créer et/ou modifier un curseur 2 Animer un curseur 3 Animer un curseur à partir d'un bouton Fiche technique 08 Les curseurs 1 Créer et/ou modifier un curseur 2 Animer un curseur 3 Animer un curseur à partir d'un bouton http://url.univ-irem.fr/ft10 QR Code Le curseur est un objet de GeoGebra permettant

Plus en détail

III Les notions de langages objets

III Les notions de langages objets III Les notions de langages objets Pour l instant, le javascript ne paraît pas très différent d autres langages et ne donne pas l impression d offrir de fonctionnalités plus intéressantes. La gestion des

Plus en détail

Technologies Web. Technologies Web AJAX TCM-TWEB Julien BEAUCOURT 2006 pour ETNA

Technologies Web. Technologies Web AJAX TCM-TWEB Julien BEAUCOURT 2006 pour ETNA AJAX Sommaire Introduction Applications Web Applications AJAX Avantages / Inconvénients Exemple Introduction AJAX, ou Asynchronous JavaScript And XML («XML et Javascript asynchrones»), est un acronyme

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

Projet DELIRE. Introduction à PHP

Projet DELIRE. Introduction à PHP Projet DELIRE Introduction à PHP Pages dynamiques page statique Nous sommes le 28/03/2007 Probleme : Afficher une page différente en fonction

Plus en détail

TP SIN Connexion base de données (PDO)

TP SIN Connexion base de données (PDO) TP SIN Connexion base de données (PDO) Support : carte arduino yun Pré requis (l élève doit savoir): - Savoir utiliser un ordinateur - Connaître le html, Css, PHP Programme Objectif terminale : L élève

Plus en détail

Développement Web (NFA0016)

Développement Web (NFA0016) Développement Web (NFA0016) seconde session Avril 2011 Durée : 3h Modalités : Tous documents autorisés. Calculatrices, ordinateurs, téléphones portables interdits. Remarque : Pour ne pas surcharger, on

Plus en détail

Séance d Exercices Dirigés HTML et JavaScript

Séance d Exercices Dirigés HTML et JavaScript Séance d Exercices Dirigés HTML et JavaScript EXERCICE 1 1) le but de cet exercice est de construire l'interface suivante en html: 2) Par la suite on veut un document composé de deux frames, l'une nommée

Plus en détail

JavaScript. Chapitre 3 : structure objet. MAS RAD Master of Advanced Studies, Rapid Application Development Stéphane GOBRON HE Arc hes.

JavaScript. Chapitre 3 : structure objet. MAS RAD Master of Advanced Studies, Rapid Application Development Stéphane GOBRON HE Arc hes. JavaScript Chapitre 3 : structure objet MAS RAD Master of Advanced Studies, Rapid Application Development Stéphane GOBRON HE Arc hes.so 2016 JavaScript 6 chapitres Description du cours Fondamentaux Instructions

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

Les 2 grands métiers. autour de la création Web. Mais où est passé l'intégrateur?

Les 2 grands métiers. autour de la création Web. Mais où est passé l'intégrateur? Les 2 grands métiers autour de la création Web Mais où est passé l'intégrateur? Langages et frameworks Outils spécifi ques dev mobile À voir dans le module multimédia... Langage : Java Objective C C#,...

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

/* basic elements */ html { font: 75% georgia, sans- serif; Design

/* basic elements */ html { <!DOCTYPE html> font: 75% georgia, sans- serif; Design</title> tp HTML But : être capable d écrire une page en HTML et de lui associer une mise en page en CSS Moyen : Pc avec Notepad++ et navigateurs Chrome et Firefox 1 Introduction Lorsque vous allez sur

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

de formation Laurent DUPRAT Pratiquons ensemble ASP Support de formation Laurent DUPRAT Pratiquons ASP Support de formation

de formation Laurent DUPRAT Pratiquons ensemble ASP Support de formation Laurent DUPRAT Pratiquons ASP Support de formation Support de formation Pratiquons Laurent DUPRAT ensemble ASP Support de formation Laurent DUPRAT ensemble ASP Support de formation Laurent DUPRAT Laurent DUPRAT Pratiquons ensemble ASP Support de formation

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

FERRAILLE Marine TS1 29/05/2015. Les deux autres membres du groupe : Projet ISN MONNIER Valentin MORONVAL Sasha COLBERT 4

FERRAILLE Marine TS1 29/05/2015. Les deux autres membres du groupe : Projet ISN MONNIER Valentin MORONVAL Sasha COLBERT 4 FERRAILLE Marine TS1 29/05/2015 Les deux autres membres du groupe : Projet ISN MONNIER Valentin MORONVAL Sasha COLBERT 4 SOMMAIRE I) Présentation du jeu -Règle du jeu -Page d accueil du site II) Analyse

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

Créer une barre de progression grâce à PHP 5.4

Créer une barre de progression grâce à PHP 5.4 Créer une barre de progression grâce à PP 5.4 La version de PP 5.4 vient avec son lot de nouveautés et propose désormais de suivre la progression d un fichier en cours de téléchargement grâce aux nouvelles

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

Programmation web : TD 2

Programmation web : TD 2 Programmation web : TD 2 Email : nassim.bahri@yahoo.fr Site web : http://nassimbahri.ovh Nassim BAHRI Objectif Développer des pages Web HTML5 validées Mettre en place des listes en HTML Avant de commencer

Plus en détail

Une fonction prédéfinie est un sous programme déjà codé mis à disposition dans le langage de programmation pour les développeurs. Nom de la fonction

Une fonction prédéfinie est un sous programme déjà codé mis à disposition dans le langage de programmation pour les développeurs. Nom de la fonction Fiche N 8 Les fonctions PHP Sous programme Fonction prédéfinie Fonction personnalisée Une fonction contient une suite d instructions qui retournent une seule valeur au programme. Par exemple, un nombre,

Plus en détail

Mémento des balises HTML 5

Mémento des balises HTML 5 Mémento des balises HTML 5 s de premier niveau Les balises de premier niveau sont les principales balises qui structurent une page HTML. Elles sont indispensables pour réaliser le «code minimal» d'une

Plus en détail

Le JavaScript. Le JavaScript est un langage «client», c'est-à-dire exécuté chez l'utilisateur lorsque la page Web est

Le JavaScript. Le JavaScript est un langage «client», c'est-à-dire exécuté chez l'utilisateur lorsque la page Web est Le JavaScript JavaScript est un langage interprété par le navigateur. Le JavaScript est un langage «client», c'est-à-dire exécuté chez l'utilisateur lorsque la page Web est chargée. Il a pour but de dynamiser

Plus en détail

La vocation purement sémantique de la page HTML a été pervertie avec les années.

La vocation purement sémantique de la page HTML a été pervertie avec les années. Bruxelles Formation CEPEGRA Olivier Céréssia 2012 PRÉAMBULE A mille lieues de la vision structuraliste de ses créateurs, la page HTML est devenue un document hybride mêlant structure, contenu, mise en

Plus en détail

3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype

3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype 3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype Page:1/5 PROGRAMMER EN LANGAGE INTERPRÉTÉ ORIENTÉ OBJET AVEC «PYTHON» (LES Objectifs de l activité pratique : Les conditions

Plus en détail

En HTML un formulaire recueille des informations de l'utilisateur, puis les transfère au serveur, qui à son tour doit les traiter

En HTML un formulaire recueille des informations de l'utilisateur, puis les transfère au serveur, qui à son tour doit les traiter Rappel Formulaires HTML http://www.w3.org/tr/html4/interact/forms.html http://www.la-grange.net/w3c/html4.01/interact/forms.html http://www.w3schools.com/html/html_forms.asp En HTML un formulaire recueille

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

Soit la base de données «notes des étudiants» dont le modèle conceptuel est donné ci-dessous sous la forme d un diagramme de classes UML.

Soit la base de données «notes des étudiants» dont le modèle conceptuel est donné ci-dessous sous la forme d un diagramme de classes UML. Université Lumière Lyon 2 Université Nationale d Économie de Kharkiv Master 1 IDSM Année 2016-2017 Programmation Web Exercices pratiques (4) : PHP & MySQL Jérôme Darmont (http://eric.univ-lyon2.fr/~jdarmont/),

Plus en détail

Techniques à Objets et Internet Le Web et sa programmation. Jean-François Perrot Université Pierre et Marie Curie (Paris 6)

Techniques à Objets et Internet Le Web et sa programmation. Jean-François Perrot Université Pierre et Marie Curie (Paris 6) Techniques à Objets et Internet Le Web et sa programmation Jean-François Perrot Université Pierre et Marie Curie (Paris 6) Cours n 5 : Introduction à Javascript-3 Fonctions en Javascript Application à

Plus en détail

AJAX. Magali Contensin. JoSy AJAX et bibliothèques JS pour les ASR. 3 novembre 2011

AJAX. Magali Contensin. JoSy AJAX et bibliothèques JS pour les ASR. 3 novembre 2011 AJAX Magali Contensin 3 novembre 2011 JoSy AJAX et bibliothèques JS pour les ASR Plan Comment actualiser une partie d'une page web? Principe Quelques applications Etapes Sécurité Support par les navigateurs

Plus en détail

Programmation Web TD8- CSS

Programmation Web TD8- CSS ²Université de la Manouba Ecole Supérieure d'economie Numérique Programmation Web TD8- CSS Objectifs - Développer des pages Web HTML5 validées - Mettre en place des fichiers CSS pour une meilleure présentation

Plus en détail

Mémento des balises HTML

Mémento des balises HTML Chapitre 21 Mémento des balises HTML Diculté : C ette page est une liste non exhaustive des balises HTML qui existent. Vous trouverez ici un grand nombre de balises HTML. Nous en avons déjà vu certaines

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

Enseignement : L informatique et la programmation Séquence : Faciliter et permettre le franchissement d un obstacle

Enseignement : L informatique et la programmation Séquence : Faciliter et permettre le franchissement d un obstacle Enseignement : L informatique et la programmation Séquence : Faciliter et permettre le franchissement d un obstacle Problématique : Comment permettre à différents véhicules de franchir une zone en toute

Plus en détail

Modifié: 2016/04/29 IUT de Fontainebleau

Modifié: 2016/04/29 IUT de Fontainebleau INTRODUCTION à PHP COOKIES ET SESSIONS monnerat@u-pec.fr Modifié: 2016/04/29 IUT de Fontainebleau Sommaire 1. Cookies 2. Sessions COOKIES Introduction Les cookies permettent de stocker du coté client des

Plus en détail

www.reseaumillepattes.org Jeu du cycliste Jeu du cycliste Quelles sont les précautions à prendre avant d aller sur la route à vélo? Porter des vêtements clairs, mettre un casque, vérifier que les pneus

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

Ed : les formulaires (2)(Verification Javascript)

Ed : les formulaires (2)(Verification Javascript) Ed : les formulaires (2)(Verification Javascript) exercice 1 1. ecrire un programme JS général qui parcourt le premier formulaire d un document et affiche pour chacuns de ses éléments les valeurs principales

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

Université d Angers

Université d Angers pascal.nicolas@univ-angers.fr 1 préambule cette présentation, basée sur la norme HTML3.2, n a pas vocation à être exhaustive la notation X Y signifie que l on peut mettre l élément X ou l élément Y dans

Plus en détail

Introduction au HTML 5

Introduction au HTML 5 Introduction au HTML 5 Les balises structurantes de HTML5 Plusieurs balises ont été introduites avec HTML5 pour délimiter les différentes zones qui constituent la page web : : en-tête;

Plus en détail

HTML. HyperText Markup Language. Le HTML est un langage informatique qui permet de créer des pages WEB. Il utilise des balises qui permettent :

HTML. HyperText Markup Language. Le HTML est un langage informatique qui permet de créer des pages WEB. Il utilise des balises qui permettent : HTML HyperText Markup Language Objectifs : - s'initier au langage HTML - savoir lire un code source html simple Le HTML est un langage informatique qui permet de créer des pages WEB. Il utilise des balises

Plus en détail

3-3- intégration du framework Web Bootstrap

3-3- intégration du framework Web Bootstrap 3-3- intégration du framework Web Bootstrap Le but de cette itération est de rendre l'affichage de notre application plus conforme aux standards actuels. Introduction au design web adaptatif Commençons

Plus en détail

Javascript. Thierry Lecroq. Université de Rouen FRANCE. Thierry Lecroq (Univ. Rouen) Javascript 1 / 36

Javascript. Thierry Lecroq. Université de Rouen FRANCE. Thierry Lecroq (Univ. Rouen) Javascript 1 / 36 Javascript Thierry Lecroq Université de Rouen FRANCE Thierry Lecroq (Univ. Rouen) Javascript 1 / 36 Plan 1 Généralités sur Javascript 2 Les bases 3 Les objets prédéfinis 4 Les évènements Thierry Lecroq

Plus en détail

M1202 Algorithmique et programmation

M1202 Algorithmique et programmation M1202 Algorithmique et programmation PHP par l'exemple - 5 Jérôme Landré jerome.landre@univ-reims.fr DUT Métiers du Multimédia et de l'internet I.U.T. de Troyes Université de Reims Champagne-Ardenne Plan

Plus en détail

Technique Internet de Base HTML avancé

Technique Internet de Base HTML avancé Objectifs Technique Internet de Base HTML avancé morge@di.unipi.it Licence 2 Université Jean Monnet Création de tableau complexe Mise en forme de tableau Création de formulaire 2008-2009 Tableau= élément

Plus en détail

Conception d'interfaces Web

Conception d'interfaces Web Conception d'interfaces Web Licence 1 2. Créer un site Web avec HTML5 et CSS3 Bruno Jobard I. Introduction Les langages HTML et CSS décrivent la structure et la présentation d'une page Web. HTML est un

Plus en détail

M1202 Algorithmique et programmation

M1202 Algorithmique et programmation M1202 Algorithmique et programmation PHP par l'exemple - 2 Jérôme Landré jerome.landre@univ-reims.fr bureau C203 (GMP) bureau H013 (MMI) DUT Métiers du Multimédia et de l'internet I.U.T. de Troyes Université

Plus en détail

Javascript. Interaction. A. Belaïd 1

Javascript. Interaction. A. Belaïd 1 Javascript Interaction A. Belaïd 1 Présentation Les événements sont l intérêt du JS en matière de programmation Web Ils donnent une interactivité à la page que vous consultez, ce qui n existe pas avec

Plus en détail

Séance d Exercices Dirigés Compréhension d AJAX (XHTML, Javascript et PHP)

Séance d Exercices Dirigés Compréhension d AJAX (XHTML, Javascript et PHP) Séance d Exercices Dirigés Compréhension d AJAX (XHTML, Javascript et PHP) Exercice : AJAX - Interrogez votre serveur avec JavaScript Savez-vous que JavaScript est capable de se connecter à un serveur

Plus en détail

A N N E X E A U C C T P

A N N E X E A U C C T P A N N E X E A U C C T P LISTE DES ACTIONS 2010 PAR GFE (Groupe Formation Emploi) Qualification, Actions préparatoires et Chèques Annexe au CCTP liste des actions de Qualification 2010 104Q 1 / 11 GFE 01

Plus en détail

Contactez-nous sur : Web : Profil. Animateur Flash. Designer Flash Flasheur

Contactez-nous sur :   Web :  Profil. Animateur Flash. Designer Flash Flasheur Contactez-nous sur : E-mail : gilles@e-i.ma Web : www.e-i.ma Profil Animateur Flash Designer Flash Flasheur Polyvalent, le développeur / animateur Flash possède des compétences en animation. Son rôle est

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

Internet. jquery jquery Mobile Partie 2

Internet. jquery jquery Mobile Partie 2 Internet jquery jquery Mobile Partie 2 Olivier Pons / 2013 Objectif Jquery / jquery Mobile Sommaire 1. Fondamentaux DOM 2. jquery 3. jquery Mobile 2 / 32 1. Fondamentaux DOM - Définition Le Document Object

Plus en détail

Tableaux Table des matières

Tableaux Table des matières Tableaux Table des matières Création et initialisation des tableaux...2 Accès aux éléments... 3 Taille des tableaux... 4 Parcourir les éléments d'un tableau...4 Affichage des tableaux... 6 Formulaires

Plus en détail

d'étoiles comme ci-dessus (n es saisi au clavier) : pour n=5 : d'étoiles comme ci-dessus (n es saisi au clavier) : pour n=5 :

d'étoiles comme ci-dessus (n es saisi au clavier) : pour n=5 : d'étoiles comme ci-dessus (n es saisi au clavier) : pour n=5 : Université Mohammed V Faculté des Sciences Département d'informatique Rabat Année 2014-15 Filière SMI 3 Technologies du Web TP 4 Exercice 1 Écrire un script qui ache n lignes, d'étoiles comme ci-dessus

Plus en détail

Dojo partie 1. Widgets dojo.form Validation des formulaires Côté client Côté serveur Requêtes Ajax

Dojo partie 1. Widgets dojo.form Validation des formulaires Côté client Côté serveur Requêtes Ajax Dojo partie 1 Widgets dojo.form Validation des formulaires Côté client Côté serveur Requêtes Ajax 1 Modules Dojo 3 espaces de noms principaux: dojo: bibliothèque de base dijit: bibliothèque de widgets

Plus en détail

CREATION WEB DYNAMIQUE

CREATION WEB DYNAMIQUE CREATION WEB DYNAMIQUE II ) xhtml ET CSS II-1 ) Introduction Le xhtml, extensible HyperText Markup Language, est un langage identique au langage HTML mais respectant la syntaxe définie par XML Quant vous

Plus en détail

LE LANGAGE JAVASCRIPT

LE LANGAGE JAVASCRIPT LE LANGAGE JAVASCRIPT Activité 1 : 1. Créer dans votre répertoire un dossier nommé JVS. 2. On se propose d écrire le code HTML permettant de calculer la somme de deux nombres a et b strictement positifs.

Plus en détail

Dossier PPE LE PORTALP

Dossier PPE LE PORTALP Dossier PPE LE PORTALP Crosetti Pauline TSSI Lycée Colbert Tourcoing Année scolaire 2012/2013 Sommaire : - I) Recherches sur le Portalp - II) Recherches sur la supervision - III) Plusieurs choix possibles

Plus en détail

TP Informatique. Personnalisation de page web HTML avec le langage CSS. Objectifs :

TP Informatique. Personnalisation de page web HTML avec le langage CSS. Objectifs : TP Informatique Personnalisation de page web HTML avec le langage CSS Objectifs : - Approfondir ses connaissances au langage HTML - Changer le style et la présentation d une page HTML grâce au langage

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 Le but de cet exercice est de construire l'interface suivante en html: Une réponse :

Plus en détail