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
L informatique et le temps qui passe... Le Boeing 747 a volé pour la première fois en 1969. 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
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
Standard Generalized Markup Language (SGML) Principe Normalisé en 1986 : ISO 8879. 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
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
Extensible Markup Language (XML) Principe Normalisé par le W3C en 1998. 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
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
Hypertext Markup Language (HTML) Historique 1989 : HTML 1.0 1995 : HTML 2.0 1997 : HTML 3.2 1997 : HTML 4.0 1999 : HTML 4.01 2000 : XHTML 1.0 2001 : XHTML 1.1 2014 : HTML 5 SII Stage d informatique pour l ingénieur 8 / 15
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
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
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
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
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
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
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