Implantation d'applications pédagogiques sur le serveur WEB du DIP

Transcription

1 Document technique destiné aux personnes mandatées pour développer et exploiter un site WEB sur le serveur pédagogique du DIP (ex-document "Marie Navoile") - 1 -

2 Introduction Ce document est destiné à tous les collaborateurs du DIP développant des sites pédagogiques sur les serveurs du DIP et en possession d'une boîte aux lettres électronique pédagogique (BAL EDU). Il apporte une réponse technique aux cas 4 à 7 du Protocole pour les projets pédagogiques utilisant Internet. Le but de ce document est de : - présenter le serveur WEB pour la pédagogie du DIP ; - montrer la manière d'y accéder en tant que créateur de pages WEB ; - vous donner des recommandations pour la conception des pages en général et des recommandations concernant la structure des sites. Les prérequis indispensables sont : - avoir de bonnes notions de gestion de fichiers (dossier, répertoire, arborescence, etc.) ; - avoir de bonnes notions des systèmes d'exploitation ; - savoir utiliser un navigateur (Netscape, Explorer, etc.) ; - savoir utiliser un client FTP (Fetch, WS-FTP, etc.) ; - savoir utiliser un éditeur de page HTML (HomePage, Dreamweaver, FrontPage, Golive, etc). Pour acquérir ces prérequis, des cours peuvent bien évidemment être suivis. Pour plus d'informations concernant les cours : Pour plus d'informations concernant ce document, vous pouvez appeler Stéphane BERCHTOLD au ( stephane.berchtold@edu.ge.ch) NB: Ce texte est perfectible, votre contribution est essentielle

3 Schéma général Le serveur du DIP est composé de quatre zones distinctes. Chacune de ces zones est matérialisée par un répertoire (dossier) sur le serveur, chacun de ces répertoires correspond à une adresse Internet propre. Ces zones sont les suivantes : - Une zone réservée aux développements : "devedu" Cette zone sert aux développements des nouveaux projets et à la validation de ceux-ci par les directions générales (MOA); elle est accessible uniquement par les personnes habilitées à développer et à celles qui valident le développement. - Une zone limitée concernant le DIP : "dipedu" Cette zone est considérée comme interne au DIP, elle est accessible uniquement par les personnes autorisées (enseignants, collaborateurs de l'enseignement et projets avec les élèves) pour des projets liés aux activités du DIP. - Une zone tout public : "wwwedu" Cette zone est la zone d'exploitation des sites (projets) destinée à toute la communauté Internet. - Une zone contenant des pages WEB personnelles : "persoedu" Cette zone permet aux personnes autorisées de mettre à disposition des pages Internet personnelles. Ces zones sont accessibles (éventuellement moyennant autorisation) depuis un navigateur et répondent aux adresses Internet suivantes :

4 Ainsi, la personne en charge va déposer (voir page suivante) ses pages dans le répertoire de son projet qui seront accessibles immédiatement aux lecteurs, via l'adresse Internet correspondante. Exemple : Vision du "développeur" La page Internet "ma_page.html" est déposée par le "développeur" dans le dossier "mon_site", qui est luimême dans le dossier "autres" qui est situé dans la zone "dipedu". Vision du "lecteur" Le "lecteur" peut avoir accès immédiatement en consultation (avec un navigateur) à la page Internet "ma_page.html" à l'adresse Internet correspondante à la position du fichier dans l'arborescence du serveur :

5 Comment déposer sur le serveur les éléments d'un site? Pour chaque projet, un sous-répertoire est créé dans l'arborescence de chacune des zones à disposition. Suivant le type et/ou l'avancement, le projet sera transféré, par le responsable du projet, d'une zone vers l'autre, avec l autorisation du MOA concerné. Pour déposer des éléments concernant un site, la personne en charge doit se connecter au serveur en s'identifiant (même identification que la messagerie), et déposer ses fichiers dans le sous-répertoire de la zone concernée par son projet. Dans l'exemple donné ci-dessous, il est fait référence à une personne virtuelle nommée Marie NAVOILE qui s'occupe d'un site WEB fictif. Dans tous les cas, l'identification est la même que celle de la boîte aux lettres électronique "EDU", soit : edu-navoilem et le mot de passe est L'accès au serveur pour la mise en place des fichiers peut se faire de deux manières différentes : 1/ Depuis un poste en Windows NT raccordé au réseau cantonal 2 : Il suffit de "connecter un lecteur réseau" avec les paramètres suivants : Chemin : "\\alden\serveur" Connecter en tant que : "extra-muros\edu-navoilem" 2/ Accès avec le protocole "ftp", depuis un poste équipé d'un client ftp : Par exemple avec "Fetch" pour Macintosh on indiquera les paramètres suivants : - 5 -

6 Règles et conseils de base pour la création de sites WEB Le but de cette partie est d'attirer votre attention sur les différents éléments de la chaîne permettant la consultation de documents sur Internet, allant de l'éditeur de pages jusqu'au navigateur, en passant par le serveur et le réseau. Exploités correctement, ces différents éléments faciliteront la consultation de vos documents, ainsi que votre travail. Appelez le fichier de départ de votre site "welcome.html" Le serveur cherche automatiquement ce fichier si l'utilisateur ne précise pas le nom du fichier à lire, mais uniquement le dossier. D'une manière générale, si votre site est constitué d'une arborescence à plusieurs niveaux (présence de sous-répertoires) prévoyez un fichier "welcome.html" qui sera utilisé par défaut dans chacun des sous-dossiers. Regroupez tous vos graphismes dans un sous-dossier "images" Donnez à vos fichiers des noms représentatifs de leur contenu. Evitez les "fichier1", "fichier2", "page5" ou "image3". Donnez des noms courts à vos fichiers. Plus les noms sont longs, plus le risque de faire une erreur en recopiant le nom est grand. Il n'est pas évident de concilier cette contrainte avec la précédente. Mettez les bonnes extensions à vos fichiers, soit : "html" pour les documents, "gif" ou "jpg" pour les éléments graphiques. Ne mettez pas d'accents dans les noms des fichiers, ni de signes cabalistiques, ni d'espaces. Essayez de vous contenter du jeu de caractères suivant : les lettres de a à z, les chiffres de 0 à 9, le moins (-) et le souligné (_). Réservez le point (.) pour séparer l'extension du nom de fichier. Certaines plates-formes différencient les majuscules des minuscules. Afin d'éviter tout problème à ce niveau, nous vous proposons de n'utiliser que des minuscules. Evitez les pages trop longues. Une étude a montré que 90% des utilisateurs n'emploient pas l'ascenseur pour voir la partie non visible des pages. Testez vos pages sur un écran pouces ou simulez un tel écran sur votre machine: tout le monde ne dispose pas d'un écran géant. Evitez les longs tableaux. Du point de vue du client, la mise en page des données du tableau ne pourra être faite qu'à la fin de la réception dudit tableau

7 Règles et conseils de base, suite Respectez les utilisateurs qui ont des anciennes versions de navigateur. Evitez le gadget qui ne fonctionne que dans la dernière version de votre navigateur préféré qui date de la semaine passée. Evitez autant que possible les frames. Ils ne permettent pas de connaître l'adresse exacte du document qui est effectivement consulté. Si, malgré tout, vous utilisez des frames, veillez à ce que les liens allant à l'extérieur de votre site s'ouvrent en pleine page ou dans une nouvelle fenêtre. Gérez vos liens de manière relative à l'intérieur de votre application et de manière absolue pour les références aux autres sites, même si ceux-ci se trouvent aussi au SEM. Exemple de lien absolu : "<a href=" Exemple de lien relatif : "<IMG SRC="../images/blrnd01.gif">" Utilisez les "meta-names". Profitez de ces commandes HTML utilisées par les moteurs de recherche pour mettre à jour leurs bases de données. Les principaux sont "description", "author", "keyword", etc. Configurez les préférences de votre créateur de pages WEB de manière à générer des sauts de ligne PC (CR-LF), de ne pas générer des "tags HTML" propriétaires, ni des chemins absolus. Réglez la résolution de vos images à 72 dpi, et réduisez la palette des couleurs au minimum afin de diminuer le temps de chargement au minimum, tout en ayant la meilleure qualité. Utilisez le format JPEG pour les photos et le format GIF entrelacé pour les schémas et autres dessins au trait. Mettez la taille de vos images en pixels dans les liens à ces images, ainsi le texte entourant l'image pourra continuer à être chargé sans qu'on ait à attendre l'arrivée de l'image pour avoir la mise en page correcte. Exemple : "<IMG SRC="sarcelle.gif" WIDTH=200 HEIGHT=120>" - 7 -

8 Glossaire Répertoire - Dossier (Directory - Folder) Tous ces termes recouvrent la même notion mais, suivant le monde dans lequel on se trouve, on préférera l'un ou l'autre. Serveur WEB - Site WEB Un serveur corrrespond à une machine, alors qu'un site est une notion conceptuelle. La confusion entre les deux peut être facile, car un site peut être réparti sur plusieurs serveurs, comme un serveur peut héberger plusieurs sites. Intranet - Extranet Quand une entreprise utilise la technologie internet pour véhiculer son information, elle peut le faire soit pour sa gestion interne, soit comme vitrine visible sur Internet. Intranet représente la partie privée du réseau de l'entreprise alors qu'extranet en représentera la partie visible depuis Internet. Webmaster Ce terme recouvre, suivant les interlocuteurs, les trois fonctions suivantes : Administrateur C'est la personne qui s'occupe du bon fonctionnement technique du serveur. Pour pouvoir assurer sa tâche, il a un droit de regard (sur le plan technique) sur tous les services hébergés par le serveur. Responsable rédactionnel C'est la personne responsable du contenu d'un site, de ce qui y est dit et montré. Responsable technique C'est la personne responsable de la mise en forme d'un site