Travaux pratiques de M2105 Web dynamique
|
|
|
- Flavien Lussier
- il y a 8 ans
- Total affichages :
Transcription
1 Travaux pratiques de M2105 Web dynamique L objectif des séances de TP du module M2105 est de créer un mini site web d annuaire permettant à différents utilisateurs de gérer leurs contacts. Les informations concernant les utilisateurs et les contacts seront sauvegardées dans une base de données. Le site permettra entre autres d ajouter de nouveaux contacts, d effectuer des recherches ou encore de localiser les contacts. L accès au site sera protégé par un mot de passe. On souhaite mémoriser les informations suivantes concernant un contact : son nom, son adresse mail, son numéro de téléphone et son adresse postale. Rendu du code À la fin du module vous enverrez par mail à votre enseignant le code source (commenté) de votre site web dans une archive M2105_VOTRE_NOM.tgz. Votre code source se trouvant dans votre répertoire /public_html/m2105, la commande tar suivante permettra de créer l archive contenant ce répertoire : $ cd ~ / p u b l i c _ h t m l $ t a r c z f M2105_VOTRE_NOM. t g z M2105 Vérifiez que l archive contient bien tous les fichiers attendus en utilisant la commande ci-dessous : $ t a r t z f M2105_VOTRE_NOM. t g z Les adresses mail des trois enseignants sont : pour le groupe G1 : mamadou.sow@lipn.univ-paris13.fr pour le groupe G2 : sami.evangelista@lipn.univ-paris13.fr pour le groupe G3 : mejri@univ-paris13.fr La date limite de rendu est fixée au lundi 20 Juin. Quelques indications avant de commencer le TP : Vous créerez un répertoire /public_html/m2105 dans lequel vous placerez tous les fichiers de votre site web. Un serveur apache s exécute sur votre machine. Vous pouvez accéder à votre site via l URL suivante : Tous les scripts python de votre site web devront produire des pages HTML bien formées, c est-à-dire respectant la structure ci-dessous avec un en-tête contenant le titre de la page (ce qu affiche le navigateur dans la barre de titre) et un corps (ce qui apparaît dans la fenêtre du navigateur) : <!DOCTYPE html > <html > <head> < t i t l e >Le t i t r e de l a page < / t i t l e > <meta c h a r s e t ="UTF 8"> < / head> <body> Le c o r p s de l a page < / body> < / html> Tous les scripts python de votre site web devront contenir l habituel shebang avec un commentaire indiquant le type d encodage utilisé : 1 / 10
2 #! / u s r / b i n / p y t h o n # * c o d i n g : u t f 8 * Vous aurez à écrire certaines fonctions qui seront réutilisées à plusieurs endroits dans les scripts de votre site. Ces fonctions seront placées dans un fichier fonctions.py. Pour pouvoir ensuite utiliser une des ces fonctions dans un script mon-script.py, il est nécessaire d importer le module fonctions à l aide de la fonction import_module du module apache de mod_python. Par exemple : Dans le fichier fonctions.py : def b o n j o u r ( nom ) : return " b o n j o u r à t o i " + nom Dans le fichier mon-script.py : from mod_python import apache f o n c t i o n s = apache. import_module ( " f o n c t i o n s " ) def i n d e x ( r e q ) :... r e q. w r i t e ( f o n c t i o n s. b o n j o u r ( " machin " ) ) L outil bugzilla intégré à firefox vous permettra de déboguer vos scripts et d analyser les messages échangés entre firefox et le serveur. Avec la version de firefox installée à l IUT, vous pouvez l activer et le désactiver en cliquant sur l icône de l insecte en haut à droite de la fenêtre. Exercice 1 Script serveur de test n 1 Objectif : créer un premier script de test test-premier.py. qui affiche le texte Voici mon premier script de développement web! dans une page ayant le titre Mon premier script. 1. Créer d abord un fichier test-premier.html contenant le code HTML nécessaire. Tester ensuite dans le navigateur (à l URL VOTRE_ID/M2105/test-premier.html) que la page s affiche correctement. 2. Créer ensuite le script test-premier.py (contenant une fonction index, comme vu en cours) qui affiche le contenu de la page test-premier.html (en copiant directement son contenu dans le script). Exercice 2 Fonction d écriture du code HTML Objectif : ajouter dans le fichier fonctions.py une fonction codehtml définie comme ceci : def codehtml ( titre, corps ):... return... La fonction doit retourner une chaîne de caractères contenant le code HTML adéquat avec les balises html, head,... Par exemple, en appelant cette fonction avec les paramètres "Le titre de la page" et "Le corps de la page", elle retournera le code HTML se trouvant en première page. Cette fonction devra être appelée une unique fois par tous les scripts qui générent des pages HTML. 2 / 10
3 1. Ajouter dans le script test-premier.py du premier exercice un import du module fonctions comme montré précédemment. 2. Modifier le code du script test-premier.py afin qu il fasse appel à la fonction codehtml. 3. Tester dans le navigateur que le script test-premier.py s exécute toujours correctement en produisant le même résultat. Exercice 3 Script serveur de test n 2 Objectif : créer un script test-champs.py qui génère une page HTML contenant une table avec les noms et les valeurs des différents champs de l en-tête de la requête HTTP du client. FIGURE 1 Table générée par test-champs.py Exercice 4 Script serveur de test n 3 Objectif : créer un script test-puissances.py qui prend deux paramètres entiers depuis l URL (n et p) et génére une page HTML contenant une table avec la liste des puissances de 1 à p pour tous les nombres allant de 1 à n. La table contiendra n lignes et p colonnes. La case à la i ème ligne et à la j ème colonne contiendra la valeur i j. Si un des deux paramètres n est pas fourni, le script doit uniquement afficher un message d erreur indiquant le paramètre manquant. On fera l hypothèse que les paramètres fournis sont toujours des entiers. FIGURE 2 Table générée par test-puissances.py pour n=4 et p=6 1. Utiliser la fonction range pour parcourir une liste d entiers. Voici, par exemple, une boucle for qui parcoure tous les entiers de 1 à 10 : for i in range(1, 11): Utiliser la fonction int pour convertir une chaîne de caractères en un entier. Exercice 5 Formulaire d appel du script serveur de test n 3 Objectif : créer un script form-puissances.py qui génére un formulaire HTML contenant deux zones de texte permettant de saisir des valeurs pour les entiers n et p de l exercice précédent. La 3 / 10
4 FIGURE 3 Formulaire généré par form-puissances.py soumission du formulaire devra appeler le script test-puissances.py et lui envoyer les valeurs de ces deux entiers. On fera l hypothèse les valeurs saisies par l utilisateur seront toujours des entiers. 1. Tester le formulaire avec les deux méthodes : GET et POST. Observer, dans les deux cas, les paramètres d URL et le contenu de la requête envoyée par le client. Exercice 6 Création de la base de données Objectif : créer la base de données des contacts dans postgresql. La base de données contient les deux tables suivantes : UTIL(id_util, login, mdp) La table des utilisateurs du site web avec leurs logins et mots de passe (mdp). CONTACT(id_contact, nom, , tel, adresse, id_util) La table des contacts des utilisateurs avec leurs informations personnelles. Le champ id_util est une clé étrangère qui référence l utilisateur auquel le contact appartient. La base de données devra initialement contenir deux utilisateurs. Un premier utilisateur dont le login sera root et qui sera l administrateur du site, et un deuxième utilisateur avec un login de votre choix qui sera un utilisateur avec des droits restreints. Par la suite, pour déterminer si un utilisateur est l administrateur on se basera sur son identifiant : un identifiant de 1 signifie que l utilisateur est l administrateur et toute autre valeur signifie que l utilisateur a des droits restreints. 1. Écrire dans un fichier init-bd.sql les instructions SQL qui permettront de supprimer les deux tables si elles existent déjà, de les (re)créer et d insérer les deux utilisateurs dans la table UTIL. Dans l interpréteur psql, la commande \i <fichier> permet d exécuter les commandes d un fichier. 2. Utiliser le type serial pour les deux champ id_util et id_contact. Ce type correspond à un entier auto-incrémenté. Lors de l insertion d un tuple dans la table, la valeur d un champ serial n a pas à être précisée : elle est automatiquement fixée par le SGBD à la valeur du champ du dernier tuple inséré incrémenté de Dans la table UTIL le login et le mot de passe seront des chaînes de caractères de 20 octets au maximum. 4. Dans la table CONTACT, le nom, l et l adresse seront des chaînes de caractères de 100 octets au maximum. Le téléphone sera une chaîne de 10 octets. Exercice 7 Formulaire de connexion au site Objectif : créer un script de génération du formulaire de connexion au site : form-connexion.py. Le formulaire généré contient deux champs prévus pour la saisie du login et du mot de passe ainsi qu un bouton de soumission du formulaire. La soumission du formulaire redirigera l utilisateur vers la page connexion.py (cf. exercice suivant) qui vérifera le mot de passe saisi. Exercice 8 Script de connexion au site 4 / 10
5 FIGURE 4 Le formulaire de connexion au site généré par form-connexion.py Objectif : créer un script connexion.py permettant de vérifier que le login et le mot de passe saisis dans le formulaire de connexion correspondent bien à un login et un mot de passe de la base de données. Si ce n est pas le cas, le script affichera un message d erreur avec un lien vers le formulaire de connexion. Si le login et le mot de passe sont corrects, le script affichera un lien menant au menu du site (menu.py). Pour l affichage du message d erreur, on distinguera deux cas : Le login saisi n existe pas dans la base de données. Le login existe mais le mot de passe saisi ne correspond pas à celui associé au login dans la base de données. 1. Ajouter dans fonctions.py une fonction connexionbd (sans paramètre) qui retournera un objet de connexion à la base de données en utilisant la fonction connect du module psycopg2. Les paramètres de connexion à votre base de données sont : host=aquanux (Le serveur postgresql se trouve sur le serveur aquanux.) dbname=votre-login-linux login=votre-login-linux password=votre-mot-de-passe-linux La fonction connexionbd devra être utilisée dans tous les scripts qui accèdent à la base de données. 2. Ajouter dans fonctions.py une fonction lien définie de la forme suivante : def lien(url, texte ):... return... La fonction lien retournera sous forme de chaîne de caractères l élément HTML correspondant à un lien vers cette url. Le paramètre texte contiendra le texte du lien. Cette fonction devra être utilisée pour tout lien apparaissant dans une page. Exercice 9 Ouverture d une session Objectif : démarrer une session lorsque l utilisateur se connecte. Dans les scripts que nous écrirons par la suite il sera parfois nécessaire de retrouver l identifiant et le login de l utilisateur qui s est connecté. Nous allons pour cela démarrer une session lorsque l utilisateur se connecte avec succès. Deux variables devront être associées à la session démarrée : id_util = l identifiant de l utilisateur qui vient de se connecter login = son login 1. Pour tester que la session est bien démarrée et enregistrée auprès du serveur, il faut inspecter les cookies envoyés par le serveur au client lors de la connexion. On devrait normalement voir un cookie appelé pysid et contenant un identifiant de session attribué par le serveur. Exercice 10 La page de menu Objectif : créer le script de génération de la page de menu de notre site web : menu.py. Cette page affichera le login de l utilisateur et contiendra la liste de liens hypertexte suivante : 5 / 10
6 Ajout d un contact : lien vers form-ajout.py Liste des contacts : lien vers liste.py Déconnexion : lien vers deconnexion.py Les scripts ciblés par ces liens seront créés dans les exercices suivants. D autres liens seront également ajoutés au menu. FIGURE 5 Le menu de l utilisateur root généré par menu.py Exercice 11 Déconnexion du site Objectif : créer un script deconnexion.py qui déconnectera l utilisateur en supprimant la session actuelle, puis le redirigera vers le formulaire de connexion. 1. Le module util de mod_python contient une fonction redirect qui stoppe le script en cours d exécution et redirige vers une URL. Cette fonction prend en paramètre la requête ainsi que la page de redirection. Par exemple pour rediriger vers la page de menu : from mod_python import util def index(req ):... util.redirect (req, "menu.py") Observer les échanges entre le client et le serveur lors de l appel du script deconnexion.py. Quel est le code de retour HTTP quand le serveur effectue une redirection? Que fait alors le client? Exercice 12 Formulaire d ajout d un contact Objectif : créer le script de génération du formulaire d ajout d un contact : form-ajout.py. Ce formulaire contiendra des zones de texte pour la saisie des différents champs d un contact et un bouton de soumission du formulaire. La soumission du formulaire redirigera vers le script ajout.py. FIGURE 6 Formulaire d ajout d un contact généré par form-ajout.py Exercice 13 Ajout d un contact à la base de données Objectif : créer le script d ajout d un contact : ajout.py à la base de données. Ce script insérera dans la base le nouveau contact saisi dans le formulaire de l exercice précédent et affichera un message de confirmation. 6 / 10
7 FIGURE 7 Ajout d un contact 1. Pour tester que l insertion dans la table fonctionne bien, aller dans l interpréteur psql et effectuer des requêtes select pour voir le contenu de la table contact. Exercice 14 Script client de test n 1 Objectif : programmer une calculatrice dans un fichier test-calculatrice1.html. La page contient deux champs de texte pour les opérandes, une liste avec quatre opérateurs (+, -, *, et /) et un bouton. Lors d un clic sur ce bouton, le résultat de l opération est affiché dans un troisième champ de texte (voir Figure 8, image de gauche). FIGURE 8 Une calculatrice en HTML + Javascript Exercice 15 Script client de test n 2 Objectif : modifier la page de l exercice précédent afin que le résultat de l opération ne soit plus affiché dans une zone de texte mais directement dans le corps de la page HTML (voir Figure 8, image de droite). La page devra être sauvegardée dans le fichier test-calculatrice2.html. Exercice 16 Validation du formulaire d ajout Objectif : modifier le script form-ajout.py afin d inclure au formulaire du code JavaScript permettant de vérifier avant la soumission du formulaire que : Le nom est renseigné. Si le téléphone est renseigné, c est une suite de 10 caractères numériques. Si l est renseigné, il est bien de la forme nom@domaine.tld. Si une de ces conditions n est pas respectée, la soumission du formulaire devra être annulée. 1. Utiliser les méthodes charat et indexof pour analyser le numéro de téléphone et l adresse . charat permet de récupérer un caractère à l intérieur d une chaîne. Les caractères sont numérotés à partir de 0. La méthode indexof permet de récupérer la position d un caractère à l intérieur d une chaîne. La méthode retourne -1 si le caractère n est pas trouvé dans la chaîne. Elle a un second paramètre optionnel qui indique la position à partir de laquelle la recherche est effectuée. Par exemple : var str = " abcdagh"; alert(str.charat (2)); / / a f f i c h e " c " alert(str.indexof("a")); / / a f f i c h e 0 alert(str.indexof("d")); / / a f f i c h e 3 alert(str.indexof("a", 1)); / / a f f i c h e 4 alert(str.indexof("e")); / / a f f i c h e 1 7 / 10
8 Exercice 17 Liste des contacts Objectif : créer un script liste.py qui génére la liste des contacts de l utilisateur connecté. Seul le nom du contact apparaîtra dans la liste. Une zone de texte en haut de la page permettra de filtrer les contacts afin de ne voir que ceux dont le nom contient les caractères saisis. Chaque nom sera un lien vers la page fiche.py?id_contact=id-du-contact. À chaque fois que l utilisateur pressera une touche dans la zone de texte, la liste sera automatiquement actualisée (sans recharger la page) en fonction du nom saisi. FIGURE 9 Liste des contacts générée par liste.py 1. Écrire d abord un script affiche-liste.py qui prend en paramètre d URL une chaîne de caractères et qui génère la liste HTML des contacts de l utilisateur dont le nom contient cette chaîne. Ce script ne devra pas générer une page HTML complète (avec les balises html, head,... ) mais uniquement l élément ul (liste HTML). 2. Le script liste.py devra générer du JavaScript avec des appels à la page affiche-liste.py à chaque fois que le contenu de la zone de texte est modifié (programmer l événement onkeyup). Le résultat de l appel sera ensuite inséré dynamiquement dans la page. Exercice 18 Fiche d un contact Objectif : créer un script fiche.py qui affiche les informations concernant un contact dans une table HTML. L identifiant du contact affiché est reçu via le paramètre d URL id_contact. L affiché sera un lien permettant d envoyer un mail au contact. FIGURE 10 Deux fiches générées par fiche.py 1. Il se peut que, lors de son insertion dans la base de données, le téléphone, l ou l adresse n ait pas été renseigné. La table devra uniquement contenir des lignes pour les champs qui ont été renseignés. 2. Un lien avec une cible de la forme mailto:mail@domaine.tld permet d ouvrir le logiciel de messagerie par défaut du système afin d envoyer un mail à l adresse indiquée. Exercice 19 Suppression d un contact 8 / 10
9 Objectif : ajouter sur la fiche d un contact la possibilité de supprimer le contact via un lien Suppression du contact. Ce lien pointera vers le script suppression.py?id_contact=id-du-contact. Ce script supprimera de la base de données le contact dont l identifiant est reçu en paramètre d URL puis redirigera l utilisateur sur la liste des contacts (liste.py). Exercice 20 Géocodage de l adresse d un contact Objectif : ajouter des coordonnées GPS à la base de données. Les coordonnées GPS d un contact (latitude et longitude) seront nécessaires lorsque nous programmerons la localisation d un contact sur une carte. En effet l adresse sera alors inutile. 1. Modifier le script de création de la base de données (init-bd.sql) afin d ajouter les deux champs latitude et longitude à la table contact. Ces deux champs seront de type real. 2. Recréer la base de données. 3. Copier le fichier suivant dans le répertoire du site web : Ce fichier contient une fonction geocodage qui prend en paramètre une adresse, interroge un serveur de géocodage et retourne : None si l adresse n a pas été trouvée par le serveur ou un couple (latitude, longitude) correspondant à l adresse si le serveur a bien trouvé l adresse. 4. Utiliser cette fonction pour modifier le script ajout.py afin que, lors de l insertion d un nouveau contact, la latitude et la longitude correspondant à son adresse soient également enregistrées dans la table. Exercice 21 Script de test des cartes Objectif : créer une page test-carte.html contenant une carte de dimension pixels centrée sur la position GPS de l IUT (latitude = , longitude = ). Un marqueur sera également positionné sur cette position. Lors d un clic sur le marqueur une popup apparaîtra avec un lien vers le site web de l IUT ( FIGURE 11 La carte de test test-carte.html Exercice 22 Localisation d un contact 9 / 10
10 Objectif : modifier le script fiche.py afin que la fiche du contact contienne aussi une carte permettant de localiser le contact. La carte contiendra un marqueur localisé sur l adresse du contact et sera initialement centrée sur cette adresse. Si le contact n a pas pu être localisé (ou si son adresse est inconnue), la carte ne sera pas affichée : un message indiquant le problème sera affiché à la place. FIGURE 12 Modification de la fiche d un contact avec l ajout de la localisation Exercice 23 Localisation de tous les contacts Objectif : ajouter au menu du site un lien Localisation des contacts pointant vers le script localisation.py qui génére une page contenant une carte avec un marqueur pour chaque contact de l utilisateur. Lors d un clic sur le marqueur, une bulle apparaîtra avec un lien pointant vers la fiche du contact et avec pour texte le nom du contact. FIGURE 13 Carte générée par localisation.py 10 / 10
Un exemple d'authentification sécurisée utilisant les outils du Web : CAS. P-F. Bonnefoi
Un exemple d'authentification sécurisée utilisant les outils du Web : CAS 111 L authentification CAS : «Central Authentication Service» CAS ou le service central d authentification Le système CAS, développé
PHP CLÉS EN MAIN. 76 scripts efficaces pour enrichir vos sites web. par William Steinmetz et Brian Ward
PHP CLÉS EN MAIN 76 scripts efficaces pour enrichir vos sites web par William Steinmetz et Brian Ward TABLE DES MATIÈRES INTRODUCTION 1 1 TOUT CE QUE VOUS AVEZ TOUJOURS VOULU SAVOIR SUR LES SCRIPTS PHP
Création, analyse de questionnaires et d'entretiens pour Windows 2008, 7, 8 et MacOs 10
modalisa Création, analyse de questionnaires et d'entretiens pour Windows 2008, 7, 8 et MacOs 10 8 Fonctionnalités de mise en ligne de questionnaires Vous trouverez dans cet opuscule les informations nécessaires
Dossier Technique. Détail des modifications apportées à GRR. Détail des modifications apportées à GRR Le 17/07/2008. Page 1/10
Dossier Technique Page 1/10 Sommaire : 1. REPONSE TECHNIQUE A LA DEMANDE 3 1.1. Prise en compte de la dernière version de phpcas 3 1.2. Gestion de la connexion à GRR 3 1.2.1. Récupération des attributs
Manuel utilisateur estat Clics
Manuel utilisateur estat Clics Médiamétrie-eStat Buropolis, Bât 3 1240, route des Dolines Sophia Antipolis 06560 Valbonne Tél : 04 92 38 38 20 Fax : 04 92 96 91 25 E-mail : support-pro@estat.com SAS au
Création d'un site dynamique en PHP avec Dreamweaver et MySQL
Création d'un site dynamique en PHP avec Dreamweaver et MySQL 1. Création et configuration du site 1.1. Configuration de Dreamweaver Avant de commencer, il est nécessaire de connaître l'emplacement du
Groupe Eyrolles, 2003, ISBN : 2-212-11317-X
Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une
Édu-groupe - Version 4.3
Édu-groupe - Version 4.3 Guide de l utilisateur Gestion des fichiers Société GRICS, Équipe Évaluation Août 2012 2 CONSIDÉRATIONS GÉNÉRALES A. Importante mise en garde concernant les types de fureteur Les
B-web V4 MANUEL D UTILISATION. Espace de travail. Clear2Pay Belgium SA B-web V4 Manuel d Utilisation: Espace de travail
B-web V4 MANUEL D UTILISATION Espace de travail Document: BWeb V4 Workspace v1.0 - VF.doc Version: 1.0 Date de révision: 08/11/2007 Clear2Pay Belgium SA Avenue Eugène Plasky, 157 B 1030 Brussels Belgium
Espace Client Aide au démarrage
Espace Client Aide au démarrage 1. A propos de l Espace Client... 2 a. Nouvelles fonctionnalités... 2 b. Reprise de vos documents... 2 c. Migration vers l Espace Client... 2 2. Accès à l Espace Client...
Formation Emailing Utiliser MailPoet
Katie Palluault, Formatrice & webdesigner Formation Emailing Utiliser MailPoet Contenu Principes généraux des campagnes d'emailing... 2 Les protocoles... 2 Se connecter à l interface de gestion du site
Pratique et administration des systèmes
Université Louis Pasteur Licence Informatique (L2) UFR de Mathématiques et Informatique Année 2007/2008 1 But du TP Pratique et administration des systèmes TP10 : Technologie LAMP Le but de ce TP est de
ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.
ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables
Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org
Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et
Publier dans la Base Documentaire
Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008
Formation. Module WEB 4.1. Support de cours
Formation Module WEB 4.1 Support de cours Rédacteur Date de rédaction F.CHEA 08/02/2012 Les informations contenues dans ce document pourront faire l'objet de modifications sans préavis Sauf mention contraire,
1 Démarrage de Marionnet
Institut Galilée Administration Système Année 2011-2012 INFO 2ème année Master Info 1 Master Image & Réseau 1 T.P. 1 Administration Système Le logiciel Marionnet (www.marionnet.org) offre la possibilité
LIMESURVEY. LimeSurvey est une application permettant de créer des questionnaires d enquête en ligne et d en suivre le dépouillement.
LIMESURVEY LimeSurvey est une application permettant de créer des questionnaires d enquête en ligne et d en suivre le dépouillement. CERPEG janvier 2014 - Fabienne Mauri - Académie de Bordeaux page 1 SOMMAIRE
Module Communication - Messagerie V6. Infostance. Messagerie
1 Infostance Messagerie 2 Table des matières Les droits... 3 La boîte de réception... 4 Fonctionnalités disponibles via le clic droit sur un message... 6 Ecrire un nouveau message... 7 Présentation...
HTTP Commander. Table des matières. 1-Présentation de HTTP Commander
HTTP Commander Table des matières 1-Présentation de HTTP Commander... 1 2-Accéder à vos fichiers... 2 3-Téléversement... 6 4-Glisser-déposer... 7 5- Le mode Webdav, un outil puissant... 8 6-Accéder aux
Configuration du nouveau Bureau Virtuel (BV) collaboratif de Lyon I
Configuration du nouveau Bureau Virtuel (BV) collaboratif de Lyon I Date : 13 octobre 2009 / Auteur : David ROMEUF / Version : 1.1 / Diffusion : Utilisateurs Table des matières Cas 1 : un poste MS-Windows
Guide d utilisation de «Partages Privés»
Guide d utilisation de «Partages Privés» Sommaire Interface Web Se connecter à l espace web Partages Privés p.4 Créer son compte p.5 Description de l interface web Partages Privés p.6 Créer des bibliothèques
L3 informatique TP n o 2 : Les applications réseau
L3 informatique TP n o 2 : Les applications réseau Sovanna Tan Septembre 2009 1/20 Sovanna Tan L3 informatique TP n o 2 : Les applications réseau Plan 1 Transfert de fichiers 2 Le Courrier électronique
MESUREZ L'IMPACT DE VOS CAMPAGNES!
MESUREZ L'IMPACT DE VOS CAMPAGNES! Concrètement, qu est-ce que mesurer l'impact de vos campagnes? L'utilisateur, après avoir envoyé une campagne e-mailing, peut mesurer son impact en consultant les résultats
INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)
CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.
Guide d utilisation. Version 1.1
Guide d utilisation Version 1.1 Guide d utilisation Version 1.1 OBJECTIF LUNE Inc. 2030 boulevard Pie-IX, bureau 500 Montréal (QC) Canada H1V 2C8 +1 514-875-5863 sales@ca.objectiflune.com http://captureonthego.objectiflune.com
Notice d installation et d utilisation du blog nomade avec un nouveau blog
Notice d installation et d utilisation du blog nomade avec un nouveau blog Pour utiliser le blog nomade, il faut avoir un blog en ligne (fait avec wordpress 1 ) que nous synchronisons avec le blog sur
Rapports d activités et financiers par Internet. Manuel Utilisateur
Rapports d activités et financiers par Internet Manuel Utilisateur Table des matières 1. Introduction... 3 2. Pré requis... 3 3. Principe de fonctionnement... 3 4. Connexion au site Internet... 4 5. Remplir
Soyez accessible. Manuel d utilisation du CMS
Soyez accessible. Manuel d utilisation du CMS Nameo : mode d emploi Nameo est une agence web basée en Alsace, à Strasbourg. Son champ d action : création ou refonte de sites internet, stratégie et mise
Utilisation du client de messagerie Thunderbird
Outlook express n existant plus sur les systèmes d exploitation sortis après Windows XP, nous préconisons désormais l utilisation du client de messagerie libre distribué gratuitement par la Fondation Mozilla.
EXTENSION WORDPRESS. Contact Form 7. Proposé par :
Contact Form 7 Proposé par : Sommaire Sommaire... 2 Présentation... 3 I. Le Tutoriel... 3 1) Espace de travail... 3 2) Téléchargez les extensions nécessaires... 3 3) Configuration du Formulaire... 7 1)
Gestion du parc informatique des collèges du département du Cher. Manuel d utilisation de la solution de gestion de Parc
Gestion du parc informatique des collèges du département du Cher Manuel d utilisation de la solution de gestion de Parc Table des matières 1. Préambule... 3 2. Pré requis... 3 3. Objectifs... 3 4. Connexion
Saisissez le login et le mot de passe (attention aux minuscules et majuscules) qui vous ont
I Open Boutique Sommaire : I Open Boutique... 1 Onglet «Saisie des Produits»... 3 Création d'une nouvelle fiche boutique :... 3 Création d'une nouvelle fiche lieux de retraits :... 10 Création d'une nouvelle
PARAMETRER LA MESSAGERIE SOUS THUNDERBIRD
PARAMETRER LA MESSAGERIE SOUS THUNDERBIRD Ref : FP. P763 V 5.0 Résumé Ce document vous indique comment paramétrer votre messagerie sous Thunderbird. Vous pourrez notamment, créer, modifier ou supprimer
PARAMETRER INTERNET EXPLORER 9
PARAMETRER INTERNET EXPLORER 9 Résumé Ce document vous donne la marche à suivre pour paramétrer Microsoft Internet Explorer 9, notamment en vous indiquant comment lancer Internet Explorer 9, réinitialiser
Webmail Manuel d utilisation
Webmail Manuel d utilisation 20110411 1 Avant propos 1.1 Qu est-ce que le Webmail? Il s agit d un service Web consultable depuis tous les navigateurs Web du marché (Internet Explorer, Mozilla, Google
La gestion des boîtes aux lettres partagées
La gestion des boîtes aux lettres partagées La gestion des boîtes aux lettres partagées - page Présentation du module Partage de mail. Qu'est ce qu'une boîte aux lettres partagée? Il s'agit d'une boîte
Comment déposer les comptes annuels des associations, fondations et fonds de dotation.
Comment déposer les comptes annuels des associations, fondations et fonds de dotation. Quels sont les organismes qui doivent déposer? Les associations et les fondations lorsque le montant des dons et/ou
LimeSurvey. Pour obtenir un compte sur le LimeSurvey de l Université de Genève, remplissez le formulaire de demande en ligne.
Guide utilisateur v.1 Janvier 2013 NTICE LimeSurvey LimeSurvey est un logiciel open-source qui vous permet de créer des questionnaires (test, enquêtes, formulaire d inscription, etc.) en ligne. Il vous
Solutions en ligne Guide de l utilisateur
Solutions en ligne Guide de l utilisateur Décembre 2009 Informations générales... 1 Configuration minimale requise... 1 Connexion... 1 Page d accueil des Solutions en ligne... 2 Utilisation de la table
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
INTERCONNEXION ENT / BCDI / E - SIDOC
19/11/2012 e-sidoc et OpenENT INTERCONNEXION ENT / BCDI / E - SIDOC Documentation sur les procédures à suivre pour mettre en place l authentification unique entre e-sidoc et les ENT des collectivités disposant
Comment accéder à d Internet Explorer
Comment accéder à d Pour ouvrir l application, vous n avez qu à doublecliquer sur l icône de celle-ci : ou vous pouvez encore allez le chercher par le raccourci dans la barre des tâches : Lorsque l application
Transfert de notices bibliographiques et d autorité en ligne depuis BnF catalogue général Mode d emploi complet
Bibliothèque nationale de France Direction des services et des réseaux Département de l information bibliographique et numérique Coordination des produits et services bibliographiques Transfert de notices
MESSAGERIE BUREAU AGENDA VIRTUEL. Votre nouvelle messagerie COLLABORATIVE GUIDE PRATIQUE. Membre de
Membre de MESSAGERIE COLLABORATIVE AGENDA VIRTUEL GUIDE PRATIQUE BUREAU Votre nouvelle messagerie Suivez le guide... SOMMAIRE C est quoi? 03 Présentation de l interface 04 Confidentialité et droits accès
Plateforme PAYZEN. Intégration du module de paiement pour la plateforme Magento version 1.3.x.x. Paiement en plusieurs fois. Version 1.
Plateforme PAYZEN Intégration du module de paiement pour la plateforme Magento version 1.3.x.x Paiement en plusieurs fois Version 1.4a Guide d intégration du module de paiement Multiple Magento 1/24 SUIVI,
SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5
SOMMAIRE 1 INTRODUCTION 3 2 CONTACTER VOTRE SUPPORT 3 3 ESPACE DE GESTION DES CARTES 4 4 CONFIGURER UNE CARTE 5 4.1 Ajouter une carte 5 4.1.1 Détails : nom, taille, marqueur 5 4.1.2 Ajout d un marqueur
Table des matières...2 Introduction...4 Terminologie...4
Table des matières Table des matières...2 Introduction...4 Terminologie...4 Programme EasyTour...5 Premiers pas...5 Installation...6 Installation du logiciel EasyTour...6 Branchement du téléchargeur...6
Installation et utilisation du client FirstClass 11
Installation et utilisation du client FirstClass 11 Support par téléphone au 03-80-77-26-46 ou par messagerie sur la conférence «Support Melagri» Sommaire Page I) Installation du client FirstClass 2 II)
WinTask x64 Le Planificateur de tâches sous Windows 7 64 bits, Windows 8/8.1 64 bits, Windows 2008 R2 et Windows 2012 64 bits
WinTask x64 Le Planificateur de tâches sous Windows 7 64 bits, Windows 8/8.1 64 bits, Windows 2008 R2 et Windows 2012 64 bits Manuel d initiation du Planificateur 2 INTRODUCTION 5 CHAPITRE I : INSTALLATION
UTILISER UN SITE COLLABORATIF
Sites collaboratifs Pléiade : guide utilisateur détaillé 1 Sites collaboratifs Pléiade : guide utilisateur détaillé UTILISER UN SITE COLLABORATIF COMMENT UTILISER LE BLOG Sites collaboratifs Pléiade :
SYSTEME DE GESTION DES ENERGIES EWTS EMBEDDED WIRELESS TELEMETRY SYSTEM
SYSTEME DE GESTION DES ENERGIES EWTS EMBEDDED WIRELESS TELEMETRY SYSTEM Copyright TECH 2012 Technext - 8, avenue Saint Jean - 06400 CANNES Société - TECHNEXT France - Tel : (+ 33) 6 09 87 62 92 - Fax :
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
A2I. Site Web de l association des ingénieurs INSA de Lyon ESPACE EMPLOI
A2I Site Web de l association des ingénieurs INSA de Lyon ESPACE EMPLOI PRESENTATION L espace emploi est accessible sur le site aux visiteurs et ingénieurs identifiés à partir du menu gauche, ou du raccourci
Utilisation de l éditeur.
Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7
4. Personnalisation du site web de la conférence
RTUTORIEL Prise en main de la plateforme 1. Création de l espace conférence Connectez- vous sur le portail http://test- www.sciencesconf.org avec le compte : - Identifiant : «admin1» - Mot de passe «1234»
Support Google Analytics - 1 / 22 -
Support Google Analytics - 1 / 22 - Google Analytics Ce document est publié sous licence Creative Commons CC-BY-NC-ND 2.0. Il ne peut ni être modifié, ni faire l objet d une exploitation commerciale par
LANDPARK HELPDESK HISTORIQUES DES AMÉLIORATIONS PAR VERSIONS
LANDPARK HELPDESK HISTORIQUES DES AMÉLIORATIONS PAR VERSIONS Landpark Helpdesk version 3.9.4 (juin 2014) Correction de requêtes pour les bases de données oracle empêchant la visualisation des interventions.
Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.
1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de
Manuel d utilisation email NETexcom
Manuel d utilisation email NETexcom Table des matières Vos emails avec NETexcom... 3 Présentation... 3 GroupWare... 3 WebMail emails sur internet... 4 Se connecter au Webmail... 4 Menu principal... 5 La
Manuel d utilisation du web mail Zimbra 7.1
Manuel d utilisation du web mail Zimbra 7.1 ma solution de communication intelligente Sommaire 1 Connexion à la messagerie Zimbra p.4 1.1 Prérequis p.4 1.1.1 Ecran de connexion à la messagerie p.4 2 Presentation
Introduction à Expression Web 2
Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer
Guide d utilisation des services My Office
Guide d utilisation des services My Office Note importante : La version de ce guide d utilisation ne s applique qu à l interface RIA (Web 2.0) de My Office. Une section supplémentaire concernant l interface
Créer une connexion entre Sage CRM et Sage Etendue pour émettre directement des devis et commandes
Créer une connexion entre Sage CRM et Sage Etendue pour émettre directement des devis et commandes Produits concernés : Sage 100 CRM i7, Sage 100 Etendue. L objectif Créer un lien entre Sage CRM et Sage
Publication dans le Back Office
Site Web de l association des ingénieurs INSA de Lyon Publication dans le Back Office Note : dans ce guide, l'appellation GI signifie Groupe d'intérêt, et GR Groupe Régional laure Buisset Page 1 17/09/2008
Tenrox. Guide d intégration Tenrox-Salesforce. Janvier 2012. 2012 Tenrox. Tous droits réservés.
Tenrox Guide d intégration Tenrox-Salesforce Janvier 2012 2012 Tenrox. Tous droits réservés. À propos de ce guide Le présent guide décrit les procédures nécessaires pour configurer les paramètres d intégration
Manuel. Administration P.CONSEIL. 12 avril 2011. Statut :
Manuel Administration P.CONSEIL 12 avril 2011 Statut : SOMMAIRE 1 Accès au site...4 1.1 comment?...4 1.2 Qui?...4 2 Menu...4 3 Gestion des évenements (EVENEMENTS)...4 4 Gestion des articles et des commentaires
Atelier Le gestionnaire de fichier
Chapitre 12 Atelier Le gestionnaire de fichier I Présentation Nautilus est un gestionnaire de fichiers pour l environnement de bureau Gnome. Il offre toutes les fonctions de gestion de fichier en local
S y m M a i l i n g. S o l u t i o n d e - m a i l i n g. SymMailing est un outil professionnel de création et de gestion de campagnes d emailing.
S y m M a i l i n g S o l u t i o n d e - m a i l i n g Introduction SymMailing est un outil professionnel de création et de gestion de campagnes d emailing. SymMailing intègre à la fois les outils de
Services bancaires par Internet aux entreprises. Guide pratique pour : Transfert de fichiers Version 08.05.22
Services bancaires par Internet aux entreprises Guide pratique pour : Transfert de fichiers Version 08.05.22 Table des matières Introduction...3 Avez-vous besoin d'aide?... 3 Exigences informatiques...
Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement
Guillaume HARRY l Contenu sous licence Creative Commons CC-BY-NC-ND Principales failles de sécurité des applications Web Principes, parades et bonnes pratiques de développement P. 2 1. Introduction 2.
MANUEL POUR L UTILISATION DE L APPLICATION EN LIGNE DU SYSTÈME DE NOTIFICATION DES ACCIDENTS INDUSTRIELS
MANUEL POUR L UTILISATION DE L APPLICATION EN LIGNE DU SYSTÈME DE NOTIFICATION DES ACCIDENTS INDUSTRIELS Début Commencez par lancer votre navigateur et saisir dans la barre d adresse l URL suivant:. https://www2.unece.org/ian/login.jsf
Installation Iconito École Numérique 2010 sous Windows WampServer
Installation Iconito École Numérique 2010 sous Windows WampServer Outil web libre, module de la suite logicielle enfance Iconito version 1.0 Table des matières Table des matières...2 Avant-propos...3 Objectif...3
Sécurité des sites Web Pas un cours un recueil du net. INF340 Jean-François Berdjugin
Sécurité des sites Web Pas un cours un recueil du net INF340 Jean-François Berdjugin Vulnérabilité Définition (wikipédia) : Dans le domaine de la sécurité informatique, une vulnérabilité est une faiblesse
Installation de la plate-forme Liberacces 2.0 «Intégrale» avec LiberInstall
Installation de la plate-forme Liberacces 2.0 «Intégrale» avec LiberInstall Titre Version Date Dernière page Identité du document Installation de la plate-forme Liberacces 2.0 «Intégrale» avec LiberInstall
Thème : Création, Hébergement et référencement d un site Web
Formation au profit des enseignants de l'université Ibn Zohr Thème : Création, Hébergement et référencement d un site Web Omar El Kharki & Jamila Mechbouh http://perso.menara.ma/~elkharki/ Ou bien http://www.elkharki.africa-web.org/
Services bancaires par Internet aux entreprises. Guide pratique pour : Rapports de solde Version 8.05.22
Services bancaires par Internet aux entreprises Guide pratique pour : Rapports de solde Version 8.05.22 Table des matières Avez-vous besoin d aide?... 3 Exigences informatiques... 4 Navigateurs acceptés...
IPS-Firewalls NETASQ SPNEGO
IPS-Firewalls NETASQ SPNEGO Introduction Un utilisateur doit gérer de nombreux mots de passe. Un mot de passe pour la connexion au poste de travail, un mot de passe pour la messagerie et n mots de passe
NOTICE TELESERVICES : Créer mon compte personnel
NOTICE TELESERVICES : Créer mon compte personnel Sommaire Sommaire... 1 Objet de la notice... 1 A qui s adresse cette notice?... 1 Pré-requis... 1 Le guide pas à pas pour créer votre compte personnel...
INCORPORER EXCEL EN LIGNE DANS UN FICHIER CRÉÉ AVEC L ÉDITEUR DE TEXTE 15 avril 2015
TABLE DES MATIERES Incorporer une feuille de calcul dans un fichier créé avec l Éditeur de texte de PLACE... 1 Avantages :... 1 Contraintes :... 2 Accéder à Microsoft OneDrive :... 2 Créer un classeur
Manuel d utilisation de l outil collaboratif
Manuel d utilisation de l outil collaboratif Réf OCPD-V2 Page 1 / 24 a mis en œuvre un outil collaboratif qui permet de partager des informations entre collaborateurs. Il permet à des utilisateurs travaillant
Autorité de certification
IUT de Villetaneuse, Université Paris 13, Sorbonne Paris Cité Étienne André Travaux pratiques de cryptographie Autorité de certification Licence Pro R&T ASUR Version du sujet : 23 décembre 2014 Ce TP s
WebSpy Analyzer Giga 2.1 Guide de démarrage
WebSpy Analyzer Giga 2.1 Guide de démarrage Ce document aide à vous familiariser avec l utilisation de WebSpy Analyzer Giga. Pour des informations plus détaillées, consultez le guide utilisateur Analyzer
Notes pour l utilisation d Expression Web
EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface
Manuel d utilisation de la plate-forme de gestion de parc UCOPIA. La mobilité à la hauteur des exigences professionnelles
Manuel d utilisation de la plate-forme de gestion de parc UCOPIA La mobilité à la hauteur des exigences professionnelles 2 Manuel d utilisation de la plate-forme de gestion de parc UCOPIA 1 Table des matières
Version: 1.1 Date du document: 07 Novembre 2013 N du document: Guide Utilisateur Mandant. Guide utilisateur Mandant Page 1 de 20
Version: 1.1 Date du document: 07 Novembre 2013 N du document: Guide Utilisateur Mandant Guide utilisateur Mandant Page 1 de 20 Sommaire 1. Généralités... 3 1.1 Objet du document... 3 1.2 Utilisation du
KWISATZ_TUTO_module_magento novembre 2012 KWISATZ MODULE MAGENTO
_TUTO_module_magento Table des matières -1) - :...2-1.1) Introduction :...2-1.2) Description :...3-1.2.1) Schéma :...3-1.3) Mise en place :...4-1.3.1) MAGENTO :...4-1.3.1.1) Les Web Services :...4-1.3.1.2)
Manuel de déploiement sous Windows & Linux
Manuel de déploiement sous Windows & Linux 18/11/2013 Page 1/6 Prérequis Vous devez consulter la spécification technique dénommée «caractéristiques techniques des serveurs et stations» afin de connaître
Accès distant Freebox v6 Configuration
2014 Accès distant Freebox v6 Configuration Micrologiciel Freebox version 2.0.7 Stéphane Corny V 3.1 11/02/2014 Table des matières 1. Préparation de la Freebox depuis le PC (en local)... 2 2. Configuration
Installation d un manuel numérique 2.0
Installation d un manuel numérique 2.0 Après la commande d un manuel numérique enrichi, le Kiosque Numérique de l Education envoie un email de livraison (sous 24h pour les commandes passées par Internet
MODE D EMPLOI WORDPRESS
MODE D EMPLOI WORDPRESS Comment gérer votre site internet 1 Pour ce mode d emploi, nous allons prendre l exemple de la gestion du site jcebretagne.org Tout d abord, une suite d'article qui peuvent être
GoogleAdwords Marketing
GoogleAdwords Marketing Vous apprenez à utiliser l instrument de marketing efficace et économique «de GoogleAdwords» Worldsoft SA Couverture 1 Publicité avec Google AdWords Table des matières 2 Table des
[Ministère des Affaires étrangères et du Développement international] DEFI MANUEL UTILISATEUR ESPACE DEMANDEUR
![[Ministère des Affaires étrangères et du Développement international] DEFI MANUEL UTILISATEUR ESPACE DEMANDEUR](/thumbs/24/2326523.jpg "[Ministère des Affaires étrangères et du Développement international] DEFI MANUEL UTILISATEUR ESPACE DEMANDEUR")
[Ministère des Affaires étrangères et du Développement international] DEFI MANUEL UTILISATEUR ESPACE DEMANDEUR Ministère des Affaires étrangères et du Développement international / 12 AD 2304 / octobre
ZOTERO Un outil gratuit de gestion de bibliographies
ZOTERO Un outil gratuit de gestion de bibliographies Téléchargement sur http://www.zotero.org Zotero est une extension du navigateur Web Firefox 0 Mais désormais applications autonomes par rapport à Firefox
La Clé informatique. Formation Internet Explorer Aide-mémoire
La Clé informatique Formation Internet Explorer Aide-mémoire Novembre 2003 Table des matières Novembre 2003...i Configuration d Internet Explorer... 1 Internet Explorer 6... 5 Gestion des Raccourcies...
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
INTERCONNEXION ENT / BCDI / E - SIDOC
06/05/2013 e-sidoc et l ENT Libre INTERCONNEXION ENT / BCDI / E - SIDOC Documentation sur les procédures à suivre pour mettre en place l authentification unique entre e-sidoc et les ENT des collectivités