Site Internet
29 Mai 2012
Le site internet aujourd’hui
2
Le site internet aujourd’huiDu point de vue technique
– 2 personnels techniques (maintenance + infographie)
– Infrastructure statique (basée sur des fichiers)
– 5000 pages au total
– Les sites des labos et de certaines composantes ne sont pas intégrés
Du point de vue de l’apparence– Homogénéité perfectible (surtout au niveau des labos)
• Menus
• Zoning
• Styles et identité graphique3
Le site internet aujourd’huiDu point de vue de la gestion du contenu
– Une vingtaine de correspondants web (composantes, services, labos)
– Edition du contenu fastidieuse (outil spécifique, opérations de copie)
– Edition du contenu semi-centralisée
– Des cibles pas clairement identifiées (contenus mal placés)
Pour le visiteur du site– Une identification insuffisante
– Interconnexion insuffisante avec le système d’information (pas à jour !)
– Trop dense4
Cadrage pour le nouveau siteOutil de communication externe
– Identifier les cibles• Futurs étudiants (français ou étrangers)• Monde socio-économique• Collectivités locales• Candidats à la reprise d'études (FC)• Enseignants et enseignants-chercheurs (français ou étranger)
– Tourné vers l’extérieur (les cibles)• ENT ou Intranet pour l’intérieur
– Centré sur les préoccupations des cibles• Pas de présentation de services … pour les services• Point d'entrée par profil (je suis un lycéen …)
5
Cadrage pour le nouveau siteEdition simplifiée et décentralisée
– Edition en ligne (pas d'outils spécifiques)
– Gestion fine des droits
– Gestion des versions
– Délégation
– Workflow saisie, validation, notification
Choix d’un CMS (Contents Management System)
6
Cadrage pour le nouveau siteInterconnexion avec les systèmes d’information
– Site dynamique (plus de pages statiques)
– Données mises à jour dynamiquement
– Intégration de news
– Agrégation de fils d'actualités
– Interopérabilité avec les réseaux sociaux
Choix d’un CMS
7
Caractéristiques du nouveau sitePlateforme technique
– 3 Serveurs (dev, prod, pré-prod)
– Sauvegarde automatique
– Logiciel CMS Drupal 6 + organigroups
Fonctionnalités– Intégration facile d'images et de films + carrousel
– Gestion des versions
– Création facile de nouvelles pages
– Multilingue manuel8
Caractéristiques du nouveau siteFonctionnalités
– Accessibilité (sous-titres images)
– Apparence homogène (déclinaisons …)
– Mots-clefs imposés pour une indexation efficace
– Intégration réseaux sociaux
– Gestion fine des droits
– Workflow d’édition, validation, notification
– Délégation des droits
9
Caractéristiques du nouveau siteStructure
– Axes stratégiques• Université• Formation• Recherche• International• Vie des campus• Partenariat
– Axes transversaux• Handicap• Développement durable• Bibliothèques• Outils numériques
10
Caractéristiques du nouveau siteZoning
– Pages
• Page d'accueilagrégation des actualités des axes stratégiques, carrousel, présentation, édito
• Pages d'accueil des axes stratégiquesprésentation et stratégie de l'axe, menu de l'axe, actualités de l'axe
• Autres pagesmenu, contenu 1 ou 2 colonnes
– Menus
• Menu supérieurpermanent, axes stratégiques
• Menu gaucheLié à l'axe
11
Caractéristiques du nouveau siteZoning
– Bloc à droite
• Actualités thématiques
• Listes d'articles
– Coin supérieur droit
• Entrée par profil
• Accessibilité
• Recherche sur le site
12
Caractéristiques du nouveau siteGraphisme
– Graphisme lié au zoning opérationnel
– Bandeau• Orientations
– Histoire (blason)
– Qualité de vie (campus ouvert)
– Pluridisciplinarité
– Montrer des étudiants
– Logo + texte
• Fondu enchaîné de photos
13
14