Les Archives à l ére numérique Introduction au propos du module "informatique documentaire" Présentation de Wilfrid EON Attaché de Conservation aux Archives départementales des Yvelines Enseignement réalisé dans le cadre du Master (2) Métiers de la culture, archives Année universitaire 2013-2014
Les Archives face aux enjeux de l ère numérique Partie 1 Du Web classique au Web sémantique Dès le développement du Web, ses détracteurs ont souligné qu'il ne pourrait jamais être une bibliothèque bien organisée, que sans base de données centrale et sans structure arborescente, on ne pourrait jamais être sûr de tout trouver. Tim Berners-Lee
Les Archives face aux enjeux de l ère numérique 1.1 Principes du Document Web Hypertextualité et hypermedia Les récits en hypertexte deviennent des conteurs d'histoires virtuelles et ce qui est raconté n'est plus propagé de façon irréversible du chanteur à l'auditeur ou de l'auteur au lecteur Michael Joyce
Les Archives face aux enjeux de l ère numérique 1.1 Principes du Document Web Hypertextualité et hypermedia Page B Page C Page A Page D Page E Page F
Les Archives face aux enjeux de l ère numérique 1.1 Principes du Document Web Hypertextualité et hypermedia à chacun son parcours Musée Antoine Lécuyer à St Quentin (Aisne) - 2004
Les Archives face aux enjeux de l ère numérique 1.1 Principes du Document Web Hypertextualité et hypermedia à chacun son parcours Archives des Yvelines - 2001, réédition 2010
Les Archives face aux enjeux de l ère numérique 1.1 Principes du Document Web Moteurs de recherche Page B Page C Page A Page D Moteurs de recherche Page E Page F
Les Archives face aux enjeux de l ère numérique 1.2 Structuration des contenus Le document numérique n'existe pas, ce qui existe ce sont des constructions numériques dont le traitement calculatoire simule un ordre documentaire. Stéphane Crozat
Les Archives à l ère numérique 1.2 Structuration des contenus Bases de données documentaires à chacun sa recherche
Les Archives à l ère numérique 1.2 Structuration des contenus Reconnaissance de structure et d écriture
Les Archives à l ère numérique 1.2 Structuration des contenus Le bocage du Web BDR OCR Images Notices documentaires Moteurs de recherche
Les Archives à l ère numérique 1.3 Vers un Web sémantique Beaucoup de données sont disponibles, mais on ne sait pas qu'elles existent. Thibaut Cuvelier
Les Archives à l ère numérique 1.3 Vers un Web sémantique La propriété essentielle de la toile est son universalité. La puissance d'un lien hypertexte est due au fait que "tout peut être lié à tout". La technologie Web cependant ne sait pas faire de différence entre une ébauche gribouillée et un produit achevé, entre une information commerciale et une information universitaire, ou entre les cultures, les langages, les médias, etc. L'information varie selon de nombreux axes. L'un de ceux-ci est la différence entre l'information produite principalement pour la consommation humaine et celle produite essentiellement pour des machines. Tim Berners-Lee
Les Archives à l ère numérique 1.3 Vers un Web sémantique Pour que le Web sémantique fonctionne, les ordinateurs doivent avoir accès à des collections structurées d'informations et d'ensembles de règles d'inférence qu'ils peuvent utiliser pour parvenir à un raisonnement automatisé. Tim Berners-Lee
Les Archives à l ère numérique 1.3 Vers un Web sémantique
Les Archives à l ère numérique 1.3 Vers un Web sémantique La nécessité de l encodage
Les Archives à l ère numérique 1.4 Interactivité L annotation collaborative AD Cantal
Les Archives à l ère numérique 1.4 Interactivité Wikis
Les Archives à l ère numérique 1.4 Interactivité Insertion par «liens Ask» BIUM de Paris
Les Archives à l ère numérique 1.4 Interactivité Réseaux sociaux AD Manche
Les Archives à l ère numérique Partie 2 Aspects techniques, financiers et juridiques de la mise en ligne de données
Les Archives à l ère numérique Prise en compte du côté client Aspects technique Paramétrage personnalisé des ordinateurs (Type et version de navigateurs, filtre de navigation, chargement de Plug in, croq pop-up, anti pub ) Inégalité territorial d accès à internet Sécurisation des données Evaluer la pérennité de vos outils et leur interopérabilité
Les Archives à l ère numérique De l éditeur au navigateur Aspects technique CONSULTATION Navigateur Château d Anet mardi 20 novembre 2007 Le château d'anet est un château Renaissance situé en Eure et Loir qui fut commandité par Henri II pour Diane de Poitiers. Il fut construit sous la direction de Philibert Delorme (architecte), Jean Goujon (sculpteur) et Jean Cousin (peintre). Vandalisé sous la Révolution française, il fut en grande partie démoli sous le Directoire. Quelques fragments d'architecture et de sculpture furent cependant achetés aux démolisseurs par Alexandre Lenoir, qui les fit transporter à Paris pour nourrir le musée des monuments français (situé dans l'actuelle école des Beaux- Arts), en particulier le portique orné d'une figure de Diane, d'un cerf et de quatre chiens (qui a occupé la cour des Beaux-Arts avant d'être déplacé à nouveau vers Anet). GESTION Éditeur Hébergeur Internaute Aller à la page suivante Webmestre
Les Archives à l ère numérique Inégalité territorial d accès à internet Aspects technique Softonic - Avril 2011
Les Archives à l ère numérique Aspects techniques Evaluer la pérennité et l interopérabilité des outils
Les Archives à l ère numérique Aspects juridiques (Cours de Marine Guénerais) Respect du droit d auteur Respect du droit à l image Utilisation limitée des données personnelles Limites du droit à l information Prise en compte de l handicap
Les Archives à l ère numérique Aspects financiers Coût de la conception, de l entretien et de la maintenance de votre site Coût de la numérisation et de la mise en base Coût des applications spécifiques Coût de l hébergement (serveur, réseau, maintenance) Coût de la sécurité des données
Les Archives à l ère numérique Partie 3 L évolution des attentes du public internaute
Les Archives à l ère numérique La prédominance du public généalogiste Geneaweb 2014
Les Archives à l ère numérique ne doit pas faire oublier d autres catégories de public AD78, 2014
Internet Technologie et langages Présentation de Wilfrid EON Attaché de Conservation aux Archives départementales des Yvelines Enseignement réalisé dans le cadre du Master (2) Métiers de la culture, archives Année universitaire 2013-2014
Introduction CONSULTATION Navigateur GESTION DU SITE INTERNET Éditeur Serveur HTTP "serveur de production" Serveur d évaluation Hébergeur "Mise en production" Mise en ligne Internaute Webmestre
Introduction Le Web, un monde de règles TCP / IP La suite TCP/IP est l'ensemble des protocoles utilisés pour le transfert des données sur Internet. Elle est souvent appelée TCP/IP, d'après le nom de deux de ses protocoles : TCP (Transmission Control Protocol) et IP (Internet Protocol), qui ont été les premiers à être définis.
Introduction Le Web, un monde de règles Couche "APPLICATION" HTTP (HyperText Transfer Protocol) FTP (File Transfer Protocol) SMTP (Simple Mail Transfer Protocol) POP (Post Office Protocol) NNTP (Network News Transfer Protocol) IRC (Internet Relay Chat) SNMP (Simple Network Management Protocol)
Partie I HTM / HTML et ses caractéristiques HyperText Markup Langage 1.1 Langages standards 1.2 Caractéristique du HTML 1.3 Structuration des données 1.4 Définir une balise HTML 1.5 Les limites du HTML 1.6 Constitution d une page HTML
1.1 Genèse du HTML et XML La famille des langages de balisage "langages sémantiques et structurels" Ces langages se caractérisent par des balises de début de contenu < > et de fin de contenu </ > Ce balisage permet d identifier des ensembles et des sousensemble Entre les chevrons un nom permet d identifier un ensemble. Par ex. : <body> pour corps de la page Ces langages permettent une grande souplesse d utilisation Ils permettent la mise en place de normes communes : SGML (norme ISO), XML (recommandation du W3C)
1.1 Genèse du HTML et XML SGML ancêtre de l HTML Standard Generalized Markup Language ISO 8879 en 1986 langage de balisage pour la définition et l utilisation de formats de documents origine dans le monde de l industrie et de l édition, très utilisée dans le milieu universitaire scientifique
1.1 Genèse du HTML et XML Langages standards SGML "méta-langage" complexe ISO 8879 HTML + simple XML + souple
1.1 Genèse du HTML et XML Langages standards Introduction à XML et à la Structuration des données Standart Generalized Markup Language HyperText Markup Language extensible Markup Language
1.1 Genèse du HTML et XML HTM / HTML Hypertext Markup Language Créé par le W3C pour le web (1992) Repose sur SGML Structure hiérarchique peu profonde Nombre limité d éléments (une centaine) Permet d écrire des pages simples et statiques pour le web HTML n est pas un langage de programmation mais une série de codes standards utilisés pour afficher du texte, des images et des liens hypertextes dans une page Internet. HTML est en faite, un "protocol", un socle pour une programmation plus poussée.
1.1 Genèse du HTML et XML Langages standards Introduction à XML et à la Structuration des données Niveau 1 Niveau 2 Niveau 2 Niveau 3 Niveau 3 Niveau 3 Niveau 3
1.1 Genèse du HTML et XML Langages standards Introduction à XML et à la Structuration des données HTML HEAD BODY TITLE META TABLE H2
1.1 Genèse du HTML et XML Langages standards Structuration des données avec XML XML TITRE PARAGRAPHE NOM NOM TITRE DATES
1.1 Genèse du HTML et XML Langages standards Structuration des données avec XML XML TITRE PARAGRAPHE DTD NOM NOM TITRE DATES
1.1 Genèse du HTML et XML Langages standards Structuration des données avec XML XML TITRE PARAGRAPHE DTD NOM NOM TITRE DATES
1.1 Genèse du HTML et XML Langages standards Structuration des données avec XML Page B Page C Page A resume.xml Page D biblio.xml DTD accueil.xml histoire.xml ead.dtd Page E Page F intro.xml sommaire.xml
1.1 Genèse du HTML et XML Langages standards les contraintes du XML Séparation entre forme et contenu HTML XSLT XML Client Feuille de style Texte encodé Serveur
1.1 Genèse du HTML et XML SGML Langages standards vers le XHTML HTML 4.0 + simple XML + souple La W3C s est fixé pour objectif d élaboré une extension du HTML qui reprendrait les caractéristiques les plus intéressantes du XML, telles que la structuration et l'extensibilité des données. il sera possible d'étendre les fonctions standards du langage, en employant des bibliothèques externes à l aide des DTD. XHTML extensible Hyper Text Markup Language Le XHTML succèdera au HTML 4.0
1.2 Caractéristique du HTML Introduction rappel des chapitres précédents CONSULTATION Navigateur GESTION Éditeur Hébergeur Internaute Webmestre architecture client - serveur
1.2 Caractéristique du HTML HTML : la source d une page <html> <head> <title>étude de Bougival</title> <link rel="stylesheet" type="text/css" href="ele1.css"> lu par le Navigateur </head> <body> <h2>étude de Bougival</h2> <p>cote : 3E4</p> <p>auteur : Classement de Martine Fournier</p> <table border="1"> <tr> <td>3e4</td> <td>etude de Bougival</td> <td>1737-1899</td> <td>etude de Bougival</td> <td>26,60 mètres linéaires</td> </tr> </table> <br> <br> <h1>acquisition du fonds</h1> <p>le fonds de l'étude a été versé en deux parties.</p> <br> <h1>présentation du fonds</h1> <p>le premier versement correspond aux années 1789-1884.</p> <p>le second versement correspond aux années 1885-1899.</p> <br> <h1>recherche historique</h1> <p>le notariat de Bougival constitue une source essentielle.</p> </body> </html>
1.2 Caractéristique du HTML HTML : la source d une page <html> <head> <title>étude de Bougival</title> <link rel="stylesheet" type="text/css" href="ele1.css"> </head> <body> <h2>étude de Bougival</h2> <p>cote : 3E4</p> <p>auteur : Classement de Martine Fournier</p> <table border="1"> <tr> <td>3e4</td> <td>etude de Bougival</td> <td>1737-1899</td> <td>etude de Bougival</td> <td>26,60 mètres linéaires</td> </tr> </table> <br> <br> <h1>acquisition du fonds</h1> <p>le fonds de l'étude a été versé en deux parties.</p> <br> <h1>présentation du fonds</h1> <p>le premier versement correspond aux années 1789-1884.</p> <p>le second versement correspond aux années 1885-1899.</p> <br> <h1>recherche historique</h1> <p>le notariat de Bougival constitue une source essentielle.</p> </body> </html>
1.2 Caractéristique du HTML HTML : la source d une page <html> <head> <title>étude de Bougival</title> <link rel="stylesheet" type="text/css" href="ele1.css"> Une tête </head> <body> <h2>étude de Bougival</h2> <p>cote : 3E4</p> <p>auteur : Classement de Martine Fournier</p> <table border="1"> <tr> <td>3e4</td> <td>etude de Bougival</td> <td>1737-1899</td> <td>etude de Bougival</td> <td>26,60 mètres linéaires</td> </tr> </table> <br> <br> <h1>acquisition du fonds</h1> <p>le fonds de l'étude a été versé en deux parties.</p> <br> <h1>présentation du fonds</h1> <p>le premier versement correspond aux années 1789-1884.</p> <p>le second versement correspond aux années 1885-1899.</p> <br> <h1>recherche historique</h1> <p>le notariat de Bougival constitue une source essentielle.</p> </body> </html> Un corps
1.2 Caractéristique du HTML HTML : la source d une page <html> <head> <title>étude de Bougival</title> <link rel="stylesheet" type="text/css" href="ele1.css"> Paramètre de la page </head> <body> <h2>étude de Bougival</h2> <p>cote : 3E4</p> <p>auteur : Classement de Martine Fournier</p> <table border="1"> <tr> <td>3e4</td> <td>etude de Bougival</td> <td>1737-1899</td> <td>etude de Bougival</td> <td>26,60 mètres linéaires</td> </tr> </table> <br> <br> <h1>acquisition du fonds</h1> <p>le fonds de l'étude a été versé en deux parties.</p> <br> <h1>présentation du fonds</h1> <p>le premier versement correspond aux années 1789-1884.</p> <p>le second versement correspond aux années 1885-1899.</p> <br> <h1>recherche historique</h1> <p>le notariat de Bougival constitue une source essentielle.</p> </body> </html> Contenu
1.3 Structuration des données HTML : une structure hiérarchique Niveau 1 Niveau 2 Niveau 2 Niveau 3 Niveau 3 Niveau 3 Niveau 3
1.3 Structuration des données HTML : une structure hiérarchique HTML HEAD BODY TITLE META(TAG) TABLE H2
1.3 Structuration des données HTML : une structure hiérarchique <html> <head> <title></title> <meta> </head> <body> <table> </table> <h2> </h2> </body> </html>
1.3 Structuration des données HTML : une structure hiérarchique HTML HEAD BODY TITLE META TABLE H2
1.3 Structuration des données Exemple d un tableau en HTML TABLE TR TR TD TD TD TD
1.4 Définir une balise HTML Notion d attribut <strong><font color="#ff0000">les poules du convent couvent</font></strong> attribut
1.5 Limites du HTML Le HTML, un langage archaïque ou simple? Inconvénients majeurs du HTML Code limité par son nombre de balise Code source lisible par l internaute Le HTML n est pas un langage de base de données Trois axes majeurs d évolution du langage Web Projets de modernisation du langage avec le HTML4 et le XHTML Création de langages complémentaires dit dynamiques, le DHTML (cf Chap 4) Création de langages de serveur utilisant le HTML pour la lecture des données (cf Chap 4)
1.6 Constitution d une page HTML 1.6.1 Constitution d une page HTML classique 1.6.2 Constitution d une page HTML élaborée 1.6.3 Qu est-ce qu une page dynamique?
1.6.1 Constitution d une page HTML classique exemple de page HTML classique Fonds Teilhard du Chardin Pierre Teilhard de Chardin est issu d'une famille catholique traditionnelle, monarchiste. Entré chez les Jésuites en 1899 il s'intéresse très tôt à la géologie. Après une thèse sur les mammifères de l'éocène supérieur (1922) il enseigne à l'institut catholique de Paris et participe à de nombreuses expéditions anthropologiques en Orient et en Extrême-Orient de 1928 à 1938 (croisière jaune Citroën 1931-1932). Teilhard voudrait réconcilier le catholicisme avec la science et se donne la mission de réaliser une synthèse évolutionniste, ce qui révulse la hiérarchie romaine. Le Vatican lui interdit toute publication autre que purement scientifique. A Pékin pendant la deuxième guerre mondiale, de 1939 à 1946, il séjourne en France de 1946 à 1951 en espérant avoir de Rome l'autorisation de présenter sa candidature au Collège de France, sans résultat positif. Il se réfugie à New York où il décède en 1955. Aller à la page suivante Jeudi 28 octobre 2004
1.6.1 Constitution d une page HTML classique Constitution d une page HTML classique Image Lien hypertexte Fonds Teilhard du Chardin Pierre Teilhard de Chardin est issu d'une famille catholique traditionnelle, monarchiste. Entré chez les Jésuites en 1899 il s'intéresse très tôt à la géologie. Après une thèse sur les mammifères de l'éocène supérieur (1922) il enseigne à l'institut catholique de Paris et participe à de nombreuses expéditions anthropologiques en Orient et en Extrême-Orient de 1928 à 1938 (croisière jaune Citroën 1931-1932). Teilhard voudrait réconcilier le catholicisme avec la science et se donne la mission de réaliser une synthèse évolutionniste, ce qui révulse la hiérarchie romaine. Le Vatican lui interdit toute publication autre que purement scientifique. A Pékin pendant la deuxième guerre mondiale, de 1939 à 1946, il séjourne en France de 1946 à 1951 en espérant avoir de Rome l'autorisation de présenter sa candidature au Collège de France, sans résultat positif. Il se réfugie à New York où il décède en 1955. Aller à la page suivante Jeudi 28 octobre 2004 Texte Date du jour Texte
1.6.1 Constitution d une page HTML classique Éléments constitutifs d une page Internet Page Internet images feuille de style animations séquences sonores séquences vidéo
1.6.2 Constitution d une page HTML élaborée Le webdesign : entre programmation et art http://www.merimee.culture.fr/
1.6.2 Constitution d une page HTML élaborée Le webdesign : entre programmation et art
1.6.3 Qu est-ce qu une page dynamique? Une page interrogeable, générée par l internaute
2. DHTML : HTML Dynamique Dynamic HyperText Markup Language Le DHTML n est pas un langage. Il regroupe un ensemble de technologies indispensables au dynamisme des pages HTML. Il est le fruit de Microsoft et Netscape.
2. DHTML Dynamic HyperText Markup Language Il désigne des pages Web dynamiques : la combinaison de feuilles de styles (CSS), de scripts (JavaScript, VBScript), d'objets (DOM). Le DOM interprète chaque élément que constitue votre page Web.
2.1 les feuilles de styles CSS Cascading Style Sheets Intégrées par Microsoft avec Internet Explorer 3.0 et Netscape avec la version 4.0 Le CSS permet de modifier dynamiquement les informations de mise en forme d une page Web (paramétrage de la police, de la navigation dans la page ) Le "full CSS" répond aux exigences de Web-accessibilité
2.2.1 le JavaScript Intégrées par Netscape avec la version 2.0 Incontournable, le JavaScript (jadis LiveScript) offre de l interactivité aux pages HTML. Il n'est pas exigeant en ressources serveur (contrairement aux cgi par exemple).
3. Technologies Serveurs CONSULTATION Navigateur GESTION Éditeur Hébergeur Internaute Client Webmestre Serveur architecture client - serveur
3. Technologies Serveurs HTML DHTML XHTML HTML DHTML XHTML Client Serveur architecture client - serveur
3. Technologies Serveurs HTML ASP ou PHP SGBD Client architecture client - serveur Serveur