Yacine Home Page  Publication/ Papers/ Reports  Formation-Internet

GUIDE de L'ATELIER No 2. 
ANIMATION THÉMATIQUE INTERNET

Réalisé par Yacine Khelladi pour le Rehred - 1998/1999
 

(vois aussi GuideAtelier de base)

Avertissement: ce document est un "script", ce n 'est pas un manuel ni cours mis en ligne, il sert de guide pour le suivi de l'atelier "réel" par les assistants. En conséquence, n'y sont pas nécessairement développés par écrit tous les définitions et concepts nécessaires à la compréhension de l'atelier. Par contre y il est fait référence à des cours et manuels en ligne sur Internet. Version 1: 27/2/99 sera complété et amélioré pendant le premier atelier.
email : yacine@aacr.net
 

INDEX

OBJECTIFS de L'Atelier #2 :   |  CONTENUS   |   PREREQUIS   |  MÉTHODOLOGIE

Première partie - Introduction aux ressources d'information sur Internet et mise à niveau,

1.1 Mise à niveau rapide de concepts de base indispensables:
1.2 Ressources d'information sur INTERNET: visites et définitions
1.3 Essai de Typologie de sites
1.4 Présentation d'un autre modèle (en construction) d'évaluation de sites Web
1.5 Présentation outils/logiciels nécessaires
Deuxième partie: Étapes de Conception de site d'information
2.1 Définition du projet
2.2 Identification des types de format / contenus possibles
2.3 Le design du Site
2.3 Sur l'hébergement du site
Troisième partie - Des pages Web en langage HTML
3.1 Définitions, introductions et remarques sur le HTML
3.2 Les codes HTML
3.3 Rappels de quelques conseil importants
Quatrième Partie: Gérer une liste (groupe de travail virtuel, liste de discussion, liste de distribution)

Cinquième partie: la promotion sur Internet d'un site, d'une ressource, d'un événement:
 
 



OBJECTIFS de L'Atelier #2 :

1- Former les membres du REHRED à

2- créer un dynamique de développement de contenus selon le modèle d'animation thématique CONTENUS
un ensemble cohérent d'applications pratiques immédiates comprenant :
PREREQUIS MÉTHODOLOGIE

Première partie: Introduction aux ressources d'information sur Internet et mise à niveau,

      1.2 Ressources d'information sur INTERNET: visites et définitions
(1= petit.... 4= grand)


 
Volume
Graphisme.
Interactif
Intègre

Outils

Mise à jour
Niveau Prof.
Complexité gestion
Coût
Brochure de présentation
1
1-2
1
1
1
1
1
1
Système d'information institutionnel
2-4
2-3
2-3
3
2
2
2-4
2-3
Revue - Magazine
2
2-4
2
2-3
4
2-4
2
2
Services
3
3-4
4
4
4
3-4
3-4
2-4

  1.4 Présentation d'un autre modèle (en construction) d'évaluation de sites Web

Ce modèle est en développement et à été réalisé par Yacine Khelladi pour servir diverses activités de consultant , il se veut le plus universel possible et doit être adapté à chaque activité d'évaluation.

 
Question
Éléments
SITE    
CONTENUS    
Primaire /secondaire Références ou contenus Liens interne: information qui se trouve sur le serveur, produite par le créateur du site,) ou Liens externes
Crédible, Valide?  Honnête? Fondée? Vérifié par des tiers? (revue, éditeur), apparence, autres formats disponibles, profondeur, références et bibliographies, citation de sources, objectifs du site, label de qualité
Soin Exactitude / 

De l'information

Justesse, précision,  Vérification par un tiers, liens sources crédibles. Chercher typos, erreur grammaire et orthographe, bibliographies et références, ISP,
Autorité ou réputation Expertise, renommée  Statut, Auteur, intérêt apparent Chercher qui est l'auteur, qui la publie, leur réputation, celle de l origine de la data, possible vérification croisées, 
Originalité % contenus primaires  
Substance Quantité de contenus Cherche plan du site, 

Suivre le liens, information en résumé ou full-text

Complet? Ressource "finie"? entière? Détecter les "en construction", si c'est en full-text, fichiers vides et liens morts, information manquante, le tout correspond à la promesse
Couverture exhaustivité Profondeur et largeur de l information Déterminer: profondeur, acuité, trous, cherche pages "contenus", index, plan, bibliographies et références
Navigabilité Facilite de navigation Menus, barres outils, plan, index, etc. 

outils de recherche

Liens logiques, intuitifs, morceaux dispersés ou rassembles, liens évidents ou bon labels

Complexité Richesse chemins accès

Niveaux 

Intégration d outils

Index, menus, outils,
Aide  à  la navigation Guide Aide contextuelle, guide, plan du site Contact, 
Accès universel Technologie appropriée Version HTML, version browser nécessaire, sans souris, sans images, frames, plugs-ins vrml ect
Esthétique Présentation

Graphiques

Rapport à contenus, services

 
Durée de vie de l'information information périssable? à jour? Maintenue? Chercher dates de création, mise à jour, archives, 

Durée de vie

Intégrité du site stabilité du site dans le temps Chercher liens vivants, dernière révisions, numéro de la version, si il y a un émail de contact web-master
Performance du système Stabilité et qualité d'accès Évaluer :performances techniques, vitesses, accessibilité, stabilité, temps, stabilité des liens, sites miroirs.
IMPACT Utilité % objectifs

Résultats

Processus

Utilisation quantité qualité / résultats

Visites / animation

Présence virtuelle / visibilité

Autres évaluations

AUTRES    
1.5 Présentation outils/logiciels nécessaires
Deuxième partie- Étapes de Conception de site d'information 2.1 Définition du projet

2.1.1 Identifier les objectif à atteindre et/ou la définition du "service"

2.1.2 Ressources et planification à Choix travaux pratiques


2.2 Identification des types de format / contenus possibles

2.2.1 Contenus

2.2.2 Identification formats fichiers 2.2.3 Identification des protocoles les plus courants 2.3- Le design du Site Lisez le  document "Conception, suivi et animation d'un site web associatif" par Eve web-maîtresse du site http://www.globenet.org/RLF/ Mars 1998   2.2.1 de la structure des information, structure de navigation à Croquis du site 2.2.2 Invariants du site 2.2.3 La Page accueil:  
2.3 Sur l'hébergement du site

Pensez (en plus du coût) à:


3- Troisième partie - Des pages Web en langage HTML  
3.1 Définitions, introductions et remarques sur le HTML
Voir aussi:


è Exercice de création document en langage HTML simple
 

avec Notepad o dos-edit La Structure document HTML

<HTML>
<HEAD>
Tete: inclut TITRE / ENTETES / META-INFORMATION
</HEAD>
<BODY>
Corps
</BODY>
</HTML>
à attention compatibilité balises
 

Exemples de balises
Visualisez avec Netscape ou autre Fouyapot 3.2 Les codes HTML

Maintenant, nous allons suivre le cours en ligne que nous avons sélectionné et rassemblé pour vous.

Nous utiliserons néanmoins un éditeur WYSYWIG inclut dans Netscape, qui nous évitera avoir a entrer manuellement tous les codes.

Un Nouveau Guide Internet (Chapitre 28) :HTML version 3. (http://www.imaginet.fr/ime)


2- Suivons les pages de MALIBU Réaliser sa page Web

Sommaire Chapitre 1 : Introduction à la création de pages Web.

Chapitre 2 : Comment écrire une balise.

Chapitre 3 : Les balises obligatoires d'une page.
Chapitre 4 : Les caractères accentués en HTML.
Chapitre 5 : Appliquer une forme spéciale à du texte.
Chapitre 6 : Les titres.
Chapitre 7 :Les listes.
Chapitre 8 : L'insertion d'images et de sons.
Chapitre 9 : L'insertion de liens hypertextes.
Chapitre 10 : La création de tableaux.
Chapitre 11 : Les fonds d'écran et les couleurs.
Chapitre 12 :Quelques astuces.
Chapitre 13 : Les formulaires.
Chapitre 14 : Les frames.
Chapitre 15 : Les images à fond transparent.
Chapitre 16 : Les images animées.
Chapitre 17 : Les images sensitives.
Chapitre 18 : Un peu de JavaScript.
Chapitre 19 : Mise en place par FTP.
Chapitre 20 : Les métas tags.
Chapitre 21 : Pour en savoir plus. 3.3 Rappel de quelques conseils importants
 
  • Construire le site en relatif
  • barres de navigations pratiques, standards, plan du site
  • nom de fichiers et répertoires: respectez si possible standards 8 lettres (pourquoi?)
  • portabilite (taille écran) débit, version Fouyapot
  • checker les liens et orthographe
  • Actualiser toujours, nouveautés et mise a jour
  • feed-back
  • libellé des liens (savoir, intuition)
  • nettiquette : citations respect propriété intellectuelle, crédits, voir documents
  • citations, droits d auteur (ENJEUX JURIDIQUES DES LIENS HYPERTEXTES SELON LES TYPES DE LIENS)
  • écologie informationnelle : page pas trop chargés,  offrir des résumes, des menus courts (entre 3-8 moyenne) morceler les textes? Un option.
  • structure non linéaire, plusieurs accès a l'information
  • Outils complémentaires
      • Compteurs (pas utiliser en façade sauf site commercial et pubs)
      • Registre de visiteurs
      • liste / forum
      • annonce par mail des nouveautés et mises a jour
  • Faire réviser les contenu par quelqu'un autre avant promotion
  • mise a jour outils (technique)
  • Quatrième Partie: Gérer une liste (groupe de travail virtuel, liste de discussion, liste de distribution)
     
    4.5 Modération et animation thématique


    L'animation est un travail délicat qui consiste a maintenir cohésion d'un groupe qui se réunit autour d'un intérêt,

    A lire:

  • Quelque mots sur le cycle de vie des listes en anglais  et les type de liste:de diffusion, large, restreinte, de travail, interne, pays, etc.)
  •  "Place à la discussion! Un guide pour la mise en place de forums électroniques à l'intention des groupes communautaires"

  •  

     
     
     
     
     

    Et sur les règles de bienséance de communication électronique appelés NETIQUETTE:

    Donc on devra:


    Cinquième partie: la promotion sur Internet d'un site, d'une ressource, d'un événement:
     

    Cette partie est un exercice pratique, il vous faudra préparer un texte annonce (minimum bilingue + Kreyol selon vos cibles) et court, puis:



    ©  REHRED / Yacine Khelladi 1998-2005 yacine@aacr.net
    http://