Internet et les associations

Transcription

1 Internet et les associations Outil de gestion et de Communication Philippe Roose Maître de Conférences IUT de Bayonne/LIUPPA Biarritz

2 Le courrier électronique Mail, , mél, courriel Échange de messages, fichiers (pièces jointes) d un émetteur vers un ou plusieurs destinataires. Adresse électronique Offerte par le fournisseur d accès, Gratuite sur hotmail, google, etc. Mailing list Envoie/réception sur abonnements thématiques Exemple de logiciels : Thunderbird, Outlook

3 Les forums de discussion (1/2) ou newsgroups/forums de discussion Dépôt de messages, remarques, questions, réponses thématiques. Accès par yahoo, google, etc. Exemple de logiciels : Thunderbird, Outlook, ou navigateurs

4 Les forums de discussion (2/2)

5 Chat Visioconférence (1/2) Permet de dialoguer en temps réel avec une ou plusieurs personnes. Permet également la réalisation de visio-conférences (+webcam, + micro) Exemple de logiciels MIRC, Windows Messenger

6 Chat Visioconférence (2/2)

7 Naviguer Aller visiter un site ( Ensemble de pages web contenant des images/textes/animations/sons Exemples de sites Exemple de logiciels : Firefox, IE

8 Le site Internet Communication Générer de l information interne Permet de montrer et de communiquer sur l activité de l association Calendrier des événements, photos d événements passés, informations diverses, etc. Publicitaire Générer du flux Informationnel Générer de l information externe Web-application Générer du service fonctionnel Aide à la gestion Liste des adhérents + coordonnées (demande à la CNIL + sécurisation) Accès à certaines informations interne aux responsables et/ou adhérents Agendas, contacts partagés

9 Le site Internet Réflexion et conception très importante Mixage des 4 types de sites définis précédements Développement de A à Z : compétences spécifiques informatique, sémiologie, graphisme, ergonomie, scénarisation, etc. CMS (SPIP, JoomLa, etc.) : compétences en amont : idem précédemment en aval : peu, surtout du rédactionnel

10 Hébergement Je veux mon site! Concevoir le site «off-line» avec des outils d aide à la conception de site (Dreamweaver par exemple) Héberger le site Le stocker quelque part Hébergeurs gratuits monsiteàmoiquejai.free.fr Monsiteàmoiquejai.com : achat d un nom de domaine + hébergement (30 /an en moyenne)

11 Moteurs de recherche Recherche d informations google, yahoo, voila, etc. Ciblage difficile au début Ne pas hésiter à donner du détail «histoire» : environ «histoire biarritz» : environ «histoire biarritz napoléon» environ «histoire biarritz napoléon III» environ 25900

12 Et l IUT de Bayonne dans tout ça? DUT Informatique Formation post-bac en 2 ans (S, STI, STT) Amène à Bac+2 Licence Professionnelle «Communication Multimédia» Bac+2 (science, DUT informatiques, SRC, BTS Informatiques, Beaux-arts, BTS Audiovisuel, etc. Amène à Bac+3 Projets Étudiants : 5 à 6/ans, groupes d étudiants, profils variés Site Web, CD-ROMs, DVD-ROMs

13 Exemples de réalisation

14 Créer un site - Pourquoi Le besoin de visibilité : un site web, dans la mesure où il fait l'objet d'une bonne campagne de promotion, peut être un moyen pour une enseigne ou une organisation d'augmenter sa visibilité ; L'amélioration de la notoriété : grâce à un site web institutionnel ou un mini site web événementiel, une enseigne peut développer sa popularité auprès du public ; La collecte de données : internet représente pour les entreprises une formidable opportunité de recueillir des données sur leurs clients ou bien de démarcher de nouveaux prospects ; La vente en ligne : frileux aux débuts d'internet, les internautes ont vite compris l'intérêt d'internet pour l'achat de certains produits de consommation. Un site internet peut représenter pour certaines entreprises une opportunité en terme de commercialisation ; La mise en place d'un support aux utilisateurs : de plus en plus de sociétés utilisent internet comme support privilégié pour le service avantvente ou après-vente. En effet, avec un site web, il est possible de mettre à disposition des internautes un maximum d'informations commerciales ou techniques, à moindre coût.

15 Créer un site - Pourquoi Les sites vitrine (appelés également sites plaquette ou site identité) sont des sites dont l'objectif est de mettre en avant l'image de marque de la société, en présentant par exemple ses produits ou ses services ; Les sites catalogue sont des sites visant à présenter l'offre de l'entreprise ; Les sites d'information sont des sites fournissant une information particulière à un type d'internautes ; Les sites marchands sont des sites vendant directement des produits aux internautes et permettant éventuellement de payer en ligne ; Les sites institutionnels sont des sites présentant l'organisation et ses valeurs. Ce type de site décrit généralement l'activité de l'organisation, des chiffres clés et donne les informations nécessaires aux clients ou aux bénéficiaires ; Les sites personnels (parfois pages perso) sont des sites réalisés par des particuliers à titre de loisir, le plus souvent par passion pour un sujet ou une discipline ; Les sites communautaires sont des sites réunissant des internautes autour d'un intérêt commun. Les sites intranet sont des sites accessibles de l'intérieur d'une entreprise ou d'une direction, ayant pour objet la mise à disposition et le partage d'informations professionnelles.

16 Créer un site - Comment Phases Phase 3 Maintenance/Mises à jour Promotion/Référencement Mise en ligne Phase 2 Réalisation Prototypage Conception Phase 1 Étude de l'existant Analyse des besoins Temps

17 Créer un site - Comment Phase 1 : Réflexion Définir le cahier des charges Déterminer la structure du site Elaborer la charte graphique Rechercher les ressources Phase 2 : Création Rédiger les textes Préparer les images Réaliser les pages Tester le site en local Phase 3 : Publication Transférer le site chez l hébergeur Tester le site en ligne Maintenances, mises à jours

18 Créer un site - Phase 1 : Réflexion Phase 1 : Réflexion Définir le cahier des charges Etablir le cahier des charges, c'est se poser toutes les bonnes questions sur le projet lui-même et sur les outils que l'on va être amené à utiliser. Déterminer la structure du site

19 Créer un site - Phase 1 : Réflexion Elaborer la charte graphique Définir l'aspect du site : mise en page, typographie, titre, texte et emplacement des éléments graphiques. Tâche : Dessiner une page type du site. Quelques conseils : L aspect visuel du site doit être homogène. La couleur de fond doit être contrastée par rapport à la couleur du texte et des images : Idéalement, une typographie foncée sur un fond clair produit moins de fatigue à l'écran. Le fond d écran ne doit pas comporter trop de relief ou de dessin pour ne pas nuire à la lecture. (cf. mauvais exemples 1 et 2). L expérience montre que certaines associations de couleurs sont plus efficaces que d'autres pour faciliter la lisibilité du texte :

20 Créer un site - Phase 1 : Réflexion Déconseillé Rouge sur fond vert, Rouge sur fond bleu, Vert pâle sur fond blanc, Vert sur fond bleu, Jaune sur fond vert Conseillé Violet sur fond blanc, brun foncé sur fond gris-vert, Vert foncé sur fond jaune pâle, Violet sur fond rose pâle, Blanc sur fond vert foncé La couleur et la police des caractères du texte doivent être suffisamment contrastées pour permettre une bonne lecture. Le graphisme doit mettre en valeur le contenu (évitez tout ce qui peut détourner l attention du visiteur : couleurs criardes, fonds d écrans surchargés, titres envahissants, etc.). Les caractères gras, souligné et italique doivent être utilisés avec circonspection Le gras sera préféré aux majuscules pour mettre en évidence un élément, car il est plus facile à lire et les majuscules signifient CRIER sur Internet. L'italique amoindrit la lisibilité du texte. Le souligné identifie les hyperliens sur le réseau Internet et il doit être réservé à cette fin. Les polices de caractère doivent faciliter la lecture : Un maximum de trois polices de caractères devrait être utilisé afin de conserver l'harmonie visuelle des pages-écrans. Les polices à privilégier sont celles sans empattement comme Helvetica, Verdana et Arial (par opposition au Times New Roman par exemple qui est une police avec empattement), d'une taille d'au moins 12 points. Les pages ne doivent pas être trop chargées en texte et en illustrations : la mise en page doit être aérée.

21 Créer un site - Phase 1 : Réflexion Rechercher les ressources, Ressources informationnelles Ressources humaines Ressources technologiques Ressources en temps Analyse du besoin et de la pertinence pédagogique : 10 % du temps. Structuration des contenus, définition de la charte graphique et de la navigation, phase la plus importante et la plus considérable : 45 % du temps. Réalisation : 35 % du temps. Expérimentation : 10 % du temps.

22 Créer un site - Phase 2 : Création Rédiger les textes Avant d entamer la réalisation des pages, vous préparerez les fichiers contenant l'ensemble des textes du site. Tâche : Saisir les textes avec un logiciel de traitement de texte et les corriger. Quelques conseils : Qualité de la langue : l orthographe, la formulation et la structure des phrases sont capitales. Le niveau de langue doit être approprié au public visé. La rédaction des textes doit être adaptée au mode de lecture des internautes : une lecture rapide et souvent non linéaire. On facilitera la lecture en utilisant des phrases courtes. Si un texte est trop long, on le répartira sur plusieurs pages. Préparer les images Vous devrez également préparer les images que vous souhaitez intégrer dans votre site de manière à ce qu elles aient un poids raisonnable et soient de bonne qualité. Tâche : Retoucher les images : améliorer leur qualité et optimiser leur poids. Réaliser les pages Tâche : Réaliser une page modèle et, à partir de cette page, créer toutes les autres en utilisant un éditeur HTML. Pour apprendre à utiliser un éditeur de pages HTML

23 Créer un site - Phase 3 : Publication Transférer le site chez l'hébergeur Tâche : Transférer l'ensemble du site chez l'hébergeur, en n'oubliant aucun fichier! Apprendre à utiliser un logiciel de transfert FTP Tester le site en ligne

24 Créer un site La pratique Outils (minimums) nécessaires Logiciel de traitement de texte (Open Office, MS Office, etc.) Logiciel de création de pages HTML (Dreamweaver, bannir MS Frontpage) Logiciel de transfert FTP(Filezilla, etc.) Logiciel de retouches photos (Adobe Photoshop, The GIMP)

25 Les CMS Content Management Systems Principales caractéristiques des CMS : Dissociation du design du site (le graphisme, la mise en page) et de son contenu. On peut ainsi modifier le design, à tout moment, sans avoir à extraire le contenu existant et à le replacer dans le nouveau design. Cela permet également de fournir une cohérence graphique au site entier. Cela permet également à chaque utilisateur d'avoir son environnement personnalisé. Le contenu est stocké dans une base de données Le stockage central du contenu permet de réutiliser ces informations à différents endroits du site, de les formater différemment, et éventuellement pour diverses technologies (navigateur WEB - HTTP, téléphone mobile - WAP, PDA...). Le plus souvent, les CMS utilisent une base de données MySQL, et le langage PHP (accepté par la plupart des hébergeurs) pour interroger la base de données. Cela permet donc d'éditer et de gérer un site vraiment complet et dynamique (gestion de membres, d'articles, de téléchargements, de sondages, de liens, de forums...). Facilité, pour les rédacteurs, de produire du contenu sans avoir de grandes compétences en programmation WEB. Un CMS comporte une interface "graphique" d'administration, intuitive, qui permet une gestion aisée, et rapide du contenu. Parfois cela peut aussi se faire par un front-end. Maintenance du site décentralisée En général, une interface WEB permet de gérer le site, peu importe l'endroit où l'on se trouve. Définition de droits d'accès des utilisateurs Des utilisateurs peuvent être définis et on peut leur octroyer des rôles et différentes permissions d'accès au contenu ou à l'administration du site. Plusieurs personnes peuvent être autorisées à gérer le site, ou une partie de celui-ci.

26 Les CMS Content Management Systems

27 Les CMS Content Management Systems

28 Les CMS Content Management Systems

29 Les CMS Content Management Systems

30 Référence Conception, suivi et animation d'un site web associatif Eve Demazière, webmaîtresse Fichier PDF disponible

31 Conclusion Site web = formidable outils de promotion des associations Demande un suivi important (mises à jour du contenu) Demande des compétences techniques et multiples (informatique, rédaction, retouche de photos/images) certaines, ou de la soustraitance L utilisation de CMS peut être une aide

32 Conclusion Le Pôle Multimédia de l IUT de Bayonne peut être une aide Licence Professionnelle Systèmes Informatiques et Logiciels option Communication Multimédia (Formation INIT+FORCO) DU Technologies de l Information et de la Communication (FORCO) Projets (LP), Stages (DU TIC) à déposer l été.