Bachelor Responsable de Communication Bachelor 2 Mars 2015 APPROFONDISSEMENT LOGICIELS DU WEB SYSB302 Semestre 3 Nombre heures 20 Nombre crédits 2 Langue d enseignement Français Département académique : Marketing/Commerce/Communication Coordinatrice du module : Stéphanie PATFOORT Campus de : LYON Téléphone : 04 72 85 73 40 Stephanie.patfoort@ecoles-supdecom.com Responsable du syllabus : Christophe LYAN Campus de : LYON Mail : clyan@smartcenter.fr Téléphone : 06 69 43 55 03 Signature : 1
Coordinatrice pédagogique groupe : Ségolène MANUEL Mail : segolene.manuel@idraclyon.com Téléphone : 04 72 85 18 12 OBJECTIFS & COMPETENCES Objectif(s) et descriptif du cours Prise en main de l'outil Dreamweaver Création d'un emailing de Photoshop à Dreamweaver puis à Mailchimp Initiation aux principaux CMS Worpress Joomla Dupal Prestashop Création d'un projet de webdesign responsive Compétences à acquérir Savoir créer de A à Z un site Web à l'aide de CMS et de framework. Appréhender plus précisément le webdesign à l'aide de framework. Savoir créer et intégrer de nouveaux styles CSS permettant de modifier le design. Savoir créer un projet de campagnes de newsletter de la créa au routage Résumé du cours Ce cours vient à la suite du cours SYSB101 et SYSB102 d'initiation aux logiciels Web dispensé en S1, S2. Il a pour objectif d'approfondir les connaissances acquises sur la réalisation de site Internet, de gestion de campagne de newsletter, de création de webdesign, à travers l'utilisation d'outils comme Dreamweaver, Photoshop/Illustrator pour la création, Mailchimp pour l'emailing, et de CMS comme Wordpress, Joomla, Drupal, Magento, et de framework comme bootstrap. FORMULE PEDAGOGIQUE & EVALUATION Prérequis SYSB202 du Programme RESPONSABLE DE COMMUNICATION ou d un programme jugé équivalent. Déroulement (cf maquette académique) FFP APP Blended Learning 14 H 6 H soit 1 Volume horaire Soit 7 séances de séance de présentation 2H de 2H et 4 séances d 1H TE / TI Evaluation intégrée 2
Supports pédagogiques Support PowerPoint, tutoriaux et dossier exemple sur E-campus. Outil E-Learning Elephorm sur le Learning Lab Évaluation Types Description % Contrôle continu L évaluation comportera deux éléments : - Evaluation d un dossier complet de création d un site vitrine. Note de groupe (2 personnes). Coefficient 3 - Une note de QCM de 30 mn. Note individuelle. Coefficient 1. 100% Examen écrit Examen oral Dossier Partie I : Durée de 6 heures (dont E-Learning) PLAN DETAILLE 1. Prise en main de de l'outil Dreamweaver 2. Approfondissement des styles et de l'html Compétences à acquérir : Compétence 1 Savoir utiliser Dreamweaver Compétence 2 Savoir positionner : Images Vidéo Formulaires, savoir créer un Design Responsive Compétence 3 Connaître les différents types de règles CSS Les différences entre Html4 (emailing) et Html5 BIBLIOGRAPHIE Goetter,R., (2013), HTML 5 - Une référence pour le développeur web - HTML 5 - CSS 3 - JavaScript - DOM - W3C and WhatWG - Drag and drop - Audio/vidéo - Canvas - Géolocalisation - Hors ligne - Web Sockets - Web Storage - File API Microformats, Ed Eyrolles, Draillard F., (2013), Premiers pas en CSS3 et HTML5, Ed Eyrolles, 3
Partie II : Durée de 6 heures (dont E-Learning) 1. Création d'un emailing de Photoshop à Dreamweaver puis à Mailchimp 2. Initiation aux principaux CMS Worpress Joomla Dupal Prestashop Compétences à acquérir : Compétence 1 : Savoir créer un emailing de la créa sous Photoshop à l'optimisation sous Dreamweaver à la personnalisation et au routage sous Mailchimp Compétence 2 : Connaître les principales fonctionnalités des CMS Wordpress, Joomla, Drupal, Magento BIBLIOGRAPHIE : Bois, L. et Bois F.X, (2013), WordPress 3.5 pour le blogueur efficace - Administration, personnalisation, référencement, marketing, e-commerce, publication mobile, Ed Eyrolles, Brault Y. et Plenel E., (2010), Concevoir et déployer ses sites web avec Drupal : Drupal 6, Présentation de Drupal Draillard F., (2013), Premiers pas en CSS3 et HTML5, Ed Eyrolles, 472p. Fleureau G., (2013), L'emailing efficace - Toutes les techniques pour atteindre vos destinataires, Ed Eyrolles. Meyer, G N. et Pauly D., (2013), Créez vos sites Web avec Joomla! 3-100 % pratique, Ed Dunod, 7, Ed Eyrolles, Blanchard M., (2010), Magento : Réussir son site e-commerce - Couvre Magento 1.4, Ed Eyrolles, Partie III : Durée de 8 heures (dont E-Learning) 1. Création d'un projet de webdesign responsive sous CMS et framework sur une thématique validée 2. Dossier et soutenance du projet 4
Compétences à acquérir : Compétence 1 : Savoir Conduire et réaliser un projet de site web vitrine dans les délais Compétence 2 : Savoir réaliser les délivrables (cahier des charges web, dossier) BIBLIOGRAPHIE : Bordage S., Thévenon D. et Dupaquier L., (2011), Conduite de projet Web, 6 ème édition, Ed Eyrolles, Draillard F., (2013), Premiers pas en CSS3 et HTML5, Ed Eyrolles, Lectures obligatoires : BIBLIOGRAPHIE Draillard F., (2013), Premiers pas en CSS3 et HTML5, Ed Eyrolles, 472p. Lectures recommandées : Goetter,R., (2013), HTML 5 - Une référence pour le développeur web - HTML 5 - CSS 3 - JavaScript - DOM - W3C and WhatWG - Drag and drop - Audio/vidéo - Canvas - Géolocalisation - Hors ligne - Web Sockets - Web Storage - File API Microformats, Ed Eyrolles, 727p. Fleureau G., (2013), L'emailing efficace - Toutes les techniques pour atteindre vos destinataires, Ed Eyrolles.200p. Meyer, G N. et Pauly D., (2013), Créez vos sites Web avec Joomla! 3-100 % pratique, Ed Dunod, 288p. Bois, L. et Bois F.X, (2013), WordPress 3.5 pour le blogueur efficace - Administration, personnalisation, référencement, marketing, e-commerce, publication mobile, Ed Eyrolles, 352p. Brault Y. et Plenel E., (2010), Concevoir et déployer ses sites web avec Drupal : Drupal 6, Présentation de Drupal 7, Ed Eyrolles, 420p. Blanchard M., (2010), Magento : Réussir son site e-commerce - Couvre Magento 1.4, Ed Eyrolles, 344p Bordage S., Thévenon D. et Dupaquier L., (2011), Conduite de projet Web, 6 ème édition, Ed Eyrolles, 480p. 5