SlideShare une entreprise Scribd logo
1  sur  39
Télécharger pour lire hors ligne
L’image-interface
Approche sémio-technique des objets hypermédia
École doctorale Cognition, Langage, Interaction, Université Paris 8
Dossier préparé par Everardo Reyes
Soutenance d’Habilitation à diriger des recherches
29 novembre 2019
Ghislaine Azémard, Professeure émérite, Université Paris 8 (Garante)
Anne Beyaert-Geslin, Professeure, Université Bordeaux Montaigne (Rapporteur)
Ghislaine Chabert, Maître de conférences HDR, Université Savoie Mont Blanc (Rapporteur)
Sophie Pène, Professeure, Université Paris Descartes
Imad Saleh, Professeur, Université Paris 8
Peter Stockinger, Professeur, INALCO
Membres du jury
Plan de la présentation
Bref historique
Tableaux récapitulatifs
Démarche, problématique,
domaines de recherche
Axes, thèmes, contributions
Projets en cours
Perspectives
2 minutes
4 minutes
10 minutes
10 minutes
5 minutes
5 minutes
Bref parcours historique
Licence
SIC
Master
Technologie
éducative
Doctorat
SIC
MCF
Resp. Licence
Animation et
Art numérique
1998 2002 2007 2011 2015
MCF
Resp. M1/M2
Culture visuelle
Design d’interface
MCF
Resp. Mention M
Humanités
numériques
Multimedia
Photoshop
PageMaker
Avid
Web
Dreamweaver
ActionScript
Web
HTML
CSS
JavaScript
Cocoa
Creative code
Processing
Maya
After Effects
Java
Web
<canvas>
WebGL
Open Source
Web Apps
JSON
Python
Salle F203, P13 Salle A169, P8
IMUS, AnnecyTec Monterrey à Toluca
Tableaux récapitulatifs
Date Établissement Formation Heures par an
2007 - 2011
L Communication
L Art numérique
L Informatique
336
2011 - 2015
L Infocom
M Création, Innovation
260
2015 - 2019 M Humanités numériques 192
Enseignements
Thèses soutenues 1 Co-tutelle internationale 2018
Thèses en cours 2 Co-tutelle à Paris 8 depuis 2018
2
Co-tutelle internationale
Depuis 2018 et 2019
Jurys de thèse 3 Mexique et Espagne
Mémoires de
master
30
Paris 8, Paris 13, ENS-Lyon, Mexique,
Argentine
Comités de
sélection MCF
3 France et Hong Kong
Encadrements
ACL 12
ACLN 1
OS 13
C-INV 32
C-ACTI 17
C-COM 30
C-AFF 2
DO 8
PAT 19
AP 2
Comités de revue 13
Comités de conférence 20
Org. Manif. Nac. 5
Org. Manif. Intl. 6
Projets PI Date Montant Financeur
HOM Hydrology of Media Oui Nov. 2019 21 000
Faire image Oui 2019 3 000
DTUC Oui 2018 5 000
INNOVART Oui 2017 -2019 5 000
FACETS Non 2018 - 2022 2 000 000
Organologie Oui 2015 9 000
Démarche, problématique, domaines
Premiers cours d’informatique, 1982
Du langage LOGO
Démarche scientifique
Problématique générale
Étude et intervention critique des systèmes hypermédiatiques
Représentation des
cadres d'usage
Narrativité des actions
Évolutions sémiotiques
des composants techniques
Résultats graphiques comme
interventions esthétiques
Storyspace, 1991
Jay Bolter, Michael Joyce, Mark Bernstein
Domaines
Problématiques
Représentation des cadres d'usage
Narrativisation des actions
Transformations des composants techniques
Interventions esthétiques
Domaines
Humanités numériques
“ Cultural analytics ”
Sémiotique visuelle
Art numérique
Composants
techniques,
Boîtes noires
Structures profondes
Objets médias,
Boîtes transparentes
Structures de surface
Traductions
Passages de signification
Énonciation computationnelle
Lignes
thématiques
Media Viz Messages vers le futur Motion Structures
Rock Viz Klee Viz Rothko Viz
Mediawiki Viz Greimas Viz K-means Viz
Axes, thèmes, contributions
Comment saisir la complexité des systèmes
hypermédias ?
L’art numérique
permettait l’exploration
des formes d’interaction
novatrices
TR•33
Installation avec Blackberrys
Reyes & étudiants, 2009
Beatanz
Installation audio collaborative
Reyes & étudiants, 2009
Color attraction
Simulation de vie artificielle
Reyes, 2009
Modèle pour étudier les processus de création et développement
des nouveaux médias (Reyes, 2009)
Technique - archéologique
Conventionnel - standards
Culturel - cognitive
Informatique - numérique
IT : artefacts, HW, SW
Média : communication
Social : assemblages
Art : émotions, sentiments
2009 2014
Reyes, 2014
Quels problèmes
sont abordés dans
les articles publiés
par ACM ?
D’autres relations
sont-elles à prévoir ?
Technique - archéologique
Conventionnel - standards
Culturel - cognitive
Informatique - numérique
IT : artefacts, HW, SW
Média : communication
Social : assemblages
Art : émotions, sentiments
2009 2014 2017
Possibilités techniques du Web
Aspect libre et ouvert du Web
Interopérabilité du Web (IoT, monde)
Web comme objet d’étude
Diagrammes simplifiés :
Mots clés et réseau de citations
Visualisations ad-hoc faites par Reyes
pour l’ouvrage Design des systèmes
hypermédias interactifs
(Reyes & Bouhaï, eds. 2017)
Au niveau de la surface,
le Web gardait des
relations visuelles avec
d’autres médias
New Book
Z. Rybczynski, 1975
Netvibes, 2005
Parcours génératif de
l’expression appliqué
aux images numériques
Reyes, 2017
Structures profondes
Structures de surface
Forme
Substance
Signes fondamentaux de l’information visuelle
Code binaire
Types de données
Structures des données
Algorithmes
Information visuelle comme « texte »
Langages de programmation
Interfaces graphiques
Formats
Matérialité de l'information visuelle : « objet »
Écran, projection
Appareils, caméras, capteurs, lentilles
Imprimantes 2D et 3D
Décimal, Hex, code 4, 8, 24 bits
INT, FLOAT, CHAR, lignes, courbes, pixels, voxels
array, list, tree, matrix, quadtree, BSP, octrees,
sorting, searching, filtering, transform, quantisation, segmentation,
compression, detection, generation
configuration de signes, manifestation d’interprétations
grille de pixels, résolution, ratio, taux rafraichissement
syntax, tokens, statements, Java, C++, JavaScript, OpenGL
input/output, control widgets, patterns
vector, bitmap
Pratiques
Formes de vie
Retoucher, dessiner,
designer, expérimenter, …
Substance
Cours d’existence, persister,
« être ensemble »
Démarches pédagogiques,
artistiques, scientifiques,
économiques, morales,
politiques, …
Forme
Modalités, passions, figurativité,
« vivre ensemble »
Vie Artificielle : simulateurs, images qui
persistent de manière « organique »
Emoji of Life
Reyes 2018
Transparence, boîtes grises /
blanches, concrétisation, subjectivité
Bêtise artificielle : remplacer les
passions et figurations par des
technologies pour faire des artefacts
numériques un acteur indispensable à
consommer
Google Cloud Vision
Digital Insights of 20th Century Painting
Winchester School of Art, UK, 2017
Expo autour des méthodes et outils de Reyes
Carlos Isaac, master UNAM (MX), co-dirigé
par Reyes, 2018
Modèles cylindriques, deep learning, web
Résultats, rayonnage
SIGGRAPH Digital Art Archive, 2019
Modèle d’archivage et documentation mis en
place par Reyes
Recherche
Création
Expériences
Théorie
Communication
Sémiotique
Sciences humaines
Sciences sociales
Pratique
Développement
Bricolage
Interventions techniques
Creative code
Tests
Confrontations
Exposition
Re-appropriation
Re-instrumentalisation
Projets en cours
Digital Tools & Uses WS.3
International conference
on Web Studies
Australie, Colombie, Argentine
Projet ArTeC, 21k €, 2020-2023
Colloque international
France, Tunisie France, États-Unis
V I S I O
• • • • •
Archive numérique revue VISIO
Assoc. Int. Sémiotique Visuelle
PI Massimo LEONE
Projet ERC
FACETS
Hydrologie des médias
Perspectives
Axe 3 : SIC, informatique,
sciences, arts et SHS
Axe 1 : Culture visuelle,
représentation graphique
de l’information
Axe 2 : Sémiotique du numérique
et des interfaces graphiques
Ré-instrumentalisation
Schèmes d’usage
Individuels et collectifs
Expériences et domaines
Énonciation computationnelle
Moment de la production
« Réflexivité énonciative »
SIC et numérique
Médiation et Interactions
des structures profondes
Relations interdisciplinaires
Perspectives
Ré-instrumentalisation
Schèmes d’usage
Individuels et collectifs
Expériences et domaines
Énonciation computationnelle
Moment de la production
« Réflexivité énonciative »
SIC et numérique
Médiation et Interactions
des structures profondes
Axe 3 : SIC, informatique,
sciences, arts et SHS
Axe 1 : Culture visuelle,
représentation graphique
de l’information
Axe 2 : Sémiotique du numérique
et des interfaces graphiques
Relations interdisciplinaires
Merci de votre attention
École doctorale Cognition, Langage, Interaction, Université Paris 8
Dossier préparé par Everardo Reyes
Soutenance d’Habilitation à diriger des recherches
29 novembre 2019
Ghislaine Azémard, Université Paris 8 (Garante)
Anne Beyaert-Geslin, Université Bordeaux Montaigne (Rapporteur)
Ghislaine Chabert, Université Savoie Mont Blanc (Rapporteur)
Sophie Pène, Université Paris Descartes
Imad Saleh, Université Paris 8
Peter Stockinger, INALCO
Jury

Contenu connexe

Similaire à L’image-interface : Approche sémio-technique des objets hypermédia

IC05 2008 - Le Web, objet de science?
IC05 2008 - Le Web, objet de science?IC05 2008 - Le Web, objet de science?
IC05 2008 - Le Web, objet de science?Sébastien
 
La compétence numérique, un cadre de travail évolutif pour le design d'interf...
La compétence numérique, un cadre de travail évolutif pour le design d'interf...La compétence numérique, un cadre de travail évolutif pour le design d'interf...
La compétence numérique, un cadre de travail évolutif pour le design d'interf...Vincent Beneche
 
Artefacts numériques et matérialités
Artefacts numériques et matérialitésArtefacts numériques et matérialités
Artefacts numériques et matérialitésAlexandre Monnin
 
Projets d'Humanités numérique et collaboration de différents métiers
Projets d'Humanités numérique et collaboration de différents métiersProjets d'Humanités numérique et collaboration de différents métiers
Projets d'Humanités numérique et collaboration de différents métiersEmmanuelle Morlock
 
Amar Lakel - Patrimonialisation numérique et avenir digital du document.
Amar Lakel - Patrimonialisation numérique et avenir digital du document.Amar Lakel - Patrimonialisation numérique et avenir digital du document.
Amar Lakel - Patrimonialisation numérique et avenir digital du document.Amar LAKEL, PhD
 
Antonio CASILLI - Le rôle des visualisations de données dans la recherche sur...
Antonio CASILLI - Le rôle des visualisations de données dans la recherche sur...Antonio CASILLI - Le rôle des visualisations de données dans la recherche sur...
Antonio CASILLI - Le rôle des visualisations de données dans la recherche sur...Bodyspacesociety Blog
 
Des traces d'usages aux patterns relationnels : la construction technologique...
Des traces d'usages aux patterns relationnels : la construction technologique...Des traces d'usages aux patterns relationnels : la construction technologique...
Des traces d'usages aux patterns relationnels : la construction technologique...Sébastien
 
Vers une approche praxéologique du design
Vers une approche praxéologique du designVers une approche praxéologique du design
Vers une approche praxéologique du designlaureno
 
Parcours Multimédia Tablettes tactiles au Musée des Confluences
Parcours Multimédia Tablettes tactiles au Musée des ConfluencesParcours Multimédia Tablettes tactiles au Musée des Confluences
Parcours Multimédia Tablettes tactiles au Musée des ConfluencesImagInExpo
 
Web2.0 : litéracie numérique et formation d'ingénieurs
Web2.0  : litéracie numérique et formation d'ingénieursWeb2.0  : litéracie numérique et formation d'ingénieurs
Web2.0 : litéracie numérique et formation d'ingénieursJean-Marie Gilliot
 
L'ingénierie des ENA fondée sur le web des données ouvertes et liées
L'ingénierie des ENA fondée sur le web des données ouvertes et liéesL'ingénierie des ENA fondée sur le web des données ouvertes et liées
L'ingénierie des ENA fondée sur le web des données ouvertes et liéesGilbert Paquette
 
Réseau thématique Analyse Exploratoire de Données pour les Réseaux Dynamiques
Réseau thématique Analyse Exploratoire de Données pour les Réseaux DynamiquesRéseau thématique Analyse Exploratoire de Données pour les Réseaux Dynamiques
Réseau thématique Analyse Exploratoire de Données pour les Réseaux DynamiquesSébastien
 
approchesinterculturelles1
approchesinterculturelles1approchesinterculturelles1
approchesinterculturelles1M@rsouin
 
081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours Visualisation081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours VisualisationAmaury de Buchet
 
La culture numerique
La culture numeriqueLa culture numerique
La culture numeriqueFormaVia
 

Similaire à L’image-interface : Approche sémio-technique des objets hypermédia (20)

IC05 2008 - Le Web, objet de science?
IC05 2008 - Le Web, objet de science?IC05 2008 - Le Web, objet de science?
IC05 2008 - Le Web, objet de science?
 
La compétence numérique, un cadre de travail évolutif pour le design d'interf...
La compétence numérique, un cadre de travail évolutif pour le design d'interf...La compétence numérique, un cadre de travail évolutif pour le design d'interf...
La compétence numérique, un cadre de travail évolutif pour le design d'interf...
 
Artefacts numériques et matérialités
Artefacts numériques et matérialitésArtefacts numériques et matérialités
Artefacts numériques et matérialités
 
Projets d'Humanités numérique et collaboration de différents métiers
Projets d'Humanités numérique et collaboration de différents métiersProjets d'Humanités numérique et collaboration de différents métiers
Projets d'Humanités numérique et collaboration de différents métiers
 
Amar Lakel - Patrimonialisation numérique et avenir digital du document.
Amar Lakel - Patrimonialisation numérique et avenir digital du document.Amar Lakel - Patrimonialisation numérique et avenir digital du document.
Amar Lakel - Patrimonialisation numérique et avenir digital du document.
 
Boussole Nanotec Hv2
Boussole Nanotec Hv2Boussole Nanotec Hv2
Boussole Nanotec Hv2
 
Antonio CASILLI - Le rôle des visualisations de données dans la recherche sur...
Antonio CASILLI - Le rôle des visualisations de données dans la recherche sur...Antonio CASILLI - Le rôle des visualisations de données dans la recherche sur...
Antonio CASILLI - Le rôle des visualisations de données dans la recherche sur...
 
Conception Jeux Video
Conception Jeux VideoConception Jeux Video
Conception Jeux Video
 
L'Atelier de cartographie
L'Atelier de cartographieL'Atelier de cartographie
L'Atelier de cartographie
 
Semio web
Semio webSemio web
Semio web
 
Des traces d'usages aux patterns relationnels : la construction technologique...
Des traces d'usages aux patterns relationnels : la construction technologique...Des traces d'usages aux patterns relationnels : la construction technologique...
Des traces d'usages aux patterns relationnels : la construction technologique...
 
Vers une approche praxéologique du design
Vers une approche praxéologique du designVers une approche praxéologique du design
Vers une approche praxéologique du design
 
Parcours Multimédia Tablettes tactiles au Musée des Confluences
Parcours Multimédia Tablettes tactiles au Musée des ConfluencesParcours Multimédia Tablettes tactiles au Musée des Confluences
Parcours Multimédia Tablettes tactiles au Musée des Confluences
 
Web2.0 : litéracie numérique et formation d'ingénieurs
Web2.0  : litéracie numérique et formation d'ingénieursWeb2.0  : litéracie numérique et formation d'ingénieurs
Web2.0 : litéracie numérique et formation d'ingénieurs
 
L'ingénierie des ENA fondée sur le web des données ouvertes et liées
L'ingénierie des ENA fondée sur le web des données ouvertes et liéesL'ingénierie des ENA fondée sur le web des données ouvertes et liées
L'ingénierie des ENA fondée sur le web des données ouvertes et liées
 
Réseau thématique Analyse Exploratoire de Données pour les Réseaux Dynamiques
Réseau thématique Analyse Exploratoire de Données pour les Réseaux DynamiquesRéseau thématique Analyse Exploratoire de Données pour les Réseaux Dynamiques
Réseau thématique Analyse Exploratoire de Données pour les Réseaux Dynamiques
 
approchesinterculturelles1
approchesinterculturelles1approchesinterculturelles1
approchesinterculturelles1
 
formation URFIST Rennes 2009
formation URFIST Rennes 2009formation URFIST Rennes 2009
formation URFIST Rennes 2009
 
081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours Visualisation081001 Option Entrepreneuriat Cours Visualisation
081001 Option Entrepreneuriat Cours Visualisation
 
La culture numerique
La culture numeriqueLa culture numerique
La culture numerique
 

Plus de Everardo Reyes-García

Experimental categorization and deep visualization
 Experimental categorization and deep visualization Experimental categorization and deep visualization
Experimental categorization and deep visualizationEverardo Reyes-García
 
A distant reading of Greimas' Dictionnaire
A distant reading of Greimas' DictionnaireA distant reading of Greimas' Dictionnaire
A distant reading of Greimas' DictionnaireEverardo Reyes-García
 
Computer Art Congress 2016 [CAC.5] - Opening slides
Computer Art Congress 2016 [CAC.5] - Opening slidesComputer Art Congress 2016 [CAC.5] - Opening slides
Computer Art Congress 2016 [CAC.5] - Opening slidesEverardo Reyes-García
 
Méthodes pour l’analyse des images numériques
Méthodes pour l’analyse des images numériquesMéthodes pour l’analyse des images numériques
Méthodes pour l’analyse des images numériquesEverardo Reyes-García
 
Greimas.exe: digital code in the generative trajectory of expression
Greimas.exe: digital code in the generative trajectory of expressionGreimas.exe: digital code in the generative trajectory of expression
Greimas.exe: digital code in the generative trajectory of expressionEverardo Reyes-García
 
Motion Structures: opacity and translation
Motion Structures: opacity and translationMotion Structures: opacity and translation
Motion Structures: opacity and translationEverardo Reyes-García
 
Traitement d’images et média visualisation
Traitement d’images et média visualisationTraitement d’images et média visualisation
Traitement d’images et média visualisationEverardo Reyes-García
 
Présentation du cours Culture numérique
Présentation du cours Culture numériquePrésentation du cours Culture numérique
Présentation du cours Culture numériqueEverardo Reyes-García
 
Introducing digital humanities through the analysis of cultural productions
Introducing digital humanities through the analysis of cultural productionsIntroducing digital humanities through the analysis of cultural productions
Introducing digital humanities through the analysis of cultural productionsEverardo Reyes-García
 
Semiotics, software and media visualization
Semiotics, software and media visualizationSemiotics, software and media visualization
Semiotics, software and media visualizationEverardo Reyes-García
 
Méthodologies des Nouveaux Médias Séance 02
Méthodologies des Nouveaux Médias Séance 02Méthodologies des Nouveaux Médias Séance 02
Méthodologies des Nouveaux Médias Séance 02Everardo Reyes-García
 

Plus de Everardo Reyes-García (20)

Faire Image / What Makes An Image?
Faire Image / What Makes An Image?Faire Image / What Makes An Image?
Faire Image / What Makes An Image?
 
Experimental categorization and deep visualization
 Experimental categorization and deep visualization Experimental categorization and deep visualization
Experimental categorization and deep visualization
 
A distant reading of Greimas' Dictionnaire
A distant reading of Greimas' DictionnaireA distant reading of Greimas' Dictionnaire
A distant reading of Greimas' Dictionnaire
 
Computer Art Congress 2016 [CAC.5] - Opening slides
Computer Art Congress 2016 [CAC.5] - Opening slidesComputer Art Congress 2016 [CAC.5] - Opening slides
Computer Art Congress 2016 [CAC.5] - Opening slides
 
Méthodes pour l’analyse des images numériques
Méthodes pour l’analyse des images numériquesMéthodes pour l’analyse des images numériques
Méthodes pour l’analyse des images numériques
 
Greimas.exe: digital code in the generative trajectory of expression
Greimas.exe: digital code in the generative trajectory of expressionGreimas.exe: digital code in the generative trajectory of expression
Greimas.exe: digital code in the generative trajectory of expression
 
Motion Structures: opacity and translation
Motion Structures: opacity and translationMotion Structures: opacity and translation
Motion Structures: opacity and translation
 
Traitement d’images et média visualisation
Traitement d’images et média visualisationTraitement d’images et média visualisation
Traitement d’images et média visualisation
 
Présentation du cours Culture numérique
Présentation du cours Culture numériquePrésentation du cours Culture numérique
Présentation du cours Culture numérique
 
On Media Art Software
On Media Art SoftwareOn Media Art Software
On Media Art Software
 
Explorations in media visualization
Explorations in media visualizationExplorations in media visualization
Explorations in media visualization
 
Introducing digital humanities through the analysis of cultural productions
Introducing digital humanities through the analysis of cultural productionsIntroducing digital humanities through the analysis of cultural productions
Introducing digital humanities through the analysis of cultural productions
 
Semiotics, software and media visualization
Semiotics, software and media visualizationSemiotics, software and media visualization
Semiotics, software and media visualization
 
La visualité de Nirvana
La visualité de NirvanaLa visualité de Nirvana
La visualité de Nirvana
 
Esthétique des médias
Esthétique des médiasEsthétique des médias
Esthétique des médias
 
Disrupting 3D Models
Disrupting 3D ModelsDisrupting 3D Models
Disrupting 3D Models
 
Quelques principes du design web
Quelques principes du design webQuelques principes du design web
Quelques principes du design web
 
Culture Numérique
Culture NumériqueCulture Numérique
Culture Numérique
 
Méthodologies des Nouveaux Médias Séance 02
Méthodologies des Nouveaux Médias Séance 02Méthodologies des Nouveaux Médias Séance 02
Méthodologies des Nouveaux Médias Séance 02
 
Séance 03. Graphisme Web
Séance 03. Graphisme WebSéance 03. Graphisme Web
Séance 03. Graphisme Web
 

Dernier

PowerPoint-de-Soutenance-de-TFE-infirmier.pdf
PowerPoint-de-Soutenance-de-TFE-infirmier.pdfPowerPoint-de-Soutenance-de-TFE-infirmier.pdf
PowerPoint-de-Soutenance-de-TFE-infirmier.pdfDafWafia
 
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...Pedago Lu
 
Exemple de grille d'audit 5S, check liste Audit
Exemple de grille d'audit 5S, check liste AuditExemple de grille d'audit 5S, check liste Audit
Exemple de grille d'audit 5S, check liste Audittechwinconsulting
 
Quitter la nuit. pptx
Quitter        la             nuit.   pptxQuitter        la             nuit.   pptx
Quitter la nuit. pptxTxaruka
 
Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"ArchivesdeLyon
 
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024frizzole
 
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxGHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxAbderrahim GHASSOUB
 
Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024IEN_Jonzac
 
Quitter la nuit. pptx
Quitter          la        nuit.    pptxQuitter          la        nuit.    pptx
Quitter la nuit. pptxTxaruka
 
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxGHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxAbderrahim GHASSOUB
 
Un petit coin etwinning- Au fil des cultures urbaines
Un petit coin  etwinning- Au fil des cultures urbainesUn petit coin  etwinning- Au fil des cultures urbaines
Un petit coin etwinning- Au fil des cultures urbainesSocratis Vasiopoulos
 
rapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdfrapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdfOssamaLachheb
 
Nathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseNathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseTxaruka
 

Dernier (13)

PowerPoint-de-Soutenance-de-TFE-infirmier.pdf
PowerPoint-de-Soutenance-de-TFE-infirmier.pdfPowerPoint-de-Soutenance-de-TFE-infirmier.pdf
PowerPoint-de-Soutenance-de-TFE-infirmier.pdf
 
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
Fiche - Accompagnement du travail coopératif au sein d’une équipe d’enseignan...
 
Exemple de grille d'audit 5S, check liste Audit
Exemple de grille d'audit 5S, check liste AuditExemple de grille d'audit 5S, check liste Audit
Exemple de grille d'audit 5S, check liste Audit
 
Quitter la nuit. pptx
Quitter        la             nuit.   pptxQuitter        la             nuit.   pptx
Quitter la nuit. pptx
 
Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"Les débuts de la collection "Le livre de poche"
Les débuts de la collection "Le livre de poche"
 
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
PLANNING HEBDO ET CR LYCEE COUDON 21 MAI2024
 
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptxGHASSOUB _Seance 3_ measurement and evaluation in education.pptx
GHASSOUB _Seance 3_ measurement and evaluation in education.pptx
 
Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024Réunion des directeurs de Jonzac - 15 mai 2024
Réunion des directeurs de Jonzac - 15 mai 2024
 
Quitter la nuit. pptx
Quitter          la        nuit.    pptxQuitter          la        nuit.    pptx
Quitter la nuit. pptx
 
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptxGHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
GHASSOUB _Seance 4_ measurement and evaluation in education_-.pptx
 
Un petit coin etwinning- Au fil des cultures urbaines
Un petit coin  etwinning- Au fil des cultures urbainesUn petit coin  etwinning- Au fil des cultures urbaines
Un petit coin etwinning- Au fil des cultures urbaines
 
rapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdfrapport de stage gros oeuvre_compressed.pdf
rapport de stage gros oeuvre_compressed.pdf
 
Nathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre françaiseNathanaëlle Herbelin.pptx Peintre française
Nathanaëlle Herbelin.pptx Peintre française
 

L’image-interface : Approche sémio-technique des objets hypermédia

  • 1. L’image-interface Approche sémio-technique des objets hypermédia École doctorale Cognition, Langage, Interaction, Université Paris 8 Dossier préparé par Everardo Reyes Soutenance d’Habilitation à diriger des recherches 29 novembre 2019
  • 2. Ghislaine Azémard, Professeure émérite, Université Paris 8 (Garante) Anne Beyaert-Geslin, Professeure, Université Bordeaux Montaigne (Rapporteur) Ghislaine Chabert, Maître de conférences HDR, Université Savoie Mont Blanc (Rapporteur) Sophie Pène, Professeure, Université Paris Descartes Imad Saleh, Professeur, Université Paris 8 Peter Stockinger, Professeur, INALCO Membres du jury
  • 3. Plan de la présentation Bref historique Tableaux récapitulatifs Démarche, problématique, domaines de recherche Axes, thèmes, contributions Projets en cours Perspectives 2 minutes 4 minutes 10 minutes 10 minutes 5 minutes 5 minutes
  • 5. Licence SIC Master Technologie éducative Doctorat SIC MCF Resp. Licence Animation et Art numérique 1998 2002 2007 2011 2015 MCF Resp. M1/M2 Culture visuelle Design d’interface MCF Resp. Mention M Humanités numériques Multimedia Photoshop PageMaker Avid Web Dreamweaver ActionScript Web HTML CSS JavaScript Cocoa Creative code Processing Maya After Effects Java Web <canvas> WebGL Open Source Web Apps JSON Python
  • 6. Salle F203, P13 Salle A169, P8 IMUS, AnnecyTec Monterrey à Toluca
  • 8. Date Établissement Formation Heures par an 2007 - 2011 L Communication L Art numérique L Informatique 336 2011 - 2015 L Infocom M Création, Innovation 260 2015 - 2019 M Humanités numériques 192 Enseignements
  • 9. Thèses soutenues 1 Co-tutelle internationale 2018 Thèses en cours 2 Co-tutelle à Paris 8 depuis 2018 2 Co-tutelle internationale Depuis 2018 et 2019 Jurys de thèse 3 Mexique et Espagne Mémoires de master 30 Paris 8, Paris 13, ENS-Lyon, Mexique, Argentine Comités de sélection MCF 3 France et Hong Kong Encadrements
  • 10. ACL 12 ACLN 1 OS 13 C-INV 32 C-ACTI 17 C-COM 30 C-AFF 2 DO 8 PAT 19 AP 2 Comités de revue 13 Comités de conférence 20 Org. Manif. Nac. 5 Org. Manif. Intl. 6
  • 11. Projets PI Date Montant Financeur HOM Hydrology of Media Oui Nov. 2019 21 000 Faire image Oui 2019 3 000 DTUC Oui 2018 5 000 INNOVART Oui 2017 -2019 5 000 FACETS Non 2018 - 2022 2 000 000 Organologie Oui 2015 9 000
  • 13. Premiers cours d’informatique, 1982 Du langage LOGO
  • 15. Problématique générale Étude et intervention critique des systèmes hypermédiatiques Représentation des cadres d'usage Narrativité des actions Évolutions sémiotiques des composants techniques Résultats graphiques comme interventions esthétiques Storyspace, 1991 Jay Bolter, Michael Joyce, Mark Bernstein
  • 16. Domaines Problématiques Représentation des cadres d'usage Narrativisation des actions Transformations des composants techniques Interventions esthétiques Domaines Humanités numériques “ Cultural analytics ” Sémiotique visuelle Art numérique Composants techniques, Boîtes noires Structures profondes Objets médias, Boîtes transparentes Structures de surface Traductions Passages de signification Énonciation computationnelle
  • 18. Media Viz Messages vers le futur Motion Structures Rock Viz Klee Viz Rothko Viz Mediawiki Viz Greimas Viz K-means Viz
  • 20. Comment saisir la complexité des systèmes hypermédias ?
  • 21. L’art numérique permettait l’exploration des formes d’interaction novatrices TR•33 Installation avec Blackberrys Reyes & étudiants, 2009 Beatanz Installation audio collaborative Reyes & étudiants, 2009 Color attraction Simulation de vie artificielle Reyes, 2009
  • 22. Modèle pour étudier les processus de création et développement des nouveaux médias (Reyes, 2009)
  • 23. Technique - archéologique Conventionnel - standards Culturel - cognitive Informatique - numérique IT : artefacts, HW, SW Média : communication Social : assemblages Art : émotions, sentiments 2009 2014
  • 24. Reyes, 2014 Quels problèmes sont abordés dans les articles publiés par ACM ? D’autres relations sont-elles à prévoir ?
  • 25. Technique - archéologique Conventionnel - standards Culturel - cognitive Informatique - numérique IT : artefacts, HW, SW Média : communication Social : assemblages Art : émotions, sentiments 2009 2014 2017 Possibilités techniques du Web Aspect libre et ouvert du Web Interopérabilité du Web (IoT, monde) Web comme objet d’étude
  • 26. Diagrammes simplifiés : Mots clés et réseau de citations Visualisations ad-hoc faites par Reyes pour l’ouvrage Design des systèmes hypermédias interactifs (Reyes & Bouhaï, eds. 2017)
  • 27. Au niveau de la surface, le Web gardait des relations visuelles avec d’autres médias New Book Z. Rybczynski, 1975 Netvibes, 2005
  • 28. Parcours génératif de l’expression appliqué aux images numériques Reyes, 2017 Structures profondes Structures de surface Forme Substance
  • 29. Signes fondamentaux de l’information visuelle Code binaire Types de données Structures des données Algorithmes Information visuelle comme « texte » Langages de programmation Interfaces graphiques Formats Matérialité de l'information visuelle : « objet » Écran, projection Appareils, caméras, capteurs, lentilles Imprimantes 2D et 3D Décimal, Hex, code 4, 8, 24 bits INT, FLOAT, CHAR, lignes, courbes, pixels, voxels array, list, tree, matrix, quadtree, BSP, octrees, sorting, searching, filtering, transform, quantisation, segmentation, compression, detection, generation configuration de signes, manifestation d’interprétations grille de pixels, résolution, ratio, taux rafraichissement syntax, tokens, statements, Java, C++, JavaScript, OpenGL input/output, control widgets, patterns vector, bitmap
  • 30. Pratiques Formes de vie Retoucher, dessiner, designer, expérimenter, … Substance Cours d’existence, persister, « être ensemble » Démarches pédagogiques, artistiques, scientifiques, économiques, morales, politiques, … Forme Modalités, passions, figurativité, « vivre ensemble » Vie Artificielle : simulateurs, images qui persistent de manière « organique » Emoji of Life Reyes 2018 Transparence, boîtes grises / blanches, concrétisation, subjectivité Bêtise artificielle : remplacer les passions et figurations par des technologies pour faire des artefacts numériques un acteur indispensable à consommer Google Cloud Vision
  • 31. Digital Insights of 20th Century Painting Winchester School of Art, UK, 2017 Expo autour des méthodes et outils de Reyes Carlos Isaac, master UNAM (MX), co-dirigé par Reyes, 2018 Modèles cylindriques, deep learning, web Résultats, rayonnage SIGGRAPH Digital Art Archive, 2019 Modèle d’archivage et documentation mis en place par Reyes
  • 34. Digital Tools & Uses WS.3 International conference on Web Studies Australie, Colombie, Argentine Projet ArTeC, 21k €, 2020-2023 Colloque international France, Tunisie France, États-Unis V I S I O • • • • • Archive numérique revue VISIO Assoc. Int. Sémiotique Visuelle PI Massimo LEONE Projet ERC FACETS Hydrologie des médias
  • 36. Axe 3 : SIC, informatique, sciences, arts et SHS Axe 1 : Culture visuelle, représentation graphique de l’information Axe 2 : Sémiotique du numérique et des interfaces graphiques
  • 37. Ré-instrumentalisation Schèmes d’usage Individuels et collectifs Expériences et domaines Énonciation computationnelle Moment de la production « Réflexivité énonciative » SIC et numérique Médiation et Interactions des structures profondes Relations interdisciplinaires Perspectives
  • 38. Ré-instrumentalisation Schèmes d’usage Individuels et collectifs Expériences et domaines Énonciation computationnelle Moment de la production « Réflexivité énonciative » SIC et numérique Médiation et Interactions des structures profondes Axe 3 : SIC, informatique, sciences, arts et SHS Axe 1 : Culture visuelle, représentation graphique de l’information Axe 2 : Sémiotique du numérique et des interfaces graphiques Relations interdisciplinaires
  • 39. Merci de votre attention École doctorale Cognition, Langage, Interaction, Université Paris 8 Dossier préparé par Everardo Reyes Soutenance d’Habilitation à diriger des recherches 29 novembre 2019 Ghislaine Azémard, Université Paris 8 (Garante) Anne Beyaert-Geslin, Université Bordeaux Montaigne (Rapporteur) Ghislaine Chabert, Université Savoie Mont Blanc (Rapporteur) Sophie Pène, Université Paris Descartes Imad Saleh, Université Paris 8 Peter Stockinger, INALCO Jury