SII Stage d informatique pour l ingénieur

Transcription

1 SII Stage d informatique pour l ingénieur Création d un site Web École nationale supérieure de techniques avancées SII Stage d informatique pour l ingénieur 1 / 15

2 L informatique et le temps qui passe... Le Boeing 747 a volé pour la première fois en Il a évolué depuis et est toujours en service actuellement. Comment sa documentation technique (qu on suppose informatisée) a-t-elle pu suivre les bouleversements du monde informatique pendant plus de 40 ans? SII Stage d informatique pour l ingénieur 2 / 15

3 Formats de fichiers Formats propriétaires (fermés) : liés à un logiciel en particulier Formats ouverts : non liés à un logiciel en particulier SII Stage d informatique pour l ingénieur 3 / 15

4 Standard Generalized Markup Language (SGML) Principe Normalisé en 1986 : ISO Un document SGML est décrit en terme de structure, pas de mise en page. SII Stage d informatique pour l ingénieur 4 / 15

5 Standard Generalized Markup Language (SGML) Exemple <!DOCTYPE PRESENTATION SYSTEM "presentation.dtd"> <PRESENTATION> <GARDE> <TITRE1>SII <TITRE1>Stage d informatique pour l ingénieur <TITRE2>Création d un site Web <AUTEUR> <NOM>Marc Baudoin <ADRESSE>babafou@babafou.eu.org </GARDE> </PRESENTATION> SII Stage d informatique pour l ingénieur 5 / 15

6 Extensible Markup Language (XML) Principe Normalisé par le W3C en Identique à SGML sauf que : les balises sont écrites en minuscules elles sont explicitement fermées elles sont correctement imbriquées SII Stage d informatique pour l ingénieur 6 / 15

7 Extensible Markup Language (XML) Exemple <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE presentation SYSTEM "presentation.dtd"> <presentation> <garde> <titre1>sii</titre1> <titre1>stage d informatique pour l ingénieur</titre1> <titre2>création d un site Web</titre2> <auteur> <nom>marc Baudoin</nom> <adresse>babafou@babafou.eu.org</adresse> </auteur> </garde> </presentation> SII Stage d informatique pour l ingénieur 7 / 15

8 Hypertext Markup Language (HTML) Historique 1989 : HTML : HTML : HTML : HTML : HTML : XHTML : XHTML : HTML 5 SII Stage d informatique pour l ingénieur 8 / 15

9 Hypertext Markup Language (HTML) Exemple <h1>ceci est un titre</h1> <p> Ceci est un paragraphe de texte. </p> <ul> <li> machin 1 </li> <li> machin 2 </li> <li> machin 3 </li> </ul> SII Stage d informatique pour l ingénieur 9 / 15

10 Cascading Style Sheets (CSS) Les feuilles de style permettent de spécifier des éléments de mise en page. Une feuille de style peut être : intégrée dans une page XHTML dans un fichier propre et utilisé par plusieurs pages XHTML SII Stage d informatique pour l ingénieur 10 / 15

11 Le projet Principe Réalisation d un site Web de quelques pages. Le site n est pas une fin en soi, il s agit d un prétexte permettant de mettre en œuvre sur un exemple concret certains des outils étudiés (en particulier les éditeurs de texte et les commandes de gestion et d organisation des fichiers). Projet individuel. Sujet libre (mais validé par chaque maître de conférences). Le contenu du site proviendra des connaissances propres des élèves ou d éléments provenant de livres ou de recherches sur l Internet. Attention : au copier-coller au respect du droit d auteur SII Stage d informatique pour l ingénieur 11 / 15

12 Le projet Annexe Il est demandé aux élèves d indiquer, dans une annexe à leur document (qui fera l objet d une page HTML spécifique), la démarche suivie lors de leur recherche d informations. En particulier, doivent figurer dans cette annexe : les sources d information utilisées les requêtes soumises aux moteurs de recherche SII Stage d informatique pour l ingénieur 12 / 15

13 Le projet Remise Avant la soutenance, chaque élève enverra par courrier électronique à son maître de conférences une archive au format.tar.gz contenant le répertoire de son projet. Le courrier devra également contenir un petit texte explicatif détaillant la commande ayant servi à créer l archive et la commande permettant de l extraire. SII Stage d informatique pour l ingénieur 13 / 15

14 Le projet Soutenance Quelques conseils pour la présentation orale : parler suffisamment fort pour que tout le monde puisse entendre ne pas aller trop vite ne pas oublier de respirer regarder l auditoire, pas ses chaussures mettre du rythme dans la présentation respecter l horaire éviter les «euh» SII Stage d informatique pour l ingénieur 14 / 15

15 Le projet Notation Barème : XHTML 10 CSS 3 Contenu 2 Annexe 2 Remise 1 Soutenance 2 Un point de moins par faute d orthographe, de grammaire ou de typographie (ceci ne concerne que les élèves dont la langue maternelle est le français). SII Stage d informatique pour l ingénieur 15 / 15