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.

Présentation au sujet: "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."— Transcription de la présentation:

1 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

2 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

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

4 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

5 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

6 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

7 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

8 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

9 Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Analyse de l’existant Le site : http://stic.u-picardie.fr/2IBShttp://stic.u-picardie.fr/2IBS 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

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

11 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

12 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

13 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

14 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

15 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

16 Master 2 MIAGE 2COM – Atelier multimédia - Site vitrine pour la MIAGE Intégration des contenus Le site : http://stic.u-picardie.fr/2IBShttp://stic.u-picardie.fr/2IBS 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

17 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

18 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

19 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

20 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

21 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

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

23 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

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