Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

SYLLABUS COURS EDITER UN SYLLABUS Contenu Ce syllabus a été validé par l'admini

SYLLABUS COURS EDITER UN SYLLABUS Contenu Ce syllabus a été validé par l'administration. Cela signiﬁe que vous ne pouvez plus le modiﬁer et que les étudiants peuvent le consulter depuis myGES. 1 - Détails du syllabus Intitulé: Création de site web - Wordpress Coefficient: 1.0 ECTS: 1.0 Volume horaire: 12.0 H Charge de travail étudiant: 55.0 H Examen ﬁnal Dossier Individuel Contrôle de connaissance Cas Pratique Durée de l'examen : 2.0 H Documents autorisés : Oui 2 - Informations complémentaires Critères d'évaluation Capacité à s'approprier des documents d'exécution / Capacité à structurer l'espace de mise en page et à hiérarchiser les informations de manière logique et ergonomique / Appropriation de l'outil Wordpress, de son interface et des outils connexes (templates et plugins) / capacité à transposer les fondamentaux théoriques sur un travail personnel / Capacité à s'approprier les techniques développées en cours Pré-requis Connaissances des fondamentaux en PAO (publication assistée par ordinateur), des ressources techniques et matérielles liées à la création de visuels et de supports web au sein d'une stratégie de communication réalisée en amont. Sémiologie et étude analytique de visuels et supports de communication. Méthodologie employée Fondamentaux > théories illustrées par des schémas et des exemples concrets dégagés d'expériences professionnelles variées. Utilisation des outils principaux du domaine du web tels que le CMS wordpress, les thèmes graphiques et les extensions diverses connexes, des éditeurs de codes et du langage html et css, à travers la création d'un site web Curriculum Vitae, pas à pas, en vue de comprendre la création visuelle, la typographie, l'ergonomie, la hiérarchisation de l'information, la structure de l'espace et la stylistique ; pour ensuite adapter ces connaissances théoriques et pratiques sur d'autres cas professionnels en entreprises. Approfondissement des outils au ﬁl des séances Création d'une arborescence, d'un habillage graphique propre et une identité visuelle claire et identiﬁable, des contenus iconographiques, éditoriaux et typographiques spéciﬁques aux thèmes abordés au sein du site. >> Chaque notion est abordée de manière théorique et contextualisée dans un cas concret pour être ensuite développée par les étudiants sur un sujet imposé aux possibilités créatives multiples. Présentation des gestionnaires de contenus dynamiques et des bases de données SQL. Mise en relation de ces outils avec la structure des pages et le référencement au travers de cas concrets et réels, en vue de confronter les étudiants aux ressources techniques, matérielles et humaines à mobiliser pour la mise en oeuvre d'un projet multimédia complet et d'être en mesure de rédiger des cahiers des charges et d'échanger avec des prestataires. Présentation des liens existants entre les logiciels de PAO servant à la création des éléments graphiques et identitaires, les logiciels de mise en page html/css et les CMS (Content Management System). Présentation des différents métiers liés à la création de site web et emailing, au développement des contenus et à l'optimisation du référencement. >> Chaque notion théorique est décomposée et contextualisée dans un cas concret, pour une compréhension complète et détaillée et une transposition pratique sur d'autres cas : Lien entre théorie et pratique INFORMATIONS GÉNÉRALES myGES - Extranet du Réseau GES https://www.myges.fr/teacher/syllabus/12088 1 sur 4 07/10/2021 10:08 Objectifs Pédagogiques Connaître le vocable technique lié à la création visuelle et aux outils connexes, ainsi échanger avec des professionnel du sérail, les diriger et coordonner leurs actions au sein d'une gestion de projet maîtrisée. Connaître les ressources matérielles et techniques liées à la création de supports web en vue d'établir des cahiers des charges techniques précis, d'échanger avec les prestataires. Capacité à réaliser un support opérationnel, à hiérarchiser l'information et rendre un raisonnement précis accompagnée d'une image réﬂéchie dont les tonalités sont maîtrisées. Capacité à mettre en place une veille informationnelle spéciﬁque, sur un domaine précis pour s'approprier toutes les notions abordées et les développer sur divers cas. Connaitre le CMS Wordpress, savoir l'installer, le conﬁgurer et le développer en suivant une arborescence conçu au préalable. Connaître les thèmes graphiques et les extensions disponibles en fonctions des données à gérer et de leur typologie. Utiliser un "page builder" tel qu'Elementor pour mettre en forme des maquettes et des zonings réalisés au préalable sur des logiciels dédiés. Comprendre la notion de serveurs web et locaux. Préparer des ﬁchiers pour l'édition multimédia. Connaître les différents domaines de création (Typographie, recherche iconographique, concepts créatifs, maquettes d'éxécution, suivi de production). Approcher le langage html/css et la mise en page web, créer et utiliser une identité visuelle. Savoir utiliser une charte graphique et ses codes. Comprendre et créer un site full responsive, sachant s'adapter à chaque supports et systèmes d'exploitation. Savoir gérer et développer du contenu dynamique et l'intégrer dans une structure html. Savoir théoriser ses pratiques. Utiliser et mobiliser ses connaissances théoriques et ses veilles opérationnelles en vue de développer ses pratiques. Références Crossknowledge Gestion de projet & mobilisation des ressources techniques, matérielles et humaine, édition de cahier des charges techniques, rétro-planning. Prise de contact avec des prestataires et suivi de production. Établir des devis et budgets détaillés. Comprendre le travail et l'importance d'un community manager, en vue de dynamiser la fréquentation d'un site web et d'optimiser son référencement. Comprendre les fonctions, les objectifs et la fabrication d'une campagne d'emailing. Ouvrages références Références Cyberlibris Autres références Outils informatiques Illustrator, photoshop, wordpress, Elementor, oceanwp, Local, word Contenu Détaillé 3 - Contenu détaillé des séances Contenu de séance Séance 1 : Présentation de la notion de plateforme multimédia interactive et connectée ( son/image/vidéo/textes/liens) Étude Mercatique - Déﬁnir des contenus - Fondamentaux en PAO : Résolution d'une image / Pixel / Vecteur / Modes colorimétriques / Formats de ﬁchiers - Étude de Cas > Édition multimédia : Visuels, supports, canaux de diffusion > Présentation des différentes plateformes multimédia existantes (sites d'informations, site de partages, sites de e-commerce, réseaux sociaux, sites de jeu, sites de streaming...) > Présentation de la notion de serveur, d'hébergement et de nom de domaine. Présentation de prestataires tels que OVH pour l'achat d'hébergement, noms de domaine et serveur dédié. > Présentation des langages informatiques utilisés pour la création de site web et des outils tels que wordpress (html/css, php/sql, javascript) > Présentation détaillée d'une base de données SQL 1 myGES - Extranet du Réseau GES https://www.myges.fr/teacher/syllabus/12088 2 sur 4 07/10/2021 10:08 > Présentation de la notion d'ergonomie, d'UI design et d'UX design et d'audit d'ergonomie, (interface, structure, contenus et accessibilité) > Présentation de la notion de site responsive et d'adaptabilité des pages, de leurs structures et de leurs contenus par rapport aux différentes tailles d'écran, leurs résolutions et par rapport aux différents supports de visualisation (tablettes, ordinateur, smartphone). > Présentation des CMS (Content Management System) tel que wordpress, des gestionnaires de contenus et de données dédiées au web. Présentation des notions de thèmes graphiques ou templates et d'extensions ou plugins. Présentation des notions d'interfaces d'administration et d'interfaces utilisateurs. > Présentation du site wordpress.org, site ofﬁciel permettant le téléchargement de l'outil wordpress de base, de ses thèmes et extensions. > Présentation de l'outil "local", serveur local dédié au développement de wordpress pour la création d'un site sur un réseau local sur l'ordinateur des étudiants : outil permettant l'installation automatisée de wordpress, des thèmes et des extensions via l'interface d'administration de wordpress. Téléchargement de l'outil et installation : présentation des supports de cours (tutoriel local et wordpress, programme de création de site web et stratégie de réseaux, programme d'ergonomie et grille d'évaluation d'ergonomie d'un site web) > Installation de wordpress avec le logiciel "local". > Présentation du sujet évalué en contrôle continu : Créer un site web "curriculum vitae et portfolio" présentant les activités professionnelles des étudiants, leurs compétences et expériences sensibles, leurs réalisations, leurs formations et leurs écoles, leurs centres d'intérêts via des articles traitant des sujets qui les intéressent, avec un formulaire de contact. Il s'agit d'un travail personnel à développer sur la durée du module : chaque étudiant doit déﬁnir l'arborescence du site, les contenus éditoriaux et visuels du site ainsi que la structures des pages et des articles à réaliser. Travail personnel Révision des cours, étude des supports de cours et des outils informatiques fournis Références Contrôles de connaissances Dossier Individuel Contenu de séance Séance 2 : Retour sur la séance 1 - > Réponse aux questions techniques diverses suite à l'étude des supports et des outils par les étudiants entre la séance 1 et la séance 2 > Analyse de l'interface d'administration de wordpress et étude de chaque rubrique proposée par l'interface pour gérer des données spéciﬁques. > Installation d'un thème graphique "Oceanwp" et conﬁguration de ce dernier. > Installation de 3 extensions "elemntor", "wpgallery" et "contactform7" et utilisation de ces derniers. > Créations des pages du site à réaliser et développement de l'interface utilisateur. > Approfondissement de la notion d'Ergonomie. > Retour sur les logiciels de PAO pour la préparation d'images utilisées pour l'habillage graphique du site et pour le développement de contenus. > Hiérarchisation des informations, raisonnement et variations visuelles. > Conception des structures de pages web . Travail personnel Revoir les cours et supports. Développer le site CV sur wordpress Références Contrôles de connaissances Dossier Individuel 2 Contenu de séance Séance uploads/Management/ syllabus-wordpress.pdf