Server : Apache
System : Linux ks5.tuic.fr 6.1.0-18-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.76-1 (2024-02-01) x86_64
User : pragmatice ( 1003)
PHP Version : 8.2.24
Disable Function : NONE
Directory : /home/pragmatice/public_html/kitinstit/
|
Server : Apache System : Linux ks5.tuic.fr 6.1.0-18-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.76-1 (2024-02-01) x86_64 User : pragmatice ( 1003) PHP Version : 8.2.24 Disable Function : NONE Directory : /home/pragmatice/public_html/kitinstit/ |
<html>
<head>
<title>Les TICE, pour produire, publier</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META NAME="Author" CONTENT="Pragmatice">
<META NAME="Description" CONTENT="Kitinstit est un outil conçu pour aider les enseignants du 1er degré à investir l'outil informatique dans leurs pratiques professionnelles.">
<META NAME="Keywords" CONTENT="clicmenu,b2i,kitinstit,debuter,logiciel,utilitaire,gratuit,protection,bureau,windows,aide,formation,instituteur,enseignant,professeur,école,maternelle,élémentaire,primaire,éducatif,clic 3.0,clicapplic">
<META name="robots" content="all">
<META NAME="revisit-after" CONTENT="7 days">
<META http-equiv="Content-Language" content="fr-FX">
<META name="author" content="Pragmatice">
<META http-equiv="Reply-to" content="kitinstit@pragmatice.net">
<LINK REV=made href="mailto:kitinstit@pragmatice.net">
<META name="copyright" content="Pragmatice">
<link rel="stylesheet" href="pragma.css" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<a name="haut"></a>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="bandeau">
<tr>
<td width="180" valign="top"><table border="0" cellspacing="3" cellpadding="0">
<tr>
<td><a href="1_investir.htm" target="_top"><img src="images/investir_tice.gif" width="32" height="32" alt="Investir les TICE à son rythme" title="Investir les TICE à son rythme" border="0"></a> <a href="2_b2i.htm" target="_top"><img src="images/b2i.gif" width="32" height="32" alt="Mettre en oeuvre le B2i" title="Mettre en oeuvre le B2i" border="0"></a> <a href="3_installer.htm" target="_top"><img src="images/instal_logo.gif" width="32" height="32" alt="Installer des logiciels" title="Installer des logiciels" border="0"></a> <a href="4_explorer.htm"><img src="images/cd_explorer.gif" width="32" height="32" border="0" alt="Explorer des logiciels sans les installer" title="Explorer des logiciels sans les installer"></a> <a href="kitinstit_visite_guidee.htm"><img src="images/icone_ki.gif" alt="Visite guidée de Kitinstit" title="Visite guidée de Kitinstit" width="32" height="32" border="0"></a></td>
</tr>
</table></td>
<td><div align="center"><a href="http://pragmatice.net"><img src="../images/accueil_ptice.gif" alt="Accueil PragmaTICE" width="22" height="18" border="0" title="Accueil PragmaTICE"></a> <b><a href="copier_kitinstit.htm" target="_top" class="bandeau">[Copier Kitinstit]</a> <a href="commander_kitinstit.htm" target="_top" class="bandeau">[Acquérir Kitinstit]</a> <a href="faq.htm" target="_top" class="bandeau">[FAQ]</a> <a href="credits.htm" target="_top" class="bandeau">[Crédits]</a> <a href="plan.htm" target="_top" class="bandeau">[Plan]</a> <a href="pragmatice.htm" target="_top" class="bandeau">[PragmaTICE]</a></b></div></td>
<td width="100" valign="top" align="right"><table border="0" cellspacing="3" cellpadding="0">
<tr>
<td><a href="index.htm" target="_top"><img src="images/kitinstit.gif" width="88" height="32" alt="Accueil de Kitinstit" title="Accueil de Kitinstit" border="0"></a></td>
</tr>
</table></td>
</tr>
</table>
<br>
<table align="center" width="750" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td valign="top" width="270">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10" valign="top"><img src="images/puce_triangle.gif" width="8" height="12"></td>
<td align="left"> <a href="index.htm" class="hierarchie12">Accueil
de Kitinstit</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="20" valign="top"><img src="images/calle.gif" width="10" height="1"><img src="images/puce_triangle.gif" width="8" height="12"></td>
<td align="left"> <a href="1_investir.htm" class="hierarchie12">Investir
les TICE � son rythme</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="30" valign="top"><img src="images/calle.gif" width="20" height="1"><img src="images/puce_triangle.gif" width="8" height="12"></td>
<td align="left"> <a href="1_investir.htm" class="hierarchie12">Les
TICE, pour quoi faire ?</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="40" valign="top"><img src="images/calle.gif" width="30" height="1"><img src="images/puce_triangle.gif" width="8" height="12"></td>
<td align="left"> <span class="titre14">Produire, publier</span></td>
</tr>
</table>
<br>
<table class="cadre_menu" border="0" cellspacing="3" cellpadding="3">
<tr valign="top">
<td width="35"><a href="#textes"><img src="images/hypertexte.gif" width="32" height="32" border="0" alt="Productions de textes et hypertextes"></a></td>
<td valign="bottom"><a href="#textes" class="rouge12">Production
de textes<br>
et documents composites</a></td>
</tr>
<tr valign="top">
<td width="35"><a href="#images"><img src="images/ttt_images.gif" width="32" height="32" border="0" alt="Production d'images"></a></td>
<td valign="bottom"><a href="#images" class="rouge12">Production
d'images</a></td>
</tr>
<tr valign="top">
<td width="35"><a href="#sons"><img src="images/tt_sons.gif" width="32" height="32" border="0" alt="Production de sons"></a></td>
<td valign="bottom"><a href="#sons" class="rouge12">Production
de sons</a></td>
</tr>
<tr valign="top">
<td width="35"><a href="#videos"><img src="images/ttt_videos.gif" width="32" height="32" border="0" alt="Production de vid�os"></a></td>
<td valign="bottom"><a href="#videos" class="rouge12"> Production
de vidéos</a></td>
</tr>
<tr valign="top">
<td width="35"><a href="#multimedia"><img src="images/mmedia.gif" width="32" height="32" border="0" alt="Production multim�dia"></a></td>
<td valign="bottom"><a href="#multimedia" class="rouge12">Production
d'activités<br>
interactives et/ou multimédias</a></td>
</tr>
<tr valign="top">
<td width="35"><a href="#supports"><img src="images/supports.gif" width="32" height="32" border="0" alt="Supports de productions"></a></td>
<td valign="bottom"><a href="#supports" class="rouge12">Les supports
de productions</a></td>
</tr>
<tr valign="top">
<td width="35"><a href="##legislation"><img src="images/legislation.gif" width="32" height="32" border="0"></a></td>
<td valign="bottom"><a href="##legislation" class="rouge12">Le
cadre législatif</a></td>
</tr>
</table>
</td>
<td width="10"> </td>
<td valign="top" class="cadre_resume">
<p class="titre_resume" align="center"> Quand la production dope les
apprentissages...</p>
<ul>
<li>Les outils numériques de production et de publication
permettent de créer autrement ce que l'on pouvait déjà
créer en leur absence.</li>
<li>Ils ouvrent aussi et surtout de nouvelles voies qui donnent
vie à des projets tant valorisants que motivants pour les
élèves.</li>
<li>Toutefois, n'oublions pas que c'est moins la qualité
de la production que le <b>chemin emprunté pour la réaliser</b>,
que l'on retiendra d'un <b>projet au service des apprentissages de
chaque élève</b>.</li>
</ul>
<p class="titre_resume" align="center">Quand la police dope la création...</p>
<table width="100%">
<tr>
<td width="165"><a href="3_installer_produire_polices.htm"><img src="images/lgecrit.gif" width="161" height="111" border="0" alt="Des polices d'�criture pour l'�cole"></a></td>
<td valign="top"><p align="center"> Des <a href="3_installer_produire_polices.htm">polices d'écriture</a> pour : </p>
<ul>
<li>affirmer un style d'écriture</li>
<li>Pour créer des exercices</li>
<li>Pour illustrer des productions</li>
</ul> <p> </p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td class="cadre_paragraphe">
<p class="titre_paragraphe" align="center"><a name="textes"></a>Production
de textes et documents composites <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Il ne s'agit pas de remplacer toutes les activités papier-crayon
par une production numérique, mais de s'appuyer raisonnablement
sur la "plus-value" de l'outil informatique, notamment :
<ul>
<li>la modification aisée des documents (effacer, ajouter
ou insérer, transformer, déplacer, rechercher,
remplacer, ...),</li>
<li>l'importation et l'exportation de données,</li>
<li>les outils d'aide à l'écriture (dictionnaires
et vérificateurs orthographiques),</li>
<li>la mise en forme (alignement des paragraphe, puces, choix
de la police et de ses propriétés, ...),</li>
<li>la qualité de finition,</li>
<li>... tout en sollicitant bien entendu des compétences
du <a href="2_b2i.htm">B2i</a>.</li>
</ul>
</li>
<li><a href="3_installer_produire_bureautique.htm">Logiciels du
bureautique</a> et <a href="3_installer_produire_aide_ecriture.htm#assistants_ecriture">assistants
d' écrture</a></li>
</ul>
<p><span class="titre_paragraphe"><a name="texte"></a>Des textes simples</span>
<a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Un courrier</li>
<li>Une auto-dictée
<ul>
<li>Voir en complément les logiciels ci-dessous, à
partir de <a href="3_installer_commencer.htm#clicmenu">ClicMenu</a>
ou du site des auteurs :
<ul>
<li><a href="3_installer_produire_act_inter.htm#aquadictee">Aquadictée</a> - Georges Jacquemettaz <a href="http://monthey.ecolevs.ch/pedago.htm" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a></li>
<li><a href="3_installer_sentrainer.htm#jpj">J'écoute puis j'écris</a> - PragmaTICE <a href="http://pragmatice.net/jecoutepuisjecris" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a></li>
<li><a href="3_installer_produire_act_inter.htm#ottodikt">Ottodikt</a> - Claude Royère <a href="http://members.aol.com/_ht_a/epelorient/gratuiciels.html" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a></li>
</ul>
</li>
</ul>
</li>
<li>Un article pour le journal de classe ou d'école</li>
<li>Un exercice à saisir, à mettre en forme</li>
</ul>
<p><span class="titre_paragraphe"><a name="document"></a>Des documents
illustrés</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Une affiche</li>
<li>Une bande dessinée</li>
<li>Une carte de voeux</li>
<li>Des étiquettes pour personnaliser les cahiers, inscrire
les prénoms, etc...</li>
<li>Un exposé, un compte rendu d'activité</li>
<li>Une poésie
<ul>
<li>Logiciel <a href="3_installer_produire_aide_ecriture.htm#la_poesie">La
Poésie</a> des Editions ACCES</li>
</ul>
</li>
<li>Une notice technique</li>
<li>Un <a href="3_installer_produire_act_inter.htm#puzzle">puzzle</a>,
un <a href="3_installer_produire_act_inter.htm#labyrinthe">labyrinthe</a>,
des <a href="3_installer_produire_act_inter.htm#mots_croises">mots
croisés</a>, des <a href="3_installer_produire_act_inter.htm#mots_meles">mots
mêlés</a></li>
</ul>
<p><span class="titre_paragraphe"><a name="narratif" id="narratif"></a>Des textes
narratifs</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Un conte, une histoire
<ul>
<li>Logiciel <a href="3_installer_produire_aide_ecriture.htm#story">Story
Write</a> de Michel Brun</li>
<li>Générateur de <a href="3_installer_produire_aide_ecriture.htm#generateur_textes">textes
aléatoires</a> de Guillaume B.</li>
</ul>
</li>
<li>Un récit arborescent
<ul>
<li>Romans dont tu es le héros <a href="http://pragmatice.net/roman" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a></li>
</ul>
</li>
</ul>
<p><span class="titre_paragraphe"><a name="productions"></a>Des productions
de productions</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Un recueil de documents (poésie, jeux, etc.)</li>
<li>Un journal scolaire
<ul>
<li>Comment faire un journal de classe ? (site Clemi Lyon)
<a href="http://www.crdp-lyon.cndp.fr/clemi/joursco.html" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a></li>
</ul>
</li>
<li><a href="#site">Un site d'école</a></li>
</ul>
</td>
</tr>
</table>
<br>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td class="cadre_paragraphe">
<p class="titre_paragraphe" align="center"><a name="images"></a>Production
d'images <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Consulter l'excellent dossier "La photo numérique à l'école", proposé par Pierre Salquèbre <a href="../html_cd/_site_pierre.exe"><img src="images/bt_cd.gif" alt="CD 3" width="50" height="12" border="0"></a> <a href="http://www.ac-nancy-metz.fr/ia88/ienremiremont/photo_menu.htm" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a></li>
<li><a href="3_installer_produire_images.htm">Logiciels de traitement
d'images</a></li>
</ul>
<p><span class="titre_paragraphe"><a name="prise_vue"></a>Utilisation
de l'appareil photo numérique</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Activités autour du langage chez les plus jeunes</li>
<li>Activités d'expression artistique</li>
<li>Activités développant un regard critique sur les
images qui nous entourent</li>
</ul>
<p><span class="titre_paragraphe"><a name="album_photo"></a>Album
photo</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Albums thématiques, avec ou sans légende</li>
</ul>
</td>
</tr>
</table>
<br>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td class="cadre_paragraphe">
<p class="titre_paragraphe" align="center"><a name="sons"></a>Production
de sons <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li><a href="3_installer_produire_sons.htm#sons">Logiciels de traitement
de sons</a></li>
</ul>
<p><span class="titre_paragraphe"><a name="audio"></a>Compilation
audio</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Créer sur un même cédérom une compilation
d'oeuvres musicales, extraites d'albums dont on possède
les originaux.</li>
</ul>
<p><span class="titre_paragraphe"><a name="enregistrement"></a>Enregistrement
sonore</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Enregistrer des messages ou bruitages pour une production multimédia,
un exercice.</li>
<li>Enregistrer un chant.</li>
<li>Créer ses titres favoris en <a href="3_installer_produire_sons.htm#karaoke">Karaoké</a>,
à partir de CD audio.</li>
</ul>
</td>
</tr>
</table>
<br>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td class="cadre_paragraphe">
<p class="titre_paragraphe" align="center"><a name="videos"></a>Production de vidéos <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li><a href="3_installer_produire_sons.htm#videos">Logiciels de traitement de vidéos</a></li>
</ul>
<p><span class="titre_paragraphe"><a name="film"></a>Film vidéo
ou d'animation</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Extraire des séquences vidéo pour créer
un film ou les intégrer à une production multimédia.</li>
<li>Créer un film d'animation en construisant scénario
et décors.</li>
</ul>
<p><span class="titre_paragraphe"><a name="sequence"></a>Séquence
animée</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Créer des animations simples à partir d'images,
pouvant être intégrées dans une page Web ou
une production multimédia.</li>
</ul>
</td>
</tr>
</table>
<br>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td class="cadre_paragraphe">
<p class="titre_paragraphe" align="center"><a name="multimedia"></a>Production
d'activités interactives et/ou multimédias <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<p><span class="titre_paragraphe"><a name="exercices_interactifs"></a>Création
ou d'adaptation d'exercices interactifs</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<p>A l'instar des manuels scolaires que les enseignants complètent
avec leurs propres documents, il est possible de personnaliser des
exercices interactifs, d'adapter leur contenu, d'organiser leur
enchaînement, etc. Dans cette perspective, on peut recourir
à trois familles d'outils :</p>
<ul>
<li><b>Les logiciels ouverts</b><br>
On modifie les données prises en compte par le logiciel
(généralement une liste des mots, parfois des images
ou des sons), soit à l'aide d'un éditeur, soit en
effectuant quelques réglages depuis l'activité.
L'application nécessite le logiciel maître.</li>
<li><b>Les générateurs d'exercices</b><br>
A partir de structures proposées par le logiciel, on crée
et organise des exercices avec plus de souplesse créative
qu'un simple logiciel ouvert. L'application peut parfois être
autonome, c'est à dire être lancée sans le
logiciel qui a permis sa réalisation.</li>
<li><b>Les générateurs d'activités</b><br>
On crée les activités selon des scénarii
qui s'appuient sur des écrans composés d'éléments
pouvant être interactifs, et dont on définit les
propriétés des actions. La liberté graphique
et conceptuelle est plus importante que dans les logiciels ouverts
et les générateurs d'exercices.<br>
</li>
</ul>
<p>Ces outils permettent de compléter des trous, de désigner,
d'associer, d'ordonner, de classer, de reproduire, de présenter,
d'expérimenter, de construire, etc. Des activités
bien connues sont ainsi mises en scène · mots
mêlés, mots croisés, puzzle, taquin, tangram,
QCM, labyrinthe, memory,, pendu, etc.</p>
<ul>
<li><a href="3_installer_produire_act_inter.htm">Découvrir
des logiciels de création ou d'adaptation d'exercices interactifs</a></li>
</ul>
<p><span class="titre_paragraphe"><a name="album_mm"></a>Album multimédia</span>
<a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Créer un album, c'est sélectionner des images
(photographies, dessins, etc...), les classer pour en organiser
la consultation, qui peut être linéaire ou hypertextuelle.
Le rendre multimédia, c'est ajouter une musique de fond
et/ou des messages sonores sur les images, et parfois insérer
des transitions originales.</li>
<li>Deux familles d'outils permettent de créer un album multimédia :
<ul>
<li><a href="3_installer_produire_integration_mm.htm#integrateur">les
intégrateurs multimédias</a>,</li>
<li><a href="3_installer_produire_integration_mm.htm#diaporama">les
générateurs de galeries d'images et diaporamas</a>.</li>
</ul>
</li>
</ul>
<p><span class="titre_paragraphe"><a name="diaporama"></a>Diaporama</span>
<a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>A la différence de l'album multimédia qui généralement
est "piloté" par un lecteur pour lui-même,
le diaporama se prête davantage à la projection.
L'enchaînement d'images est programmé par avance,
excepté bien entendu en mode aléatoire.</li>
<li><a href="3_installer_produire_integration_mm.htm#diaporama">Quelques
logiciels de création de diaporamas</a>.</li>
</ul>
<p><span class="titre_paragraphe"><a name="imagier"></a>Imagier ou
abécédaire multimédia</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Ce sont des albums multimédias particuliers, composés
d'images qui participent à l'enrichissement du vocabulaire.
Les outils utilisés pour les créer sont donc les
mêmes que ceux des <a href="#album_mm">albums multimédias</a>.
</li>
</ul>
<p><span class="titre_paragraphe"><a name="presentation_hyper"></a>Présentation
hypermédia</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Livre animé : lecture linéaire agrémentée
de séquences sonores ou animées</li>
<li>Histoire interactive : lecture hypertextuelle (non linéaire),
dans laquelle le lecture construit son propre parcours selon les
liens qu'il active. <a href="3_installer_lire.htm#livres">Voir
quelques exemples...</a></li>
<li>Dossier thématique, album de classe transplantée,
reportage, etc. </li>
<li><a href="3_installer_produire_integration_mm.htm">Logiciels
d'intégration multimédia</a></li>
</ul>
</td>
</tr>
</table>
<br>
<table width="100%" border="0" cellspacing="3" cellpadding="3">
<tr>
<td class="cadre_paragraphe">
<p class="titre_paragraphe" align="center"><a name="supports"></a>Les
supports de productions <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<p><span class="titre_paragraphe"><a name="papier"></a>Le document
papier </span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Il est consultable par tous, sans équipement spécifique.
En revanche, il n'est pas multimédia et sa duplication
(la photocopie en l'occurrence) peut coûter cher si le nombre
de pages est important.</li>
</ul>
<p><span class="titre_paragraphe"><a name="cd"></a>Le cédérom
ou dévédérom</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Le cédérom est le support idéal pour diffuser
une production multimédia. Le fait que tous les élèves
ne puissent pas le consulter chez eux ne devrait pas constituer
un frein à la création d'un cédérom,
car ils pourront toujours le présenter avec fierté
dans d'autres lieux ou occasions, et seront sans doute équipés
dans l'avenir.</li>
<li>Contrairement au site Internet dont le contenu évolue
dans le temps, le cédérom mémorise un travail
réalisé au cours d'une période donnée,
autour d'un projet identifié.</li>
<li>Le dévédérom offre une capacité
de stockage supérieure, rarement nécessaire pour
des travaux de classe.</li>
</ul>
<p><span class="titre_paragraphe"><a name="site"></a>Le site Internet</span>
<a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li>Créer et maintenir un site d'école demande un
investissement conséquent et un certain engagement dans
la durée.</li>
<li>Le site n'est qu'un support, un moyen au service d'un projet.</li>
<li>En effet, on ne met pas en ligne un site d'école en réponse
à une demande isolée, mais pour satisfaire un besoin
identifié par l'équipe enseignante.
<ul>
<li>Quelques demandes discutables...
<ul>
<li>Celle d'un enseignant de l'école particulièrement
investi dans les TICE.<br>
<span class="arial10">Souvent bien conçus, ces
sites sont généralement éphémères
(si alimentés exclusivement par leurs initiateurs)
et davantage au service de l'ego de l'enseignant
ou de l'office du tourisme municipal, qu'au service d'un
projet pédagogique d'équipe.</span></li>
<li>Celle d'un parent d'élèves, d'un(e) conjoint(e)
ou d'un enfant d'enseignant(e), d'un(e) assistant(e) d'éducation,
d'un élu, tous prêts à participer,
voire à le gérer à la place des enseignants,<br>
<span class="arial10">Pourquoi pas, sous réserve
qu'un cahier des charges précise le rôle
de la personne dévouée, ne pouvant évidemment
se substituer à l'équipe enseignante, qui
restera mettre d'oeuvre et responsable du projet.</span></li>
<li>Celle d'une équipe pédagogique de circonscription.<br>
<span class="arial10">Serait-ce opportun et en aurait-elle
les moyens ?</span></li>
</ul>
</li>
<li>Quelques besoins légitimes...
<ul>
<li>Faciliter les relations école-familles.</li>
<li>Motiver les élèves en valorisant leur
travail à travers une situation de communication
authentique.</li>
<li>Disposer d'un espace Web, support d'échanges
dans le cadre d'une correspondance scolaire par exemple,
permettant notamment un travail collaboratif efficace.</li>
</ul>
</li>
</ul>
</li>
<li>Au-delà du contenant (l'outil "site") et du
contenu (les informations), c'est essentiellement l'usage qui
en est fait et ce qu'il permet, qui doivent conduire une école
à mettre en ligne un site. Si son objectif est pédagogique,
il convient d'être attentif à la part réelle
de travail fournie par les élèves et sa place dans
leurs apprentissages.</li>
<li>Ce n'est donc ni la fréquentation, ni l'esthétique,
ni même la richesse du contenu du site que l'on retiendra pour
l'évaluer. En revanche, l'adéquation entre son utilisation
effective et son objectif semble un indicateur fiable auquel l'équipe
enseignante devra être sensible, car c'est bien elle qui
doit porter et suivre le projet, même si d'autres partenaires
y sont impliqués.</li>
<li>Le site de classe et le site d'enseignant peuvent être
pertinents, dès lors qu'ils sont présentés
comme tels, et non comme une vitrine de l'école, qui ne
reflète pas fidèlement la réalité
qui l'anime.</li>
</ul>
<p><b><font size="+1">Q</font>uelques informations rencontrées
sur des sites d'école <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></b></p>
<ul>
<li>Relations école-familles
<ul>
<li>Présentation de l'école (situation géographique,
coordonnées, transports, horaires, etc.)</li>
<li>Règlement de l'école</li>
<li>Menus de la cantine scolaire</li>
<li>Modalités d'inscription, de radiation, de vaccinations,
etc.</li>
<li>Calendrier des événements et congés
scolaires</li>
<li>Journal proposé lors d'une classe transplantée</li>
<li>Projet d'école</li>
<li>Compte-rendu de conseils d'école (si autorisation
de tous les acteurs)</li>
</ul>
</li>
<li>Espace de travail et d'échanges au service des apprentissages
<ul>
<li>Dossiers documentaires</li>
<li>Travaux d'élèves présentés par
classe</li>
<li>Liens vers des activités en ligne</li>
<li>Suivi du travail de classe</li>
<li>Archives des années précédentes</li>
</ul>
</li>
</ul>
<p><b><font size="+1">D</font>émarches à entreprendre
et planifier pour mettre en ligne et maintenir un site d'école
<a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></b></p>
<ul>
<li>Elaborer un <a href="#cahier_charge_site">cahier des charges</a>
approuvé par tous les acteurs.</li>
<li> Prendre connaissance du <a href="#legislation">cadre législatif</a>.</li>
<li> <a href="#technique">Construire le site en local</a>.</li>
<li> Demander un espace Web pour héberger le site, et en
accepter la charte.</li>
<li> Demander une autorisation de diffusion auprès des parents
d'élèves.</li>
<li> Le cas échéant, déclarer le site à
la CNIL.</li>
<li> Après validation, transférer le site en ligne.</li>
<li> Informer l'IEN, la municipalité et le public ciblé.</li>
<li> Planifier les réunions de régulation.</li>
<li> Evaluer l'utilisation effective du site en fonction de son
objectif.</li>
</ul>
<p><b><font size="+1"><a name="cahier_charge_site"></a>Q</font>uelques
éléments du cahier des charges d'un site d'école
<a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></b></p>
<table class="cadre_tableau_blanc" width="100%" border="1" cellpadding="2" cellspacing="0">
<tr>
<th width="150">Objectif</th>
<td>
<ul>
<li>Satisfaire un ou plusieurs besoins identifiés (voir
ci-dessus) en s'assurant que les caractéristiques
d'un site Internet en font le support adéquat. </li>
</ul>
</td>
</tr>
<tr>
<th width="150">Public ciblé</th>
<td>
<ul>
<li>Le public ciblé est bien entendu directement lié
à l'objectif.</li>
</ul>
</td>
</tr>
<tr>
<th width="150">Contenu du site</th>
<td>
<ul>
<li>Quelles informations mettre en ligne ?</li>
<li> Comment organiser ces informations ?</li>
</ul>
</td>
</tr>
<tr>
<th width="150">Hébergement<br>
et responsabilité</th>
<td>
<ul>
<li>Qui est directeur de publication ?</li>
<li> Où le site est-il hébergé (proscrire
toute publicité en contrepartie) ?</li>
<li> Le cas échéant, qui en assume le coût
?</li>
</ul>
</td>
</tr>
<tr>
<th width="150">Constitution de l'équipe<br>
et rôles de chacun</th>
<td>
<ul>
<li>Qui participe à la construction du site ?</li>
<li> Qui produit l'information ?</li>
<li> Qui met en pages ?</li>
<li> Qui relit, voire corrige ?</li>
<li> Qui valide ?</li>
<li> Qui transfère le site en ligne ?</li>
</ul>
</td>
</tr>
<tr>
<th width="150">Conception technique</th>
<td> <a name="technique"></a>
<ul>
<li>Type de site (statique ou dynamique ?)</li>
<li> Structure des dossiers et fichiers (penser à l'archivage
des années passées)</li>
<li> Ergonomie (menus ? cadres ?)</li>
<li> Composition des pages (en pourcentage ? en pixels ?)</li>
<li> Charte graphique (couleurs ? styles ? pictogrammes ?)</li>
<li><a href="3_installer_produire_internet.htm#pages_web">
Quelques logiciels de création de sites</a></li>
</ul>
</td>
</tr>
</table>
<ul>
<li>Exemple de cahier des charges vierge au format RTF <a href="../../pragma07/dossiers/textes_tice/cahier_charge_site.rtf" target="_blank"><img src="images/bt_cd.gif" width="50" height="12" border="0" alt="CD 7"></a> <a href="http://pragmatice.net/telech/docs_kitinstit/cahier_charge_site.rtf" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></li>
</ul>
<p class="titre_paragraphe" align="center"><a name="#legislation"></a>Le
cadre législatif <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<p><span class="titre_paragraphe"><a name="guides_educnet"></a>Les
guides juridiques d'EducNet</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<p>Le Ministère de l'Éducation nationale, de l'Enseignement
supérieur et de la Recherche - Direction de la technologie
- SDTICE, publie un ensemble de guides : <a href="http://www.educnet.education.fr/juri/default.htm" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a></p>
<ul>
<li>Droit des données publiques - Avril 2004 (pdf 400 Ko)
<a href="../../pragma07/dossiers/textes_tice/droitddp.pdf" target="_blank"><img src="images/bt_cd.gif" width="50" height="12" border="0" alt="CD 7"></a></li>
<li>Vie privée et données personnelles - Février
2004 (pdf 360 Ko) <a href="../../pragma07/dossiers/textes_tice/guideViePrivee.pdf" target="_blank"><img src="images/bt_cd.gif" width="50" height="12" border="0" alt="CD 7"></a></li>
<li>Internet scolaire 'Juriscol', Octobre 2003 (pdf 230 Ko) <a href="../../pragma07/dossiers/textes_tice/guidejuriscol.pdf" target="_blank"><img src="images/bt_cd.gif" width="50" height="12" border="0" alt="CD 7"></a>
</li>
<li>Projet de charte de l'internet (pdf 46 Ko) <a href="../../pragma07/dossiers/textes_tice/charteproj.pdf" target="_blank"><img src="images/bt_cd.gif" width="50" height="12" border="0" alt="CD 7"></a></li>
<li>Guide juridique à l'usage des campus numériques
(pdf 206 Ko) <a href="../../pragma07/dossiers/textes_tice/juricampus.pdf" target="_blank"><img src="images/bt_cd.gif" width="50" height="12" border="0" alt="CD 7"></a></li>
</ul>
<p><span class="titre_paragraphe"><a name="tice_juridique"></a>L'aspect
juridique des TICE</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<p>Sylvie Bourquin et Michel Antony, dans l'Académie de Besançon,
proposent quelques aides et conseils pour utiliser les TICE en accord
avec les réglementations en vigueur : <a href="http://web2.ac-besancon.fr/siteaca/internet/apercu.php3?IdPage=803" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a></p>
<ul>
<li>Quelques conseils juridiques de bon sens <a href="../html_cd/_dossier_besancon_conseils.exe"><img src="images/bt_cd.gif" width="50" height="12" alt="CD 7" border="0"></a>
<a href="http://artic.ac-besancon.fr/juridique/conseils.htm" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a>
</li>
<li>Production Multimédia (vidéo, dossier, cédérom,
site...) <a href="../html_cd/_dossier_besancon_prod_mult.exe"><img src="images/bt_cd.gif" width="50" height="12" alt="CD 7" border="0"></a>
<a href="http://artic.ac-besancon.fr/juridique/prod_mult.htm" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a> </li>
<li>Droits, devoirs et libertés en informatique sur les réseaux (Ficher DOC) <a href="../../pragma07/dossiers/textes_tice/besancon/lib-info.doc" target="_blank"><img src="images/bt_cd.gif" width="50" height="12" alt="CD 7" border="0"></a> <a href="http://artic.ac-besancon.fr/histoire_geographie/HGFTP/Ntic/lib-info.doc" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a> </li>
<li>Photographies d'élèves ou de membres du personnel :<br>
Proposition de demande d'autorisation à des fins pédagogiques
et éducatives <a href="../../pragma07/dossiers/textes_tice/besancon/juridique/photographies.rtf" target="_blank"><img src="images/bt_cd.gif" width="50" height="12" border="0" alt="CD 7">
</a><a href="http://artic.ac-besancon.fr/juridique/photographies.rtf" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a></li>
<li>Activités artistiques :<br>
Proposition de demande d'autorisation et précautions essentielles
en milieu scolaire <a href="../../pragma07/dossiers/textes_tice/besancon/juridique/Activit�s-artistiques.rtf" target="_blank"><img src="images/bt_cd.gif" width="50" height="12" border="0" alt="CD 7">
</a><a href="http://artic.ac-besancon.fr/juridique/Activit�s-artistiques.rtf" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a></li>
</ul>
<p><span class="titre_paragraphe"><a name="cnil"></a>Déclaration
d'un site Internet à la CNIL</span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a>
<span class="arial10">Commission Nationale de l'Informatique et
des Libertés</span></p>
<ul>
<li>Faut-il déclarer le site à la CNIL ?<br>
<span class="arial10">Un site est déclarable auprès
de la CNIL uniquement s’il contient la possibilité
de collecter des données nominatives (noms, numéros
permettant une identification, images et photos reconnaissables
même ayant été modifiées par morphing,
courriers électroniques, fichiers permettant une traçabilité
des utilisateurs…) et proposant des traitements sur ces données.</span>
</li>
<li>Guide pratique - Comment déclarer ? <a href="../../pragma07/dossiers/textes_tice/declarer-CNIL.pdf" target="_blank"><img src="images/bt_cd.gif" width="50" height="12" border="0" alt="CD 7">
</a><a href="http://www.cnil.fr/fileadmin/documents/declarer/mode_d-emploi/declarer-CNIL.pdf" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a></li>
<li>Déclarer le site en ligne <a href="http://www.cnil.fr/index.php?id=1544" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a></li>
<li>Je monte un site Internet - Recommandations pratiques <a href="../../pragma07/dossiers/textes_tice/declarer_internet.pdf" target="_blank"><img src="images/bt_cd.gif" width="50" height="12" border="0" alt="CD 7">
</a><a href="http://www.cnil.fr/fileadmin/documents/declarer/mode_d-emploi/declarer_internet.pdf" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a><a href="../../pragma07/dossiers/textes_tice/besancon/juridique/photographies.rtf" target="_blank">
</a></li>
</ul>
<p><span class="titre_paragraphe"><a name="docs_pratiques"></a>D'autres
documents pratiques </span> <a href="#haut"><img src="images/haut.gif" width="21" height="15" alt="haut de page" border="0"></a></p>
<ul>
<li><span class="arial10"></span>Droit et TICE à l'école
<span class="arial10">(IA de la Manche) </span><a href="../../pragma07/dossiers/textes_tice/droit&tice.pdf" target="_blank"><img src="images/bt_cd.gif" width="50" height="12" border="0" alt="CD 7">
</a><a href="http://www.ac-caen.fr/manche/tice2/tice50/droit%26tice.pdf" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a></li>
<li>Formulaires d'autorisation de diffusion de photographies, voix
et autres productions de l'élève :
<ul>
<li>Inspection académique de la Manche <a href="../../pragma07/dossiers/textes_tice/formulaire_autorisation_diffusion.doc" target="_blank"><img src="images/bt_cd.gif" width="50" height="12" border="0" alt="CD 7">
</a><a href="http://www.ac-caen.fr/manche/tice2/tice50/autodiff.zip" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a>
</li>
<li>Inspection académique de l'Orme <a href="../../pragma07/dossiers/textes_tice/droit_image_orme.doc" target="_blank"><img src="images/bt_cd.gif" width="50" height="12" border="0" alt="CD 7">
</a><a href="http://www.ac-caen.fr/orne/ress/resspeda/tice/direction.htm" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a>
</li>
</ul>
</li>
<li>Formulaire d'information de mise en ligne d'un site Web d'école
<span class="arial10">(IA de la Manche)</span> <a href="../../pragma07/dossiers/textes_tice/formulaire_information_mise_ligne.doc" target="_blank"><img src="images/bt_cd.gif" width="50" height="12" border="0" alt="CD 7">
</a><a href="http://www.ac-caen.fr/manche/tice2/tice50/infomenl.zip" target="_blank"><img src="images/bt_web.gif" width="50" height="12" border="0"></a></li>
</ul>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</body>
</html>