FORMATIONS DIPLÔMANTES TITRE PROFESSIONNEL DU MINISTERE DE L EMPLOI M2i Formation - 146-148 rue de Picpus 75012 PARIS - Tél : 01 44 53 36 30 - Fax : 01 44 53 36 10 - Siret : 333 544 153 - Mail : formations-diplomantes@m2iformation.fr
Sommaire Le centre M2I Paris Picpus....................................................................3 Les locaux et le matériel :.....................................................................3 Le métier d infographiste metteur en page....................................................4 Programme et contenu.......................................................................4 Maîtrise des outils informatiques Gérer un poste de travail informatique........................................................5 Les dessous de l internet.....................................................................5 Gérer les images pour le web (Fireworks).....................................................6 Marketing d un site internet..................................................................6 Réaliser des pages web destinées à la chaîne d édition multimédia Réaliser des pages web élaborées (HTML, CSS, Dreamweaver).................................7 Monter un site dynamique...................................................................7 Mettre un CMS en place......................................................................8 Gérer les réseaux sociaux (Facebook, Twitter...)................................................8 Intégrer la stratégie du web mobile...........................................................8 Elaborer des séquences d animation vectorielles interactives Concevoir un site web animé (Flash)..........................................................9 Intégrer la vidéo dans un site web............................................................9 Réaliser des infographies pour supports numériques Traitement de l image...................................................................... 10 Traitement de l image pour le print......................................................... 11 Notions de composition.................................................................... 11 Colorimétrie............................................................................... 12 Acrobat, un outil plein de surprises......................................................... 12 Architecture de la formation et préparation à l examen...................................... 13 Stage pratique en entreprise............................................................... 13 2
Le centre M2I Paris Picpus Désignation : M2i a plus de 20 ans d expérience et fait partie du groupe O2I. Adresse : 146-148 rue de Picpus - PARIS 75012 Responsable pédagogique : Jean-Luc RUBY Coordonnées : Téléphone : 01 44 53 36 30 Email : formation-diplomantes@m2iformation.fr Site : www.formations-diplomantes.com Activité principale : Formations diplômantes Les examens se déroulent chez M2i - 146-148 rue de Picpus - PARIS 75012 Les locaux et le matériel : Les locaux sont situés à Paris à côté de la gare Saint Lazare. Plus de 1500m² de plateau dans un immeuble récent. 32 salles de formation d une capacité de 6 à 16 personnes, des espaces de détente. Notre parc informatique permet de répondre à tous les besoins en PC et Mac. Notre matériel : 1 poste informatique par stagiaire mac ou pc (près de 300 machines) 2 Bancs de montage vidéo pro, Vidéo-projecteurs dans toutes les salles. Logiciels : Photoshop, Flash, Illustrator, Xpress, Indesign, Dreamweaver, PHP, Premiere, Encore DVD, After effects, Final Cut, Media composer, suite Office, Sage, SAP etc Tablettes Wacom, Appareils photos numériques, Camescopes HDDV pro. Une plate-forme e-learning contenant les supports de cours au format numérique. Pour connaître précisemment le détail de chaque formation, utilisez le QRCode ci-contre et faites votre choix parmi plus de 1000 formations répertoriées au catalogue M2i. 3
3 certificats de compétence professionnelle Le titre professionnel peut être composé d unités constitutives sanctionnées par des certificats de compétences professionnelles. Ces certificats sont décernés par les évaluateurs au vu des résultats des évaluations du candidat et au vu du dossier récapitulant le parcours du candidat. Chaque certificat atteste que son titulaire maîtrise un ensemble cohérent de compétences, aptitudes et de connaissances permettant l exercice d une des activités correspondant au titre visé. Le métier d infographiste metteur en page Le métier d infographiste metteur en page évolue beaucoup il a tendance à prendre le web en charge. La formation à ce titre se doit d évoluer et rejoint petit à petit des modules de la formation Infographiste Multimédia à Bac+2. Le métier est essentielement un métier d Exé comme on dit dans le jargon. Il s agit donc, pour le graphiste de travailler sous la responsabilité d un DA (Directeur Artistique) et de suivre ses consignes ou les besoins du client. L infographiste travaille le plus souvent dans une équipe (directeur artistique ou chef de projet, autres graphistes, développeurs informatiques etc...), sous la responsabilité d un concepteur, wesbmaster, éditeur, directeur artistique. A l aide des suites logiciels professionnels il exécute les mises en page, crée les logos, les affiches, les flyers et maintenant les sites web nécessaire à la communication des institutions ou des entreprises A l origine le graphiste dessinait, c est à dire imaginait ou reproduisait des formes, en noir et blanc ou en couleurs, plus ou moins réalistes. Il avait alors un profil proche de l illustrateur reproduisant une réalité plus ou moins transformée. Aujourd hui, l attente n est plus uniquement celle d une reproduction de la réalité mais aussi celle d une mise en scène d images et de textes pour composer une surface (mise en page) destinée à un support imprimé ou à un écran. Leur propos n est pas seulement de faire une belle image mais de résoudre également des problèmes de communications visuelles (transformer un concept, une idée en image). Choisir une typographie, placer un titre, recadrer une photo, calibrer un texte ; en assemblant des images et des textes, le graphiste transmet un message. Mieux, par son sens des formes, des lettres, du blanc et noir ou de la couleur et par sa gestion de l espace et de la composition, il saura créer une émotion s il a du talent. Programme et contenu La formation, d une durée de 1200 heures, se décompose en 3 modules de 400 heures : web, PAO et stage pratique en entreprise. Compte tenu de l évolution du web, des métiers et des logiciels, le programme détaillé ci-dessous est donné à titre indicatif et ne saurait être contractuel. 4
Maîtrise des outils informatiques Gérer un poste de travail informatique Cette séquence de formation permet de vérifier que tout le monde maîtrise l outil de travail qu est l ordinateur. Certains viennent du monde Mac, d autres ne sont pas des virtuoses de la souris. Quand on aborde le métier, il est primordial de maîtriser et comprendre parfaitement l organisation du disque dur, les paramétrages de la mémoire, les questions de sécurité, le partage des fichiers, les manipulations entre différents ordinateurs d un même réseau. Pour le web, le rangement et l organisation du disque dur sont un point à ne pas négliger. Les préceptes de base doivent être parfaitement utilisés (créer un dossier, déplacer un fichier, naviguer dans l arborescence du disque dur et des réseaux, gérer les partitions, paramétrer le système) Les dessous de l internet Devenir un acteur du web c est d abord comprendre les réseaux et leur architecture. En même temps il s agit de replacer l histoire de l internet, les dates et les acteurs principaux (la mise au point des protocoles, l invention du router, la création du TCP/IP et l organisation des DNS). Il appartient souvent au webmaster avec le service informatique et le service juridique de louer les noms de domaine qui feront le succès des sites de l entreprise. La gestion de l hébergement, même si elle incombe à un administrateur réseau qui est un poste informatique, doit être comprise et maîtrisée par les acteurs du web (utilisation FTP, rationalisation des espaces disques et des flux) Etre un acteur du web, c est : Travailler en équipe et comprendre le rôle de chacun des acteurs (des instances qui gouverne le net aux différents métiers qui président à son développement : W3C, Internic, Icann, WAI, Accessi- Web... Comprendre la chaîne de production d un site web, de l expression du besoin, à la rédaction des spécifications techniques et artistiques. Le cahier des charges étant le document fondateur, il convient d en maîtriser les détails ainsi que faire le point sur toutes les technologies qu il convient de savoir développer (sites statiques, sites dynamiques, sites d animation, CMS, réseaux sociaux...) La mise en page et la charte graphique étant un des facteurs dominant de la réussite d un projet web, il convient d analyser les signes qui la composent (sémiologie du web). A partir de là et d analyses comparatives, les étudiants conçoivent leur propres sites, puis des sites soumis à des contraintes clients. La structure d un site web obéissant à des règles bien connues, il convient de les appliquer. La notion d arborescence, d en tête et de pied de page sont primordiales et la maîtrise d outils de conception et de maquettage vont permettre de communiquer avec les futurs clients ou avec les responsables hiérarchiques. Les notions de lien ayant fait le succès du langage html, il faut en maîtriser l usage (types de liens : liens relatifs et absolus, liens internes, vérifier les noms de chemin et apprendre les règles de nommage. ) comme les principes d ergonomie et d interactivité. Enfin les grands principes du marketing web sont indispensables à connaître car un site aujourd hui est fait pour promouvoir ou vendre des produits ou des idées. 5
Gérer les images pour le web (Fireworks) Pour les gens d images le web a des contraintes et des spécificité qu il est facile de gérer sans pour autant utiliser un logiciel complexe comme Photoshop. Fireworks est un outil de traitement d images conçu pour le web et parfaitement harmonisé avec Dreamweaver. C est pourquoi son utilisation est recommandée. Interface, outils, pratique du logiciel va permettre de traiter les images afin de les optimiser pour le web C est le moment de connaitre les différents formats d images utilisés sur internet et de jouer sur les tailles et les résolutions les plus recommandées L outil permet de générer des images interactives, des rollover, des boutons, des animations qui seront autant d enrichissement des pages web Marketing d un site internet E-Marketing Définir une stratégie de marketing en ligne Réaliser, optimiser le référencement (SEO/SEM/SMO) Affiliation et partenariats Concevoir, rédiger et gérer une newsletter E-mailing et co-registration : segmentation, ciblage, location de fichiers et prestataires, concevoir une campagne Marketing viral Concevoir et réaliser une campagne publicitaire en ligne Concevoir une campagne de liens sponsorisés Web mobile E-commerce : développer un site marchand Réaliser les business plans et les devis Mesurer l audience d un site et son ROI (Web analytics) Stratégies de fidélisation des internautes et des e-clients 6
Exécuter la mise en page et la publication d un site internet Réaliser des pages web élaborées (HTML, CSS, Dreamweaver) L apprentissage des langages Apprentissage des langages d édition et de structuration des pages web : le Html et les CSS. Pratique des langages de balise, mise en place des feuilles de style. Développement en HTML 5 et CSS 3 (nouvelles balises, nouvelles approches, compatibilité) pratique de la mise en forme Formation sur les langages plus élaborés comme javascript et les bibliothèques Jquery Création des pages du site Utiliser les <di>, architecturer les paragraphes, insérer les images et les animations. Mettre en place les liens externes et les liens internes. Gérer les données tabulaires, les listes à puce Utilisation des outls d édition Prise en main de Dreamweaver (interface, outils, préférences, pratique du logiciel) Configuration et pratique des différents tableaux de propriétés Avantages du wisiwyg Monter un site dynamique Qu est ce qu un site dynamique? Installation du serveur locale (Easyphp ou Wamp). Interface de Dreamweaver pour les sites dynamiques. Configuration d un site dynamique : frontoffice, backoffice. Création d une connexion à une base de données. Gestion d une base de donnees Pratique de phpmyadmin, réflexion sur la structuration d une base de données (Merise) Apprentissage du langage propre aux bases de données (SQL) Création de tables Création, modification, suppression d enregistrements Classement, recherche d informations Découverte du langage PHP Les éléments du langage et rédaction de programmes en php Règles de programmation appliquées aux sites dynamiques Possibilités de Dreamwaever Couplage d UNE BASE DE DONNEES A UNE PAGE WEB Pratique des formulaires Paramétrage d un jeu d enregistrement. Mise en pratique des vastes possibilités qu offrent la gestion des pages dynamique dans Dreamweaver (sécurisation, catalogue de produits, sites de e-commerce, gestion de panier, gestion de clientèles) 7
Mettre un CMS en place L évolution des technologies ont donné naissance à des Systèmes de Management de Contenus (CMS) qui simplifient la programmation. Ainsi, le webdesigner peut-il se consacrer davantage à la communication et aux contenus plutôt qu à l informatique. Panorama des technologies en place (Spip, Joomla, Drupal, Wordpress, Prestashop) Deploiement de Wordpress Etude de Wordpress, mise en place, déploiement, utilisation Prise en main de l interface et utilisation du tableau de bord Configuration, intervention sur la feuille de style, mise en place des plug-in etc... Conception, rédaction des pages, mise en place des billets Stratégie de communication Gérer les réseaux sociaux (Facebook, Twitter...) Panorma des réseaux sociaux et leurs spécificités Facebook, principes, fonctionnement, paramétrages, politiques éditoriales Twitter, principes, fonctionnement, paramétrages, politiques éditoriales Scoop.it, principes, fonctionnement, paramétrages, politiques éditoriales Linkedin, Viadeo et les autres : principes, fonctionnement, paramétrages, politiques éditoriales Webmastering et community management Spécificités de chaque métier et tâches en recouvrement Création et Gestion des communautés Stratégie de communication Actions quotidiennes, actions hebdomadaires Contrôle et surveillance des flux (forum etc...). Web attitude Intégrer la stratégie du web mobile Savoir définir l architecture d une application pour mobile - Comprendre les spécificités d HTML, JavaScript et CSS propres au développement mobile - Être capable de stocker des informations dans une base de données sur le mobile - Faire interagir l application avec les fonctions de base du téléphone. Présentation des différentes plateformes mobiles A chaque mobile son SDK Applications web ou natives? Avantages et inconvénients de chaque choix Limites du développement dans un contexte mobile La solution web mobiles Les autres solutions Créer des produits pour les tablettes numériques Installation des outils et des composants Créer et visualiser un projet Prise en main du Digital Publiqhing Découverte du monde Androïd 8
Elaborer des séquences d animation intéractives Concevoir un site web animé (Flash) Animer un site avec le logiciel Flash Les animations enrichissent largement un site web. Il convient de savoir : en concevoir au format SWF Utiliser des fichiers Photoshop et Illustrator pour faciliter la création d interfaces Créer des interpolations de mouvements et de formes Paramétrer les trajectoires Intégrer des vidéos Exporter et compresser les animations Simuler la multi-publication Publier les animations en SWF ou en HTML 5 dans des pages web. Concepts de base, prise en main de l interface, conception et réalisation d une animation pour le web. Aborder les bases de la programmation en ActionScript 3 Apporter de l interactivité à des contenus graphiques Modifier les propriétés des objets et les animer en utilisant des classes d animation Réaliser des interfaces vidéo composites Réaliser des panoramiques Optimiser la construction de bannières Intégrer la vidéo dans un site web La vidéo sur le web est souvent assimilée à une technique de communication qui s appelle le buzz ou la communication virale. Cette séquence de formation vise à informer sur les techniques vidéos à mettre en oeuvre pour mettre en place des films sur un site web. Le webmaster se doit de connaître l écriture vidéo et les outils nécessaire au montage d un film. Il aura toujours à récupérer des extraits, reprendre un générique ou gérer les compressions. Prise en main des outils vidéo : Premiere pour le montage et Flash encoder pour la mise en ligne (Interface, outils, paramétrage, méthodologie de montage) Paramétrage et utilisation de YouTube 9
Préparer des graphismes et photomontages pour des supports numériques Traitement de l image La suite des logiciels graphiques ADOBE est incontournable. Utilisée absolument partout et dans tous les métiers de communication cette suite est l outils privilégié voir unique des infographistes multimédia. Dans son travail, ce dernier aura à traiter aussi bien de la communication web que de la communication papier. Ainsi donc, la formation passe nécessairement pas la maîtrise que sont les logiciels : PHOTOSHOP (traitement de l image) ILLUSTRATOR (création et illustration) INDESIGN (mise en page) Une grande partie de la formation leur est dédiée. Il s agit évidemment de prendre en main les interfaces et de maîtriser les outils spécifiques à chaque logiciel mais surtout de réaliser des flyers, des pochettes de disque, des affiches, des catalogues, des illustrations, des logos, des programmes etc... sous la conduite de formateurs qui sont tous issus des arts graphiques. Plus que la manipulation des logiciels, la formation apporte le tour de main du professionnel, les trucs et les astuces qu on ne trouve qu en agence ou dans les studios de créa. Les étudiants sont conduits à l élaboration d effets spéciaux, de traitements d images, de mises en page professionnel au service d une communication pensée, par un Directeur Artistique pour un but précis de communication. Le motion designer saura : Préparer la production et les médias (texte, images fixes ou animées...) Réaliser des graphismes et illustrations fixes élaborés Réaliser des photomontages complexes Concevoir et mettre en page des documents imprimés simples Il connaîtra Les principes de l image numérique. Le dessin et la création d un story board Les chaînes de diffusion : graphique et numérique Les outils et techniques de numérisation d images. Les contraintes liées à la résolution et aux modes colorimétriques. Les imports de fichiers. Les différents formats d enregistrement de fichiers. Les règles typographiques en vigueur sur Internet. Et surtout une bonne connaissance de la grammaire et de l orthographe. Il aura des cours de créativité et de mise en page 10
Préparer et finaliser la mise en page d un document imprimé Traitement de l image pour le print Toute personne désireuse de concevoir des images efficaces, tant pour s exprimer que pour communiquer, doit développer ses connaissances ainsi que ses habiletés d analyse et de synthèse. Pour l étudiant, il s agit précisément de l apport majeur du cours conception visuelle Réfléchir. Étudier l image implique de s interroger à partir de ses propres repères, de ses intérêts spécifiques, de son vécu et de ses valeurs personnelles. Réfléchir, c est se faire sa propre opinion, indépendamment de celles des autres, la structurer et l exprimer. Analyser. Il ne suffit pas de constater qu une image existe, et de l apprécier ou non. Le bon communicateur cherche à comprendre l image; il évalue son impact et son efficacité en fonction du message qu elle doit transmettre. Il s agit d évaluer objectivement son contenu. Créer. Le concepteur d images de communication doit organiser divers éléments en un tout cohérent, c est-à-dire faire une synthèse. D une façon plus ou moins exacte, on donne le nom de création à cette opération. Cela est vrai car la création est essentiellement de la synthèse. Par contre, la notion de créativité est trop souvent confondue avec celle d originalité. Un bon concepteur sait contrôler le contenu de son image. Il effectue alors une synthèse efficace. Connaître. La sémiologie de l image fonctionnelle comporte des notions théoriques et des termes qui lui sont propres. Notions de composition Approche instinctive Des mots aux images Des images aux mots Approche volontaire et maîtrisée Composition dynamiques Composition statiques Les jeux du pair et de l impair Equilibres et chaos Le nombre d or Les masses et les volumes Etudes des surfaces, des contrastes, des proportions Dynamique des masses et des volumes La couleur Les principes fondamentaux Couleur additive vs soustractive Notions d harmonies Principes harmoniques Nuanciers professionnels Stylisation Principes et exemples de Styles Les trois formes fondamentales Du réalisme à l abstraction Matière et rendu L aspect final d une image Dureté, neutralité, douceur, granularité, fractale, etc. La typographie Procédés de fabrication actuels 11
Colorimétrie Couleur et perception Spectre et couleur perçus par l oeil humain Synthèse additive et soustractive Les espaces colorimétriques Lab, TSL, RVB, CMJN, Pantones Contraintes liées à la reproduction des couleurs Séparation de couleur en contrôlant le taux d encrage La gestion des couleurs en pré-presse Retrait des sous-couleur GCR, UCR Papier hydrométrie et trame Gestion théorique de la couleur Espace chromatique dépendant et indépendant des périphériques Solution pour la reproduction fidèle et prévisible de la couleur Approche de la caractérisation des profils Moniteur, scanner, et imprimante Profils ICC et conversion d espaces Gestion des profils entre applications Réglages des préférences couleur dans les logiciels Adobe des Creative Suite CS3, CS4, CS55 et dans QuarkXPress La gamme de couleurs Les gamuts des périphériques d acquisition, d affichage, d impression Gestion de l espace et profils Principe de fonctionnement Calibration et caractérisation à l aide des appareils de contrôle (colorimétrie et spectrophotomètre) Calibration et création des profils pour les périphériques (moniteur, scanner, imprimante) Gestion des systèmes d épreuvage Couleurs non imprimables Acrobat, un outil plein de surprises Maîtriser Acrobat ce n est pas une mince affaire. Entre la création des fichiers.pdf et le multimédia, il y de nombreux moyens d utiliser ce logiciel dans beaucoup de métiers différents. Il est utilisé Pour les circuits de révision Pour créer et maîtrise des formulaires Pour le contôle des fichiers le pré-presse Pour son inter-activité Les étudiants le verront donc sous toutes ses formes. Interface, outils, pratiques seront abordés dans la formation. 12
Architecture de la formation et préparation à l examen Alternant phases pratiques et phases théorique la formation poursuit son objectif : préparer les étudiants au métier de monteur graphiste vidéo et leur permettre de passer l examen avec succès. La description précédente s architecture autour de 3 grandes phases : La PAO avec la suite Adobe sur 400h. Le Web avec la suite Adobe et les langages de programmation sur 400h. Et une période pratique en entreprise de 400h. Chaque période est sanctionné par un examen qui s appelle ESV (Evaluation des sessions de Validation). Il s agit d examens blancs permettant de faire le point sur les connaissances acquises et permettant aux candidats de se mettre dans les conditions qu ils rencontreront devant le jury. Stage pratique en entreprise La réglementation concernant les stages pratiques en entreprise évolue, cependant cette partie de la formation reste l ultime moment de confrontation avec la réalité terrain. Cette période reste donc un moment fort de la formation. Il est de moins en moins facile de trouver un stage en entreprise. Mise en place de Techniques Recherche de stages en entreprise qui s apparentent aux techniques de recherche d emploi. Préparation des CV et des lettres de motivation, techniques de recherche sur internet et planification des recherche. La période pratique s étale sur moins de 3 mois afin de ne pas pénaliser les entreprises d accueil. Cette période permet à nos étudiants de s adapter aux Us et coutumes en vigueur et de mettre leur talent au service de la productivité. Cette période comme les auttres est évaluée par le tuteur qui en entreprise guide les étudiants. Un lien permanent avec le centre de formation est maintenu pour faciliter l intégration. 13