Université de Nice-Sophia Antipolis Licence Mathématiques - MASS

Systèmes Informatiques Travaux Pratiques – Séance n

◦

10

Semestre 1 Semaine du 26 novembre 2014

1)

Aller sur la page web du cours du fichier tp10.tar

http://deptinfo.unice.fr/~guingne/L1MI-SI/ maintenant se trouver dans le répertoire TP10 .

extrayez les fichiers qui vous seront utiles pour ce TP : les trois fichiers doivent donc

1 Retour sur le TP09 2 Utilisation du système X 2.1

Options standard de X

*

2)

Depuis tpsi , utilisez l’option -geometry pour placer quatre horloges différentes aux qua tre coins de votre écran. Pour obtenir une horloge dans le coin inférieur gauche, par exemple, on exécute la commande : xclock -geometry +0-0 & Ajustez l’option -geometry de manière à afficher une horloge de dimension 200x200 inférieur droit, au-dessus du « tableau de bord » qui encombre le bas de l’écran.

dans le coin

3)

Testez pour les commandes pour simplifier -bg et -fg Nautilus emacs les noms connus de X dans le fichier et xterm les options ) afin de mettre des couleurs.

-background /usr/share/X11/rgb.txt

et -foreground (ou Le nom de ces dernières est évidemment en anglais. Comme ces noms ne sont pas faciles à inventer, sauf pour les couleurs les plus simples, donc les plus violentes, vous pouvez consulter . Vous pouvez aussi utiliser le créateur de couleurs de (Menu Edition -> arrière-plans et emblèmes...).

Il est vrai qu’il existe pas mal de générateurs de pages HTML, mais il est toujours utile de comprendre ce qui est généré pour pouvoir l’utiliser à bon escient, d’autant plus que les généra teur fabriquent souvent du HTML inutilement compliqué et très lourd.

Vous allez utiliser le langage HTML pour réaliser une petite page Web. Vous allez utiliser E MACS menu.

et/ou B LUE F ISH pour composer le contenu de votre page. E MACS dispose d’un mode spécifique pour le langage HTML : coloration de la syntaxe et nouvelles entrées dans la barre de

4)

Ouvrez dans E MACS ou B LUE F ISH squelette de ce qui sera votre page Web.

un fichier maPage.html

. Commencez par écrire le

5)

Donnez un titre à votre page Web. Ce titre sera votre votre page.

NOM suivi de votre PRÉNOM . Ce titre apparaîtra notamment dans la partie supérieure du cadre de la fenêtre d’un navigateur visitant

6)

Reproduisez ce titre en haut de votre page Web dans un titre de niveau1 centré.

7)

Dans un nouveau paragraphe, insérez un tableau, sans bordure, comportant une ligne et trois colonnes. Mettez dans les cases du tableau votre nom, votre prénom et une image (si vous n’en avez pas sous la main, prenez l’image unix.png

).

8)

Créez un nouveau tableau en modifiant les propriétés du tableau précédent pour que chaque case occupe 1/3 de la largeur de la page que son contenu soit centré, et que les bords soient apparents en noir.

2

9)

a2ps ( A partir de votre fichier Ascii To PostScript maPage.html

, créez un fichier a2ps -delegate=no -1 -o source.ps maPage.html

source.ps

. Le fichier à l’aide de la commande qui enjolive les sources suivant le langage dans lequel ils sont écrits : source.ps

ainsi créé est dans un format destiné à l’impression et reconnu par les imprimantes, le format P OST S CRIPT , d’où son suffixe .ps

.

Au 3 e étage, deux imprimantes sont mises à votre disposition : vant vers l’escalier extérieur (côté Ouest) et mips3e de fournir le papier. Pour imprimer le fichier source.ps

sur mips3o l’imprimante se trou celle du côté Est. En revanche, c’est à vous mips3e , il suffit d’exécuter la com mande lpr -Pmips3e source.ps

. On peut également exécuter être affiché à l’aide de la commande lpq -Pmips3e a2ps -1 -Pmips3e maPage.html

pour imprimer sans créer de fichier PostScript intermédiaire. Enfin, l’état de l’imprimante peut et la commande lprm permet de supprimer une tâche d’impression de la file d’attente.

10)

Utilisez F IREFOX pour afficher votre page.

Pour visualiser le code source de la page, utilisez le raccourcit clavier C-u .

11)

Ajoutez à votre page une section de niveau2 nommée liens hypertextes vers : — la page web de l’Université — la page web du département Informatique — la page web du Cours de Systèmes Informatiques Liens contenant une liste de trois

12)

Enfin ajoutez une section de niveau3 intitulée Code source de la page et écrivez la phrase suivante : «Télécharger le fichier PostScript correspondant au code source.». Le mot fichier devra être «cliquable »pour renvoyer le fichier source.ps

produit dans une question précédente.

Autrement dit vous allez créer un lien sur le mot fichier .

13)

La présentation des différents éléments d’une page Web peut être paramétrée par des feuilles de styles : Cascading Style Sheet (CSS). Utilisez la feuille de style monStyle.css

et ajoutez dans l’en-tête de votre page Web la balise : puis visualisez le résultat.

14)

Éditez le fichier monStyle.css

et modifiez la couleur de fond de votre page de façon à ce qu’elle soit verte. Vous trouverez une table des couleurs à l’adresse suivante : http://www.w3schools.com/html/html_colors.asp

15)

Le World Wide Web Consortium (W3C) est l’organisme en charge de l’évolution des tech nologies en usage sur le Web. Afin de vérifier que vous avez écrit du code HTML conforme aux standards du W3C, c’est-à-dire que votre page s’affichera correctement dans tous les navigateurs qui respectent ces normes (c’est-à-dire dans tous les navigateurs existants, à l’exception unique d’Internet Explorer), rendez vous sur la page http://validator.w3.org/ Si tout s’est bien passé, vous pouvez ajouter à votre page le logo de validation du W3C !

16)

Validez de même votre feuille de style : http://jigsaw.w3.org/css-validator/

2.2

Votre page sur le World Wide Web

N’oubliez pas que sur le World Wide Web vos pages seront visibles par tout le monde, faites donc attention à leur contenu !

Pour que votre page Web soit accessible à tout le monde sur Internet, elle doit être ajoutée à la base de documents d’un serveur HTTP. L’université met à votre disposition le serveur www-mips.unice.fr

.

Par l’intermédiaire de ce serveur, les documents que vous mettrez dans votre répertoire ~/www seront aussi accessibles depuis un navigateur Internet avec l’URL : http://www-mips.unice.fr/~ votreLogin/votreDocument .html

3 Les documents présents dans ce répertoire, et ses sous-répertoires, ne seront accessibles que si vous donnez à tous les droits de lecture pour les documents, et les droits de lecture et d’ exécution pour les répertoires.

Par défaut, si quelqu’un accède à l’URL http://www-mips.unice.fr/~ votreLogin sans préciser de document, c’est la page index.html

qui est servie (si elle existe).

17)

Faites ce qu’il faut pour que la page que vous avez faite soit mise sur la « toile » et que ce soit celle qui sera affichée par défaut.

18)

Ecrivez l’adresse qui permet d’accèder à votre page web. Cette adresse permet de vérifier si vous avez bien traîté les questions précédentes. Cette question est à rendre même si votre intervenant ne vous la demande pas.

3 Script

19)

Ecrivez un script qui demande un nombre à l’utilisateur et qui le compare à 100. Le script renvoie sur la sortie standard si ce nombre est plus petit, plus grand ou égal à 100.

4 Logiciels de traitement de textes

Vous avez probablement déjà utilisé un logiciel de traitement de textes et il était, de façon quasi certaine, WYSIWYG.

WYSIWYG . Plusieurs logiciels de ce type sont disponibles pour Unix et nous en verrons un. Mais nous verrons aussi un système de préparation de documents qui n’est pas

4.1

OpenOffice Writer

20)

Lancez l’application loffice & et ouvrez un texte vierge par Nouveau , Document Texte .

21)

Reproduisez la lettre type de la figure 1.

22)

Enregistrez votre travail dans un fichier nommé : fichier créé ?

oolettre . Quelle est l’extension du

4.2

L

A

TEX

document s’occupe du contenu et L A TEX distingue le fond de la forme . L’auteur d’un TEX se charge de la présentation. Le principe est que la structure du document guide sa présentation. Pour cela, l’auteur d’un document L TEX place des balises décrivant la structure logique de son document.

Le système L TEX n’est pas WYSIWYG : le document est décrit dans un fichier texte qui devra être compilé avant de pouvoir être visualisé ou imprimé.

23)

Débobinez l’archive lettre.tgz

.

24)

Éditez avec E MACS le fichier lettre.tex

. Il s’agit du fichier source pour L Repérez les commandes : elles débutent par une contre-oblique (\) et prennent des arguments entre accolades.

Remarquez qu’il n’y a aucune indication de mise en forme, mais des commandes pour les différents éléments qui composent une lettre.

TEX d’une lettre.

25)

À l’aide des commandes de la lettre.

\name{} , \address{} et \date{} , personnalisez le fichier source

26)

Compilez le fichier source : latex lettre et visualisez le résultat : voulez l’imprimer, il faut produire du Postscript produit et vous pourrez l’imprimer grâce à grâce à dvips -Pmips2e lettre .

dvips lettre -o xdvi lettre & . Si vous . Un fichier lettre.ps

sera lpr . On aurait pu se passer du fichier intermédiaire

nom et adresse de l'exp éditeur sur plusieurs lignes év en tuellemen t date d'exp édition nom et adresse du destinataire sur plusieurs lignes év en tuellemen t Chère Madame, her Monsieur, Corps de la lettre V euillez agréer, hère Madame, her Monsieur, l'expression de mes sinères salutations.

nom de l'exp éditeur PS : p ost-sriptum F IGURE 1 – Une lettre type.

4

5

5 Tableurs

Les tableurs comptent parmi les outils bureautiques courants. Nous utiliserons dans ce TP L IBRE O FFICE C ALC .

Un tableur représente des feuilles de calcul par des tableaux à deux dimensions. Vous allez construire une petite feuille de calcul pour le suivi de la consommation en carburant d’un véhicule.

Votre tableau aura quatre colonnes : date , kilométrage , volume (en litre) et consommation (en litre pour 100 km). Chaque fois que le plein du véhicule est fait, on remplit une ligne du tableau.

27)

L’application de calcul vierge par loffice est normalement toujours en train de tourner. Ouvrez une feuille Nouveau , Classeur .

28)

Construisez le tableau de suivi de consommation de façon à ce que la consommation soit calculée automatiquement à partir du kilométrage parcouru entre deux pleins et du volume de carburant consommé. Le tableau devra être prévu pour une vingtaine de lignes. Mettez un cadre autour des cellules.

29)

Ajoutez en fin de tableau une ligne total qui fait la somme des litres de carburant consom més et la moyenne de la consommation. Regroupez des cellules si nécessaire.

30)

temps.

Tracez un diagramme qui permet de suivre l’évolution de la consommation au cours du

6 Récapitulation de la semaine

Vous devez maintenant avoir : — compris les principes de base de la construction d’une page Web et de sa mise à disposition de tous ; — découvert des logiciels de bureautiques qui sont du logiciel libre, fonctionnant sur toute plate-forme ; — vu le principe d’un système de présentation de documents de bonne qualité.