Patrimoines numériques, environnements informatiques par Francis Lemaitre

PATRIMOINES NUMÉRIQUES

ENVIRONNEMENTS INFORMATIQUES

Francis LemaitreFondation Maison des Sciences de l’Homme (FMSH)

Equipe Sémiotique Cognitive et Nouveaux Médias (ESCoM)

lemaitre@msh-paris.fr

http://www.archivesaudiovisuelles.fr http://www.semiosphere.fr

PATRIMOINES NUMÉRIQUES

PLAN DU COURS

I. IntroductionII. MédiasIII. Description IV. OntologiesV. PublicationVI. Architectures

Un patrimoine numérique est constitué d’un ensemble de ressources Contenus (textes, images, vidéos, sons) Descriptions de ces contenus Ressources métalinguistiques pour le contrôle des

descriptions (« Ontologies ») Thésaurii (ou entités nommées) Modèles de descriptions (que décrit-on?)

Ces ressources doivent être accessibles À distance : publiées sur le web Localement : bibliothèques, INA, etc.

I. INTRODUCTION

Plusieurs approches de description Un contenu = une description (à priori objective)

=> documentation (Bibliothèques, INA) Un contenu peut également être décrit selon différentes

approches (ESCoM)

Plusieurs méthodes de stockage En dur (métadonnées du média: Itunes, Wikipédia, etc.) Fiches (fichiers texte, xml, rdf, etc.) Base de données

Permet la recherche sémantique et la ré-exploitation des contenus

I. INTRODUCTION

RESSOURCES

Contenus (Médias)

Publications

Descriptions / Indexations

Ontologies

II. MEDIAS

II. MEDIASLES DIFFÉRENTS TYPES DE MÉDIAS Texte

Doc, pdf, html Image

Les plus courants pour le web : Png, jpeg, gif Bmp, tiff

Vidéo Beaucoup de formats, cela dépend du contexte C’est une suite d’images (25 par seconde)

Son C’est une vidéo sans images

=> Les formats des médias doivent être choisis en fonction de l’utilisation qu’on veut en faire !

II. MEDIASENCODAGE Les images et vidéos sont dans des formats compressés

Il faut un encodeur pour les compresser Il faut un décodeur pour les lire Peu de soucis pour les images, ça se complique avec les

vidéos

La compression consiste à encoder les informations les plus utilisées sur un minimum d’octets

II. MEDIASIMAGES Encodeurs: Photoshop, Paint, etc. Décodeurs: Photoshop, Visionneuse

Windows, Navigateur web Attention aux formats web : png, jpeg, gif Toujours compresser pour le web Une bonne pratique :

2 formats d’image : un pour les miniatures (80*60 px) et un autre pour grand écran (1024*768 px)

Réduire la taille de l’image dans le code HTML ne réduit pas le poids du fichier !

II. MEDIASVIDÉOS 3 caractéristiques :

Vidéo Audio Container

Vidéo Codec (encodeur) : wmv, flv, h.264, mpeg4, etc. Résolution : 320*240 px (image) Bitrate: en octets/seconde (quantité d’informations par

senconde: joue sur la qualité, notamment lors du passage en plein écran) En général, la qualité (et donc le poids) de la vidéo dépend de sa

résolution et de son bitrate. Attention, l’utilisateur a besoin d’un bon débit internet pour la HD !

II. MEDIASVIDÉOS Audio

Codec (encodeur) : wma, mp3, aac, ac3, etc. Bitrate : en octets/seconde Fréquence d’échantillonage : en Hertz (fréquences

« perdues », un taux plus élévé est nécessaire pour la musique, moins pour la parole)

Mono ou stereo

Container Indique le format du document audiovisuel pour les logiciels

qui le lisent En général, avant compression, format avi

II. MEDIASVIDÉOS Quelques exemples

Liste (non-exhaustive) d’outils d’encodage Pro: Final Cut, Adobe Premiere Gratuits: iMovie, MediaCoder, Free Video Converter, Format

Factory, Free Video Cutter, ESCoM ffCoder Service tout compris : Youtube, Dailymotion, Vimeo

Container Vcodec ACodec

WMV Wmv Wma

Flash Flv Mp3 (Mpeg III)

MPEG Mpeg-1 Mpeg I, Mpeg II, aac

MPEG 2 (DVD) Mpeg-2 Mpeg II, Mpeg III, aac

MPEG 4 H.264 Mpeg III, aac

II. MEDIASVIDÉOS ESCoM ffCoder – exemples

Flash bas débit Windows Media haut débit

II. MEDIASVIDÉOS Diffusion de la vidéo sur le web

Download (http) Progressive download (http) Streaming (mms, rtmp) http streaming (rtmpt)

Pour le streaming, il faut un serveur spécifique Windows Media Service (mms, wmv) Adobe Media Server, Wowza, Red5 (flash, mpeg-4)

Pour diffuser une vidéo sur une page web Composants extérieurs qui nécessitent un plugin (<object>,

II. MEDIASVIDÉOS HTML 5

Standard pour embarquer une vidéo dans une page (plus besoin de plugin)

Balise <video>, comme <img> pour les images

Compatible tous navigateurs, tous matériels (PCs, smartphones, tablettes, etc.)

Possibilité d’intéragir avec le player (sous-titres, logos, synchronisation de textes/images, etc.)

Mais de nouveaux formats vidéos !

Source: http://en.wikipedia.org/wiki/HTML5_video

Standard pour embarquer une vidéo dans une page (plus besoin de <embed>, <object> ou Javascript)

Balise <video>, comme <img> pour les images

Compatible tous navigateurs, tous matériels (PCs, smartphones, tablettes, etc.)

Possibilité d’intéragir avec le player (sous-titres, logos, synchronisation de textes/images, etc.). Exemple:

Source: http://popcornjs.org

II. MEDIASARCHITECTURE POUR LES AAR

II. MEDIASARCHITECTURE POUR LES SERVICES « TOUT COMPRIS »

II. MEDIASÀ RETENIR Les images et vidéos doivent être compressés dans des

formats compatibles web, et dans une résolution adaptée à la connection des utilisateurs

Aujourd’hui Flash est le plus répandu mais HTML 5 est l’avenir (et à priori MPEG-4)

Certaines caractéristiques du corpus audiovisuel peuvent entrainer des contraintes techniques (et économiques) fortes: format (ré-encoder un corpus existant est complexe), durée,

nécessité de chapitrer, Haute Définition, etc. L’idéal est de bénéficier de services « pro » comme

Youtube ou Vimeo, mais ces solutions sont coûteuses lorsque le corpus est trop important et/ou s’agrandit

IIII. DESCRIPTION

IIII. DESCRIPTION Il existe beaucoup de manière de décrire un contenu

numérique, parfois standardisées, parfois non… Quelques exemples connus, non standardisés :

Document Word

IIII. DESCRIPTION Bibliothèque iTunes/Windows Media

III. DESCRIPTION Systèmes propriétaires:Youtube, Facebook, INA, AAR, etc.

III. DESCRIPTION Les standards (modèles de données)

Dépendent du contexte (éducationnel, institutionnel, archivistique, etc.)

Dépendent de ce qu’on veut décrire (le discours, le média, les techniques audiovisuelles, etc.)

Quelques exemples connus : SUDOC pour les bibliothèques Dublin Core et LOM fr pour les ressources pédagogiques OAI pour les ressources scientifiques MPEG-7 pour les documents audiovisuels (mais peut utilisé)

III. DESCRIPTION Les outils

En général, dédié à un modèle de données (standardisé ou propriétaire)

Peuvent se révéler complexes si on veut annoter des parties d’un document (surtout pour les images et les vidéos)

Quelques exemples : Moodle (Dublin Core) : e-learning OCLC (propriétaire) pour les bibliothèques Europeana (ESE) : ressources numériques européennes ISIDORE (OAI) : ressources numériques des SHS Outils propriétaires développés par l’INA, Youtube, Facebook,

ou bien l’ESCoM (Interview)…

III. DESCRIPTIONEXEMPLE: ESCOM-INA INTERVIEW Segmentation

III. DESCRIPTIONEXEMPLE: ESCOM-INA INTERVIEW 3 niveaux : méta-description, vidéo et segment Description:

Document audiovisuel Acteurs Plans visuels & acoustiques Plans thématiques (discours) Rhétorique Usages Ressources Traductions Copyrights

III. DESCRIPTIONEXEMPLE: ESCOM-INA INTERVIEW

III. DESCRIPTIONEXEMPLE: ESCOM-INA INTERVIEW Les descriptions sont enregistrées au format propriétaire

mdxml (Meta-Description XML) Egalement stockées dans une base de données

(approche la plus courante, surtout avec les app. web)

IV. ONTOLOGIES

IV. ONTOLOGIES Se révèlent nécessaires dans plusieurs cas :

Afin de controller le vocabulaire utilisé par les utilisateurs (thesaurus)

Afin de modéliser les procédures d’indexation (modèles de description

Afin de modéliser les exploitations des contenus (modèles de publication) Dans la plupart des cas, seul le thésaurus est utilisé

Quelques exemples de thesaurus : RAMEAU (entités nommées) DEWEY (classification bibliothécaire) ISO 3166 (nom des pays) DbPedia (wikipedia)

IV. ONTOLOGIES Formats :

La plupart du temps en xml et/ou base de données Pour les plus évoluées, RDF/OWL et bases triple store

Exemples d’outils : Protégé http://protege.stanford.edu ESCoM OntoEditor

IV. ONTOLOGIESEXEMPLE : THESAURUS ASA

Type de vidéo Ecrivains

IV. ONTOLOGIESEXEMPLE: THÉSAURUS ASA Catégorisation d’un individu

Individus d’une facette

IV. ONTOLOGIESEXEMPLE: THÉSAURUS ASA Version RDF (vue depuis Protégé)

IV. ONTOLOGIESEXEMPLE: MODÈLES DE DESCRIPTION ASA

IV. ONTOLOGIESEXEMPLE: MODÈLES DE DESCRIPTION ASA Formats :

La plupart du temps en xml et/ou base de données Pour les plus évoluées, RDF/OWL et bases triple store

Exemples d’outils : Protégé ESCoM OntoEditor

V. PUBLICATION

V. PUBLICATION Nécessite de développer des applications web

dynamiques Avec du code qui se connecte à la base de données

IIS/SQL Server (C#, B.Net, ASP.Net) Apache/MySQL (PHP, Java)

Les temps de réponse peuvent être lents, d’où la nécessité de mettre en place des systèmes de cache

Quelques exemples : http://www.youtube.com http://www.ina.fr http://www.rechercheisidore.fr http://moodle.univ-paris5.fr http://www.archivesaudiovisuelles.fr http://www.semiosphere.fr

V. PUBLICATIONLE CACHE Certaines ressources (images, css, scripts) sont déjà

automatiquement enregsitrées dans le cache du navigateur des internautes. Pas le résultat des requêtes…

Plusieurs solutions : Site entièrement statique. Un programme regénère les pages

régulièrement (compliqué, surtout pour les liens) Le serveur web met les pages en cache après la première

connexion. Une routine génère ce cache. L’utilisation d’Ajax, qui permet de ne pas afficher tout de

suite une partie de la page Optimisation des bases de données, voire utilisation de base

« NO SQL » Beaucoup de serveurs et de puissance de calcul !

V. PUBLICATIONLE CACHE. EXEMPLE: SEMIOSPHERE Solutions choisies pour faire face à la lourdeur des requêtes

Redis server pour accéder plus rapidement aux données (http://redis.io/ ) Mongo Db pour la mise en cache (http://www.mongodb.org/ ) Serveur interne qui simule la navigation sur les pages pour forcer la mise en

cache Réinitialisé toutes les nuits

Un environnement de publication (ASP.Net) Portails multilingues (français, anglais, espagnol) Différents types d’accès aux contenus audiovisuels (vidéos

ET chapitres)(par genre, langue, sujet, terme du thésaurus, dossier personnalisé, etc.)

Navigation à travers les vidéos et chapitres (« vidéo-livre »)

Un environnement de gestion Utilisant Umbraco, un CMS open-source (http://umbraco.com )

Droits des utilisateurs Personnalisation des portails et des accès audiovisuels Gestion de contenu (articles, actualités, images, etc.) Bientôt : gestion des vidéos

V. PUBLICATIONEXEMPLE: SEMIOSPHERE

Modèles de publication La vidéothèque Le thésaurus Les sujets du domaine Le vidéo-livre Le dossier audiovisuel

Vidéothèque Accès par type de discours, genre filmique, type d’analyse, type d’usage, participant, plan visuel ou sonore, langue, etc. Accès par zone géographique utilisant Google Map Bientôt: accès par date ou période (frise temporelle)

Il est possible de personnaliser les intitulés et l’ordre de chacun de ces accès, pour chaque portail (voire même de retirer certains accès)

V. PUBLICATIONEXEMPLE: SEMIOSPHERE - ACCÈS GÉOGRAPHIQUE

Thésaurus Accès par termes d’une facette du thésaurus Les facettes accessibles sont définies pour chaque portail

Sujets du domaine Chaque portail est associé à un domaine d’analyse Les requêtes renvoient les descripteurs (sélectionné depuis le

thésaurus, ou textes libres) filtrés par sujet du domaine, puis par séquence de description.

Il s’agit de lourdes requêtes, car ces descriptions sont basées sur des modèles dynamiques, variant d’un domaine à un autre

Le vidéo-livre Chaque vidéo est publiée avec son chapitrage L’onglet « chapitre » est synchronisé avec le player Les diverses informations de l’analyse sont affichées (sauf les plans

thématiques, à venir) Vidéos similaires: vidéos de même genre, ou du même auteur

Gestion du contenu (CMS) La technologie Umbraco nous a permis d’intégrer nos

modèles de publication dans un véritable CMS, pouvant s’adapter parfaitement à nos besoins

On retrouve les fonctionnalités CMS classiques: Modération, Publication, Gestion des images et des documents, Ajout/modification/suppression de contenus, Personnalisation des menus, Utilisation de thèmes pour le style et la mise en forme de chaque

portail, Etc.

Types de contenu On peut définir des types de contenu, auxquels ont associés

des modèles de publication: Page Page d’articles, pouvant contenir

Articles Contacts Évènements Pages d’articles

Dossier audiovisuel, pouvant contenir Videos Dossiers audiovisuels

V. PUBLICATIONEXEMPLE: SEMIOSPHERE Exemple: page

V. PUBLICATIONEXEMPLE: SEMIOSPHERE Exemple: page d’articles

Le dossier audiovisuel Selon le même principe, on peut construire des « dossiers

audiovisuels » Il suffit de sélectionner une méta-description dans la base à

l’aide d’un moteur de recherche

Les macros Elles permettent d’afficher une liste d’articles ou le contenu

d’un dossier audiovisuel sur une autre page (la page d’accueil, par exemple)

VI. ARCHITECTURES

VI. ARCHITECTURESAAR - PUBLICATION DE BASE

VI. ARCHITECTURESAAR - PUBLICATION SÉPCIALISÉES

VI. ARCHITECTURESASA-SHS / SEMIOSPHERE

Le multilinguisme est à prendre en compte dès le début, il est ensuite techniquement difficile d’y revenir

En amont doivent être faits les choix des formats des médias, des standards, des thésaurii et des modèles de description.

Ceux-ci doivent être choisis en fonction des exploitations - donc des types de publications - qu’on souhaite faire du patrimoine. La meilleure solution pour le stocker ne sera pas forcément la meilleure pour le publier/le requêter.

QUELQUES REMARQUES

MERCI DE VOTRE ATTENTION !

Francis LemaitreFondation Maison des Sciences de l’Homme (FMSH)

Equipe Sémiotique Cognitive et Nouveaux Médias (ESCoM)

lemaitre@msh-paris.fr

Patrimoines numériques, environnements informatiques par Francis Lemaitre

Education

La Maison Nature & Patrimoines

BrUXeLLeS PAtriMoiNeS N°032 - DÉCeMBre 2019

LA DIRECTION DES PATRIMOINES, DE LA MÉMOIRE ET DES …€¦ · Direction des patrimoines, de la mémoire et des archives des patrimoines culturels DPMA/DPC/BACM 60, boulevard du

REGION ALLONNE Patrimoines - CRMSF

Gif-sur-Yvette - Patrimoines

Patrimoines mpm

Mise en page 1 - Patrimoines savoie.fr

PARCOURS AU TRAVERS DES PATRIMOINES

Lemaitre Maquère - Técnicas Para Saber Aprender

Pierre Lemaitre La Revedere Acolo Sus

BRUXELLES˘ PATRIMOINES DÉJÀ PARU

Activités et environnements

Environnements collaboratifs 3D Environnements collaboratifs 3D Concevoir des Environnements Virtuels Collaboratifs, des questions et quelques réponses

Le Projet « Patrimoines en famille

PATRIMOINES EN DANGER

Lemaitre Ch2

Técnicas para saber aprender – P. Lemaitre

Lemaitre Parte

Collection « Patrimoines en perspective

COORDINADORA: MARÍA JOSÉ LEMAITRE