Exercices de Programmation Web, Laboratoires et TP

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Exercices de Programmation Web, Laboratoires et TP"

Transcription

1 Exercices de Programmation Web, Laboratoires et TP

2 TABLEAU DES MATIÈRES 1. Introduction Outils de développement Programmation en JQuery Utilisation Démarrer jquery Gestion d événements de JQuery L'écoute sur la souris L'écoute sur le clavier Le cas des formulaires La délégation d'évènements Stockage des données locales Interface LocalStorage Interface SessionStorage Exercice Stockage sur un fichier JSON Exercice aditionnel...8 Ruben Chambilla i

3 1. I N T R O D U C T I O N Description de cours : Introduire les étudiants à la problématique de la programmation d'applications web. Les fondements du web : navigateurs, serveurs, protocoles. Les principales normes et les principaux outils fonctionnant dans le navigateur sont couverts : HTML, XHTML, JavaScript, CSS, DOM et XML. Conception de formulaires. Introduction à la problématique des traitements sur serveur dans n environnement web : script serveur, notion de persistance. Présentation des nouvelles approches et techniques en émergence. Séance d'exercices de deux heures hebdomadaire. Description de manuel : Les applications web même s ils sont simples pages statiques en termes du code html ou une page dynamique avec connexion à une base de donné en termes du langage de programmation, certaine partis d une application web s exécutera sur l ordinateur de l utilisateur et certaine sur le serveur web. Dans c est manuel nous allons tracer les bonnes pratiques dans la programmation côté client en utilisant différentes technologies. Contienne des exercices des laboratoires et travaux pratiques. 2. O U T I L S D E D É V E L O P P E M E N T Sur internet il y a nombreux outils qu aide créer un application web, sur tour au niveau de texte, cependant, la plupart des développeurs utilisent les suivants : Générateur de faux texte : Blindtextgenerator Lorem Ipsum Responsive test Responsive Web Design Tester Site web : Description des balises Dictionnaire d attributs des balises Liste des attributs HTML5 The complete Font Awesome Liste des balises HTML5 Jquery Bootstrap https://chrome.google.com/webstore/detail/responsive-webdesign-tes/objclahbaimlfnbjdeobicmmlnbhamkg https://developer.mozilla.org/fr/ https://jaetheme.com/balises-html5/ https://jquery.com/ Ruben Chambilla 1

4 3. P R O G R A M M A T I O N E N J Q U E R Y jquery est la librairie JavaScript la plus utilisée dans d'une page web, soit pour maintenir un site web existant, ou développer un nouveau site web sites de nouvelle génération à l'aide du librairie de jquery. «Langage de programmation coté client permettant de manipuler le code source d une page HTML» 3.1. Utilisation Démarrer jquery Vous pouvez télécharger les fichiers directement sur vous pouvez récupérer ainsi une version «mini-fiée», c'est à dire compressée jusqu'à un certain niveau par un algorithme supprimant espace et commentaires Gestion d événements de JQuery Un événement est une action détectée sur une page web L'écoute sur la souris Action Fonction Clic click() Lance une fonction lors du clic de l'utilisateur sur l'objet associé Double-clic dblclick() Lance une fonction lors du double-clic de l'utilisateur sur l'objet associé Passage de la souris hover() Lance une modification sur l icône de la souri. Rentrer dans un élément mouseenter() Le souris rentre dans un élément Quitter un élément mouseleave() Le souris sorte d un élément Presser un bouton de la souris mousedown() Presser le bouton gauche de la souri Relâcher un bouton de la souris mouseup() Relâcher un bouton Scroller (utiliser la roulette) scroll() Operations avec roulette de la souri Une bonne pratique, au début à utiliser du code Javascript, tous les fichiers de styles et fichiers Javascript doit être chargés, en suite s assurer que le code HTML de la page a été chargé L'écoute sur le clavier Action Fonction Touche du clavier keydown() Se lance lorsqu'une touche du clavier est enfoncée Maintient une touche keypress() Se lance lorsqu'on maintient une touche enfoncée Touche préalablement enfoncée keyup() Se lance lorsqu'on relâche une touche préalablement enfoncée. Ruben Chambilla 2

5 Le cas des formulaires Focalisation focus() Focaliser sur un objet Sélection (dans une liste) select() Section d un objet Changement de valeur change() Valeur pris pour le changement Envoi du formulaire submit() Envoi d un form La délégation d'évènements p click(..); Balise, paragraphe Paragraphe créé de façon dynamique Balise DIV contenant la valeur Bonjour Balise «a» contenant l évent Onclick que modifiera mondiv (DOM), en utilisant des sélecteur $ et hide() 3.3. Stockage des données locales C'est une technique plus «puissante» que les cookies, qui sont limités en taille (quelques Ko contre plusieurs Mo pour Web Storage), la caractéristique fondamentale sur le stockage de données est que lui est fait dans la structure de fichier de chaque navigateur. Aucun partage des données «Web Storage» entre les navigateurs installés sur une même ordinateur, on peut stocker dépendamment dans que navigateur un travail jusqu à 2.5 Mo. Attention : l'information gardé sera par défaut chaine de caractère, lorsque vous feriez une opération mathématique il faut convertir vers un numéro. Comment y accéder? Les méthodes d'accès pour les deux interfaces sont communes. setitem(clé,valeur) : stocke une paire clé/valeur getitem(clé) : retourne la valeur associée à une clé removeitem(clé) : supprime la paire clé/valeur en indiquant le nom de la clé key(index): retourne la clé stockée à l'index spécifié clear(): efface toutes les paires La propriété.length renvoie le nombre de paires stockées. Ruben Chambilla 3

6 Interface LocalStorage Mémorise les données sans limite de durée de vie (elles ne sont pas effacées lors de la fermeture d'un onglet ou du navigateur). Stockage Récupération Suppression Suppression totale Lister le contenu des objets <h1>local Storage</h1> <script type="text/javascript"> var items = localstorage.length for(i=0;i<items;i++){ var itemnom = localstorage.key(i); document.write(itemnom + ' = ' + localstorage.getitem(itemnom) + '<br/>'); } </script> Interface SessionStorage Mémorise les données sur la durée d'une session de navigation, ce-t-à dire sa portée est limitée à la fenêtre ou l'onglet actif (lors de sa fermeture, les données sont effacées). Stockage setitem est la clé (type String). Elle précise l'endroit où sont stockées les données Récupération getitem permet de récupérer les données - chaine de caractère. Suppression Suppression totale Lister le contenu des objets <h1>session Storage</h1> <script type="text/javascript"> var items = sessionstorage.length for(i=0;i < items; i++){ var itemnom = sessionstorage.key(i); document.write(itemnom + ' = ' + sessionstorage.getitem(itemnom) + '<br/>'); } </script> Ruben Chambilla 4

7 Exercice Ruben Chambilla 5

8 Affichant l information gardé : dans chrome : Appuyez sur la touche F12 Application Storage F Stockage sur un fichier JSON (JavaScript Object Notation Notation Objet issue de JavaScript), format léger d'échange de données. Pour montrer un fichier. JSON, il est possible d utiliser le site Pour valider un fichier.json, ce site web Une collection de couples nom/valeur. (Objet, un enregistrement, une structure, un dictionnaire, une table de hachage, une liste typée ou un tableau associatif). Une liste de valeurs ordonnées. (tableau, un vecteur, une liste ou une suite). <script> var object, extrait; object = { "nom":"john", "age":30, "ville":"montreal" }; extrait = object.ville; document.getelementbyid("afficher").innerhtml = extrait; </script> <p id="afficher"></p> Affichera : Montreal Ruben Chambilla 6

9 Ce fichier.json, peut être construit comme affiche l application, mais on peut aussi afficher sur HTML. Lire et afficher un fichier JSON Ruben Chambilla 7

10 4. E X E R C I C E A D I T I O N N E L a. Créer un formulaire de contact, chaque balise doit être validé utilisant jquery validation Ruben Chambilla 8

11 Code Jquery CSS Compléter le code jquery qui manque b. Créer un fichier JSON avec une liste de livres (livres.json) - Créer des fonctions en JQuery pour extrait la liste au complet du livres contenues dans le fichier livres.json. - Afficher la liste sur le HTML (livre.html) Code Json Ajouter plus de livres Ruben Chambilla 9

12 Code HTML, JQuery Trouver les erreurs qu'il y a et corriger Les correction est ci-jointe Ruben Chambilla 10

TD n 3. Exercice 2: Écrire un script qui permet d obtenir l affichage suivant en utilisant qu une seule instruction document.

TD n 3. Exercice 2: Écrire un script qui permet d obtenir l affichage suivant en utilisant qu une seule instruction document. IUT de Bobigny 2008-2009 CIWM [SLATCM5231] TD n 3 Conception de Pages Web orientée Client 1 Introduction à javascript L objectif des exercices de cette partie est tester vos connaissances de base sur le

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

HIVER 2017 COURS INF2005 : PROGRAMMATION WEB. Exercices de Programmation Web, Laboratoires et TP

HIVER 2017 COURS INF2005 : PROGRAMMATION WEB. Exercices de Programmation Web, Laboratoires et TP HIVER 2017 COURS INF2005 : PROGRAMMATION WEB Exercices de Programmation Web, Laboratoires et TP Professeur : Abdel OBAID Ateliers : Ruben Chambilla Février 2017 TABLEAU DES MATIÈRES 1. Introduction...1

Plus en détail

Programmation Web Avancée. Cours 7 Web Storage Ajax.

Programmation Web Avancée. Cours 7 Web Storage Ajax. Programmation Web Avancée Cours 7 Web Storage Ajax kn@lri.fr Plan 1 Introduction/ Généralité et rappels sur le Web/ Javascript : survol du langage 2 Objets/Portée des variables/tableaux/rappels MVC 3 Visiteur/Expressions

Plus en détail

Programmation Web Javascript et JQuery

Programmation Web Javascript et JQuery Programmation Web Javascript et JQuery Julien David A101 - david@lipn.univ-paris13.fr 2016 Julien David (A101 - david@lipn.univ-paris13.fr) 2016 1 / 26 Présentation Générale Langage Javascript : Langage

Plus en détail

jquery, "write less, do more"

jquery, write less, do more jquery, "write less, do more" jquery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and AJAX interactions for rapid web development. jquery

Plus en détail

Plan. Introduction Concepts de base. Filtrage. 1 jquery. 2 Les sélecteurs. 3 Les événements. jquery Les sélecteurs Les événements

Plan. Introduction Concepts de base. Filtrage. 1 jquery. 2 Les sélecteurs. 3 Les événements. jquery Les sélecteurs Les événements Plan Introduction Concepts de base 1 Introduction Concepts de base 2 3 Principe Introduction Concepts de base est une bibliothèque JavaScript qui a pour but de soulager le développeur des tâches fastidieuses

Plus en détail

Module Parcours. Comment identifier l utilisateur et améliorer son expérience client 19/4/2016. Canada France Russie. dialoginsight.

Module Parcours. Comment identifier l utilisateur et améliorer son expérience client 19/4/2016. Canada France Russie. dialoginsight. Comment identifier l utilisateur et améliorer son expérience client 19/4/2016 Canada France Russie dialoginsight.com 1 Table des matières Préambule... 2 Utilisation du stockage Web... 2 Stockage de session

Plus en détail

Table des matières. Introduction 1

Table des matières. Introduction 1 Table des matières Introduction 1 1 Les bases de JavaScript 5 Compréhension de JavaScript (et de son histoire) 5 Établissement d un système de test 8 Configuration de navigateurs Web 9 Inclusion du code

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

Guide d utilisation pour utilisateur «userpsa»

Guide d utilisation pour utilisateur «userpsa» Guide d utilisation pour utilisateur «userpsa» Site Internet du comité d entreprise http://cepcacharleville.fr Page 1 sur 13 SOMMAIRE 1 VERSION DU DOCUMENT... 3 2 COMMENT BIEN UTILISER CE GUIDE... 4 3

Plus en détail

Dreamweaver CS6 pour PC/Mac

Dreamweaver CS6 pour PC/Mac ENVIRONNEMENT. Généralités 1 A- La page de démarrage 1 B- L écran principal 2 C- La barre d état 3 D- Utiliser les règles 4 E- Utiliser la grille 4 F- Utiliser les repères 5 G- Modifier le zoom 6 1.2 Les

Plus en détail

Cours 3 Bibliotheque Javascript JQuery

Cours 3 Bibliotheque Javascript JQuery Cours 3 Bibliotheque Javascript JQuery Yacine Bouzidi Yacine.bouzidi@inria.fr Plan JQuery Inroduction Getter/setter JQuery et événements JQuery et Ajax JQuery : introduction JQuery : qu'est ce que c'est?

Plus en détail

Java et jquery Java et jquery - Intégrer un framework JavaScript dans l'écosystème JEE - Version numérique

Java et jquery Java et jquery - Intégrer un framework JavaScript dans l'écosystème JEE - Version numérique Avant-propos 1. Introduction 13 2. Niveau de compétences requis 14 3. Structure du livre 14 Premiers pas 1. Introduction 17 2. Les applications JEE 18 2.1 Les API JEE 19 2.2 Les ressources statiques 22

Plus en détail

Publication (avancée) de données spatiales dans Internet

Publication (avancée) de données spatiales dans Internet Publication (avancée) de données spatiales dans Internet GMT-4152 & GMT-6006 Capsule 2 Frameworks Javascript, jquery & MapQuery Thierry Badard & Frédéric Hubert Université Laval, Dép. des sciences géomatiques

Plus en détail

1. Créer un compte Ouvrir sa boîte de messagerie Comprendre la boîte de réception 3

1. Créer un compte Ouvrir sa boîte de messagerie Comprendre la boîte de réception 3 La messagerie électronique avec Gmail 1 1. Créer un compte 1 2. Ouvrir sa boîte de messagerie 2 3. Comprendre la boîte de réception 3 3.1 Lire un message 3 3.2 Ecrire et envoyer un nouveau message 4 3.3

Plus en détail

JQUERY : Développer en Javascript avec le framework JQUERY

JQUERY : Développer en Javascript avec le framework JQUERY JQUERY : Développer en Javascript avec le framework JQUERY Objectifs : Cette formation Jquery vous permet d'acquérir des connaissances et des compétences pour développer des sites Web interactifs et dynamiques

Plus en détail

Programme Formation Webmaster Opérationnel niveau 2

Programme Formation Webmaster Opérationnel niveau 2 Programme Formation Webmaster Opérationnel niveau 2 Objectif : Savoir personnaliser et dynamiser le contenu de sites web par la connaissance de l'html5/css3, du PHP MySQL, du JavaScript et d'ajax. Compétences

Plus en détail

Les API de HTML5. Michel Gagnon École Polytechnique de Montréal

Les API de HTML5. Michel Gagnon École Polytechnique de Montréal Les API de HTML5 Michel Gagnon École Polytechnique de Montréal Cache d application L idée ici consiste à garder en cache les ressources nécessaires pour continuer à utiliser une application web même si

Plus en détail

Installer PHP Gérer les s... 29

Installer PHP Gérer les  s... 29 Installer PHP... 13 1.1 Installer PHP avec EasyPHP....................... 15 1.2 Installer PHP avec Wamp5....................... 20 1.3 Installer PHP sous Linux......................... 24 1.4 Configurer

Plus en détail

Javascript. Eléments de base du langage

Javascript. Eléments de base du langage Javascript Eléments de base du langage 1 1990 : début du Web HTML 1995 : Scripts Clients Javascript, Jscript Applets Java, ActiveX, Flash et 2000: scripts Serveurs PHP, ASP et ASP.NET, JSP. 2005: cohabitation

Plus en détail

Guide pratique de Zotero

Guide pratique de Zotero Octobre 2017 Guide pratique de Zotero Présentation Zotero est un outil de gestion de références bibliographiques. Zotero est libre et gratuit. Il se présente sous la forme d une application à installer.

Plus en détail

TP Websockets avec JavaScript et Node.js

TP Websockets avec JavaScript et Node.js Intervenant : Chouki TIBERMACINE TP Websockets avec JavaScript et Node.js Objectifs du TP. - Écrire un serveur Node.js simple capable de communiquer avec le protocole Websockets - Écrire un client JavaScript

Plus en détail

IDENTIFICATION DESCRIPTION

IDENTIFICATION DESCRIPTION IDENTIFICATION Intitulé de l Unité d Enseignement : PROJET DE DÉVELOPPEMENT WEB Intitulé du cours : PROJET DE DÉVELOPPEMENT : PROGRAMMATION CÔTÉ CLIENT ET PROGRAMMATION CÔTÉ SERVEUR Nombre de périodes

Plus en détail

6- Quelques règles pour maintenir une sécurité de base

6- Quelques règles pour maintenir une sécurité de base 6- Quelques règles pour maintenir une sécurité de base Se protéger sur Internet n est pas une opération garantie à 100%. Dans ce chapitre, nous ferons le point des risques que nous encourons lors de nos

Plus en détail

1 Prendre en main l interface et créer ses premiers courriers... 15

1 Prendre en main l interface et créer ses premiers courriers... 15 1 Prendre en main l interface et créer ses premiers courriers... 15 1.1. Tour d horizon... 16 Démarrer Word 2003... 16 Saisir un texte... 19 Appliquer quelques mises en forme... 21 Visualiser le document

Plus en détail

Utiliser la souris et le Clavier

Utiliser la souris et le Clavier Utiliser la souris et le Clavier La souris 1 Le clic gauche : a) Un seul clic gauche permet de : - sélectionner une icône sur le Bureau ou dans une fenêtre de Windows (l'icône apparaît en bleu) - dérouler

Plus en détail

SALLES 129 & 137 OUVERTURE de SESSION de TRAVAIL

SALLES 129 & 137 OUVERTURE de SESSION de TRAVAIL SALLES 129 & 137 OUVERTURE de SESSION de TRAVAIL 1 Sortir l écran du mode veille (si nécessaire) Appuyer sur la touche ENTREE du clavier et attendre que l écran sorte du mode veille. 2 - Ouverture de session

Plus en détail

Internet - Saisie semi-automatique

Internet - Saisie semi-automatique Internet - Saisie semi-automatique Juin 2014 Certains navigateurs ont une fonctionnalité nommée Saisie semi-automatique. Elle garde la trace des informations tapées récemment, comme les adresses des sites

Plus en détail

UTILISER LA PROGRAMMATION OBJET, DÉVELOPPER DES SITES WEB INTERACTIFS PROFESSIONNELS, PERFORMANTS ET SÉCURISÉS

UTILISER LA PROGRAMMATION OBJET, DÉVELOPPER DES SITES WEB INTERACTIFS PROFESSIONNELS, PERFORMANTS ET SÉCURISÉS Référence : IJSO Durée : 4 jours (28h.) Tarif : 2090 HT Contact : 01 43 34 90 94 Niveau : Intermédiaire Cours à distance : Possible Eligible : CPF Certification : MCSD: Web Applications Prochaines sessions

Plus en détail

INF4375 Paradigmes des échanges Internet Projet de session Automne Voici une carte représentant les dépendances entre les fonctionnalités :

INF4375 Paradigmes des échanges Internet Projet de session Automne Voici une carte représentant les dépendances entre les fonctionnalités : INF4375 Paradigmes des échanges Internet Projet de session Automne 2016 Projet Le projet consiste à récupérer un ensemble de données provenant de la ville de Montréal et d'offrir des services à partir

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

NOTE. pour information

NOTE. pour information Département du Système d Information NOTE à l'attention de Utilisateurs de l antispam / antivirus SOPHOS pour information date 18/09/05 20:39 contexte Délégations régionales du DSI objet Utilisation de

Plus en détail

1. Généralités. 2. Config

1. Généralités. 2. Config https://github.com/boiteasite/cmsuno 1. Généralités Pour accéder à l'administration du site, ajouter /uno.php au nom de domaine : Pour récupérer le mot de passe et/ou le login, il faut accéder au site

Plus en détail

PRATIQUE DU MICRO- MICROSOFT WINDOWS, WORD, EXCEL & INTERNET SOCLE DE BASE

PRATIQUE DU MICRO- MICROSOFT WINDOWS, WORD, EXCEL & INTERNET SOCLE DE BASE 2016 à 22, 23 mai, 8, 16 et 23 juin PRATIQUE DU MICRO- MICROSOFT WINDOWS, WORD, EXCEL & INTERNET SOCLE DE BASE Objectifs Préparer une personne à l utilisation d un micro-ordinateur en environnement Windows.

Plus en détail

Utilisation du navigateur Google Chrome

Utilisation du navigateur Google Chrome Utilisation du navigateur Google Chrome ~91% des français utilisent Google contre (seulement) ~67% aux Etats-Unis En 2016 : Google répond à plus de 2000 milliards de requêtes par an (2 trillions comme

Plus en détail

Guignol Film Itinéraire

Guignol Film Itinéraire Voir le site : http://guignol-film.fr Message à : contact@guignol-film.fr Préalable L application comprend 2 modules L interface utilisateur (le programme que vous utilisez sur votre micro) Un fichier

Plus en détail

Cette fiche va permettre d apprendre à afficher et nettoyer son historique de navigation dans Internet explorer. Sommaire

Cette fiche va permettre d apprendre à afficher et nettoyer son historique de navigation dans Internet explorer. Sommaire Cette fiche va permettre d apprendre à afficher et nettoyer son historique de navigation dans Internet explorer. Sommaire Effacer tout l historique de navigation... 2 Cliquer sur l item [Outils] de la

Plus en détail

Sommaire. 1 Gestion simple d une vidéothèque Gestion d un album de photos Envoi de messages chiffrés... 43

Sommaire. 1 Gestion simple d une vidéothèque Gestion d un album de photos Envoi de messages chiffrés... 43 1 Gestion simple d une vidéothèque... 17 1.1. Configuration... 18 1.2. Classes et espaces de noms utilisés... 18 1.3. Accès aux données... 18 Création de la base de données... 18 Configuration des tables...

Plus en détail

Formation JavaScript : Perfectionnement. Programme. L approche AJAX. L objet XMLHttpRequest. Objectif(s):

Formation JavaScript : Perfectionnement. Programme. L approche AJAX. L objet XMLHttpRequest. Objectif(s): Formation JavaScript : Perfectionnement Objectif(s): Comprendre l'approche AJAX Comprendre l'objet XMLHttpRequest Durée : 2 jour(s) Pré-requis : Bonnes connaissances en (X)HTML, CSS et JavaScript Public

Plus en détail

I - ACCESS POUR QUOI FAIRE 1

I - ACCESS POUR QUOI FAIRE 1 I - ACCESS POUR QUOI FAIRE 1 ACCESS est un logiciel de gestion de bases de données relationnelles. Ce type de logiciel permet de gérer les données de manière organisée tout en autorisant l'accès à toute

Plus en détail

AJAX - Développez pour le Web 2.0 Entrez dans le code : JavaScript, XML, DOM, XMLHttpRequest2... (2ième édition)

AJAX - Développez pour le Web 2.0 Entrez dans le code : JavaScript, XML, DOM, XMLHttpRequest2... (2ième édition) Présentation générale d'ajax 1. Principe et définition 11 2. Exemples sur le Web 16 2.1 Google Maps 16 2.2 Google Suggest 18 2.3 Google Agenda 19 2.4 Google Docs, Google Sheets et Google Slides 20 3. Avantages

Plus en détail

Réparer un PC Windows infecté avec Kaspersky Rescue Disk

Réparer un PC Windows infecté avec Kaspersky Rescue Disk Réparer un PC Windows infecté avec Kaspersky Rescue Disk I. Introduction à Kaspersky Rescue Disk Votre Windows ne démarre plus? La cause de ce phénomène peut parfois être virale. Kaspersky Rescue Disk

Plus en détail

Web dynamique. approche client/serveur

Web dynamique. approche client/serveur Web dynamique approche client/serveur Client/serveur Serveur requête (url) réponse (fichiers) Client url = adresse IP + /chemin/vers/fichier réponse = fichier (lu sur le DD du serveur) Le client gère la

Plus en détail

PARAMETRER MICROSOFT INTERNET EXPLORER 7 OU 8

PARAMETRER MICROSOFT INTERNET EXPLORER 7 OU 8 PARAMETRER MICROSOFT INTERNET EXPLORER 7 OU 8 Ce document vous indique comment paramétrer et utiliser les fonctionnalités d'internet Explorer version 7 ou 8. A - Lancer Internet Explorer... 2 B - Remettre

Plus en détail

UTILISATION CMS PERSO

UTILISATION CMS PERSO UTILISATION CMS PERSO La gestion du site se passe entièrement dans la partie Administration du site. Pour accéder à l administration du site, il faut, soit cliquer sur le lien admin situé dans le menu,

Plus en détail

Rapport d'analyse performance et qualité

Rapport d'analyse performance et qualité Rapport d'analyse performance et qualité https://www.isterresdenvol.fr Ce rapport a été généré sur DareBoost.com, service en ligne d'analyse et de surveillance de la performance et de la qualité des sites

Plus en détail

Cette fiche va permettre d apprendre à afficher et nettoyer son historique de navigation dans Mozilla Firefox. Sommaire

Cette fiche va permettre d apprendre à afficher et nettoyer son historique de navigation dans Mozilla Firefox. Sommaire Cette fiche va permettre d apprendre à afficher et nettoyer son historique de navigation dans Mozilla Firefox. Sommaire Effacer tout ou partie de l historique de navigation... 2 Cliquer sur l item [Outils]

Plus en détail

jquery 3 Créer des sites web dynamiques et interactifs

jquery 3 Créer des sites web dynamiques et interactifs Chapitre 1 : Introduction A. Introduction 9 B. À propos de cet ouvrage 9 Chapitre 2 : Installer et utiliser jquery A. Les objectifs 13 B. Télécharger les fichiers jquery 13 1. Les différentes versions

Plus en détail

I - OUTLOOK POUR QUOI FAIRE 1

I - OUTLOOK POUR QUOI FAIRE 1 I - OUTLOOK POUR QUOI FAIRE 1 Outlook est un logiciel d'organisation. Il permet de gérer naturellement ses messages, ses rendez-vous et ses contacts. Il permet aussi de suivre les tâches à effectuer et

Plus en détail

HTML5 (LP IRSII) TP3

HTML5 (LP IRSII) TP3 HTML5 (LP IRSII) TP3 Jean-Yves Didier Situation initiale : Monsieur Lesieur, épicier, souhaite s équiper à moindre frais pour faciliter le passage en caisse de ses clients. Il a donc acheté un lecteur

Plus en détail

Guide pratique de Zotero

Guide pratique de Zotero Février 2017 Guide pratique de Zotero Présentation Zotero est un outil de gestion de références bibliographiques. Zotero est libre et gratuit. Il se présente sous la forme d une extension du navigateur

Plus en détail

Cliquer sur le point d'interrogation et choisir le menu «à propos de Messenger».

Cliquer sur le point d'interrogation et choisir le menu «à propos de Messenger». Paramétrer Windows Live Messenger Lors de l'installation initiale, Windows Live Messenger active certains paramètres qu'il est possible de modifier. De plus, lors de l'utilisation, on peut souhaiter améliorer

Plus en détail

Connexion à un logiciel AIGA / suite à la MIGRATION de serveur

Connexion à un logiciel AIGA / suite à la MIGRATION de serveur Connexion à un logiciel AIGA / suite à la MIGRATION de serveur Suite au changement de votre serveur chez Aspaway, vous devez réinstaller un programme, appelé «client citrix», vous devez suivre cette procédure

Plus en détail

Microsoft Access 2010

Microsoft Access 2010 Collection Recettes informatiques Microsoft Access 2010 Création et utiliser les bases de données BUREAUTIQUE AGATHE BISSON INC Édition août 2012 Ce manuel a été entièrement réalisé avec Word Mise à jour,

Plus en détail

BMLABEL MANUEL DE L UTILISATEUR

BMLABEL MANUEL DE L UTILISATEUR MANUEL DE L UTILISATEUR Lorsque vous exécutez le programme, une fenêtre avec la liste des entreprises enregistrées et deux actifs menus sont affichés: Menu Sélectionner pour sélectionner l'entreprise.

Plus en détail

VERSIONNING Gestion Interface Client

VERSIONNING Gestion Interface Client VERSIONNING Gestion Interface Client Versions Dates Modifications / Correction Les clients ayant au moins le droit «standard» comme manager peuvent gérer les autres interlocuteurs V2.27 15/12/2016 Retrait

Plus en détail

Laboratoire de langue :

Laboratoire de langue : Laboratoire de langue : Comment ça marche Présentation de l interface élève I. Accès et connexion de l élève... 2 1) Inscription de l élève par l enseignant... 2 2) Inscription de l élève par l élève...

Plus en détail

Comprendre les concepts fondamentaux de jquery Mettre en place des applications web 2.0 dynamiques avec HTML, CSS, jquery et Ajax

Comprendre les concepts fondamentaux de jquery Mettre en place des applications web 2.0 dynamiques avec HTML, CSS, jquery et Ajax Formation jquery Objectif(s): Comprendre les concepts fondamentaux de jquery Mettre en place des applications web 2.0 dynamiques avec HTML, CSS, jquery et Ajax Durée : 2 jour(s) Pré-requis : Avoir suivi

Plus en détail

Informatique éducative

Informatique éducative Généralisation de la technologie de l information et de la communication dans l enseignement Délégation de Khouribga Lycée Othmane Ibnou Affane Collégial Matière Informatique éducative Inspecteur pédagogique

Plus en détail

2. Organiser son cours

2. Organiser son cours 2. Organiser son cours Passer en mode Édition... page 2 L interface du cours en mode édition... page 3 Les différents outils... page 4 Réorganiser l affichage des blocs... page 5 Structurer un cours...

Plus en détail

Petits exercices sur le navigateur Internet

Petits exercices sur le navigateur Internet Club de l'amitié de Mundolsheim Animation formation informatique Date de création : 10 mai 2011 Mise à jour : Mots clés : Petits exercices sur le navigateur internet - navigateur, - page d'accueil, - moteur

Plus en détail

Ajax. Asynchronous Javascript and XML. <tv>lt La Salle Avignon BTS IRIS</tv>

Ajax. Asynchronous Javascript and XML. <tv>lt La Salle Avignon BTS IRIS</tv> Ajax Asynchronous Javascript and XML Le terme Ajax a été introduit par Jesse James Garrett (informaticien américain), le 18 février 2005, dans un article sur le site Web Adaptive Path (http://www.scriptol.fr/ajax/ajax-garrett.php)

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

Développer avec Dashcode et Xcode

Développer avec Dashcode et Xcode 1 Développer avec Dashcode et Xcode Utilisés ensemble, Dashcode et Xcode offrent la puissance et la simplicité d utilisation nécessaires à la création d applications hybrides uniques et passionnantes pour

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

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

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

II - WORD POUR QUOI FAIRE 13

II - WORD POUR QUOI FAIRE 13 II - WORD POUR QUOI FAIRE 13 Word est un logiciel de la famille des traitements de texte. Il permet de gérer naturellement les données de type alphanumérique, d'insérer des données de toutes natures, de

Plus en détail

Objectif. Taches proposées pour atteindre l objectif

Objectif. Taches proposées pour atteindre l objectif 5 ICN : Réalisation d un site internet dynamique Nom de l'élève : Classe : Table des matières 5 ICN : Réalisation d un site internet dynamique...1 5.1Le langage php...2 5.2Déplacement de votre site dans

Plus en détail

Le traitement de texte Open Office Texte DOCUMENTS RESSOURCES : SOMMAIRE. - Fenêtre principale de Windows 98: le Bureau...1/15

Le traitement de texte Open Office Texte DOCUMENTS RESSOURCES : SOMMAIRE. - Fenêtre principale de Windows 98: le Bureau...1/15 Le traitement de texte Open Office Texte 6 ème DOCUMENTS RESSOURCES : SOMMAIRE Ce classeur est à rendre au professeur à la fin de chaque séance. - Fenêtre principale de Windows 98: le Bureau...1/15 - Chargement

Plus en détail

Formation Webmaster Avancé : HTML5/CSS3, JavaScript/DOM + Responsive Design et XML, JSON, AJAX/jQuery

Formation Webmaster Avancé : HTML5/CSS3, JavaScript/DOM + Responsive Design et XML, JSON, AJAX/jQuery Objectif(s): Formation Webmaster Avancé : HTML5/CSS3, JavaScript/DOM + Responsive Design et XML, JSON, AJAX/jQuery Maîtriser HTML5/CSS3 Mettre en œuvre les techniques de conception de sites web adaptatifs

Plus en détail

MANUEL D UTILISATION VIDEOCONSULT Pro

MANUEL D UTILISATION VIDEOCONSULT Pro MANUEL D UTILISATION VIDEOCONSULT Pro SOMMAIRE - INTRODUCTION - TÉLÉCHARGEMENT ET INSTALLATION 3 - LANCEMENT ET AJOUT D UN SERVEUR VIDÉO 4 - MENU PRINCIPAL 5 - MENU VUES 6 - VISUALISATION D UNE OU DE PLUSIEURS

Plus en détail

Éric Sarrion. JQuery & JQuery UI. 2 e édition. Groupe Eyrolles, 2011, 2012, ISBN :

Éric Sarrion. JQuery & JQuery UI. 2 e édition. Groupe Eyrolles, 2011, 2012, ISBN : Éric Sarrion JQuery 1. 7 & JQuery UI 2 e édition Groupe Eyrolles, 2011, 2012, ISBN : 978-2-212-13504-6 1 Philosophie et principes de base Ce chapitre, fondamental pour comprendre la suite de cet ouvrage,

Plus en détail

Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet

Programmation orientée objet et événementielle en JavaScript. Département SRC Pôle Universitaire de Vichy Bruno Bachelet Programmation orientée objet et événementielle en JavaScript Département SRC Pôle Universitaire de Vichy Bruno Bachelet PARTIE III Les événements Programmation objet et événementielle en JavaScript - SRC

Plus en détail

1 - Ouverture du logiciel Word. Pour cela deux solutions :

1 - Ouverture du logiciel Word. Pour cela deux solutions : : 1 - Ouverture du logiciel Word Pour cela deux solutions : ouverture à partir de l icône sur le bureau en double cliquant dessus ou cliquer sur démarrer - tous les programmes - Microsoft office Word (cf.

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

Plus en détail

Tutoriel : créer un formulaire en ligne avec Google Drive

Tutoriel : créer un formulaire en ligne avec Google Drive Tutoriel : créer un formulaire en ligne avec Google Drive Google propose à travers son service Google Drive (service de stockage et de partage de fichiers en ligne) un outil pratique permettant la création

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

Ajax, jquery et PHP. 42 ateliers pour concevoir des applications Web 2.0. Jean-Marie Defrance. 3 e édition

Ajax, jquery et PHP. 42 ateliers pour concevoir des applications Web 2.0. Jean-Marie Defrance. 3 e édition Ajax, jquery et PHP 42 ateliers pour concevoir des applications Web 2.0 3 e édition Jean-Marie Defrance Groupe Eyrolles, 2008, 2010, 2011, ISBN : 978-2-212-13271-7 3 Comment fonctionne Ajax? Ajax, un amalgame

Plus en détail

PROJET DE DEVELOPPEMENT WEB

PROJET DE DEVELOPPEMENT WEB MINISTERE DE LA COMMUNAUTE FRANCAISE ADMINISTRATION GENERALE DE L ENSEIGNEMENT ET DE LA RECHERCHE SCIENTIFIQUE ENSEIGNEMENT DE PROMOTION SOCIALE DE REGIME 1 DOSSIER PEDAGOGIQUE UNITE DE FORMATION PROJET

Plus en détail

Table des matières 1. Editions ENI - Toute reproduction interdite

Table des matières 1. Editions ENI - Toute reproduction interdite Table des matières 1 Introduction L'Internet aujourd'hui...7 Le World Wide Web Consortium et les standards...7 Les logiciels de conception de sites web...7 L'objectif du livre...8 Interface de conception

Plus en détail

PARAMETRER INTERNET EXPLORER 6

PARAMETRER INTERNET EXPLORER 6 PARAMETRER INTERNET EXPLORER 6 Ce document vous indique comment paramétrer Internet Explorer 6, et vous indique notamment la marche à suivre afin de supprimer les fichiers temporaires ainsi que les cookies,

Plus en détail

Chapitre 1 : Prise en main d Excel

Chapitre 1 : Prise en main d Excel Chapitre 1 : Prise en main d Excel I. Qu'est-ce qu'un tableur? Un tableur permet de saisir des données, de faire des traitements sur ces données et de les afficher. Les originalités du tableur sont l'organisation

Plus en détail

TECHNICIEN EN COMPTABILITE ENSEIGNEMENT SECONDAIRE SUPERIEUR DE TRANSITION. Unité de formation : U21D1

TECHNICIEN EN COMPTABILITE ENSEIGNEMENT SECONDAIRE SUPERIEUR DE TRANSITION. Unité de formation : U21D1 Unité de formation : 725101U21D1 TECHNICIEN EN COMPTABILITE ENSEIGNEMENT SECONDAIRE SUPERIEUR DE TRANSITION Année scolaire 2011-2012 Cours donné par Martine HEYDEN Courriel : martine.heyden@skynet.be Programme

Plus en détail

Chaque ordinateur est constitué de différentes unités de stockage de données (Disque dur, Graveur ) que l on peut imaginer comme de grandes armoires.

Chaque ordinateur est constitué de différentes unités de stockage de données (Disque dur, Graveur ) que l on peut imaginer comme de grandes armoires. Chaque ordinateur est constitué de différentes unités de stockage de données (Disque dur, Graveur ) que l on peut imaginer comme de grandes armoires. Il est important de savoir les identifier, de connaître

Plus en détail

Technologie de web. partie pratique. Pierre Manneback Mohammed EL ADOUI Service d informatique, FPMS UMONS à Charleroi

Technologie de web. partie pratique. Pierre Manneback Mohammed EL ADOUI Service d informatique, FPMS UMONS à Charleroi Technologie de web partie pratique Pierre Manneback Mohammed EL ADOUI Service d informatique, FPMS UMONS à Charleroi Plan HTML et CSS : Exercices basiques : 1 heure JavaScript : Interaction dynamique,

Plus en détail

GUIDE DE L UTILISATEUR VERSION 6.0.3

GUIDE DE L UTILISATEUR VERSION 6.0.3 GUIDE DE L UTILISATEUR VERSION 6.0.3 AVRIL 2016 Table des matières Table des matières... 2 1. Introduction... 3 1.1. Fonctionnalités de la version 6.0... 3 2. Installation de GOnet Direct... 3 2.1. Installation

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

Initiation à OpenOffice Texte

Initiation à OpenOffice Texte Initiation à OpenOffice Texte Saisir du texte : La première étape pour réaliser une lettre ou un document est d en taper le texte au clavier. Le texte tapé apparaît dans le document à l endroit du curseur

Plus en détail

Migration vers OneNote 2010

Migration vers OneNote 2010 Dans ce guide Microsoft Microsoft OneNote 2010 ne ressemble pas à OneNote 2007, aussi nous avons créé ce guide afin de vous en faciliter la prise en main. Vous trouverez dans ce guide une présentation

Plus en détail

Excel Mémento. Initiation. Fac similé. Ce fac-simile contient la table des matières et une partie d'un chapitre. Microsoft

Excel Mémento. Initiation. Fac similé. Ce fac-simile contient la table des matières et une partie d'un chapitre. Microsoft Microsoft Excel 2002 Initiation Fac similé Ce fac-simile contient la table des matières et une partie d'un chapitre Mémento AVERTISSEMENT Excel 2002 est une marque déposée de la société Microsoft. Toutes

Plus en détail

PARAMETRER MICROSOFT INTERNET EXPLORER 7 OU 8

PARAMETRER MICROSOFT INTERNET EXPLORER 7 OU 8 PARAMETRER MICROSOFT INTERNET EXPLORER 7 OU 8 A - Lancer Internet Explorer... 2 B - Réinitialiser les paramètres d'internet Explorer 7/8... 2 1. Ne pas travailler hors-connexion 2 2. Supprimer l'historique

Plus en détail

Vous avez dit script?

Vous avez dit script? Vous avez dit script? Le mot anglais script désigne (dans l'acception qui nous intéresse) le texte d'un film ou d'une pièce de théâtre. Un script est donc un texte destiné à être joué - comme un programme...

Plus en détail

Manuel d utilisation de Claroline Connect

Manuel d utilisation de Claroline Connect Manuel d utilisation de Claroline Connect Novembre 2013 Olivier Gheysen ogheysen@parnasse-deuxalice.edu Haute Ecole Léonard de Vinci Avertissement : Ce manuel a été réalisé sur base de la version beta

Plus en détail

VBA Excel Programmer sous Excel : Macros et langage VBA Approfondissement vidéo sur le développement d'un ruban personnalisé

VBA Excel Programmer sous Excel : Macros et langage VBA Approfondissement vidéo sur le développement d'un ruban personnalisé Présentation 1. Présentation du 17 1.1 Objectifs du 17 1.2 Quelques définitions 18 1.3 Écriture de code VBA 19 2. Les macros d'excel 19 2.1 Affichage de l'onglet DÉVELOPPEUR dans le ruban 19 2.2 Description

Plus en détail

PARAMETRER MOZILLA FIREFOX DE LA VERSION 4 A 10.

PARAMETRER MOZILLA FIREFOX DE LA VERSION 4 A 10. PARAMETRER MOZILLA FIREFOX DE LA VERSION 4 A 10. Ce document vous indique la marche à suivre pour paramétrer Mozilla Firefox (V4 à V10). Vous pourrez notamment réinitialiser les paramètres par défaut,

Plus en détail

Les fondamentaux du langage Perl 5 Apprentissage par la pratique (Nouvelle édition)

Les fondamentaux du langage Perl 5 Apprentissage par la pratique (Nouvelle édition) Démarrer avec Perl 1. Caractéristiques du langage Perl 13 1.1 Les domaines d'utilisation de Perl 15 1.2 Perl 5 16 1.3 Perl 6 16 2. Mise en œuvre de Perl 17 2.1 Unix/Linux 17 2.1.1 Installation de Perl

Plus en détail