Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Conception du site vitrine pour la MIAGE d’Amiens avec le CMS Drupal

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Plan Description du site – Utilisateurs – Informations – Analyse de l’existant Recommandations techniques – Le CMS Drupal – Installation du CMS – Construction du site – Personnalisation du thème – Intégration des contenus – Référencement – Ergonomie et accessibilité – Administration – Optimisation du site – Mise en production Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Description du site

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Présentation Nous avons besoin d’un site qui présente la MIAGE d’Amiens Description du site Présentation Utilisateurs Informations Analyse de l’existant Recommandations Techniques Le CMS Drupal Installation du CMS Construction du site Personnalisation du thème Intégration des contenus Référencement Ergonomie et accessibilité Administration Optimisation du site Mise en production Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Utilisateurs Des étudiants désireux de connaître la formation et éventuellement de s’y inscrire Des entreprises cherchant à nous contacter soit pour développer des partenariats soit pour proposer des sujets d’alternance ou des offres d’emploi Description du site Présentation Utilisateurs Informations Analyse de l’existant Recommandations Techniques Le CMS Drupal Installation du CMS Construction du site Personnalisation du thème Intégration des contenus Référencement Ergonomie et accessibilité Administration Optimisation du site Mise en production Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Informations Présentation générale de la formation Débouchés métiers Présentation des contenus pédagogiques (UEs, MCC) de la licence et du Master Présentation de la professionnalisation (alternance, contrat d’app, de professionnalisation) Description du site Présentation Utilisateurs Informations Analyse de l’existant Recommandations Techniques Le CMS Drupal Installation du CMS Construction du site Personnalisation du thème Intégration des contenus Référencement Ergonomie et accessibilité Administration Optimisation du site Mise en production Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Informations Les contacts (resp année, scolarité, apprentissage…) – mail et téléphone Un formulaire de contact permettant de nous faire une demande en direct Situation géographique – adresse postale, coord GPS, plan Description du site Présentation Utilisateurs Informations Analyse de l’existant Recommandations Techniques Le CMS Drupal Installation du CMS Construction du site Personnalisation du thème Intégration des contenus Référencement Ergonomie et accessibilité Administration Optimisation du site Mise en production Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Informations Lien vers le CROUS et la ville d’Amiens Une revue de presse Les dossiers de candidature, fiche de faisabilité, calendrier d’alternance à télécharger Description du site Présentation Utilisateurs Informations Analyse de l’existant Recommandations Techniques Le CMS Drupal Installation du CMS Construction du site Personnalisation du thème Intégration des contenus Référencement Ergonomie et accessibilité Administration Optimisation du site Mise en production Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Analyse de l’existant Le site : Dossier d’habilitation contenant une grande partie des informations Description du site Présentation Utilisateurs Informations Analyse de l’existant Recommandations Techniques Le CMS Drupal Installation du CMS Construction du site Personnalisation du thème Intégration des contenus Référencement Ergonomie et accessibilité Administration Optimisation du site Mise en production Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Recommandations Techniques

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Le CMS Drupal adapté à un usage professionnel polyvalent, multilingue et multi-site évolutif et adaptable maintenable facilement performant et optimisable maniable et facile à utiliser sécurité et qualité Description du site Présentation Utilisateurs Informations Analyse de l’existant Recommandations Techniques Le CMS Drupal Installation du CMS Construction du site Personnalisation du thème Intégration des contenus Référencement Ergonomie et accessibilité Administration Optimisation du site Mise en production Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Installation du CMS consultation de la documentation en ligne installation (fichiers + base de données MySQL) Prise en main paramétrage de base Description du site Présentation Utilisateurs Informations Analyse de l’existant Recommandations Techniques Le CMS Drupal Installation du CMS Construction du site Personnalisation du thème Intégration des contenus Référencement Ergonomie et accessibilité Administration Optimisation du site Mise en production Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Construction du site Modules, blocs, hooks ne jamais toucher aux « fichiers Core de Drupal » : Toutes les adaptations ou personnalisations se font au sein du dossier « /sites/all/… » installation et utilisation des modules existants sans les « hacker » Description du site Présentation Utilisateurs Informations Analyse de l’existant Recommandations Techniques Le CMS Drupal Installation du CMS Construction du site Personnalisation du thème Intégration des contenus Référencement Ergonomie et accessibilité Administration Optimisation du site Mise en production Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Personnalisation du thème respect de la charte graphique de l’UPJV réalisation d’un gabarit sous Adobe Illustrator ou Photoshop exportation du gabarit pour le web en respectant les standard du W3C en vigueur (HTML5 et CSS3) et en optimisant des éléments du graphisme Description du site Présentation Utilisateurs Informations Analyse de l’existant Recommandations Techniques Le CMS Drupal Installation du CMS Construction du site Personnalisation du thème Intégration des contenus Référencement Ergonomie et accessibilité Administration Optimisation du site Mise en production Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Personnalisation du thème responsive design (ergonomie) création à partir d’un thème existant (Bartik ou Garland par exemple) installation du thème Description du site Présentation Utilisateurs Informations Analyse de l’existant Recommandations Techniques Le CMS Drupal Installation du CMS Construction du site Personnalisation du thème Intégration des contenus Référencement Ergonomie et accessibilité Administration Optimisation du site Mise en production Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Intégration des contenus Le site : Dossier d’habilitation contenant une grande partie des informations : « Habilitation MIAGE.rar » Description du site Présentation Utilisateurs Informations Analyse de l’existant Recommandations Techniques Le CMS Drupal Installation du CMS Construction du site Personnalisation du thème Intégration des contenus Référencement Ergonomie et accessibilité Administration Optimisation du site Mise en production Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Référencement SEO (Search engine optimization) plan de site (site map) friendly URL (réécriture d’URL « intelligente ») définition de mots clés et description des contenus (metadata) ajout des liens vers les réseaux sociaux liens croisés Description du site Présentation Utilisateurs Informations Analyse de l’existant Recommandations Techniques Le CMS Drupal Installation du CMS Construction du site Personnalisation du thème Intégration des contenus Référencement Ergonomie et accessibilité Administration Optimisation du site Mise en production Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Ergonomie et accessibilité WAI responsive design friendly URL Description du site Présentation Utilisateurs Informations Analyse de l’existant Recommandations Techniques Le CMS Drupal Installation du CMS Construction du site Personnalisation du thème Intégration des contenus Référencement Ergonomie et accessibilité Administration Optimisation du site Mise en production Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Administration authentification LDAP définition des rôles et des droits associés Description du site Présentation Utilisateurs Informations Analyse de l’existant Recommandations Techniques Le CMS Drupal Installation du CMS Construction du site Personnalisation du thème Intégration des contenus Référencement Ergonomie et accessibilité Administration Optimisation du site Mise en production Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Optimisation du site (tuning) limitation du nombre de modules mise en cache des fichiers HTML, CSS, JS optimisation des images Description du site Présentation Utilisateurs Informations Analyse de l’existant Recommandations Techniques Le CMS Drupal Installation du CMS Construction du site Personnalisation du thème Intégration des contenus Référencement Ergonomie et accessibilité Administration Optimisation du site Mise en production Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Mise en production consultation des rapport visibles via le tableau de bord d’administration de Drupal mise à jour éventuelle des modules test du site déploiement du site Description du site Présentation Utilisateurs Informations Analyse de l’existant Recommandations Techniques Le CMS Drupal Installation du CMS Construction du site Personnalisation du thème Intégration des contenus Référencement Ergonomie et accessibilité Administration Optimisation du site Mise en production Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Planning Projets à déposer avant le : 31/05/2013 Soutenance en groupe (présentation de 20 minutes) : 04/06/2013 Description du site Présentation Utilisateurs Informations Analyse de l’existant Recommandations Techniques Le CMS Drupal Installation du CMS Construction du site Personnalisation du thème Intégration des contenus Référencement Ergonomie et accessibilité Administration Optimisation du site Mise en production Planification

Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE C’est fini ! Merci de votre patiente attention