LA PUBLICATION SUR ELYCO 1.Organisation visuelle de l’information sur le site (Charte graphique, identité numérique) 2.Amélioration de la qualité et la.

Présentation au sujet: "LA PUBLICATION SUR ELYCO 1.Organisation visuelle de l’information sur le site (Charte graphique, identité numérique) 2.Amélioration de la qualité et la."— Transcription de la présentation:

1 LA PUBLICATION SUR ELYCO 1.Organisation visuelle de l’information sur le site (Charte graphique, identité numérique) 2.Amélioration de la qualité et la lisibilité des interfaces de l’établissement (navigation Extranet et Internet) 3.Création de contenu à valeur ajoutée (écrits, visuels, interactifs, etc…) 4.Participation à l’accroissement de la visibilité de l’établissem ent (site web, médias sociaux) 5.Intégration de fluxRSS... Programme de l’atelier

2 LA COMMUNICATION INSTITUTIONNELLE Panorama, fonctionnalités et articulation entre les outils de communication à la disposition des établissements https://www.mindomo.com/mind map/communication- institutionnelle- 627831dd75f14c629800b4d6c2ba 843b

3 LA COMMUNICATION INSTITUTIONNELLE site WEB/ELYCO : INFORMER Mise à disposition de contenus partageables Encouragement au partage Contenu vérifié, qualifié, qui fait autorité Médias Sociaux : INFORMER, DIALOGUER, VEILLER Gain de notoriété, autorité, réputation Optimisation du référencement Large public avec visibilité immédiate Nouveaux angles, expressions d’intérêts Accroissement du lectorat : dialoguer, fidéliser (créer une communauté)

4 LA COMMUNICATION INSTITUTIONNELLE Un site Web http://www.gsc49.com/index.html http://www.gsc49.com/index.html Communication Institutionnelle : Missions, visions et propositions de l’établissement Pages Web avec relais d’informations vers les medias sociaux (bouton et intégration de flux) et vers les blogs de l’ENT http://www.gsc49.com/liens_reseaux_sociaux,189,3,1.html

5 LA COMMUNICATION INSTITUTIONNELLE Un ENT public http://gsc49.paysdelaloire.e-lyco.fr/http://gsc49.paysdelaloire.e-lyco.fr/ Communication profilée : mise en avant de l’actualité de l’établissement pour une meilleure représentation de la vie à l’intérieur. Inviter à se connecter, relayer les informations par des liens hypertextes et flux RSS http://gsc49.paysdelaloire.e-lyco.fr/lycee-general-et-technologique/ Intégrer des posts Facebook dans les actualités de l’établissement http://gsc49.paysdelaloire.e-lyco.fr/lycee-general-et-technologique/a-la- une/ Relayer Facebook ET twitter http://gsc49.paysdelaloire.e-lyco.fr/institut-superieur-i2sc-cefoc/les- actualites/ Mettre en place des boutons de partage sur les articles de blog http://gsc49.paysdelaloire.e-lyco.fr/lycee-general-et-technologique/a-la- une/futsal-qualifies-en-finale-departementale--17674.htm Développer sa veille informationnelle par fluxRSS et Twitter http://gsc49.paysdelaloire.e-lyco.fr/institut-superieur-i2sc-cefoc/l- espace-documentaire/

6 Les Médias Sociaux Sur FACEBOOK : Etre là où se fait l’audience – Toucher de nouvelles cibles surtout chez les jeunes https://www.facebook.com/Gsc49 https://www.facebook.com/I2SC.CEFOC?sk=wall Communication publique : événements, concours, actualités, posts courts avec beaucoup de visuels, liens vers articles de blog (en savoir+), provoquer de l’engagement (j’aime, commentaire et partage), se constituer une communauté. https://www.facebook.com/Gsc49/posts/796506683780113 LA COMMUNICATION INSTITUTIONNELLE

7 LA PUBLICATION SUR ELYCO ETAPE 1 - Définir l'arborescence et la navigation La règle des 5 à 7 Limitez les choix de navigation La règle des 3 clics Des liens (un sommaire interactifs, des hyperliens, des flux de contenus) La liste dynamique d'objets Structurez l’information Favorisez le processus de balayage-ancrage : faites en sorte que l’information soit repérable directement en faisant ressortir les différents éléments éditoriaux. Utilisez la liste à puce

8 LA PUBLICATION SUR ELYCO ETAPE 2 - Préparer une maquette de page Segmenter la page Définissez les blocs de textes et d'éléments multimédia Utilisez les modèles / gabarits Déterminez quels sont les éléments les plus importants et attribuez-leur un plus grand espace Les zones de publication sur e-lyco Pour une page sans encadré la largeur maximale est de 758 pixels. Pour une page avec encadré la largeur maximale est de 534 pixels. L'encadré de rubrique est de 194 pixels.

9 7 Modèles de présentation Mise à disposition de gabarit-template 1.deux colonnes égales 2. 2/3 - 1/3 3.3 colonnes 4.bandeau + 2 colonnes 5.2 colonnes + 3 colonnes 6.2 colonnes + 4 colonnes 7.3 lignes 3 colonnes QUALIF

10 LA PUBLICATION SUR ELYCO ETAPE 3 - Établir la charte graphique Créer une ambiance et des repères de lisibilité Mariage de la couleur, des textes et des images Définition les polices de caractères Construction des repères graphiques Utiliser les éléments graphiques pour favoriser le processus de balayage-ancrage. Ajout d’ espaces Utilisation des aplats de couleurs Délimitation par bordures de blocs Insertion de filets Choisir une palette de couleurs Création d’une palette de huit couleurs équilibrer les tons foncés, moyens et clairs. Des outils en ligne pour créer des harmonies de couleurs. http://colorschemedesigner.com https://kuler.adobe.com/#themes/random?time=0 http://pourpre.com/chromograf/index.html http://pourpre.com/outils/chromafiltre.php Une extension Firefox sert à capturer la couleur d’un pixel d’un élément d'une page web (police, image). https://addons.mozilla.org/fr/firefox/addon/colorzilla/

11 LA PUBLICATION SUR ELYCO ETAPE 3 - Établir la charte graphique Créer une ambiance et des repères de lisibilité Mariage de la couleur, des textes et des images Définition les polices de caractères Construction des repères graphiques Utiliser les éléments graphiques pour favoriser le processus de balayage-ancrage. Ajout d’ espaces Utilisation des aplats de couleurs Délimitation par bordures de blocs Insertion de filets Choisir une palette de couleurs Création d’une palette de huit couleurs équilibrer les tons foncés, moyens et clairs. Des outils en ligne pour créer des harmonies de couleurs. http://colorschemedesigner.com https://kuler.adobe.com/#themes/random?time=0 http://pourpre.com/chromograf/index.html http://pourpre.com/outils/chromafiltre.php Une extension Firefox sert à capturer la couleur d’un pixel d’un élément d'une page web (police, image). https://addons.mozilla.org/fr/firefox/addon/colorzilla/

12 LA PUBLICATION SUR ELYCO ETAPE 4 - Animer une page web Créer des montages photos Insérer une iframe Créer des images cliquables Développer les galeries de photos Insérer des vidéos Produire des formulaires Ajouter un compteur de visites Introduire un livre ou une revue feuilletable en ligne Intégrer des flux RSS, des Timelines…

13 L’éditeur de contenus  Nouvelle police par défaut : Trebuchet Ms  Insertion d’image : nouveau format « conserver la taille d’origine » + lien + lisibilité INFOGRAPHIE LIENS IMAGES ARTICLES : BLOG & PAGE D’ACCUEIL

14 Le blog  Choix du mode d’affichage  par date de dernière publication  par dates de dernières modifications  nouveau format d'affichage pour les listes d'articles  "Puces : titre"  plusieurs catégories possibles pour un même article

15 Les Flux RSS d’une rubrique publique Permettre aux lecteurs d’ajouter le flux RSS à leur agrégateur et ainsi être tenu informé des nouvelles publications d'articles sur le blog. ACTIVER UN FLUX RSS Accès Gestionnaire de rubrique Activer le Flux RSS (sélectionner : Rubrique visible par tous les utilisateurs, même non authentifiés) Accès Visiteur L’abonnement au Flux du blog est actif Accès rédacteur et + Insérer le flux dans un article Affichage avant et après validation Ajout du flux I2SC UNE GSCFLUX BLOG http://ctrlq.org/rss/

16 Galerie d’images Créer une galerie d'images 10 galeries par article 3 galeries par encadré 50 images par galerie Importer plusieurs images en un clic par glisser-déposer (50) Importer des images dans une galerie depuis le porte- documents (5) Importer des images dans une galerie depuis un ordinateur (1/1) Saisir une légende sur chaque image d'une galerie : 255 caractères Saisir un titre à la galerie : 255 caractères Délimiter la durée : 3 secondes par défaut NOUVEAUTÉS 3.7.5 QUALIF

17 Le service des formulaires  nouveau type de question en tableau : bouton radio  nombre de questions maximum d'un formulaire passe de 50 à 100. important : l'ancien service formulaires des rubriques sera supprimé cet été