Internet et les associations
Outil de gestion et de Communication
Philippe Roose –
[email protected][email protected]pau.frMaître de Conférences – IUT de Bayonne/LIUPPA
Biarritz - 2007
Le courrier électronique
Mail, e-mail, mél, courriel
Échange de messages, fichiers (pièces
jointes) d’un émetteur vers un ou plusieurs destinataires.
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
Les forums de discussion (1/2)
ou newsgroups/forums de discussion
Dépôt de messages, remarques, questions, réponses thématiques.
questions, réponses thématiques.
Accès par yahoo, google, etc.
Exemple de logiciels : Thunderbird,
Outlook, ou navigateurs
Les forums de discussion (2/2)
‘Chat’ – Visioconférence (1/2)
Permet de dialoguer en temps réel avec une ou plusieurs personnes.
Permet également la réalisation de
Permet également la réalisation de
visio-conférences (+webcam, + micro)
Exemple de logiciels
MIRC, Windows Messenger
‘Chat’ – Visioconférence (2/2)
Naviguer
Aller visiter un site (www.bo-pb.com)
Ensemble de pages web contenant des images/textes/animations/sons
Exemples de sites
Exemples de sites
http://www.loi1901.com/ie.php
http://www.asti.asso.fr/
Exemple de logiciels : Firefox, IE
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
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
Le site Internet
Réflexion et conception très importante
Mixage des 4 types de sites définis précédements
Développement
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
Hébergement
Je veux mon site !
Concevoir le site « off-line » avec des outils
d’aide à la conception de site (Dreamweaver par exemple)
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)
Moteurs de recherche
Recherche d’informations
google, yahoo, voila, etc.
Ciblage difficile au début
Ciblage difficile au début
Ne pas hésiter à donner du détail
« histoire » : environ 132 000 000
« histoire biarritz » : environ 984 000
« histoire biarritz napoléon » environ 50 000
« histoire biarritz napoléon III » environ 25900
…
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
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
Exemples de réalisation
http://errobiart.free.fr/
http://www.motoclubbabsl.com/
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
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 avant- vente 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.
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
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.
Créer un site - Comment
Mise en ligne Promotion/Référencement
Maintenance/Mises à jour Phases
Phase 2
Phase 3
Analyse des besoins Étude de l'existant Conception Prototypage Réalisation Mise en ligne
Temps Phase 1
Phase 2
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
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
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 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
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 1et 2).
comporter trop de relief ou de dessin pour ne pas nuire à la lecture. (cf. mauvais exemples 1et 2).
L’expérience montre que certaines associations de couleurs sont plus efficaces que d'autres pour faciliter la lisibilité du texte :
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.
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.
Créer un site - Phase 1 : Réflexion
Rechercher les ressources ,
Ressources informationnelles
Ressources humaines
Ressources technologiques Ressources en temps
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.
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
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
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 chez l'hébergeur, en n'oubliant aucun fichier !
Apprendre à utiliser un logiciel de transfert FTP
Tester le site en ligne
Créer un site – La pratique
Outils (minimums) nécessaires
Logiciel de traitement de texte (Open Office, MS Office, etc.)
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)
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
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.
Les CMS – Content Management Systems
Les CMS – Content Management Systems
Les CMS – Content Management Systems
Les CMS – Content Management Systems
Référence
Conception, suivi et animation d'un site web associatif
Eve Demazière, webmaîtresse
http://www.demaziere.fr/eve/serveurs/
Fichier PDF disponible
