Le Web pour les informaticiens Les métiers. Programmation web PHP et bases de données. Les métiers rédactionnels. Les métiers des concepteurs

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Le Web pour les informaticiens Les métiers. Programmation web PHP et bases de données. Les métiers rédactionnels. Les métiers des concepteurs"

Transcription

1 Le Web pour les informaticiens Le Web pour les informaticiens Programmation web PHP et bases de données Les métiers La conception du site web Jean-Christophe Dubacq IUT de Villetaneuse S PHP et bases de données A Jean-Christophe Dubacq (IUTV) Programmation web S / 34 Le Web pour les informaticiens Les métiers Les métiers rédactionnels Jean-Christophe Dubacq (IUTV) Programmation web S / 34 Le Web pour les informaticiens Les métiers Les métiers des concepteurs Auteur Animateur / modérateur Publiciste Chargé de communication Chargé d image Marketing Photographe Opérateur de saisie Chef de projet Graphiste Ergonome Architecte logiciel Développeur Administrateur réseau, BD, système... Adaptateur de contenu au web Jean-Christophe Dubacq (IUTV) Programmation web S / 34 Jean-Christophe Dubacq (IUTV) Programmation web S / 34

2 Le Web pour les informaticiens Les métiers Le Web pour les informaticiens Les métiers Les langages des développeurs Les défis Balisage : XHTML (+HTML5) Style : CSS (+LESS/SASS/Stylus) Scripts client : Javascript Côté serveur : Java+1 framework (Spring, par exemple) ; PHP+1 framework (Zend, par exemple) ; Ruby on Rails ; C#+.NET ; Application spécifique en C/C++ avec interface CGI ; Des multitudes d autres (python, perl, javascript) ; Côté stockage : SQL (MySQL, PostgresQL, Oracle) BD orientée objet, BD orientée document Multimédia : Flash/Silverlight/SVG+Javascript Les terminaux mobiles : basse résolution, bas débit, basse performance Le stockage dans le nuage L évolution des technologies de développement La non-évolution du parc logiciel Le financement Le volume des transactions L hétérogénéité du grand public face à l outil L internationalisation et la localisation PHP et bases de données B Jean-Christophe Dubacq (IUTV) Programmation web S / 34 Le Web pour les informaticiens La conception du site web Un bon site web? Jean-Christophe Dubacq (IUTV) Programmation web S / 34 Le Web pour les informaticiens La conception du site web Un site qui a des objectifs But du site à court et à long terme Nature du public : quantité habitudes matériel expérience Nature de la maintenance S assurer de la production du contenu Compatibilité et restrictions d usage Documenter l organisation du projet Jean-Christophe Dubacq (IUTV) Programmation web S / 34 Jean-Christophe Dubacq (IUTV) Programmation web S / 34

3 Le Web pour les informaticiens La conception du site web Le Web pour les informaticiens La conception du site web Déroulement temporel Les aspects qui intéressent le développeur Planning & stratégie ; Recensement des pages clés Structuration des pages (mockups) En parallèle avec la modélisation Choix du cadre de développement Réalisation Suivi La modélisation du contenu L ergonomie L apparence La sécurité L adaptabilité aux supports L accessibilité La synchronisation avec les autres actions PHP et bases de données C Jean-Christophe Dubacq (IUTV) Programmation web S / 34 Jean-Christophe Dubacq (IUTV) Programmation web S / 34 Pourquoi l ergonomie? Optimisation des recherches IBM En 1998, IBM a changé le design d une partie de ses sites internet en se basant sur des critères d ergonomie. Le trafic a augmenté de 120% sur le site de e-commerce ShopIBM, et les ventes de 400%. Call Center Une compagnie à optimisé les écrans des secrétaires, et a réduit le temps de gestion d un appel de 600 ms en moyenne. Économie annuelle : 2.94 millions de dollars par an économisés. ugliest-worst-web-pages-of-the-decade.html Jean-Christophe Dubacq (IUTV) Programmation web S / 34 Jean-Christophe Dubacq (IUTV) Programmation web S / 34

4 La page vue par le visiteur Typographie Typographie : diverses recommandations à connaître La mise en page : conforme à l écrit Connaître le sens de lecture. Utiliser le contraste à bon escient Permettre une navigation aisée et rapide 50 millisecondes pour obtenir une impression, 8 secondes pour s ennuyer Pas de textes soulignés Pas Trop De Majuscules (En Fait Lettres Capitales)!!! Pas plus de 80 caractères par ligne Des couleurs harmonieuses et reposantes! Ne pas multiplier les polices ET les styles ; préférer sans-sérif PHP et bases de données D Jean-Christophe Dubacq (IUTV) Programmation web S / 34 Mise en page Jean-Christophe Dubacq (IUTV) Programmation web S / 34 Mise en page fixe/fluide/élastique Le gris est important, les espaces aussi Utilisation du contraste avec parcimonie et à bon escient. Titres, sous-titres Informations sur la page : auteur et/ou adresse de retour, localisation, navigation, datation, titre Menus et fonctionnement simples (auto-apprentissage) Laisser le navigateur faire! (nouvel onglet ou fenêtre, taille de base des caractères, etc.) Fixe : taille donnée en pixels Fluide (liquide) : taille donnée en pourcentage Elastique : taille donnée en em (taille de la police) Responsive web design : changer le design en fonction des tailles (tablette, ordinateur, téléphone). fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/ Jean-Christophe Dubacq (IUTV) Programmation web S / 34 Jean-Christophe Dubacq (IUTV) Programmation web S / 34

5 La lecture rapide Pourquoi l accessibilité Lecture en diagonale (en F) Informations sur la page : auteur et/ou adresse de retour, localisation, navigation, datation, titre Téléchargement : 8 secondes, plus ou moins 2 ; 20 pour incrémental, avec 2 pour contenu. L accessibilité consiste à rendre les contenus web plus accessibles à des personnes en situation de handicap. Il s agit de contourner des limitations variées : Visuelles (aveugle, malvoyant, daltonien) Auditives (sourd, malentendant, étranger) Physiques (manipulation du pointeur, par exemple) Cognitives (épilepsie, difficultés de compréhension ou de vocabulaire, dyslexie, mémoire à court terme) Un programme informatique est souvent un peu tout ça......dont les moteurs de recherche! PHP et bases de données E Jean-Christophe Dubacq (IUTV) Programmation web S / 34 Comment l accessibilité Jean-Christophe Dubacq (IUTV) Programmation web S / 34 Les principes du WCAG 2.0 Référentiel WCAG 2.0 en général Référentiel ATAG pour les logiciels de création de site web Référentiel XAAG pour les navigateurs (et interpréteurs) Chaque élément d une page doit respecter tous les critères à un certain niveau : A, AA ou AAA. Le site reçoit la note la plus basse reçue par le plus mauvais de ses éléments Obligation légale maintenant en France pour les organismes publics : RGAA qui reprend le WCAG 2.0 L information doit être : Perceptible Utilisable Compréhensible Robuste Jean-Christophe Dubacq (IUTV) Programmation web S / 34 Jean-Christophe Dubacq (IUTV) Programmation web S / 34

6 Perceptible (repris du WCAG 2.0) Utilisable (repris du WCAG 2.0) Proposer des équivalents textuels à tout contenu non textuel qui pourra alors être présenté sous d autres formes selon les besoins de l utilisateur : grands caractères, braille, synthèse vocale, symboles ou langage simplifié. Proposer des versions de remplacement aux média temporels. Créer un contenu qui puisse être présenté de différentes manières sans perte d information ni de structure (par exemple avec une mise en page simplifiée). Faciliter la perception visuelle et auditive du contenu par l utilisateur, notamment en séparant le premier plan de l arrière-plan. Rendre toutes les fonctionnalités accessibles au clavier. Laisser à l utilisateur suffisamment de temps pour lire et utiliser le contenu. Ne pas concevoir de contenu susceptible de provoquer des crises. Fournir à l utilisateur des éléments d orientation pour naviguer, trouver le contenu et se situer dans le site. PHP et bases de données F Jean-Christophe Dubacq (IUTV) Programmation web S / 34 Compréhensible et Robuste (repris du WCAG 2.0) Jean-Christophe Dubacq (IUTV) Programmation web S / 34 Optimisation des recherches Présentation de Pagerank Rendre le contenu textuel lisible et compréhensible. Faire en sorte que les pages apparaissent et fonctionnent de manière prévisible. Aider l utilisateur à éviter et à corriger les erreurs de saisie. Algorithme de base Le principe de base est d attribuer à chaque page une valeur (ou score) proportionnelle au nombre de fois que passerait par cette page un utilisateur parcourant le graphe du Web en cliquant aléatoirement, sur un des liens apparaissant sur chaque page. (Wikipedia) Optimiser la compatibilité avec les agents utilisateurs actuels et futurs, y compris avec les technologies d assistance. L optimisation de cette valeur est importante Les pages les plus visitées ont un pouvoir prescripteur plus important Coefficient de confiance Nombreuses corrections cachées Jean-Christophe Dubacq (IUTV) Programmation web S / 34 Jean-Christophe Dubacq (IUTV) Programmation web S / 34

7 Optimisation des recherches Optimisation des recherches Quelques conseils robots.txt Balise Canonical pour indiquer quelle est la version unique d une page Éviter de faire de la reprise de contenu Ne pas être une ferme de lien Être conforme aux standards du web Être accessible Plan du site Il existe un standard pour indiquer aux moteurs de recherche les pages à ne pas indexer : robots.txt Se place à la racine du serveur ( Sections séparées par une ligne blanche Élément User-agent suivi du nom du robot ; Élément Disallow suivi d un début de chemin (ou chemin complet) interdit robots.txt 1 User agent: Google 2 Disallow: 3 4 User agent: 5 Disallow: / PHP et bases de données G Jean-Christophe Dubacq (IUTV) Programmation web S / 34 Jean-Christophe Dubacq (IUTV) Programmation web S / 34

L accessibilité numérique. Michel Futtersack, Faculté de Droit, Université Paris Descartes

L accessibilité numérique. Michel Futtersack, Faculté de Droit, Université Paris Descartes L accessibilité numérique Michel Futtersack, Faculté de Droit, Université Paris Descartes L accessibilité est la facilité d accès à un lieu, un service ou un produit. Disposer d une bonne accessibilité

Plus en détail

Web et accessibilité, où en est on?

Web et accessibilité, où en est on? Web et accessibilité, où en est on? RMLL Nantes 2009 Thématique Accessibilité et handicap 08 juillet 2009 Armony ALTINIER armony@acs horizons.fr 06.68.89.77.51 Définition de l'accessibilité du Web Mettre

Plus en détail

Prise en compte des handicaps

Prise en compte des handicaps Prise en compte des handicaps Stéphanie Jean-Daubias INFO Stephanie.Jean-Daubias - at - liris.univ-lyon1.fr http://liris.cnrs.fr/stephanie.jean-daubias/ L3 Plan du cours Prise en compte des handicaps Introduction

Plus en détail

Synthèse du RGAA. Version Date État Auteur Contact. 1.0 Août 2011 Rédaction José BRAUN drtic.alsace@educagri.fr

Synthèse du RGAA. Version Date État Auteur Contact. 1.0 Août 2011 Rédaction José BRAUN drtic.alsace@educagri.fr Synthèse du RGAA Référentiel Général d'accessibilité pour les Administrations Version Version Date État Auteur Contact 1.0 Août 2011 Rédaction José BRAUN drtic.alsace@educagri.fr 1.1 Septembre 2011 Relecture

Plus en détail

Référentiel Général d Accessibilité pour les Administrations RGAA

Référentiel Général d Accessibilité pour les Administrations RGAA Référentiel Général d Accessibilité pour les Administrations RGAA V 2.1 DGME RGAA Version 2.1 03/07/2009 Page 1/11 Introduction 1. Introduction 1.1. Présentation générale On estime que 5,5 millions de

Plus en détail

web Accessibilité Normes et bonnes pratiques pour des sites plus accessibles Armony Altinier Préface de Dominique Burger (BrailleNet)

web Accessibilité Normes et bonnes pratiques pour des sites plus accessibles Armony Altinier Préface de Dominique Burger (BrailleNet) Armony Altinier Préface de Dominique Burger (BrailleNet) web Accessibilité Normes et bonnes pratiques pour des sites plus accessibles Groupe Eyrolles, 2012, ISBN : 978-2-212-12889-5 Table des matières

Plus en détail

Les Ateliers Info Tonic

Les Ateliers Info Tonic Les Ateliers Info Tonic L accessibilité des sites web : mettre le web à disposition de tous Mardi 12 mars 2013 1 L'accessibilité des sites : mettre le web à disposition de tous Sébastien Huillet Expert

Plus en détail

GUIDE ACCESSIBILITÉ WEB

GUIDE ACCESSIBILITÉ WEB GUIDE ACCESSIBILITÉ WEB APPRENEZ À OBSERVER LES PRATIQUES D ACCESSIBILITÉ DANS LA TECHNOLOGIE QUI VOUS ENTOURE Ce document vous est présenté par : 2 QU EST-CE QUE L ACCESSIBILITÉ? L accessibilité est la

Plus en détail

Référentiel Général d Accessibilité pour les Administrations Introduction au RGAA 3.0

Référentiel Général d Accessibilité pour les Administrations Introduction au RGAA 3.0 Référentiel Général d Accessibilité pour les Administrations Introduction au RGAA 3.0 1/10 Sommaire Référentiel Général d Accessibilité pour les Administrations Introduction au RGAA 3.0...1 1. Introduction...3

Plus en détail

Optimisation Web. Extra N 1 29.01.15

Optimisation Web. Extra N 1 29.01.15 Optimisation Web Extra N 1 29.01.15 Extravaganza Communication digitale? Les Extras L optimisation web Optimisation technique Qu est-ce que c est? Optimiser les temps de chargement et d affichage des pages

Plus en détail

Atelier pratique Accessibilité des documents PDF

Atelier pratique Accessibilité des documents PDF Atelier pratique Accessibilité des documents PDF WCAG 2.0 Introduction 4 principes : perceptible, utilisable, compréhensible, robuste 12 règles 61 critères de succès 3 niveaux : A, AA, AAA Abstraction

Plus en détail

Référentiel Général d Accessibilité pour les Administrations Introduction au RGAA 3.0

Référentiel Général d Accessibilité pour les Administrations Introduction au RGAA 3.0 Référentiel Général d Accessibilité pour les Administrations Introduction au RGAA 3.0 Intrduction au RGAA 3.0 beta - DISIC 1/10 Sommaire Référentiel Général d Accessibilité pour les Administrations Introduction

Plus en détail

Chapitre 1 Créer votre site web avec Dreamweaver 8 11

Chapitre 1 Créer votre site web avec Dreamweaver 8 11 Chapitre 1 Créer votre site web avec Dreamweaver 8 11 1.1. Installer Dreamweaver sur votre ordinateur... 12 1.2. Découvrir l interface de Dreamweaver... 15 La manipulation de l interface... 16 La gestion

Plus en détail

Pour citer ce document

Pour citer ce document Pour citer ce document Sloïm, É., Denis, L., & Palaci, F. (2005). Accessibilité des CMS : be cool to be strict. Communication présentée aux 6 e Rencontres Mondiales du Logiciel Libre. Dijon, 5-9 juillet.

Plus en détail

Transcription de la vidéo WCAG 2.0

Transcription de la vidéo WCAG 2.0 Transcription de la vidéo WCAG 2.0 Bonjour tout le monde. Je m appelle David MacDonald. Ma présentation d aujourd hui porte sur comment les règles pour l accessibilité des contenus Web, communément appelées

Plus en détail

Contenu détaillé du stage :

Contenu détaillé du stage : Contenu détaillé du stage : Création Internet et Accessibilité Méthodologie de suivi et de gestion pour assurer un rôle d intégrateur Web (Présentation hebdomadaire) (720 heures -10 Stagiaires 30h par

Plus en détail

Concevoir des interfaces pour les seniors: enjeu essentiel pour les informaticiens de demain

Concevoir des interfaces pour les seniors: enjeu essentiel pour les informaticiens de demain Concevoir des interfaces pour les seniors: enjeu essentiel pour les informaticiens de demain Isabelle MOTTE FUNDP Juin 2010 Licence Creative Commons by-nc-sa Accessibilité Votre définition? «L'accessibilité

Plus en détail

Programmation Web. Madalina Croitoru IUT Montpellier

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

Plus en détail

Sensibilisation à l accessibilité numérique

Sensibilisation à l accessibilité numérique Mastère Management et Nouvelles Technologies Sensibilisation à l accessibilité numérique Telecom Paris 24 octobre 2012 Aurélien Levy 1 Aurélien Levy Directeur général et expert accessibilité Expert technique,

Plus en détail

Introduction à la programmation web

Introduction à la programmation web Introduction à la programmation web Nouvelles Technologies Dr. Thé Van LUONG The-Van.Luong@heig-vd.ch HEIG-VD Switzerland 8 octobre 2015 1/34 8 octobre 2015 1 / 34 Plan 1 État de l art des langages orientés

Plus en détail

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

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

Plus en détail

Développement Web Introduction générale

Développement Web Introduction générale 1 / 58 Développement Web Introduction générale Jean-Michel Richer jean-michel.richer@univ-angers.fr http://www.info.univ-angers.fr/pub/richer Juillet 2008 2 / 58 Plan Plan 1 Introduction 2 Historique et

Plus en détail

Conformité RGAA du site internet de la Ville de Pontcharra Rapport d évaluation

Conformité RGAA du site internet de la Ville de Pontcharra Rapport d évaluation Conformité RGAA du site internet de la Ville de Pontcharra Rapport d évaluation Site web évalué : http://villepontcharra.fr Date de l évaluation : 27 juillet 2012 Version du RGAA : RGAA 2.2 (dernière version

Plus en détail

Frédéric Dulac frederic.dulac@eolas.fr. EOLAS 8, rue Voltaire 38000 Grenoble Tél : 33 (0) 4 76 44 50 50

Frédéric Dulac frederic.dulac@eolas.fr. EOLAS 8, rue Voltaire 38000 Grenoble Tél : 33 (0) 4 76 44 50 50 Frédéric Dulac frederic.dulac@eolas.fr «Particularité d'un projet de site accessible : l exemple du site www.legrandchalon.fr» EOLAS 8, rue Voltaire 38000 Grenoble Tél : 33 (0) 4 76 44 50 50 Page 1 I.

Plus en détail

ACCESSIBILITE. Dans le domaine de l informatique pour le handicap, "l Accessibilité" consiste à adapter et optimiser l ergonomie :

ACCESSIBILITE. Dans le domaine de l informatique pour le handicap, l Accessibilité consiste à adapter et optimiser l ergonomie : ACCESSIBILITE Définition de l Accessibilité en Informatique Dans le domaine de l informatique pour le handicap, "l Accessibilité" consiste à adapter et optimiser l ergonomie : - des matériels et dispositifs

Plus en détail

Interaction Homme-Machine (IHM)

Interaction Homme-Machine (IHM) Interaction Homme-Machine (IHM) Cours 7 L accessibilité du Web par les personnes handicapées et/ou âgées A. Belaïd 1 Références http://www.accessibilite-web.info/accessibiliteweb/handicap-internet-accessible.php

Plus en détail

EFREI 2008-2009 Mathieu Nebra

EFREI 2008-2009 Mathieu Nebra EFREI 2008-2009 Mathieu Nebra Tim Berners-Lee, W3C, recommandations Naissance du Wold Wide Web Le web a été inventé en 1991 par Tim Berners-Lee au CERN (Genève) Il définit le langage HTML permettant de

Plus en détail

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES...

OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT... 6 LES TITRES ET LES SOUS-TITRES... Diffusion de l information dans Internet Guide de création de documents Word accessibles 5 novembre 2009 OBJECTIFS DE CE GUIDE... 5 QU EST-CE QU UN DOCUMENT ACCESSIBLE... 5 LA STRUCTURE D UN DOCUMENT...

Plus en détail

Rapport D activité. Mini Jeu Friends Plus. https://apps.facebook.com/friendsplus. Daguès Alexis. Alexis Aurélie Fabrice Kaarthic 2011 2012

Rapport D activité. Mini Jeu Friends Plus. https://apps.facebook.com/friendsplus. Daguès Alexis. Alexis Aurélie Fabrice Kaarthic 2011 2012 WEB Agency Rapport D activité Mini Jeu Friends Plus https://apps.facebook.com/friendsplus Daguès Alexis Alexis Aurélie Fabrice Kaarthic 2011 2012 1 P age Tables des Matières : 1 ENTÊTE DU DOCUMENT... 3

Plus en détail

Conformité RGAA du site internet du Plan PME Rhône-Alpes Rapport d évaluation

Conformité RGAA du site internet du Plan PME Rhône-Alpes Rapport d évaluation Conformité RGAA du site internet du Plan PME Rhône-Alpes Rapport d évaluation Site web évalué : http://planpme.rhonealpes.fr/ Date de l évaluation : 28 novembre 2014 Version du RGAA : RGAA 2.2 Equivalence

Plus en détail

Développement. Les Métiers du Numérique

Développement. Les Métiers du Numérique Développement Développeur backend/frontend Développeur / Intégrateur Développeur mobile Architecte web Ingénieur Etude et developpement Concepteur Développeur + une technologie : PHP, Symfony, RoR (RubyOnRails),

Plus en détail

A. L audit de l ergonomie 11. B. Quand réaliser un audit de l ergonomie? 11. C. Notions élémentaires 12. 1. Utilisabilité 12 2.

A. L audit de l ergonomie 11. B. Quand réaliser un audit de l ergonomie? 11. C. Notions élémentaires 12. 1. Utilisabilité 12 2. Chapitre 1 : Auditer l ergonomie du site web A. L audit de l ergonomie 11 B. Quand réaliser un audit de l ergonomie? 11 C. Notions élémentaires 12 1. Utilisabilité 12 2. Jakob Nielsen 12 D. Réaliser l

Plus en détail

INTEGRATEUR DEVELOPPEUR

INTEGRATEUR DEVELOPPEUR www.emweb.fr INTEGRATEUR DEVELOPPEUR FORMATION ELIGIBLE AU DIF/CIF DURÉE : 700 h de formation PRE REQUIS Avoir un esprit logique Etre motivé(e)! OBJECTIF A l issue de cette formation, vous serez capable

Plus en détail

Le WEB: présentation

Le WEB: présentation Le WEB: présentation Introduction: définition(s), historique... Principes d'utilisation:. le système Hypertexte. le fonctionnement pratique Naviguer sur le Web, les bases. les principales fonctions d'un

Plus en détail

Conformité RGAA du site internet de Massif-Central.eu Rapport d évaluation

Conformité RGAA du site internet de Massif-Central.eu Rapport d évaluation Conformité RGAA du site internet de Massif-Central.eu Rapport d évaluation Site web évalué : http://www.massif-central.eu/ Date de l évaluation : 13 octobre 2015 Version du RGAA : RGAA 2.2 Equivalence

Plus en détail

Conformité RGAA du site internet Bièvre Isère Communauté Rapport d évaluation

Conformité RGAA du site internet Bièvre Isère Communauté Rapport d évaluation Conformité RGAA du site internet Bièvre Isère Communauté Rapport d évaluation Site web évalué : http://bievre-isere.com Date de l évaluation : 30 mars 2015 Version du RGAA : RGAA 2.2 Equivalence de niveau

Plus en détail

Méthode de Test. Pour WIKIROUTE. Rapport concernant les méthodes de tests à mettre en place pour assurer la fiabilité de notre projet annuel.

Méthode de Test. Pour WIKIROUTE. Rapport concernant les méthodes de tests à mettre en place pour assurer la fiabilité de notre projet annuel. Méthode de Test Pour WIKIROUTE Rapport concernant les méthodes de tests à mettre en place pour assurer la fiabilité de notre projet annuel. [Tapez le nom de l'auteur] 10/06/2009 Sommaire I. Introduction...

Plus en détail

Opquast Certified Référentiel de compétences Bonnes pratiques qualité Web (BPQW)

Opquast Certified Référentiel de compétences Bonnes pratiques qualité Web (BPQW) Opquast Certified Référentiel de compétences Bonnes pratiques qualité Web (BPQW) Page 1/10 Sommaire 1. Maîtriser les fondamentaux et standards du Web...3 2. Connaître l accessibilité, les contextes utilisateurs

Plus en détail

SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE

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

Plus en détail

Handicaps et accessibilité numérique

Handicaps et accessibilité numérique Handicaps et accessibilité numérique Vers de nouveaux usages et de nouveaux services en bibliothèque ADBS, 16 juin 2016, FIAP Jean Monnet, Paris Journée d étude Professionnel de l information : un métier

Plus en détail

Rapport d'audit ergonomique

Rapport d'audit ergonomique Rapport d'audit ergonomique www.groupe-courtois.fr Etabli par : Rodolphe HERAUD Pascal HERTEREAU Nicolas GUIRAO Sébastien TANGUY Testapic 2012 1/154 Méthodologie Contexte Les critères présentés dans cet

Plus en détail

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation

LANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier

Plus en détail

Séminaire SITRA Handicap : Adaptez votre éditorial à vos cibles

Séminaire SITRA Handicap : Adaptez votre éditorial à vos cibles Séminaire SITRA Handicap : Adaptez votre éditorial à vos cibles Hello! Julie LEGROS Responsable Communication Office de Tourisme de Thonon julie@thononlesbains.com 04 50 71 55 89 Nicolas BOUCHEZ Développeur

Plus en détail

Sommaire. L accessibilité. 1. Notions de base et Aides techniques. 2. Point sur la législation. 3. Recommandations d accessibilité

Sommaire. L accessibilité. 1. Notions de base et Aides techniques. 2. Point sur la législation. 3. Recommandations d accessibilité Accessibilité Web Sommaire L accessibilité 1. Notions de base et Aides techniques 2. Point sur la législation 3. Recommandations d accessibilité 4. Gains et bénéfices 22 1. Notions de base et Aides techniques

Plus en détail

Un site Web accessible, ça vous tente?

Un site Web accessible, ça vous tente? Un site Web accessible, ça vous tente? Depuis son arrivée au début des années 1990, le Web a connu une croissance exponentielle. Pour une entreprise, avoir son site Web est presque devenu une obligation.

Plus en détail

VOLUME 1 CRÉATION D UN SITE WEB

VOLUME 1 CRÉATION D UN SITE WEB VOLUME 1 CRÉATION D UN SITE WEB Comprendre les principales étapes TABLE DES MATIÈRES PARTIE 1 - RENCONTRE DE DÉMARRAGE 03 PARTIE 2 - ANALYSE FONCTIONNELLE 03 PARTIE 3 - ARBORESCENCE 04 PARTIE 4 - MAQUETTES

Plus en détail

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

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

Plus en détail

Référentiel Général d Accessibilité pour les Administrations RGAA

Référentiel Général d Accessibilité pour les Administrations RGAA Référentiel Général d Accessibilité pour les Administrations RGAA Annexe 3 : Grilles de correspondance entre les critères de succès et les tests de conformité Page 1/21 1. Grille de correspondance des

Plus en détail

Chapitre 1 L interface de Windows 7 9

Chapitre 1 L interface de Windows 7 9 Chapitre 1 L interface de Windows 7 9 1.1. Utiliser le menu Démarrer et la barre des tâches de Windows 7... 10 Démarrer et arrêter des programmes... 15 Épingler un programme dans la barre des tâches...

Plus en détail

II-Solution technique pour le développement du site de l'urma

II-Solution technique pour le développement du site de l'urma II-Solution technique pour le développement du site de l'urma 1- Positionnement du site L objectif du site est de promouvoir l offre de formation de l université. A ce titre, il s adresse principalement

Plus en détail

CRÉATION D UN SITE INTERNET. Document de travail =================================== SOMMAIRE

CRÉATION D UN SITE INTERNET. Document de travail =================================== SOMMAIRE CONCEPTION RÉALISATION HÉBERGEMENT CRÉATION D UN SITE INTERNET Document de travail Aide à l établissement du cahier des charges. Ce document aborde les thèmes principaux de la mise en place d un site Internet

Plus en détail

Formation Découverte du Web

Formation Découverte du Web Catégorie : internet Formation Découverte du Web Niveau requis : savoir utiliser un ordinateur (clavier, souris, traitement de texte) Public : personnel administratif et responsables de communication souhaitant

Plus en détail

INTRODUCTION. Utiliser ce livre à 100 % INTRODUCTION

INTRODUCTION. Utiliser ce livre à 100 % INTRODUCTION INTRODUCTION INTRODUCTION Utiliser ce livre à 100 % PHP, MySQL, XHTML... 9 Erreur méthodologique majeure à éviter... 11 Enjeu stratégique : automatiser le référencement... 12 Organisation de cet ouvrage...

Plus en détail

Installation / Sauvegarde Restauration / Mise à jour

Installation / Sauvegarde Restauration / Mise à jour Installation / Sauvegarde Restauration / Mise à jour SPIP version 1.8.x Serveur (Linux) Jean Sébastien BARBOTEU dev.jsb@laposte.net Introduction Nous allons aborder tous les aspects techniques liés à la

Plus en détail

Les critères d ergonomie : des conseils pour concevoir un site

Les critères d ergonomie : des conseils pour concevoir un site Masson Janice Licence professionnelle Webmestre Editorial Les critères d ergonomie : des conseils pour concevoir un site Enseignant : Franck Grimonpont 2010-2011 Sommaire Introduction... Page 1 I) L utilisateur

Plus en détail

D'UN SITE INTERNET LES S D'UN SITE INTERNET PRATIQUE ET PERFORMANT PRATIQUE ET PERFORMANT

D'UN SITE INTERNET LES S D'UN SITE INTERNET PRATIQUE ET PERFORMANT PRATIQUE ET PERFORMANT D'UN SITE INTERNET LES DIRECTEUR de AVOIR UNE STRATÉGIE COMMERCIALE CLAIRE 1. La vision d entreprise Une description d un état futur et désirable de l organisation et/ou de son environnement. 1. La mission

Plus en détail

LudoTIC Ergonomie cognitive et accessibilité du Web. Accessibilité : enjeux, cadre légal, retour sur investissement et méthodologie

LudoTIC Ergonomie cognitive et accessibilité du Web. Accessibilité : enjeux, cadre légal, retour sur investissement et méthodologie LudoTIC Ergonomie cognitive et accessibilité du Web Accessibilité : enjeux, cadre légal, retour sur investissement et méthodologie 29 Novembre 2007 Qui sommes nous Sommaire Définition d accessibilité Ergonomie

Plus en détail

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 jquery Mobile La bibliothèque JavaScript pour le Web mobile É r i c S a r r i o n Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 1 Installation de jquery Mobile

Plus en détail

Petite histoire d Internet

Petite histoire d Internet À la base, Internet est défini par des ordinateurs qui sont reliés entre eux grâce à des câbles, du WiFi ou encore des satellites, créant ainsi un réseau à échelle mondiale. Les ordinateurs communiquent

Plus en détail

GED MARKETING. Page 1 sur 18

GED MARKETING. Page 1 sur 18 GED MARKETING I. Présentation du produit... 2 II. Page principale de l application... 3 L arbre... 3 Le menu... 4 La fenêtre de navigation... 4 III. La recherche de documents... 4 Rechercher tous les documents...

Plus en détail

Audit de site web. Accessibilité

Audit de site web. Accessibilité Accessibilité 1. Est- ce que le contenu est structurellement séparé des éléments de navigation? 2. Est- ce que le site est compatible avec tous les navigateurs? 3. Le site est- il compatible avec les normes

Plus en détail

la lisibilité typographique à l écran

la lisibilité typographique à l écran Améliorer la lisibilité typographique à l écran avec Accessiweb par Romy Duhem-Verdière 7e Forum Européen d Accessibilité Numérique 2013 Romy Duhem-Verdière Consultante web UX http://romy.tetue.net @tetue

Plus en détail

Optimiser les e-mails marketing Les points essentiels

Optimiser les e-mails marketing Les points essentiels Optimiser les e-mails marketing Les points essentiels Sommaire Une des clés de succès d un email marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement

Plus en détail

Analyse comparative de trois sites d e commerce

Analyse comparative de trois sites d e commerce Analyse comparative de trois sites d e commerce M1105 Par Benjamin ANDRE Romain LUTIC - Jérémy MONIER (A/B) I/ Analyse des sites Amazon.com 1 ère 1 ère impression bonne, site épuré, bien organisé, on reconnait

Plus en détail

//////////////////////////////////////////////////////////////////// Développement Web

//////////////////////////////////////////////////////////////////// Développement Web ////////////////////// Développement Web / INTRODUCTION Développement Web Le développement, également appelé programmation, désigne l'action de composer des programmes sous forme d'algorithme (codage).

Plus en détail

Une ergonomie intuitive

Une ergonomie intuitive Une ergonomie intuitive Les solutions de la ligne PME offrent une interface de travail proche des usages quotidiens en informatique. Leur ergonomie intuitive facilite la prise en main du logiciel. Une

Plus en détail

CATALOGUE DES FORMATIONS

CATALOGUE DES FORMATIONS CATALOGUE DES FORMATIONS WEB / GRAPHISME ADOBE ACROBAT PRO... 1 ADOBE PHOTOSHOP... 2 ADOBE INDESIGN... 3 ADOBE DREAMWEAVER... 4 ARTISTEER... 5 PREZI... 6 LE LANGAGE HTML... 7 LES FEUILLES DE STYLE CSS...

Plus en détail

FTP : File TRansfer Protocol => permets d envoyer des gros fichiers sur un serveur (ou de télécharger depuis le serveur)

FTP : File TRansfer Protocol => permets d envoyer des gros fichiers sur un serveur (ou de télécharger depuis le serveur) Publication par FTP FTP : File TRansfer Protocol => permets d envoyer des gros fichiers sur un serveur (ou de télécharger depuis le serveur) Logiciels FTP nombreux (FileZilla, CuteFTP, WinSCP, FTP Expert).

Plus en détail

Catalogue de formation

Catalogue de formation 4 rue Jules Raimu 31 200 Toulouse http://www.creabilis.com contact@creabilis.com Tél. : 05 34 251 641 Fax : 05 34 257 956 Catalogue de formation CREABILIS S.A.R.L au capital de 7500 - R.C.S. Toulouse 441

Plus en détail

Créez votre premier site web De la conception à la réalisation

Créez votre premier site web De la conception à la réalisation Chapitre 1 : Introduction A. Introduction 17 Chapitre 2 : Les langages A. L objectif 21 B. L HTML 21 1. L état des lieux 21 2. Les éléments HTML 21 3. Les attributs 22 4. Les caractères 23 5. Les espaces

Plus en détail

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

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

Plus en détail

Personnaliser et adapter SPIP Développeur SPIP

Personnaliser et adapter SPIP Développeur SPIP Personnaliser et adapter SPIP Développeur SPIP En Théorie Le fonctionnement de SPIP Qu est ce que SPIP? SPIP (Système de Publication pour l Internet Partagé) est un logiciel libre destiné à la production

Plus en détail

Une création Socrates www.socratesonline.com. Internet accessible pour tous

Une création Socrates www.socratesonline.com. Internet accessible pour tous Une création Socrates www.socratesonline.com Internet accessible pour tous Qui sommes-nous et qu est-ce que SitEthique? Le cabinet Socrates accompagne depuis 10 ans les établissements et les services dans

Plus en détail

Systèmes de Gestion de Contenu

Systèmes de Gestion de Contenu Introduction aux de site Web Master 1 CAWEB Page 1/7 Introduction Définition CMS Content Management Systems : logiciels de conception et de mise à jour dynamique de site web ou d'application multimédia

Plus en détail

Contexte PPE GSB CR. Analyse. Projet réalisé :

Contexte PPE GSB CR. Analyse. Projet réalisé : Contexte PPE GSB CR Le laboratoire est issu de la fusion entre le géant américain Galaxy et le conglomérat Swiss Bourdin. Cette fusion a eu pour but de moderniser l activité de visite médicale et de réaliser

Plus en détail

Attestation de conformité de «vie-publique.fr»

Attestation de conformité de «vie-publique.fr» Attestation de conformité de «vie-publique.fr» Identité du déclarant Direction de l'information légale et administrative 26 rue Desaix 75727 Paris Cedex 15 Date de la déclaration Cette déclaration a été

Plus en détail

1! I. 3! II. 3! III. 3! IV.

1! I. 3! II. 3! III. 3! IV. 1 sur 14 Sommaire Sommaire! 1! I. Introduction! 3! II. Guide de lecture! 3! III. Concept de base! 3! IV. Organisation! 4! 1. Décomposition en tâches 4 2. Structure des équipes 6 V. Planification! 7! VI.

Plus en détail

Action 1 : Découverte de l outil informatique. Action 2 : Environnement WINDOWS XP à Seven, Linux. Action 3 : Traitement de texte. Action 4 : Tableur.

Action 1 : Découverte de l outil informatique. Action 2 : Environnement WINDOWS XP à Seven, Linux. Action 3 : Traitement de texte. Action 4 : Tableur. Action 1 : Découverte de l outil informatique. Action 2 : Environnement WINDOWS XP à Seven, Linux. Action 3 : Traitement de texte. Action 4 : Tableur. Action 5 : Présentation de diaporama. Action 6 : Programmation

Plus en détail

Design + Développement. Web. Gunther Groenewege CFA - IGS

Design + Développement. Web. Gunther Groenewege CFA - IGS Design + Développement Web Gunther Groenewege CFA - IGS antibioclic.com audit ergonomique antibioclic.com audit ergonomique un site internet utilisé par des médecins généralistes un médecin utilise ce

Plus en détail

Cahier des charges Site internet

Cahier des charges Site internet 1 Cahier des charges Site Internet Cahier des charges Site internet INNOCORP MADA www.innocorp-mada.com Tel: 01.80.82.88.80 contact@innocorp-mada.com 2 Cahier des charges Site Internet CONTEXTE Introduction

Plus en détail

Programmation du Web : Présentation du Web dynamique

Programmation du Web : Présentation du Web dynamique Programmation du Web : Présentation du Web dynamique Jean-Baptiste Vioix (Jean-Baptiste.Vioix@u-bourgogne.fr) IUT de Dijon-Auxerre - LE2I http://jb.vioix.free.fr 1-8 Présentation Nécessité du web dynamique

Plus en détail

Guide Ultra-book / 2012

Guide Ultra-book / 2012 Guide Ultra-book / 2012 Avant de commencer Le logiciel Ultra-book est optimisé pour les derniers navigateurs web standards : Firefox 10 ou 11 Chrome 18 Safari 5 Vous trouverez ces navigateurs en téléchargement

Plus en détail

Standards de l EPUB 3

Standards de l EPUB 3 Groupe Normes & Standards Atelier du Commission numérique L EPUB 3 au service de l accessibilité Partie présentée par : Juliette Dutour, BnF et Camille Mofidi, SNE 53 L EPUB 3 au service de l accessibilité

Plus en détail

Offre BIEP. Conception : concevoir les systèmes d informations et créer l architecture

Offre BIEP. Conception : concevoir les systèmes d informations et créer l architecture Offre BIEP Détail de l offre numéro 1 Intitulé du recruteur : Administration centrale MEN Organisme de rattachement : Vice-rectorat de la Polynésie française Localisation : Polynésie française (Papeete)

Plus en détail

WordPress : principes et fonctionnement

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

Plus en détail

de la dépense à l investissement le design Web durable et responsable 5 septembre 2008

de la dépense à l investissement le design Web durable et responsable 5 septembre 2008 de la dépense à l investissement le design Web durable et responsable 5 septembre 2008 source : www.builtfromtrash.com d abord, une métaphore 1995 Boston Adobe John Warnock source : The University of

Plus en détail

Guide d utilisation Balabolka

Guide d utilisation Balabolka 1 Guide d utilisation Balabolka François Constantin-D Amour SERVICE DE SOUTIENT AUX ÉTUDIANTS EN SITUATION DE HANDICAP SERVICE D ADAPTATION NUMÉRIQUE UNIVERSITÉ DE MONTRÉAL SESH 2013 MONTRÉAL (QUÉBEC)

Plus en détail

Rapport de Stage Pulido Julien. BTS SIO 2ème année Option Solutions Logicielles et Applications Métiers

Rapport de Stage Pulido Julien. BTS SIO 2ème année Option Solutions Logicielles et Applications Métiers BTS SIO 2ème année Option Solutions Logicielles et Applications Métiers 19 Janvier au 6 Mars 2015 BTS SIO 2ème année Table des matières I. REMERCIEMENTS... 2 II. PRESENTATION DE L ENTREPRISE... 3 III.

Plus en détail

PARCOURS WEB DUREE CONDITIONS

PARCOURS WEB DUREE CONDITIONS PARCOURS WEB CONDITIONS D ADMISSION Être titulaire d un titre Bac+2 / Bac+3 (selon la formation) ou titre reconnu comme équivalent OU Avoir une expérience professionnelle de 3 ou 5 ans (selon la formation)

Plus en détail

Sujet de veille technologique : Les langages de développement et leurs évolutions

Sujet de veille technologique : Les langages de développement et leurs évolutions 2014 Sujet de veille technologique : Les langages de développement et leurs évolutions Charly Rivière IIA SOMMAIRE : SOMMAIRE :... 0 1. Pourquoi ce sujet?... 2 2. Qu est-ce qu un langage de développement...

Plus en détail

PROFIL. Intégrateur Web. Missions

PROFIL. Intégrateur Web. Missions L intégrateur HTML est chargé de développer la partie front office des sites internet ou encore de coder les newsletters en HTML. À partir des éléments graphiques fournis au format Photoshop, il réalise

Plus en détail

Guide sur l accessibilité numérique des ressources pédagogiques

Guide sur l accessibilité numérique des ressources pédagogiques Pistes et conseils, pour vous aider à mettre rapidement en œuvre sur votre cours AMeTICE un contenu accessible à un maximum d étudiants. Guide sur l accessibilité numérique des ressources pédagogiques

Plus en détail

Master Métiers de l enseignement scolaire. Mémoire professionnel de deuxième année UTILISER ET COMPRENDRE L ORDINATEUR EN MÊME TEMPS :

Master Métiers de l enseignement scolaire. Mémoire professionnel de deuxième année UTILISER ET COMPRENDRE L ORDINATEUR EN MÊME TEMPS : IUFM de Bonneville Année universitaire 2012-2013 Master Métiers de l enseignement scolaire Mémoire professionnel de deuxième année UTILISER ET COMPRENDRE L ORDINATEUR EN MÊME TEMPS : L apprentissage dans

Plus en détail

MODELE DE TEST (Référentiel janvier 2007)

MODELE DE TEST (Référentiel janvier 2007) Passeport pour l Internet et le multimédia (PIM) MODELE DE TEST (Référentiel janvier 2007) Candidat Nom : Prénom : Année de naissance : Sexe : M F EPN Nom de l espace : Nom de l accompagnateur : TEST PRATIQUE

Plus en détail

FAVORISER L INFORMATION ET L ACCUEIL DES PERSONNES EN SITUATION DE HANDICAP

FAVORISER L INFORMATION ET L ACCUEIL DES PERSONNES EN SITUATION DE HANDICAP FAVORISER L INFORMATION ET L ACCUEIL DES PERSONNES EN SITUATION DE HANDICAP Préambule «L accès à tout, pour tous» C est ainsi que peut-être résumée la Loi Handicap 2005 Ce principe conduit à raisonner

Plus en détail

Introduction à Dreamweaver CS4

Introduction à Dreamweaver CS4 Introduction à Dreamweaver CS4 Adobe Dreamweaver (anciennement Macromedia Dreamweaver) est un éditeur de site web de type «tel écrit tel écran» (cette formule remplaçant désormais dans la terminologie

Plus en détail

PHP/MYSQL. Web Dynamique

PHP/MYSQL. Web Dynamique PHP/MYSQL Web Dynamique ENSG Juin 2008 Qui suis-je? Guillaume Gautreau Responsable projets Systèmes d information à l ENPC guillaume@ghusse.com http://www.ghusse.com Ces 6 jours de formation Jour 1 : présentations,

Plus en détail

sur pc, tablette ou smartphone... mon site ...GRÂCE AU responsive design!

sur pc, tablette ou smartphone... mon site ...GRÂCE AU responsive design! mon site sur pc, tablette ou smartphone......grâce AU responsive design! LE RESPONSIVE DESIGN COMMUNICATION HÉBERGEMENT le RESPONSIVE DESIGN, c est quoi? WEBMARKETING DÉVELOPPEMENT c'est quoi? Le responsive

Plus en détail

Webmaster / Concepteur Multimedia

Webmaster / Concepteur Multimedia Durée : 217 heures Objectifs : Webmaster / Concepteur Multimedia Participants : Toute personne attirée par la création de site internet professionnel. Méthodes : Mise en pratique sur micro-ordinateur.

Plus en détail