Sciences de l'ingénieur

Section Sciences de l'ingénieur de lycée Gaston bachelard (Chelles, Seine-et-Marne)
Sciences de l'ingénieur

Manuel du Site

Sans rentrer dans la technique, ce manuel donne un avant-goût de ce que comporte et permet le site. Il a été conçu pour être entretenu par un professeur ou un élève sans compétence en programmation, avec seulement quelques notions de traitement de texte.

L'équipe du TPE

Grands Systèmes

Avant toute chose il est nécessaire de savoir quel est le principe de fonctionnement du site.

Un contenu dynamique
Nous avons fini par créer un site « clés en main », aussi appelé « portail » .
En effet, si l'architecture du site est statique, son contenu peut être renouvelé dans son intégralité : il est dynamique. Ce contenu dynamique se traduit par deux grands systèmes qui organisent le site : les articles et les news.

Les articles
Les articles contiennent toutes les informations à propos des Sciences de l'ingénieur que le visiteur doit pouvoir consulter. Le corps d'un article est inclus dans une « page » qui lui est dédiée, les pages étant réunies par des « rubriques », qui permettent l'organisation et la hiérarchisation des articles, flexibles à volonté.

Les news
Le site peut également délivrer l'actualité des Sciences de l'ingénieur dans le lycée, or pour cette tâche le système de rubriques et de pages est inadapté, c'est pourquoi il y a un système à part, affichant les news les plus récentes en page d'accueil. Même sur un site d'information comme celui-ci, il est important de bénéficier d'un système de news, car pour le visiteur c'est la preuve qu'il est entretenu, donc à jour.

Les systèmes secondaires
Autour des news et articles, on trouve du contenu dynamique secondaire, comme les images et tous les paramètres de configuration du site. Ils n'apparaissent clairement dynamiques que dans la partie « administration » mais peuvent attirer l'attention d'un visiteur averti.

Administrateur : Prérequis

Le site de la section Sciences de l'ingénieur nécessite un hébergement comportant certaines fonctionnalités.

Apache
Ce serveur fait fonctionner les technologies que nous utilisons : PHP et MySQL.

PHP 4
C'est le langage de programmation qui permet au site d'être dynamique.
Il est nécessaire que soient activées deux extensions php courantes :


MySQL
C'est la base de données, dans laquelle tout le contenu du site est entreposé.
La version doit être inférieure à la 4.1 pour ne pas demander une extension php différente.

Administrateur : Installation

Il faut absolument que les prérequis soient satisfaits pour entamer l'installation.

Données à connaître
Pour installer le site, vous devez connaître :
  1. L'adresse FTP du répertoire attribué au site sur le serveur ainsi que le nom d'utilisateur et le mot de passe nécessaire pour y accéder. (ftp://utilisateur:motdepasse@adresse)
  2. L'adresse HTTP du répertoire. (http://adresse/)
  3. Le nom du serveur de la base de données.
  4. Le nom de la base de données dans laquelle le contenu du site sera enregistré (il se peut que vous puissiez choisir).
  5. Le nom d'utilisateur et le mot de passe pour se connecter à la base de données.


Mise en place
Le site est dans un fichier compressé. Décompressez ce fichier sur votre disque dur, vous devez avoir un dossier « tpe » contenant des fichiers. Accédez au répertoire attribué au site avec un client FTP, indiquant votre nom d'utilisateur et mot de passe. Déplacez les fichiers du dossier « tpe » dans le répertoire en ligne. Une fois le téléchargement terminé, entrez l'adresse du futur site des Sciences de l'ingénieur.
Remplissez les quatre premiers champs avec les données que vous connaissez. Les trois derniers champs demandent un nom d'utilisateur et un mot de passe pour l'administrateur du site. Attention à ne pas les oublier, il faudrait réinstaller le site.

Premier lancement
Cliquez sur « Valider » et entrez le nom d'utilisateur et le mot de passe que vous venez de spécifier. Vous rentrez dans la partie administration.

Première Configuration

Il est toujours bon de commencer par de petits réglages.

Mettre en place les articles
Cliquez à gauche sur « Base de Données » .
Dans la liste des sauvegardes existantes, sélectionnez "TPE" et cliquez sur "Restaurer" pour mettre en place les premiers articles que nous avons déjà écrit. Le visiteur voit déjà le site tel que nous l'avons présenté aux Travaux Personnels Encadrés.

Indiquer l'e-mail de l'administrateur
Cliquez à gauche sur « Contact » .
Une rubrique "Contact" dans la partie publique du site permet aux visiteurs de contacter l'administrateur par e-mail. Ne négligez pas l'importance de ce moyen de communiquer. Par sécurité, c'est un formulaire qui est proposé aux visiteurs, pas l'adresse en elle-même.

Utilisation Courante : Rubriques

Le contenu principal du site est organisé en rubriques contenant des pages. Ces rubriques sont des grands chapitres.

L'index de rubriques
Cliquez à gauche sur « Rubriques » . Si vous avez mis en place les articles après l'installation, vous devez voir un tableau. Ce tableau des rubriques représente le sommet de l'arborescence du site. Sinon, il vous est proposé de créer la première.

Créer une nouvelle rubrique
Cliquez sur « Créer une nouvelle rubrique » .
Arrivé au formulaire, il n'y a que deux champs importants : « titre court » , qui s'affichera dans le menu à gauche et « titre long » en titre de fenêtre. Le résumé est facultatif mais le laisser vide donnera une page blanche avec juste la liste des pages de la rubrique. Attention, une nouvelle rubrique est toujours cachée au départ.

Modifier une rubrique
Cliquez sur « modifier » à droite du nom de la rubrique à modifier.
Le formulaire est identique à celui de création

Visibilité d'une rubrique
Cliquez sur « cacher » ou « afficher » à droite du nom de la rubrique dont vous changez la visibilité. La rubrique est visible si et seulement si elle contient des pages et est « affichée » .

Supprimer une rubrique
Cliquez sur « supprimer » à droite du nom de la rubrique à supprimer.
Une confirmation vous sera demandée.

Déplacer une rubrique
Cliquez « monter » et « descendre » à droite du nom de la rubrique à déplacer.
Ces options n'apparaissent que s'il y a plus de deux rubriques, elles changent l'ordre d'apparition des « titres courts » dans le menu.

Modifier le contenu de la rubrique
Cliquez sur le titre d'une rubrique.

Utilisation Courante : Pages

Les pages sont les articles permanents du site. Elles contiennent du texte, des images et appartiennent à une rubrique.

L'index des pages
Cliquez à gauche sur « Rubriques » puis sur le titre de l'une d'elles. Si la rubrique n'est pas vide, vous devez voir un tableau. Ce tableau des pages affiche les différents articles de la rubrique. Sinon, il vous est proposé de créer la première des pages de cette rubrique.

Créer une nouvelle page
Cliquez sur « Créer une nouvelle page » .
Arrivé au formulaire, remplir tous les champs est obligatoire : « Auteur » , comme son nom l'indique, renvoie au rédacteur du texte. Attention, si plusieurs textes sont écrits par la même personne, faites en sorte que son nom soit écrit rigoureusement de la même façon, on verra plus tard pourquoi. « titre court » s'affichera dans le menu à gauche et « titre long » en titre de fenêtre. « intro » est le chapeau de l'article. Obligatoire, il sert à accrocher le lecteur de l'article, attention à ce qu'il ne soit ni trop gros ni trop petit. « texte » est le corps de l'article en lui même. Il est nécessaire de « prévisualiser » la page au moins une fois avant de la poster.

Modifier une page
Cliquez sur « modifier » à droite du nom de la page à modifier.
Le formulaire est identique à celui de création.

Visibilité d'une page
Cliquez sur « cacher » ou « afficher » à droite du nom de la page dont vous changez la visibilité.
Si toutes les pages sont cachées, la rubrique elle-même ne sera plus visible.

Supprimer une page
Cliquez sur « supprimer » à droite du nom de la page à supprimer.
Une confirmation vous sera demandée.

Déplacer une page
Cliquez « monter » et « descendre » à droite du nom de la page à déplacer.
Ces options n'apparaissent que s'il y a plus de deux pages dans la rubrique, elles changent l'ordre d'apparition des « titres courts » dans le menu.

Déménager une page
Cliquez sur « transférer » à droite du nom de la page à déménager.
Cette option n'apparaît que s'il existe au moins deux rubriques dans le site. Une fois la rubrique cible choisie (s'il en existe trois ou plus), vous devez confirmer le transfert.

Utilisation Courante : News

Les news sont le meilleur moyen d'informer les visiteurs d'un site des dernières mises à jour.

L'index des news
Cliquez à gauche sur « News » . Si il n'y en a pas, on vous propose d'en créer une. Sinon il s'affiche le tableau des news.
Contrairement aux tableaux des rubriques et des pages, l'ordre n'est pas arbitraire mais chronologique.

Écrire une news
Cliquez sur « Créer une news » .
Arrivé au formulaire, les deux champs obligatoires sont "Titre" et "Contenu". "Auteur" est facultatif.
Il est nécessaire de « prévisualiser » la page au moins une fois avant de la poster. Attention, une nouvelle news est toujours cachée au départ.

Modifier une news
Cliquez sur « modifier » à droite du nom de la news à modifier.
Le formulaire est identique à celui de création.

Visibilité d'une news
Cliquez sur « cacher » ou « afficher » à droite du nom de la news dont vous changez la visibilité.

Supprimer une news
Cliquez sur « supprimer » à droite du nom de la news à supprimer.
Une confirmation vous sera demandée.

News temporaire
Cliquez sur « créer » dans la colonne « Date de suppression » à droite du nom de la news temporaire.
Une date et une heure est alors demandée. C'est à ce moment là que la news sera supprimée.

Gestion des commentaires
Cliquez sur le titre d'une news qui a entre parenthèses un nombre égal à 1 ou plus.
C'est le nombre de commentaires, que chaque visiteur peut déposer sur les news. Vous arrivez sur la page de gestion des commentaires de la news, d'où vous pouvez éventuellement supprimer des commentaires mal placés.

Configuration Courante

Il s'agit maintenant d'effectuer l'entretien une fois que le site dispose de quelques rubriques bien fournies.

Auteurs et e-mails
Cliquez à gauche sur « Auteurs » .
Vous voyez maintenant une liste des auteurs d'article et de news. C'est pourquoi il était important d'orthographier de la même façon les noms, pour éviter d'avoir des auteurs doublons. Vous pouvez indiquer, dans le champ à droite de chaque nom, une adresse e-mail pour contacter ces rédacteurs. Tout comme l'adresse e-mail de l'administrateur, celle-ci ne sera pas dévoilée, la rédaction du message se fera par un formulaire intégré au site quand on cliquera sur le nom en en-tête d'article ou de news.
C'est bien sûr facultatif mais très conseillé pour éviter de voir des messages destinés aux rédacteurs dans les commentaires des news ou dans la boîte aux lettres de l'administrateur. Si un article a été signé par plusieurs personnes, vous pouvez indiquer plusieurs e-mails en les séparant par une virgule.

Sauvegarder le contenu du site
Cliquez à gauche sur « Base de données » .
Vous vous souvenez peut-être, vous l'aviez fait à l'installation du site. A droite du champ « Nom » entrez un mot comme indiqué. Puis cliquez sur « Créer » . Maintenant, si vous devez réinstaller le site, en restaurant la sauvegarde portant le nom que vous venez d'entrer, le site redevient comme il l'est au moment où vous cliquez sur « Créer » . C'est une chose à faire régulièrement, car aucun site n'est à l'abri d'aléas technologiques.

Changer de nom d'utilisateur et de mot de passe
Cliquez à gauche sur « Identifiant/mot de passe » .
Entrez les nouvelles informations et cliquez sur « Envoyer » . Attention, ne les oubliez pas, vous seriez obligé de réinstaller le site.

Faciliter le travail des moteurs de recherche
Cliquez à gauche sur « Recherche » .
Dans le champ « meta » , rentrez séparés par une virgule les mots-clefs associés au site. Ce qui permettra aux moteurs de recherche d'associer votre site aux recherches sur ces mots.

Textes : Formatage

Des articles c'est bien, mais un texte nu c'est terne.

Les balises
Vous pouvez utiliser les balises répertoriées ci-dessous seulement lorsque la possibilité est explicitement indiquée. Que sont les balises ? Ce sont des mots spéciaux qui, en encadrant une lettre, un mot, une phrase ou un paragraphe, le formate. Il n'est pas possible de voir directement quand on écrit le texte leurs effets, c'est pourquoi là où elles sont utilisées, il y a un bouton « prévisualiser » . Si vous avez déjà utilisé des forums de discussion ou écrit du HTML vous verrez une ressemblance, mais cette fois-ci les balises sont en français !

Utilisation des balises
Le modèle est : [balise]texte formaté[/balise].
[balise] étant la balise ouvrante dictant une caractéristique du texte jusqu'à la balise fermante [/balise]. Ces deux balises sont obligatoires. Elles ne peuvent pas se croiser, mais elles n'ont aucun problème pour se superposer ou se juxtaposer, comme des poupées russes. S'il est possible d'envisager des constructions du type : [1][2][/2][3][/3][/1], celle-ci est impossible : [a][b][/a][/b].

Placer des titres de paragraphe
Vous pouvez placer des titres avec du gras mais il est mieux d'utiliser les balises prévues à cet effet, car elles permettent un sommaire en haut de page. Ils se construisent avec les balises [titre] et [/titre]
Exemple : « [titre]Que faire après le bac ?[/titre]
Cette question n'est pas du tout anodine, car... »

Mettre du texte en italique
L'italique est surtout utilisé pour les expressions courantes étrangères. Il se construit avec les balises [i] et [/i]
Exemple : « si diplôme d'ingénieur est [i]a priori[/i] l'ambition des élèves de Sciences de l'ingénieur... »

Mettre du texte en gras
Le gras est utilisé pour insister fortement. Vous pouvez l'utiliser pour des sous-titres dans les paragraphes. Il se construit avec les balises [g] et [/g]
Exemple : « ils ne sont [g]absolument[/g] pas assurés d'y parvenir... »

Souligner du texte
Le soulignement est à éviter de manière générale car il n'a pas de valeur typographique particulière. Sur Internet, il est associé au lien, attention à ne pas tromper les visiteurs ! Il se construit avec les balises [s] et [/s]
Exemple : « en effet, il faut encore passer le bac et faire les [s]5 ans d'études supérieures[/s] de rigueur. »

Insérer une remarque
La remarque est un petit bloc dans le texte attirant l'attention du lecteur sur un point particulier sans faire partie de la trame générale. Évitez de faire des remarques trop courtes, pour que le bloc ne prenne pas plus de place que le texte qu'il contient. Elle se construit avec les balises [remarque] et [/remarque]. N'emboîtez pas les remarques.
Exemple : « [remarque]Une certaine proportion d'élèves de terminale S SI n'envisagent même pas obtenir le diplôme un jour. En effet, si certains comptent utiliser leur bac S à spécialité mathématiques pour entamer des études d'économie, d'autres se redirigent vers des études courtes, forts d'un bac compatible avec un enseignement supérieur destiné aux bacs technologiques.[/remarque] »

Insérer une citation
La citation est un petit bloc dans le texte attirant l'attention du lecteur sur le point de vue d'une personne liée au sujet. Demandez évidemment à la personne interrogée son autorisation pour être citée dans votre article. Elle se construit avec les balises [citation=X] et [/citation] , où X est le nom de la personne citée. N'emboîtez pas les citations.
Exemple : « [citation=Un élève de la classe]Non mais. On est en terminale S, quand même, et par choix ! Si certains ne l'ont pas compris, ce sera à eux d'en assumer les conséquences en juin.[/citation] »

Insérer un lien vers une page du site
Il peut être utile d'insérer un lien vers une page du site, même si le menu à gauche peut l'en dispenser. Attention, si vous cachez ou supprimez une page vers laquelle vous dirigez, elle ne sera plus accessible et le lien sera ce qu'on appelle un "lien mort", c'est à dire ne renvoyant à rien. Il se construit avec les balises [lien=?&page=X] et [/lien] où X est le numéro de la page, indiqué dans la barre d'adresse lorsqu'on la visite.
Exemple : « Il n'est pas obligatoire d'avoir choisi l'enseignement de détermination ISI + LV2 en [lien=?&page=12]seconde[/lien] pour rentrer en première scientifique option SI. » (en admettant que la page 12 traite de la seconde).

Insérer un lien extérieur au site
Il peut être utile d'insérer un lien vers une page extérieure au site, pour appuyer des dires ou indiquer des documents qu'il serait inutile de restituer en intégralité dans l'article. Attention, si la page vers laquelle vous dirigez le lien est supprimée ou modifiée, elle ne sera plus accessible dans le premier cas et est susceptible de ne plus afficher ce que vous vouliez montrer dans le second. Il se construit avec les balises [lien=X] et [/lien], X étant le lien complet de la page web, qu'on peut trouver dans la barre d'adresse quand on la visite.
Exemple : « Toutefois cet enseignement de détermination a été créé pour que certaines notions soient déjà assimilées dès la seconde, comme l'explique l'[lien=http://www.education.gouv.fr/bo/2001/hs2/seconde2.htm]extrait du bulletin officiel[/lien] sur le site web du ministère de l'éducation nationale. »

Vérifiez régulièrement la validité de vos liens !



Insérer une liste à puces
Pour énumérer des éléments, il faut utiliser une liste. Elle se construit avec les balises [liste] et [/liste], entre lesquelles les puces introduisant un nouvel élément sont les balises [*], qui ne se ferment pas ! Pour plus de lisibilité, vous pouvez revenir à la ligne à chaque puce. Vous pouvez mettre une nouvelle liste entre deux puces et créer une hiérarchie complexe, mais attention à bien placer les balises.
Exemple : « Une fois leur bac S SI en poche, les élèves s'orientent différemment :
[liste][*]Beaucoup vont en classe préparatoire aux grandes écoles (CPGE).
[*]Certains intègrent même des grandes écoles à "prépa intégrée".
[*]D'autres vont en Institut Universitaire Technologique (IUT) ou en fac pour préparer un DUT ou un DEUG.
[*]Un plus faible nombre change radicalement d'orientation.[/liste] »

Insérer une liste numérotée
Pour énumérer des éléments dans un rapport hiérarchique ou chronologique, une liste numérotée est parfaitement indiquée. Elle est aisément modifiable puisque la numérotation s'adapte aux rajouts et aux suppressions. Elle se construit avec les balises [numero] et [/numero], entre lesquelles les puces introduisant un nouvel élément numéroté sont les balises [*], qui ne se ferment pas ! Pour plus de lisibilité, vous pouvez revenir à la ligne à chaque puce. Vous pouvez aussi mettre une nouvelle liste numérotée entre deux puces et créer une hiérarchie complexe, mais attention à bien placer les balises.
Exemple : « De plus en plus, des anciens bacheliers essayent de contourner la tension des classes prépa en intégrant les écoles en 5 ans. Mais y entrer n'est pas toujours aisé, même s'il n'y a pas de concours. Voici les étapes :
[numero][*]Choisir la ou les écoles pour lesquelles on va postuler.
[*]Vérifier les procédures de candidature, qui sont rarement communes.
[*]Réunir le dossier demandé pour chaque et s'acquitter des frais demandés.
[*]Décrocher le bac, si possible avec mention, certaines sont très sélectives.[/numero] »

Insérer une image
Pour illustrer un texte au sens propre, vous pouvez placer des images. Si elles sont trop grandes, ce sera des vignettes pointant vers l'image à sa taille originale. Elle s'insère avec la balise [imageX] où X est son numéro, indiqué dans le catalogue -voir plus bas-.
Exemple : « Le store Somfy est le sujet de prédilection tout au long des deux années de Sciences de l'ingénieur car c'est un assemblage concret et commercial d'une multitude de notions abordées à la fois en mécanique et en électronique. Il y a d'ailleurs une maquette dans chaque salle et une dizaine de travaux pratiques lui sont consacrés.
[image6][image7][image8] » (admettons que les images n°6, 7 et 8 soient des photos de la maquette et de ses éléments).

Textes : Images

Toutes les images apparaissant dans les articles doivent être stockées sur ce site. En effet, ça permet de les gérer, d'en faire l'inventaire et d'éviter leur suppression à distance.

Attention, certaines images trouvées sur Internet peuvent ne pas être libres de droit !



Catalogue des images
Cliquez à gauche sur « Images » .
C'est dans cette page qu'on trouve le catalogue des images. A chacune est associé le numéro qui permet de les insérer dans les articles, un aperçu, et ses caractéristiques

Ajouter une image
Cliquez sur « ajouter une image » .
Assurez-vous bien que l'image que vous voulez ajouter est sur votre disque dur et que vous connaissez son emplacement. Cliquez alors sur « parcourir » et recherchez-la. Attention, seules les extensions GIF, JPEG/JPG et PNG sont autorisées. Donnez lui un « titre » qui permettra de la retrouver dans la liste ainsi qu'un « texte alternatif » qui la remplacera dans certains cas (navigateur texte qui n'affiche pas les images ou navigateur vocal pour les malvoyants, par exemple).

Modifier une image ou sa description
Cliquez sur « modifier » à droite de l'image.
Le formulaire est identique à celui d'ajout.

Supprimer une image
Cliquez sur « supprimer » à droite de l'image à supprimer.
Une confirmation vous sera demandée.

haut

Sciences de l'ingénieur