HTML et CSS : être présent sur Internet, conception d'un site web HTML et CSS (Eric Christoffel), RS d'une heure par semaine, sur semaines, soit 1h de RS Cours et Exercices en asynchrone 1h sur semaines. Total : h lundi 0/01/01 RS présentation mardi 07/01/01 Les bases HTML : Structure et syntaxe 1 mercredi 08/01/01 jeudi 09/01/01 RS langage HTML Les bases HTML : Mise en page vendredi 10/01/01 lundi 1/01/01 RS langage HTML Les bases HTML : Liens hypertextes Exemples du cours à programmer mardi 1/01/01 sous Dreamweaver mercredi 1/01/01 jeudi 1/01/01 RS Liens et images Les bases HTML : images vendredi 17/01/01 lundi 0/01/01 RS ftp Les objets multimédias SP1 : Intégration d'une vidéo dans une mardi 1/01/01 page web, fonction du format vidéo et mercredi /01/01 compatibilité navigateurs jeudi /01/01 RS object et param vendredi /01/01 lundi 7/01/01 RS object et param Exercice Algoma mardi 8/01/01 mercredi 9/01/01 jeudi 0/01/01 RS Tableau HTML Les tableaux HTML vendredi 1/01/01 Le Table Object Model (à documenter lundi 0/0/01 RS CSS Exercice BIC SP : Reprise d'un CSS "clé en main" mardi 0/0/01 CSS depuis le site CSSPlay à documenter, mercredi 0/0/01 adapter et expérimenter sur le serveur jeudi 0/0/01 RS CSS sélecteurs UFR. vendredi 07/0/01 lundi 10/0/01 RS CSS CSS mardi 11/0/01 mercredi 1/0/01 jeudi 1/0/01 RS CSS Formulaire HTML vendredi 1/0/01 Exercice Formulaire SP : Réalisation d'un site de présentation des SP à l'aide d'un kit graphique.
Javascript et DHTML : réalisation de pages web dynamiques JS et DHTML (Eric Christoffel), 1 RS d'une heure à 1h0 par semaine, sur semaines, soit 8h de RS, dont une RS complémentaire durant la session PHP pour AJAX Cours et Exercices en asynchrone 8h sur semaines. Total : 1h lundi 17/0/01 Exercices sur la structure JS, mardi 18/0/01 RS Syntaxe JS, variables Structure et syntaxe chaînes de texte, méthode alert() 1 mercredi 19/0/01 jeudi 0/0/01 Objets String vendredi 1/0/01 lundi /0/01 Exercice Horloge mardi /0/01 Objet Array : propriétés, méthodes mercredi /0/01 jeudi 7/0/01 Objets Date vendredi 8/0/01 lundi 0/0/01 RS String, Formulaire, événements mardi 0/0/01 mercredi 0/0/01 jeudi 0/0/01 vendredi 07/0/01 lundi 10/0/01 mardi 11/0/01 RS Objets personnalisés Les objets personnalisés mercredi 1/0/01 propriétés et méthodes jeudi 1/0/01 vendredi 1/0/01 lundi 17/0/01 mardi 18/0/01 mercredi 19/0/01 jeudi 0/0/01 vendredi 1/0/01 lundi /0/01 Objet window, document, formulaire RS Ecriture dynamique tableaux Ecriture dynamique d'un tableau RS Ecriture dynamique Calque et CSS mardi /0/01 Ecriture dynamique d'un calque mercredi /0/01 jeudi 7/0/01 vendredi 8/0/01 Ecriture dynamque des styles lundi 1/0/01 mardi 1/0/01 RS Ajax Programmation de requête http en Javascrip mercredi 1/0/01 jeudi 1/0/01 vendredi 17/0/01 Site AJAX Exercice formatage du contenu d'un formulaire Exercice Objet Apprenants et format JSON Exercice écriture dynamique d'un tableau à partir d'un objet personnalisé Ecriture dynamique d'un calque et modifiction des CSS (taille du texte) Programmation AJAX et requête PHP (une fois le cours PHP abordé) SP1 : librairie Javascript, JQuerry, Script.Aculo.us. Description, documentation, expérimentation
Optimiser le design d'un site web avec Photoshop et Illustrato Photoshop (Benoît Ferry), RS d'une heure par semaines, sur semaine, soit 1h de RS Cours et Exercices en asynchrone 1h sur semaines. Total : h lundi 17/0/01 Interventions sur les lumières et les contrastes.utilisation des menus niveaux et mardi 18/0/01 RS contrôle des réglages via la palette 1 mercredi 19/0/01 info.les apprenants découvrent les jeudi 0/0/01 RS outils et sous-menus qui vendredi 1/0/01 permettent intervention sur les lundi /0/01 Usage des outils densité plus, densité moins etassombrir ou éclaircir des zones mardi /0/01 RS l'outil éponge. de l'image; les saturer, les SP1: Création de bandeaux-menus mercredi /0/01 désaturer. Les apprenants interactifs pour le web, avec effets jeudi 7/0/01 RS contrôlent comment intervenir sur boutons survolés créés sous Photoshop vendredi 8/0/01 les lumières de parties choisies lundi 0/0/01 Les outils et modes de sélections. Définir une ou plusieurs zones mardi 0/0/01 RS précises de l'image par mercredi 0/0/01 l'apprentissage de méthodes de jeudi 0/0/01 RS sélection. Il s'agit de savoir corriger des éléments d'une seule et même photo sans rien modifier des pixels vendredi 07/0/01 avoisinants. lundi 10/0/01 Autres modes de sélection. Savoir sélectionner par les plages mardi 11/0/01 RS de couleur, ou par les tracés. mercredi 1/0/01 jeudi 1/0/01 RS vendredi 1/0/01 lundi 17/0/01 mardi 18/0/01 RS mercredi 19/0/01 jeudi 0/0/01 RS vendredi 1/0/01 lundi /0/01 mardi /0/01 RS mercredi /0/01 jeudi 7/0/01 RS vendredi 8/0/01 Assemblage d'images par les calques et photomontages en utilisant les masques de fusion. Découverte et usage des outils de retouche - usage des filtres. Création d'images composites à partir d'images distinctes. Montages et détourages par interventions graphiques dans les masques de fusion. Lors de ces exercices les apprenants sont amenés à se confronter à plusieurs techniques de détourage. Les apprenants découvrent quels sont les outils et les méthodes pour retoucher ou modifier des parties de l'image. Ils agissent de sorte à restaurer les visuels, comme par exemple réparer les rayures, restaurer des trous, combler des pixels estomper. Ensuite ils sont amenés à optimiser l'image, notamment la netteté par les filtres. Enfin, ils interviennent sur l'ajout éventuels d'éclairages et d'effets de filtres. SP : Création des photomontages comprenant obligatoirement du bitmap et du vectoriel avec notamment au moins un objet illustrator doté de filets de dégradés.
PHP et MySQL : développer un site web en relation avec une base de donnés PHP MySQL (Eric Christoffel), RS d'une heure par semaine, sur semaines, soit 1h de RS Cours et Exercices en asynchrone 1h sur semaines. Total : h lundi 1/0/01 Pâques mardi RS Introduction 01/0/01 environnement PHP Commande echo 1 mercredi 0/0/01 Syntaxe, boucle for, test if RS les variables, les tableaux et fonctions jeudi 0/0/01 vendredi 0/0/01 les variables, les tableaux lundi 07/0/01 mardi 08/0/01 RS fonctions Dates et String Dates et String mercredi 09/0/01 RS Formulaires et variables URL jeudi 10/0/01 vendredi 11/0/01 lundi 1/0/01 RS MCD Serveur MySQL, BD et table (Serveur distant mardi 1/0/01 Serveur MySQL, BD et table (locale mercredi 1/0/01 Théorie du MCD RS Serveur MySQL, BD et table jeudi 17/0/01 vendredi 18/0/01 lundi 1/0/01 PHP et les bases de données mardi /0/01 Formulaire et script PHP mercredi /0/01 Vacances Requêtes diverses : selec jeudi /0/01 update, delete vendredi /0/01 lundi 8/0/01 RS Requêtes MySQL mardi 9/0/01 RS Variables de session Variables de session mercredi 0/0/01 jeudi 01/0/01 Férié vendredi 0/0/01 lundi 0/0/01 RS PHP et Requêtes MySQL TP PHP mardi 0/0/01 RS PHP et Requêtes MySQL mercredi 07/0/01 jeudi 08/0/01 Férié vendredi 09/0/01 lundi 1/0/01 RS Class d'objets PHP Class PHP mardi 1/0/01 (RS AJAX) mercredi 1/0/01 jeudi 1/0/01 RS PHP vendredi 1/0/01 Intallation environnement EasyPHP ou WAMP Serveur d'évaluationdw Exercices : http://www-physique.ustrasbg.fr/prgm/exemplephp/ Programmation DW en relation avec une base de données Exercices sur les class Librairies PHP : Jpgraph (graphique), PDF, Mailer, Exercices sur les class Librairies PHP : Jpgraph (graphique), PDF, Mailer, 0 Test Schéma d'exécution 1 MCD Programmation du site Inscription Questionnaire Bilan Bilan
Gestion de projets web : les points clés de la réussite d'un projet Projet (François Schmitt), RS d'une heure par semaine, sur semaines, soit 8h de RS Cours et Exercices en asynchrone 8h sur semaines. Total : 1h lundi 19/0/01 Férié Le cahier des charges Découper un projet en tâches SP1 : Rédiger un cahier des charges en mardi 0/0/01 RS présentation mutualisant les tâches 1 mercredi 1/0/01 jeudi /0/01 RS Les rôles au sein d'un vendredi /0/01 projet multimedia lundi /0/01 mardi 7/0/01 mercredi 8/0/01 jeudi 9/0/01 Férié vendredi 0/0/01 lundi 0/0/01 RS Le plan du cahier des charges RS La rédaction des rubriques du CDC RS la reformulation du mardi 0/0/01 contexte mercredi 0/0/01 jeudi 0/0/01 vendredi 0/0/01 RS L'arborescence lundi 09/0/01 Férié mardi 10/0/01 RS Les fonctionnalités mercredi 11/0/01 jeudi 1/0/01 vendredi 1/0/01 RS Les contraintes Le cahier des charges Rédiger en langage d'appel d'offres SP1 : Rédiger un cahier des charges en mutualisant les tâches Le dossier de projet La recherche d'informations - la veille - l'étude de marché SP : Rédiger un dossier de projet Le dossier de projet Le diagramme de Gantt SP : Rédiger un dossier de projet
CMS : les systèmes de gestion de contenu CMS (François Mauviard), RS d'une heure par semaine, sur semaines, soit 1h de RS Cours et Exercices en asynchrone 1h sur semaines. Total : h lundi 1/0/01 mardi 17/0/01 RS : Qu'est ce qu'un CMS? 1 mercredi 18/0/01 Installation d'un serveur local Apache et des jeudi 19/0/01 RS : Installation d'un CMS trois CMS étudiés vendredi 0/0/01 lundi /0/01 RS : Installation d'un CMS Suite mardi /0/01 mercredi /0/01 jeudi 0/07/01 RS : Administration d'un CMS Comment administrer Joomla! Et SPIP vendredi 0/07/01 Installation d'un serveur Apache local et d'un des trois CMS au choix Création d'un site avec un contenu fictif jeudi /0/01 RS : Administration d'un CMS ou réel en utilisant un des trois CMS Comment administrer WordPress proposés. Administration des auteurs, et vendredi 7/0/01 groupes, des contenus (flux de publication), des fonctionnalités lundi 0/0/01 RS : Administration d'un CMS Comment administrer Wordpress et Joomla! générales et spécifiques. Le choix du mardi 01/07/01 CMS est défini par chaque apprenant en mercredi 0/07/01 fonction de son choix personnel. lundi 01/09/01 RS : Administration d'un CMS Comment administrer SPIP mardi 0/09/01 mercredi 0/09/01 jeudi 0/09/01 RS : Administration d'un CMS Analyse et correction de la SP vendredi 0/09/01 lundi 08/09/01 l'aspect visuel mardi 09/09/01 mercredi 10/09/01 RS : Programmation de l'aspect visuel jeudi 11/09/01 vendredi 1/09/01 lundi 1/09/01 l'aspect visuel mardi 1/09/01 mercredi 17/09/01 jeudi 18/09/01 vendredi 19/09/01 RS : Programmation de l'aspect visuel Programmation de squelettes, templates, thèmes Programmation de squelettes, templates, thèmes Programmation de squelettes, templates, thèmes Programmation de squelettes, templates, thèmes Programmation d'un jeu de squelettes (ou template ou thème selon le CMS utilisé) pour un des trois CMS choisis. Modification de l'aspect d'un site pour chacun des deux autres CMS
Formater et publier des données XML avec XSL XML, XSL et XSL-FO (Eric Christoffel), 1 à RS d'une heure par semaine, sur semaines, soit 10h de RS Cours et Exercices en asynchrone 10h sur semaines. Total : 0h lundi 01/09/01 Outils XML Marker, oxygen Ex 1 : DTD, génération d'une DTD, à la mardi 0/09/01 RS 1h0 Introduction XML Structure et principe XML / XSL main, puis en ligne, et enfin via un 1 mercredi 0/09/01 Cours XML Diapo 1 à logiciel (oxygen, par ex) jeudi 0/09/01 Analyse d'un fichier XML vendredi 0/09/01 Cours XML Diapo à 10 lundi 08/09/01 RS 1h0 DTD et transformation CSS mardi 09/09/01 Cours transformation par CSS mercredi 10/09/01 Cours XML CSS Diapo 1 à 7 jeudi 11/09/01 vendredi 1/09/01 lundi 1/09/01 Syntaxe mardi 1/09/01 Cours XSL Diapo 1 Introduction mercredi 17/09/01 jeudi 18/09/01 vendredi 19/09/01 lundi /09/01 transformation XSL Cours XSL Diapo à mardi /09/01 mercredi /09/01 jeudi /09/01 RS Xpath Cours XSL Diapo 7 à 10 vendredi /09/01 Cours Transformation plan_route lundi 9/09/01 RS Instructions XSL mardi 0/09/01 Cours XSL Instructions mercredi 01/10/01 jeudi 0/10/01 RS Instructions XSL vendredi 0/10/01 lundi 0/10/01 RS Instructions XSL mardi 07/10/01 mercredi 08/10/01 jeudi 09/10/01 RS XSL-FO et PDF vendredi 10/10/01 Exercices : http://www-physique.ustrasbg.fr/prgm/exemplexml Transformation XSL sous oxygen. Installation de Xalan Exercice : transformation plan_route par XSL, Xpath Outils FOP et XSL Mind Transformation FOP sous oxygen Ex : transformation d'un fichier XML par CSS, plan_route SP : transformation d'un fichier XML par CSS, plan_route SP : Apprentissage de la transformation XSL SP : Requête sur des données XML SP : Transformation FOP, papier à entête d'entreprise
Flash : animation et interactivité Flash (Johanne Maul), 1 RS d'une heure à 1h0 par semaine, sur semaines, soit 8h de RS Cours et Exercices en asynchrone 8h sur semaines. Total : 1h lundi 1/10/01 Les palette et la construction d'une animation Distinguer images et images-clé mardi 1/10/01 RS par la logique d'un scénario graphique. dans les contraintes d'une cadence 1 mercredi 1/10/01 d'animation dans la durée. jeudi 1/10/01 vendredi 17/10/01 lundi 0/10/01 Rôle des objets "groupés" ou "séparés" dans lacréation d'objets graphiques sur mardi 1/10/01 RS construction d'une animation. des claques distincts. Principes SP1 : compléter un plan interactif mercredi /10/01 des interpolations de forme et de comprenant une animation de l'itinéraire jeudi /10/01 mouvement. tracé. vendredi /10/01 lundi 7/10/01 mardi 8/10/01 RS mercredi 9/10/01 jeudi 0/10/01 vendredi 1/10/01 lundi 0/11/01 mardi 0/11/01 RS mercredi 0/11/01 jeudi 0/11/01 vendredi 07/11/01 lundi 10/11/01 mardi 11/11/01 Férié mercredi 1/11/01 jeudi 1/11/01 RS vendredi 1/11/01 lundi 17/11/01 mardi 18/11/01 RS mercredi 19/11/01 jeudi 0/11/01 vendredi 1/11/01 Animations d'objets vectoriels mêlés à l'animation d'objets bitmap ou photos importées dans la scène. Actions scripts de bases. Création de boutons interactifs et de calquesguides. Animation augmentée de pistes sonores. Importations de vidéos dans la scène. Les apprenants s'emploient à mettre dans une seule et même séquence film différentes animations augmentées d'effets sur l'opacité. Les apprenants agissent sur l'interactivité des séquences animées. Il apprennent comment utiliser des ordres d'actions permettant de contrôler les animations les plus courantes. Les apprenants composent des animations dont les actions sont assujetties à des comportements liés à des boutons d'action. Ils fabriquent un plan interactif. Les apprenants fabriquent et exportent des animations composées d'éléments graphiques, de photos, de vidéos et de sons. SP : insérer de l'image et du son dans une animation simple, puis de rajouter des extraits vidéo accessibles depuis des boutons dédiés.
Référencement : optimisation de sites web et création de trafic Référencement (Laurent Brancaleoni), RS d'une heure par semaine, sur semaine, soit 8h de RS Cours et Exercices en asynchrone 8h sur semaines. Total : 1h lundi /11/01 RS 1h I) Introduction au référencement Nature Simulation de la perception d'une mardi /11/01 Historique, Enjeux,Parts de Marché page web par un robot 1 mercredi /11/01 RS 1h d'indexation. jeudi 7/11/01 Fonctionnement des robots d'indexation vendredi 8/11/01 les méthodes principales. lundi 01/1/01 RS 1h II) Optimisation d'un site Web Générer une sitemap SP1 : Etudier une page optimisée et mardi 0/1/01 Arborescence, PR, Sitemap Générer un fichier robots.txt analyser les raisons de son mercredi 0/1/01 RS 1h Critère onpage : Balises HTML positionnement à partir des notions jeudi 0/1/01 Structure du code, Texte du corps, abordées en cours. vendredi 0/1/01 densité de mots clés, noms des fichiers) lundi 08/1/01 RS 1h Critères «off-page» (BackLinks, mardi 09/1/01 PageRank, TrustRank, «Qualité» des liens mercredi 10/1/01 jeudi 11/1/01 RS 1h III) Référencement Payant Google Adwords vendredi 1/1/01 Campagne, Groupe d'annonces lundi 1/1/01 RS 1h Annonces, Variantes, Mots clés, Générateur, mardi 1/1/01 Suivi, Statistiques, Optimisation mercredi 17/1/01 jeudi 18/1/01 RS 1h Google Analytics & Google Webmaster Tools vendredi 19/1/01 Récupération du code Analytics. SP : Mise en œuvre d'une campagne Adwords (segmentation en groupes d'annonces thématiques, pages de destinations, choix des mots clés, etc...)