Design numérique - Contributions [fr]

Nathan

2024-04-18T15:03:54Z

Nathan :

== Installation Escalier ==

http://qamo9384.odns.fr/nathan-prost/light-opalin

== Piste GraphVis ==
=== Pseudo-code ===
Graph vis est un outils Open Source de visualisation de structure en diagrammes. L'outil se base sur le language DOT

'''
digraph {
a -> b
}

'''

Et avec ce code on peut visualiser une bulle 'a' dont part une flèche qui mène à b.

Peut être demander un structure au init.js de produire par exemple pour le fragment 0001 d'afficher son ID et de si il a un enfant afficher :
'''
0001 -> 000? // l'ID de son enfant
'''
En fessant cela on pourrai implémenter ces lignes dans graphVis et génère un digramme en SVG.

Donc l'intention en pseudo-code serait

'''
// afficher tout les ID des fragments à la ligne
// A chaque ligne si un frgament à un enfant inserer ces deux caractères -> et ensuite afficher tout les ID des fragments réponses qui sont raliés à lui
// faire donc une boucle qui pour chaque fragment affiche son ID et si il y a enfant inserer la fleches -> et afficher les ID des enfants qui lui sont rallier
// si il y plusieurs enfants concaténer la phrase ou entre chaque ID il y les caractères ->

'''

=== Code ===
Construire deux fonction dans le fichier databuilder.js dans lequelle on trouve plusieur fonctions.
1er fonction BuildGraph
'''
const buildDigraph = () => {
let digraph = '';

Object.keys(fragments).forEach(key => {
let line = key + '-> {';
//enfants = fragments[key]['children']
fragments[key]['children'].forEach (reponse => {
line= line + reponse + ' ';
})
line = line+'}';
digraph = digraph + line + '\n' ;
});
return digraph;
};
'''
Avec cette fonction on écrit des ligne qui suivent une structure spécifique. enne commence par L'ID du fragment utilisée ensuite la fonction insère un -> ouvre un crochet { et insère l'ID des enfants/réponses si il a des enfants
ce qui donne par exemple :

'''
0005-> {0007 0010 0021 }
'''
Avec un boucle forEach la fonction va examiner l'entièreté de l'objet sur le quelle on travaille et appliquer cette fonction sur chaque fragments. A la fin de chaque recherche de fragment il saute une ligne
'''
digraph = digraph + line + '\n' ;
'''
Ce qui donne un resulat comme celui la

'''

0017-> {}
0005-> {0007 0010 0021 }
0007-> {0009 0030 0032 }
0009-> {0025 0019 }
0025-> {}
0010-> {0008 }
0021-> {0035 }
0008-> {0015 }
0015-> {0018 0036 }
0018-> {}
0019-> {0026 }
0026-> {0028 0030 }
0028-> {0035 }
0030-> {}
0027-> {}
0032-> {}
0035-> {}
0036-> {}
0002-> {0011 0024 0025 }
0023-> {}
0012-> {0025 }
0011-> {}
0016-> {0020 0034 }
0020-> {}
0024-> {}
0034-> {0042 }
0039-> {}
0042-> {}
0044-> {}
0003-> {0006 0004 }
0006-> {0004 }
0004-> {0014 0033 0038 }
0014-> {0022 0033 0045 }
0022-> {}
0029-> {0037 0041 }
0033-> {0041 }
0037-> {}
0038-> {0045 }
0041-> {}
0045-> {}

'''

Ensuite à moi d'y ajouter les paramètres graph viz qui dans mon cas sont la création d'un diagramme il suffit juste donc d'appeler le diagramme

'''

digraph {
0014-> {0022 0033 0045 }
0022-> {}
0029-> {0037 0041 }
0033-> {0041 }
0037-> {}
0038-> {0045 }
0041-> {}
0045-> {}
}

'''

=== Design ===

Pour manipuler les diagrammes je voulais utiliser des formats SVG tracable au plotter pour approcher des formats peut etre plsu variée. Utilisant des SVG les glyphes que j'utilisent doit être ceux de typographies Hershey.
J'explore donc les typographies de la typothèque [http://hershey-noailles.luuse.io/www/ Hershey Noailes de luuse]

Single Line Fonts (site)
https://www.singlelinefonts.com/collections/svg-fonts
https://www.singlelinefonts.com/collections/rhino-fonts

One Line Fonts
https://www.onelinefonts.com/

Glukfonts.pl (single-line fonts TTF / Fontforge export)
https://www.glukfonts.pl/font.php?font=ResamitzSL-SVGinOT
https://www.glukfonts.pl/font.php?font=ZnikoSL-SVGinOT-8

Carvalho-Bernau, police de caractères Bill, 2013
(2 graisses, hommage au Gill Sans, meta-squelette pour générateur de fontes automatiques en ligne pour le Sandberg Institute)
https://sandberg.nl/typeface

Team Rietveld aussi: Paul Bernhard https://pbernhard.com
et sa Hershey-futural qui est très cool: https://gitlab.com/swrs

https://images.erg.school/JWnhmL5v/8aHQ5LiN.png

Images Wikipédia de Décembre 2012

2024-02-29T13:01:03Z

Nathan : /* Nathan */

=== Lou ===

=== Victoria ===

=== Nathan ===

La recherche de neutralité, que ce soit dans l'art, dans l'opinion ou dans à peu près tous les domaines, est-elle un fantasme ?

La logique rationnelle peut prôner la neutralité comme un socle solide sur lequel peut s'appuyer tout argumentaire ou démonstration logique. Dans une ère façonnée par cet esprit, comment une encyclopédie numérique comme Wikipédia gère-t-elle cette neutralité ? Cet esprit de neutralité est aujourd'hui également réactivé, notamment par la création des modèles d'IA, suscitant de nombreuses problématiques dont les manifestations issues de cela sont révélatrices de cette faille de représentation symbolique dans la neutralité. En plus du terreau de statistiques sur lequel la génération d'images se base, tout comme Wikipédia et ses images, il y a des failles à interroger quant aux représentations du réel. Que ce soit Shutterstock Image IA ou les images labellisées par Wikipédia, quelles sont leurs failles esthétiques face à cela ?

{| class="wikitable"
|-
! Déscription !! Wiki images !! AI images
|-
| Microfilaments, mitochondrie et noyau d'un fibroblaste || https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Fibroblast_%28BPAE%29.jpg/1280px-Fibroblast_%28BPAE%29.jpg || https://images.erg.school/Ssozbj16/wNz4JaJ4.png
|-
| La forteresse de Kamianets || https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/%D0%A1%D1%82%D0%B0%D1%80%D0%B0_%D1%84%D0%BE%D1%80%D1%82%D0%B5%D1%86%D1%8F.jpg/1024px-%D0%A1%D1%82%D0%B0%D1%80%D0%B0_%D1%84%D0%BE%D1%80%D1%82%D0%B5%D1%86%D1%8F.jpg || https://images.erg.school/VuUHQNUk/gVhsLLs1.png
|-
| Cornichons || https://upload.wikimedia.org/wikipedia/commons/thumb/5/5b/Polish_style_pickled_cucumbers_IMGP0443.jpg/1024px-Polish_style_pickled_cucumbers_IMGP0443.jpg || https://images.erg.school/kBsHnPRO/omJEYE5Q.png
|-
| Amulette des hauts plateaux de l'ouest, au Cameroun|| https://upload.wikimedia.org/wikipedia/commons/thumb/a/af/Frauenfigur%2C_Amulett_mu_po%2C_Kameruner_Grasland%2C_Bamunkung%3B_im_Staedtischen_Museum_Braunschweig.jpg/800px-Frauenfigur%2C_Amulett_mu_po%2C_Kameruner_Grasland%2C_Bamunkung%3B_im_Staedtischen_Museum_Braunschweig.jpg || https://images.erg.school/HO7jvKpK/VnZrradj.png
|-
| Rat musqué se nourrissant de plantes aquatiques, dans la réserve nationale de faune du cap Tourmente, au Québec|| https://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Ondatra_zibethicus_CT.jpg/1024px-Ondatra_zibethicus_CT.jpg || https://images.erg.school/nZf5i2y9/V6it3ebY.png
|-
| Fath Ali Shah Qajar, 2e chah d'Iran de la dynastie kadjar, de 1797 à 1834 (musée Davids Samling, Copenhague)|| https://upload.wikimedia.org/wikipedia/commons/thumb/5/57/Portraet-af-Fath-Ali-Shah-Qajar.jpg/800px-Portraet-af-Fath-Ali-Shah-Qajar.jpg || https://images.erg.school/G4Lx7CSL/BG4mQ6qR.png
|-
| Un sigan corail en aquarium|| https://upload.wikimedia.org/wikipedia/commons/thumb/3/35/Siganus_corallinus_Brest.jpg/1024px-Siganus_corallinus_Brest.jpg || https://images.erg.school/leV22XOx/KrWj5a8U.png
|-
| Saab 91 Safir en vol|| https://upload.wikimedia.org/wikipedia/commons/thumb/e/ee/Saab_Safir_91B.jpg/1024px-Saab_Safir_91B.jpg || https://images.erg.school/rcTZAVyU/EyXI9TMN.png
|-
| Fleur de Sternbergia clusiana, liliacée des steppes d'Asie Mineure|| https://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Sternbergia_clusiana_1.JPG/800px-Sternbergia_clusiana_1.JPG || https://images.erg.school/2u03LNDZ/8OEVBlwj.png
|-
| La cathédrale de la Dormition du couvent de Novodievitchi, à Moscou|| https://upload.wikimedia.org/wikipedia/commons/thumb/4/4d/Moscow_05-2012_Novodevichy_21.jpg/800px-Moscow_05-2012_Novodevichy_21.jpg || https://images.erg.school/fmT4tEgy/GJ3DAEn4.png
|-
| Dunes à Maspalomas (Grande Canarie)|| https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/GC_Dunas_de_Maspalomas_R08.jpg/800px-GC_Dunas_de_Maspalomas_R08.jpg || https://images.erg.school/cQkjxIqX/AgRmY1nA.png
|-
| Ara rouge (Ara macao), au zoo de Münster|| https://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Ara-Zoo-Muenster.jpg/800px-Ara-Zoo-Muenster.jpg || https://images.erg.school/8xzrNjbU/rWQi5SmN.png
|-
| Paquebot AIDAaura dans le port d'Istanbul|| https://upload.wikimedia.org/wikipedia/commons/thumb/8/84/Port_of_Istanbul%2C_Turkey_001.jpg/800px-Port_of_Istanbul%2C_Turkey_001.jpg || https://images.erg.school/HR3qAiUx/PnHfF0wL.png
|-
| Cône femelle de Mélèze du Japon (Larix kaempferi)|| https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Lehise_k%C3%A4bi.jpg/800px-Lehise_k%C3%A4bi.jpg || https://images.erg.school/pOIppd1M/0CWrmsYU.png
|-
| Le Palais Marie, à Saint-Pétersbourg, œuvre d'Andreï Stackenschneider.|| https://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Spb_06-2012_Isaac_Square_01.jpg/800px-Spb_06-2012_Isaac_Square_01.jpg || https://images.erg.school/68jsG530/kIlO8ctf.png
|-
| Autoportrait du rover Curiosity pendant la mission Mars Science Laboratory|| https://upload.wikimedia.org/wikipedia/commons/thumb/d/dc/PIA16239_High-Resolution_Self-Portrait_by_Curiosity_Rover_Arm_Camera.jpg/800px-PIA16239_High-Resolution_Self-Portrait_by_Curiosity_Rover_Arm_Camera.jpg || https://images.erg.school/fRM1HMvB/UXkBbILm.png
|-
| Téléphérique de Caracas. (définition réelle) || https://upload.wikimedia.org/wikipedia/commons/thumb/7/7a/Telef%C3%A9rico_de_Caracas_3.jpg/800px-Telef%C3%A9rico_de_Caracas_3.jpg || https://images.erg.school/TCl8Z9d3/EmgzCYtl.png
|-
| Deux polypores d'hiver dans la forêt d'Ulm (Allemagne). || https://upload.wikimedia.org/wikipedia/commons/thumb/f/fb/Winterporling_Polyporus_brumalis.jpg/800px-Winterporling_Polyporus_brumalis.jpg || https://images.erg.school/KFmQlSgs/NNWad8c3.png
|-
| Aaron Palushaj, lors d'un match des Bulldogs de Hamilton au Centre Bell de Montréal || https://upload.wikimedia.org/wikipedia/commons/d/df/Aaron_Palushaj_-_Hamilton_Bulldogs_-_2012-11-09.jpg || https://images.erg.school/sZD0nGPF/qKs7rvIO.png
|-
| Paysage karstique à El Torcal de Antequera, en Andalousie || https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/El_Torcal_de_Antequera_karst_scenery_Andalusia_Spain.jpg/800px-El_Torcal_de_Antequera_karst_scenery_Andalusia_Spain.jpg || https://images.erg.school/JPWkIWXE/d8cynFU6.png
|-

Images Wikipédia de Décembre 2012

2024-02-29T12:54:22Z

Nathan : /* Nathan */

Images Wikipédia de Décembre 2012

2024-02-29T12:53:28Z

Nathan : /* Nathan */

=== Lou ===

=== Victoria ===

=== Nathan ===

La recherche de neutralité, que ce soit dans l'art, dans l'opinion ou dans à peu près tous les domaines, est-elle un fantasme ?

La logique rationnelle peut prôner la neutralité comme un socle solide sur lequel peut s'appuyer tout argumentaire ou démonstration logique. Dans une ère façonnée par cet esprit, comment une encyclopédie numérique comme Wikipédia gère-t-elle cette neutralité ? Cet esprit de neutralité est aujourd'hui également réactivé, notamment par la création des modèles d'IA, suscitant de nombreuses problématiques dont les manifestations issues de cela sont révélatrices de cette faille de représentation symbolique dans la neutralité. En plus du terreau de statistiques sur lequel la génération d'images se base, tout comme Wikipédia et ses images, il y a des failles à interroger quant aux représentations du réel. Que ce soit Shutterstock Image IA ou les images labellisées par Wikipédia, quelles sont leurs failles esthétiques face à cela ?

{| class="wikitable"
|-
! Déscription !! Wiki images !! AI images
|-
| Microfilaments, mitochondrie et noyau d'un fibroblaste || https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Fibroblast_%28BPAE%29.jpg/1280px-Fibroblast_%28BPAE%29.jpg || https://images.erg.school/Ssozbj16/wNz4JaJ4.png
|-
| La forteresse de Kamianets || https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/%D0%A1%D1%82%D0%B0%D1%80%D0%B0_%D1%84%D0%BE%D1%80%D1%82%D0%B5%D1%86%D1%8F.jpg/1024px-%D0%A1%D1%82%D0%B0%D1%80%D0%B0_%D1%84%D0%BE%D1%80%D1%82%D0%B5%D1%86%D1%8F.jpg || https://images.erg.school/VuUHQNUk/gVhsLLs1.png
|-
| Cornichons || https://upload.wikimedia.org/wikipedia/commons/thumb/5/5b/Polish_style_pickled_cucumbers_IMGP0443.jpg/1024px-Polish_style_pickled_cucumbers_IMGP0443.jpg || https://images.erg.school/kBsHnPRO/omJEYE5Q.png
|-
| Amulette des hauts plateaux de l'ouest, au Cameroun|| https://upload.wikimedia.org/wikipedia/commons/thumb/a/af/Frauenfigur%2C_Amulett_mu_po%2C_Kameruner_Grasland%2C_Bamunkung%3B_im_Staedtischen_Museum_Braunschweig.jpg/800px-Frauenfigur%2C_Amulett_mu_po%2C_Kameruner_Grasland%2C_Bamunkung%3B_im_Staedtischen_Museum_Braunschweig.jpg || https://images.erg.school/HO7jvKpK/VnZrradj.png
|-
| Rat musqué se nourrissant de plantes aquatiques, dans la réserve nationale de faune du cap Tourmente, au Québec|| https://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Ondatra_zibethicus_CT.jpg/1024px-Ondatra_zibethicus_CT.jpg || https://images.erg.school/nZf5i2y9/V6it3ebY.png
|-
| Fath Ali Shah Qajar, 2e chah d'Iran de la dynastie kadjar, de 1797 à 1834 (musée Davids Samling, Copenhague)|| https://upload.wikimedia.org/wikipedia/commons/thumb/5/57/Portraet-af-Fath-Ali-Shah-Qajar.jpg/800px-Portraet-af-Fath-Ali-Shah-Qajar.jpg || https://images.erg.school/G4Lx7CSL/BG4mQ6qR.png
|-
| Un sigan corail en aquarium|| https://upload.wikimedia.org/wikipedia/commons/thumb/3/35/Siganus_corallinus_Brest.jpg/1024px-Siganus_corallinus_Brest.jpg || https://images.erg.school/leV22XOx/KrWj5a8U.png
|-
| Saab 91 Safir en vol|| https://upload.wikimedia.org/wikipedia/commons/thumb/e/ee/Saab_Safir_91B.jpg/1024px-Saab_Safir_91B.jpg || https://images.erg.school/rcTZAVyU/EyXI9TMN.png
|-
| Fleur de Sternbergia clusiana, liliacée des steppes d'Asie Mineure|| https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Image_du_jour/d%C3%A9cembre_2012#/media/Fichier:Sternbergia_clusiana_1.JPG || https://images.erg.school/2u03LNDZ/8OEVBlwj.png
|-
| La cathédrale de la Dormition du couvent de Novodievitchi, à Moscou|| https://upload.wikimedia.org/wikipedia/commons/thumb/4/4d/Moscow_05-2012_Novodevichy_21.jpg/800px-Moscow_05-2012_Novodevichy_21.jpg || https://images.erg.school/fmT4tEgy/GJ3DAEn4.png
|-
| Dunes à Maspalomas (Grande Canarie)|| https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/GC_Dunas_de_Maspalomas_R08.jpg/800px-GC_Dunas_de_Maspalomas_R08.jpg || https://images.erg.school/cQkjxIqX/AgRmY1nA.png
|-
| Ara rouge (Ara macao), au zoo de Münster|| https://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Ara-Zoo-Muenster.jpg/800px-Ara-Zoo-Muenster.jpg || https://images.erg.school/8xzrNjbU/rWQi5SmN.png
|-
| Paquebot AIDAaura dans le port d'Istanbul|| https://upload.wikimedia.org/wikipedia/commons/thumb/8/84/Port_of_Istanbul%2C_Turkey_001.jpg/800px-Port_of_Istanbul%2C_Turkey_001.jpg || https://images.erg.school/HR3qAiUx/PnHfF0wL.png
|-
| Cône femelle de Mélèze du Japon (Larix kaempferi)|| https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Lehise_k%C3%A4bi.jpg/800px-Lehise_k%C3%A4bi.jpg || https://images.erg.school/pOIppd1M/0CWrmsYU.png
|-
| Le Palais Marie, à Saint-Pétersbourg, œuvre d'Andreï Stackenschneider.|| https://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Spb_06-2012_Isaac_Square_01.jpg/800px-Spb_06-2012_Isaac_Square_01.jpg || https://images.erg.school/68jsG530/kIlO8ctf.png
|-
| Autoportrait du rover Curiosity pendant la mission Mars Science Laboratory|| https://upload.wikimedia.org/wikipedia/commons/thumb/d/dc/PIA16239_High-Resolution_Self-Portrait_by_Curiosity_Rover_Arm_Camera.jpg/800px-PIA16239_High-Resolution_Self-Portrait_by_Curiosity_Rover_Arm_Camera.jpg || https://images.erg.school/fRM1HMvB/UXkBbILm.png
|-
| Téléphérique de Caracas. (définition réelle) || https://upload.wikimedia.org/wikipedia/commons/thumb/7/7a/Telef%C3%A9rico_de_Caracas_3.jpg/800px-Telef%C3%A9rico_de_Caracas_3.jpg || https://images.erg.school/TCl8Z9d3/EmgzCYtl.png
|-
| Deux polypores d'hiver dans la forêt d'Ulm (Allemagne). || https://upload.wikimedia.org/wikipedia/commons/thumb/f/fb/Winterporling_Polyporus_brumalis.jpg/800px-Winterporling_Polyporus_brumalis.jpg || https://images.erg.school/KFmQlSgs/NNWad8c3.png
|-
| Aaron Palushaj, lors d'un match des Bulldogs de Hamilton au Centre Bell de Montréal || https://upload.wikimedia.org/wikipedia/commons/d/df/Aaron_Palushaj_-_Hamilton_Bulldogs_-_2012-11-09.jpg || https://images.erg.school/sZD0nGPF/qKs7rvIO.png
|-
| Paysage karstique à El Torcal de Antequera, en Andalousie || https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/El_Torcal_de_Antequera_karst_scenery_Andalusia_Spain.jpg/800px-El_Torcal_de_Antequera_karst_scenery_Andalusia_Spain.jpg || https://images.erg.school/JPWkIWXE/d8cynFU6.png
|-

Images Wikipédia de Décembre 2012

2024-02-29T12:52:41Z

Nathan : /* Nathan */

=== Lou ===

=== Victoria ===

=== Nathan ===

La recherche de neutralité, que ce soit dans l'art, dans l'opinion ou dans à peu près tous les domaines, est-elle un fantasme ?

La logique rationnelle peut prôner la neutralité comme un socle solide sur lequel peut s'appuyer tout argumentaire ou démonstration logique. Dans une ère façonnée par cet esprit, comment une encyclopédie numérique comme Wikipédia gère-t-elle cette neutralité ? Cet esprit de neutralité est aujourd'hui également réactivé, notamment par la création des modèles d'IA, suscitant de nombreuses problématiques dont les manifestations issues de cela sont révélatrices de cette faille de représentation symbolique dans la neutralité. En plus du terreau de statistiques sur lequel la génération d'images se base, tout comme Wikipédia et ses images, il y a des failles à interroger quant aux représentations du réel. Que ce soit Shutterstock Image IA ou les images labellisées par Wikipédia, quelles sont leurs failles esthétiques face à cela ?

{| class="wikitable"
|-
! Déscription !! Wiki images !! AI images
|-
| Microfilaments, mitochondrie et noyau d'un fibroblaste || https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Fibroblast_%28BPAE%29.jpg/1280px-Fibroblast_%28BPAE%29.jpg || https://images.erg.school/Ssozbj16/wNz4JaJ4.png
|-
| La forteresse de Kamianets || https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/%D0%A1%D1%82%D0%B0%D1%80%D0%B0_%D1%84%D0%BE%D1%80%D1%82%D0%B5%D1%86%D1%8F.jpg/1024px-%D0%A1%D1%82%D0%B0%D1%80%D0%B0_%D1%84%D0%BE%D1%80%D1%82%D0%B5%D1%86%D1%8F.jpg || https://images.erg.school/VuUHQNUk/gVhsLLs1.png
|-
| Cornichons || https://upload.wikimedia.org/wikipedia/commons/thumb/5/5b/Polish_style_pickled_cucumbers_IMGP0443.jpg/1024px-Polish_style_pickled_cucumbers_IMGP0443.jpg || https://images.erg.school/kBsHnPRO/omJEYE5Q.png
|-
| Amulette des hauts plateaux de l'ouest, au Cameroun|| https://upload.wikimedia.org/wikipedia/commons/thumb/a/af/Frauenfigur%2C_Amulett_mu_po%2C_Kameruner_Grasland%2C_Bamunkung%3B_im_Staedtischen_Museum_Braunschweig.jpg/800px-Frauenfigur%2C_Amulett_mu_po%2C_Kameruner_Grasland%2C_Bamunkung%3B_im_Staedtischen_Museum_Braunschweig.jpg || https://images.erg.school/HO7jvKpK/VnZrradj.png
|-
| Rat musqué se nourrissant de plantes aquatiques, dans la réserve nationale de faune du cap Tourmente, au Québec|| https://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Ondatra_zibethicus_CT.jpg/1024px-Ondatra_zibethicus_CT.jpg || https://images.erg.school/nZf5i2y9/V6it3ebY.png
|-
| Fath Ali Shah Qajar, 2e chah d'Iran de la dynastie kadjar, de 1797 à 1834 (musée Davids Samling, Copenhague)|| https://upload.wikimedia.org/wikipedia/commons/thumb/5/57/Portraet-af-Fath-Ali-Shah-Qajar.jpg/800px-Portraet-af-Fath-Ali-Shah-Qajar.jpg || https://images.erg.school/G4Lx7CSL/BG4mQ6qR.png
|-
| Un sigan corail en aquarium|| https://upload.wikimedia.org/wikipedia/commons/thumb/3/35/Siganus_corallinus_Brest.jpg/1024px-Siganus_corallinus_Brest.jpg || https://images.erg.school/leV22XOx/KrWj5a8U.png
|-
| Saab 91 Safir en vol|| https://upload.wikimedia.org/wikipedia/commons/thumb/e/ee/Saab_Safir_91B.jpg/1024px-Saab_Safir_91B.jpg || https://images.erg.school/rcTZAVyU/EyXI9TMN.png
|-
| Fleur de Sternbergia clusiana, liliacée des steppes d'Asie Mineure|| https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Image_du_jour/d%C3%A9cembre_2012#/media/Fichier:Sternbergia_clusiana_1.JPG || https://images.erg.school/2u03LNDZ/8OEVBlwj.png
|-
| La cathédrale de la Dormition du couvent de Novodievitchi, à Moscou|| https://upload.wikimedia.org/wikipedia/commons/thumb/4/4d/Moscow_05-2012_Novodevichy_21.jpg/800px-Moscow_05-2012_Novodevichy_21.jpg || https://images.erg.school/fmT4tEgy/GJ3DAEn4.png
|-
| Dunes à Maspalomas (Grande Canarie)|| https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/GC_Dunas_de_Maspalomas_R08.jpg/800px-GC_Dunas_de_Maspalomas_R08.jpg || https://images.erg.school/cQkjxIqX/AgRmY1nA.png
|-
| Ara rouge (Ara macao), au zoo de Münster|| https://upload.wikimedia.org/wikipedia/commons/thumb/7/7d/Ara-Zoo-Muenster.jpg/800px-Ara-Zoo-Muenster.jpg || https://images.erg.school/8xzrNjbU/rWQi5SmN.png
|-
| Paquebot AIDAaura dans le port d'Istanbul|| https://upload.wikimedia.org/wikipedia/commons/thumb/8/84/Port_of_Istanbul%2C_Turkey_001.jpg/800px-Port_of_Istanbul%2C_Turkey_001.jpg || https://images.erg.school/HR3qAiUx/PnHfF0wL.png
|-
| Cône femelle de Mélèze du Japon (Larix kaempferi)|| https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Lehise_k%C3%A4bi.jpg/800px-Lehise_k%C3%A4bi.jpg || https://images.erg.school/pOIppd1M/0CWrmsYU.png
|-
| Le Palais Marie, à Saint-Pétersbourg, œuvre d'Andreï Stackenschneider.|| https://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Spb_06-2012_Isaac_Square_01.jpg/800px-Spb_06-2012_Isaac_Square_01.jpg || https://images.erg.school/68jsG530/kIlO8ctf.png
|-
| Autoportrait du rover Curiosity pendant la mission Mars Science Laboratory|| https://upload.wikimedia.org/wikipedia/commons/thumb/d/dc/PIA16239_High-Resolution_Self-Portrait_by_Curiosity_Rover_Arm_Camera.jpg/800px-PIA16239_High-Resolution_Self-Portrait_by_Curiosity_Rover_Arm_Camera.jpg || https://images.erg.school/fRM1HMvB/UXkBbILm.png
|-
| Téléphérique de Caracas. (définition réelle) || https://upload.wikimedia.org/wikipedia/commons/thumb/7/7a/Telef%C3%A9rico_de_Caracas_3.jpg/800px-Telef%C3%A9rico_de_Caracas_3.jpg || https://images.erg.school/TCl8Z9d3/EmgzCYtl.png
|-
| Deux polypores d'hiver dans la forêt d'Ulm (Allemagne). || https://upload.wikimedia.org/wikipedia/commons/thumb/f/fb/Winterporling_Polyporus_brumalis.jpg/800px-Winterporling_Polyporus_brumalis.jpg || https://images.erg.school/KFmQlSgs/NNWad8c3.png
|-
| Aaron Palushaj, lors d'un match des Bulldogs de Hamilton au Centre Bell de Montréal || https://upload.wikimedia.org/wikipedia/commons/d/df/Aaron_Palushaj_-_Hamilton_Bulldogs_-_2012-11-09.jpg || https://images.erg.school/sZD0nGPF/qKs7rvIO.png
|-
| Paysage karstique à El Torcal de Antequera, en Andalousie || https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/El_Torcal_de_Antequera_karst_scenery_Andalusia_Spain.jpg/800px-El_Torcal_de_Antequera_karst_scenery_Andalusia_Spain.jpg || https://images.erg.school/sZD0nGPF/qKs7rvIO.png
|-

Images Wikipédia de Décembre 2012

2024-02-29T12:52:00Z

Nathan : /* Nathan */

=== Lou ===

=== Victoria ===

=== Nathan ===

La recherche de neutralité, que ce soit dans l'art, dans l'opinion ou dans à peu près tous les domaines, est-elle un fantasme ?

La logique rationnelle peut prôner la neutralité comme un socle solide sur lequel peut s'appuyer tout argumentaire ou démonstration logique. Dans une ère façonnée par cet esprit, comment une encyclopédie numérique comme Wikipédia gère-t-elle cette neutralité ? Cet esprit de neutralité est aujourd'hui également réactivé, notamment par la création des modèles d'IA, suscitant de nombreuses problématiques dont les manifestations issues de cela sont révélatrices de cette faille de représentation symbolique dans la neutralité. En plus du terreau de statistiques sur lequel la génération d'images se base, tout comme Wikipédia et ses images, il y a des failles à interroger quant aux représentations du réel. Que ce soit Shutterstock Image IA ou les images labellisées par Wikipédia, quelles sont leurs failles esthétiques face à cela ?

{| class="wikitable"
|-
! Déscription !! Wiki images !! AI images
|-
| Microfilaments, mitochondrie et noyau d'un fibroblaste || https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Fibroblast_%28BPAE%29.jpg/1280px-Fibroblast_%28BPAE%29.jpg || https://images.erg.school/Ssozbj16/wNz4JaJ4.png
|-
| La forteresse de Kamianets || https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/%D0%A1%D1%82%D0%B0%D1%80%D0%B0_%D1%84%D0%BE%D1%80%D1%82%D0%B5%D1%86%D1%8F.jpg/1024px-%D0%A1%D1%82%D0%B0%D1%80%D0%B0_%D1%84%D0%BE%D1%80%D1%82%D0%B5%D1%86%D1%8F.jpg || https://images.erg.school/VuUHQNUk/gVhsLLs1.png
|-
| Cornichons || https://upload.wikimedia.org/wikipedia/commons/thumb/5/5b/Polish_style_pickled_cucumbers_IMGP0443.jpg/1024px-Polish_style_pickled_cucumbers_IMGP0443.jpg || https://images.erg.school/kBsHnPRO/omJEYE5Q.png
|-
| Amulette des hauts plateaux de l'ouest, au Cameroun|| https://upload.wikimedia.org/wikipedia/commons/thumb/a/af/Frauenfigur%2C_Amulett_mu_po%2C_Kameruner_Grasland%2C_Bamunkung%3B_im_Staedtischen_Museum_Braunschweig.jpg/800px-Frauenfigur%2C_Amulett_mu_po%2C_Kameruner_Grasland%2C_Bamunkung%3B_im_Staedtischen_Museum_Braunschweig.jpg || https://images.erg.school/HO7jvKpK/VnZrradj.png
|-
| Rat musqué se nourrissant de plantes aquatiques, dans la réserve nationale de faune du cap Tourmente, au Québec|| https://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Ondatra_zibethicus_CT.jpg/1024px-Ondatra_zibethicus_CT.jpg || https://images.erg.school/nZf5i2y9/V6it3ebY.png
|-
| Fath Ali Shah Qajar, 2e chah d'Iran de la dynastie kadjar, de 1797 à 1834 (musée Davids Samling, Copenhague)|| https://upload.wikimedia.org/wikipedia/commons/thumb/5/57/Portraet-af-Fath-Ali-Shah-Qajar.jpg/800px-Portraet-af-Fath-Ali-Shah-Qajar.jpg || https://images.erg.school/G4Lx7CSL/BG4mQ6qR.png
|-
| Un sigan corail en aquarium|| https://upload.wikimedia.org/wikipedia/commons/thumb/3/35/Siganus_corallinus_Brest.jpg/1024px-Siganus_corallinus_Brest.jpg || https://images.erg.school/leV22XOx/KrWj5a8U.png
|-
| Saab 91 Safir en vol|| https://upload.wikimedia.org/wikipedia/commons/thumb/e/ee/Saab_Safir_91B.jpg/1024px-Saab_Safir_91B.jpg || https://images.erg.school/rcTZAVyU/EyXI9TMN.png
|-
| Fleur de Sternbergia clusiana, liliacée des steppes d'Asie Mineure|| https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Image_du_jour/d%C3%A9cembre_2012#/media/Fichier:Sternbergia_clusiana_1.JPG || https://images.erg.school/2u03LNDZ/8OEVBlwj.png
|-
| La cathédrale de la Dormition du couvent de Novodievitchi, à Moscou|| https://upload.wikimedia.org/wikipedia/commons/thumb/4/4d/Moscow_05-2012_Novodevichy_21.jpg/800px-Moscow_05-2012_Novodevichy_21.jpg || https://images.erg.school/fmT4tEgy/GJ3DAEn4.png
|-
| Dunes à Maspalomas (Grande Canarie)|| https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/GC_Dunas_de_Maspalomas_R08.jpg/800px-GC_Dunas_de_Maspalomas_R08.jpg || https://images.erg.school/cQkjxIqX/AgRmY1nA.png
|-
| Ara rouge (Ara macao), au zoo de Münster|| https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/GC_Dunas_de_Maspalomas_R08.jpg/800px-GC_Dunas_de_Maspalomas_R08.jpg || https://images.erg.school/8xzrNjbU/rWQi5SmN.png
|-
| Paquebot AIDAaura dans le port d'Istanbul|| https://upload.wikimedia.org/wikipedia/commons/thumb/8/84/Port_of_Istanbul%2C_Turkey_001.jpg/800px-Port_of_Istanbul%2C_Turkey_001.jpg || https://images.erg.school/HR3qAiUx/PnHfF0wL.png
|-
| Cône femelle de Mélèze du Japon (Larix kaempferi)|| https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Lehise_k%C3%A4bi.jpg/800px-Lehise_k%C3%A4bi.jpg || https://images.erg.school/pOIppd1M/0CWrmsYU.png
|-
| Le Palais Marie, à Saint-Pétersbourg, œuvre d'Andreï Stackenschneider.|| https://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Spb_06-2012_Isaac_Square_01.jpg/800px-Spb_06-2012_Isaac_Square_01.jpg || https://images.erg.school/68jsG530/kIlO8ctf.png
|-
| Autoportrait du rover Curiosity pendant la mission Mars Science Laboratory|| https://upload.wikimedia.org/wikipedia/commons/thumb/d/dc/PIA16239_High-Resolution_Self-Portrait_by_Curiosity_Rover_Arm_Camera.jpg/800px-PIA16239_High-Resolution_Self-Portrait_by_Curiosity_Rover_Arm_Camera.jpg || https://images.erg.school/fRM1HMvB/UXkBbILm.png
|-
| Téléphérique de Caracas. (définition réelle) || https://upload.wikimedia.org/wikipedia/commons/thumb/7/7a/Telef%C3%A9rico_de_Caracas_3.jpg/800px-Telef%C3%A9rico_de_Caracas_3.jpg || https://images.erg.school/TCl8Z9d3/EmgzCYtl.png
|-
| Deux polypores d'hiver dans la forêt d'Ulm (Allemagne). || https://upload.wikimedia.org/wikipedia/commons/thumb/f/fb/Winterporling_Polyporus_brumalis.jpg/800px-Winterporling_Polyporus_brumalis.jpg || https://images.erg.school/KFmQlSgs/NNWad8c3.png
|-
| Aaron Palushaj, lors d'un match des Bulldogs de Hamilton au Centre Bell de Montréal || https://upload.wikimedia.org/wikipedia/commons/d/df/Aaron_Palushaj_-_Hamilton_Bulldogs_-_2012-11-09.jpg || https://images.erg.school/sZD0nGPF/qKs7rvIO.png
|-
| Paysage karstique à El Torcal de Antequera, en Andalousie || https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/El_Torcal_de_Antequera_karst_scenery_Andalusia_Spain.jpg/800px-El_Torcal_de_Antequera_karst_scenery_Andalusia_Spain.jpg || https://images.erg.school/sZD0nGPF/qKs7rvIO.png
|-

Images Wikipédia de Décembre 2012

2024-02-29T12:50:50Z

Nathan : /* Nathan */

=== Lou ===

=== Victoria ===

=== Nathan ===

La recherche de neutralité, que ce soit dans l'art, dans l'opinion ou dans à peu près tous les domaines, est-elle un fantasme ?

La logique rationnelle peut prôner la neutralité comme un socle solide sur lequel peut s'appuyer tout argumentaire ou démonstration logique. Dans une ère façonnée par cet esprit, comment une encyclopédie numérique comme Wikipédia gère-t-elle cette neutralité ? Cet esprit de neutralité est aujourd'hui également réactivé, notamment par la création des modèles d'IA, suscitant de nombreuses problématiques dont les manifestations issues de cela sont révélatrices de cette faille de représentation symbolique dans la neutralité. En plus du terreau de statistiques sur lequel la génération d'images se base, tout comme Wikipédia et ses images, il y a des failles à interroger quant aux représentations du réel. Que ce soit Shutterstock Image IA ou les images labellisées par Wikipédia, quelles sont leurs failles esthétiques face à cela ?

{| class="wikitable"
|-
! Déscription !! Wiki images !! AI images
|-
| Microfilaments, mitochondrie et noyau d'un fibroblaste || https://upload.wikimedia.org/wikipedia/commons/thumb/a/a8/Fibroblast_%28BPAE%29.jpg/1280px-Fibroblast_%28BPAE%29.jpg || https://images.erg.school/Ssozbj16/wNz4JaJ4.png
|-
| La forteresse de Kamianets || https://upload.wikimedia.org/wikipedia/commons/thumb/d/d0/%D0%A1%D1%82%D0%B0%D1%80%D0%B0_%D1%84%D0%BE%D1%80%D1%82%D0%B5%D1%86%D1%8F.jpg/1024px-%D0%A1%D1%82%D0%B0%D1%80%D0%B0_%D1%84%D0%BE%D1%80%D1%82%D0%B5%D1%86%D1%8F.jpg || https://images.erg.school/VuUHQNUk/gVhsLLs1.png
|-
| Cornichons || https://upload.wikimedia.org/wikipedia/commons/thumb/5/5b/Polish_style_pickled_cucumbers_IMGP0443.jpg/1024px-Polish_style_pickled_cucumbers_IMGP0443.jpg || https://images.erg.school/kBsHnPRO/omJEYE5Q.png
|-
| Amulette des hauts plateaux de l'ouest, au Cameroun|| https://upload.wikimedia.org/wikipedia/commons/thumb/a/af/Frauenfigur%2C_Amulett_mu_po%2C_Kameruner_Grasland%2C_Bamunkung%3B_im_Staedtischen_Museum_Braunschweig.jpg/800px-Frauenfigur%2C_Amulett_mu_po%2C_Kameruner_Grasland%2C_Bamunkung%3B_im_Staedtischen_Museum_Braunschweig.jpg || https://images.erg.school/HO7jvKpK/VnZrradj.png
|-
| Rat musqué se nourrissant de plantes aquatiques, dans la réserve nationale de faune du cap Tourmente, au Québec|| https://upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Ondatra_zibethicus_CT.jpg/1024px-Ondatra_zibethicus_CT.jpg || https://images.erg.school/nZf5i2y9/V6it3ebY.png
|-
| Fath Ali Shah Qajar, 2e chah d'Iran de la dynastie kadjar, de 1797 à 1834 (musée Davids Samling, Copenhague)|| https://upload.wikimedia.org/wikipedia/commons/thumb/5/57/Portraet-af-Fath-Ali-Shah-Qajar.jpg/800px-Portraet-af-Fath-Ali-Shah-Qajar.jpg || https://images.erg.school/G4Lx7CSL/BG4mQ6qR.png
|-
| Un sigan corail en aquarium|| https://upload.wikimedia.org/wikipedia/commons/thumb/3/35/Siganus_corallinus_Brest.jpg/1024px-Siganus_corallinus_Brest.jpg || https://images.erg.school/leV22XOx/KrWj5a8U.png
|-
| Saab 91 Safir en vol|| https://upload.wikimedia.org/wikipedia/commons/thumb/e/ee/Saab_Safir_91B.jpg/1024px-Saab_Safir_91B.jpg || https://images.erg.school/rcTZAVyU/EyXI9TMN.png
|-
| Fleur de Sternbergia clusiana, liliacée des steppes d'Asie Mineure|| https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Image_du_jour/d%C3%A9cembre_2012#/media/Fichier:Sternbergia_clusiana_1.JPG || https://images.erg.school/2u03LNDZ/8OEVBlwj.png
|-
| La cathédrale de la Dormition du couvent de Novodievitchi, à Moscou|| https://upload.wikimedia.org/wikipedia/commons/thumb/4/4d/Moscow_05-2012_Novodevichy_21.jpg/800px-Moscow_05-2012_Novodevichy_21.jpg || https://images.erg.school/fmT4tEgy/GJ3DAEn4.png
|}
|-
| Dunes à Maspalomas (Grande Canarie)|| https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/GC_Dunas_de_Maspalomas_R08.jpg/800px-GC_Dunas_de_Maspalomas_R08.jpg || https://images.erg.school/cQkjxIqX/AgRmY1nA.png
|}
|-
| Ara rouge (Ara macao), au zoo de Münster|| https://upload.wikimedia.org/wikipedia/commons/thumb/2/2f/GC_Dunas_de_Maspalomas_R08.jpg/800px-GC_Dunas_de_Maspalomas_R08.jpg || https://images.erg.school/8xzrNjbU/rWQi5SmN.png
|}
|-
| Paquebot AIDAaura dans le port d'Istanbul|| https://upload.wikimedia.org/wikipedia/commons/thumb/8/84/Port_of_Istanbul%2C_Turkey_001.jpg/800px-Port_of_Istanbul%2C_Turkey_001.jpg || https://images.erg.school/HR3qAiUx/PnHfF0wL.png
|}
|-
| Cône femelle de Mélèze du Japon (Larix kaempferi)|| https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Lehise_k%C3%A4bi.jpg/800px-Lehise_k%C3%A4bi.jpg || https://images.erg.school/pOIppd1M/0CWrmsYU.png
|}
|-
| Le Palais Marie, à Saint-Pétersbourg, œuvre d'Andreï Stackenschneider.|| https://upload.wikimedia.org/wikipedia/commons/thumb/f/fe/Spb_06-2012_Isaac_Square_01.jpg/800px-Spb_06-2012_Isaac_Square_01.jpg || https://images.erg.school/68jsG530/kIlO8ctf.png
|}
|-
| Autoportrait du rover Curiosity pendant la mission Mars Science Laboratory|| https://upload.wikimedia.org/wikipedia/commons/thumb/d/dc/PIA16239_High-Resolution_Self-Portrait_by_Curiosity_Rover_Arm_Camera.jpg/800px-PIA16239_High-Resolution_Self-Portrait_by_Curiosity_Rover_Arm_Camera.jpg || https://images.erg.school/fRM1HMvB/UXkBbILm.png
|}
|-
| Téléphérique de Caracas. (définition réelle) || https://upload.wikimedia.org/wikipedia/commons/thumb/7/7a/Telef%C3%A9rico_de_Caracas_3.jpg/800px-Telef%C3%A9rico_de_Caracas_3.jpg || https://images.erg.school/TCl8Z9d3/EmgzCYtl.png
|}
|-
| Deux polypores d'hiver dans la forêt d'Ulm (Allemagne). || https://upload.wikimedia.org/wikipedia/commons/thumb/f/fb/Winterporling_Polyporus_brumalis.jpg/800px-Winterporling_Polyporus_brumalis.jpg || https://images.erg.school/KFmQlSgs/NNWad8c3.png
|}
|-
| Aaron Palushaj, lors d'un match des Bulldogs de Hamilton au Centre Bell de Montréal || https://upload.wikimedia.org/wikipedia/commons/d/df/Aaron_Palushaj_-_Hamilton_Bulldogs_-_2012-11-09.jpg || https://images.erg.school/sZD0nGPF/qKs7rvIO.png
|}
|-
| Paysage karstique à El Torcal de Antequera, en Andalousie || https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/El_Torcal_de_Antequera_karst_scenery_Andalusia_Spain.jpg/800px-El_Torcal_de_Antequera_karst_scenery_Andalusia_Spain.jpg || https://images.erg.school/sZD0nGPF/qKs7rvIO.png
|}

Images Wikipédia de Décembre 2012

2024-02-22T15:19:49Z

Nathan : /* Nathan */

Images Wikipédia de Décembre 2012

2023-11-30T13:40:39Z

Nathan :

== Piste GraphVis ==
=== Pseudo-code ===
Graph vis est un outils Open Source de visualisation de structure en diagrammes. L'outil se base sur le language DOT

'''
digraph {
a -> b
}

'''

Et avec ce code on peut visualiser une bulle 'a' dont part une flèche qui mène à b.

Peut être demander un structure au init.js de produire par exemple pour le fragment 0001 d'afficher son ID et de si il a un enfant afficher :
'''
0001 -> 000? // l'ID de son enfant
'''
En fessant cela on pourrai implémenter ces lignes dans graphVis et génère un digramme en SVG.

Donc l'intention en pseudo-code serait

'''
// afficher tout les ID des fragments à la ligne
// A chaque ligne si un frgament à un enfant inserer ces deux caractères -> et ensuite afficher tout les ID des fragments réponses qui sont raliés à lui
// faire donc une boucle qui pour chaque fragment affiche son ID et si il y a enfant inserer la fleches -> et afficher les ID des enfants qui lui sont rallier
// si il y plusieurs enfants concaténer la phrase ou entre chaque ID il y les caractères ->

'''

=== Code ===
Construire deux fonction dans le fichier databuilder.js dans lequelle on trouve plusieur fonctions.
1er fonction BuildGraph
'''
const buildDigraph = () => {
let digraph = '';

Object.keys(fragments).forEach(key => {
let line = key + '-> {';
//enfants = fragments[key]['children']
fragments[key]['children'].forEach (reponse => {
line= line + reponse + ' ';
})
line = line+'}';
digraph = digraph + line + '\n' ;
});
return digraph;
};
'''
Avec cette fonction on écrit des ligne qui suivent une structure spécifique. enne commence par L'ID du fragment utilisée ensuite la fonction insère un -> ouvre un crochet { et insère l'ID des enfants/réponses si il a des enfants
ce qui donne par exemple :
'''
0005-> {0007 0010 0021 }

'''
Avec un boucle forEach la fonction va examiner l'entièreté de l'objet sur le quelle on travaille et appliquer cette fonction sur chaque fragments. A la fin de chaque recherche de fragment il saute une ligne
'''
digraph = digraph + line + '\n' ;
'''
Ce qui donne un resulat comme celui la

'''

0017-> {}
0005-> {0007 0010 0021 }
0007-> {0009 0030 0032 }
0009-> {0025 0019 }
0025-> {}
0010-> {0008 }
0021-> {0035 }
0008-> {0015 }
0015-> {0018 0036 }
0018-> {}
0019-> {0026 }
0026-> {0028 0030 }
0028-> {0035 }
0030-> {}
0027-> {}
0032-> {}
0035-> {}
0036-> {}
0002-> {0011 0024 0025 }
0023-> {}
0012-> {0025 }
0011-> {}
0016-> {0020 0034 }
0020-> {}
0024-> {}
0034-> {0042 }
0039-> {}
0042-> {}
0044-> {}
0003-> {0006 0004 }
0006-> {0004 }
0004-> {0014 0033 0038 }
0014-> {0022 0033 0045 }
0022-> {}
0029-> {0037 0041 }
0033-> {0041 }
0037-> {}
0038-> {0045 }
0041-> {}
0045-> {}

'''
Ensuite à moi d'y ajouter les paramètres graph viz qui dans mon cas sont la création d'un diagramme il suffit juste donc d'appeler le diagramme

'''

digraph {
0014-> {0022 0033 0045 }
0022-> {}
0029-> {0037 0041 }
0033-> {0041 }
0037-> {}
0038-> {0045 }
0041-> {}
0045-> {}
}

'''
=== Design ===

Pour manipuler les diagrammes je voulais utiliser des formats SVG tracable au plotter pour approcher des formats peut etre plsu variée. Utilisant des SVG les glyphes que j'utilisent doit être ceux de typographies Hershey.
J'explore donc les typographie de la typothèque [http://hershey-noailles.luuse.io/www/ Hershey Noailes de luuse]

- Terme crée par Harold Rosenberg pour qualifier la peinture gestuelle. L’action painting comporte plusieurs approche comme
- Technique du dripping [^1] de ((653ee430-1eca-4a79-9a49-45525fd705c0))
- Porter une intention à la texture et à la consistance de la peinture. Pour Clement GREENBERG les peintures de l’Abs-ex était en général painterly > présentant pour la plupart des effets de peinture qui allait à la rencontre de la planéité du tableau
- Franz KLINE: untitled, 1957 ![Untitled, 1957 - Franz Kline - WikiArt.org](https://uploads7.wikiart.org/images/franz-kline/untitled-1957-1.jpg!Large.jpg)
- La texture et la consistance de la peinture est visible dans sa planéité présentant des ombrages ou des pliures
- Tout comme le Color-Field Painting l’Action Painting repose aussi sur un héritage de peinture européennes
- Pour en arriver au dripping il a fallu que les acteur..ices du donne à l’inconscient un pouvoir créateur valide.
- Harold ROSENBERG: A l’image de l’école de New York:
«toile définie comme une arène une zone qui est destinée à recueillir l’existence même de l’artiste au moyen d’une technique picturale»
- Dans l’action-painting c’est le mouvement et la vitalité de l’artiste qui anime le procédé et que la toile met en avant
- Elaine De KOONING,Bullfight, 1957 ![Elaine de Kooning, Bullfight, circa 1957 | Hollis Taggart](https://artlogic-res.cloudinary.com/w_1680,h_1680,c_limit,f_auto,fl_lossy,q_auto/artlogicstorage/htg1979/images/view/69ee9d2bf3d7866424e967d0b1009257j/hollistaggart-elaine-de-kooning-bullfight-circa-1957.jpg)
- La toile est le résultat de mouvent brusque rapide violent que l’artiste exerce sur la toile à l’aide d’un brosse qui viens marquer la toile de chaque chaque contact entre le mouvement et la toile
- La brosse ne gicle pas comme mais marque et absorbe le mouvement
- Un art extrêmement soutenu financièrement
- L’État américain voit dans le travail de la liberté une possibilité de rallier l’expressionnisme abstrait comme reflet de la démocratie américaine
- En opposition au Socialisme réalisme russe
- Le critique d’art Max KOZLOFF écrira un livre «La peinture américaine pendant la guerre froide » traitant des enjeux de la peinture dans la guerre au softpower dans la guerre froide
- L’état finance fortement le mouvement et son expansion
- Thomas BRADEN ancien chef de la division des relations internationales de la CIA et ancien secrétaire exécutif du (MoMA), déclare dans un entretien: «Je pense qu'il s'agissait de la plus importante division de la CIA et je pense que cela a joué un rôle déterminant dans la guerre froide»
- Peggy GUGGHENHEIM2 soutient fortement les artistes
- Lee KRANSER, un travail assez proche du travail des cobras en Europe.
- Lee Krasner, Milkweed, 1955 ![Lee Krasner — AWARE Women artists / Femmes artistes](https://awarewomenartists.com/wp-content/uploads/2018/04/lee-krasner_milkweed_1955_aware_women-artists_artistes-femmes-1049x1500.jpg)
- [^1] Dans les arts plastiques, le dripping (de l'anglais to drip, « laisser goutter ») est une technique consistant à laisser couler ou goutter de la peinture, voire à projeter celle-ci sur des toiles ou surfaces horizontales de façon à obtenir des superpositions de plusieurs couleurs d'un même spectre.
-

Nathan

2023-11-30T12:46:29Z

Nathan : /* Design */

Nathan

2023-11-30T12:45:35Z

Nathan : /* Piste GraphVis */

Nathan

2023-11-30T12:42:07Z

Nathan : /* Piste nathan d'outils: GraphVis */

Nathan

2023-11-30T12:41:51Z

Nathan : /* Fragment */

== Piste nathan d'outils: GraphVis ==
=== Pseudo-code ===
Graph vis est un outils Open Source de visualisation de structure en diagrammes. L'outil se base sur le language DOT

'''
digraph {
a -> b
}

'''

Et avec ce code on peut visualiser une bulle 'a' dont part une flèche qui mène à b.

Peut être demander un structure au init.js de produire par exemple pour le fragment 0001 d'afficher son ID et de si il a un enfant afficher :
'''
0001 -> 000? // l'ID de son enfant
'''
En fessant cela on pourrai implémenter ces lignes dans graphVis et génère un digramme en SVG.

Donc l'intention en pseudo-code serait

'''
// afficher tout les ID des fragments à la ligne
// A chaque ligne si un frgament à un enfant inserer ces deux caractères -> et ensuite afficher tout les ID des fragments réponses qui sont raliés à lui
// faire donc une boucle qui pour chaque fragment affiche son ID et si il y a enfant inserer la fleches -> et afficher les ID des enfants qui lui sont rallier
// si il y plusieurs enfants concaténer la phrase ou entre chaque ID il y les caractères ->

'''

=== Code ===
Construire deux fonction dans le fichier databuilder.js dans lequelle on trouve plusieur fonctions.
1er fonction BuildGraph
'''
const buildDigraph = () => {
let digraph = '';

Object.keys(fragments).forEach(key => {
let line = key + '-> {';
//enfants = fragments[key]['children']
fragments[key]['children'].forEach (reponse => {
line= line + reponse + ' ';
})
line = line+'}';
digraph = digraph + line + '\n' ;
});
return digraph;
};
'''
Avec cette fonction on écrit des ligne qui suivent une structure spécifique. enne commence par L'ID du fragment utilisée ensuite la fonction insère un -> ouvre un crochet { et insère l'ID des enfants/réponses si il a des enfants
ce qui donne par exemple :
'''
0005-> {0007 0010 0021 }

'''
Avec un boucle forEach la fonction va examiner l'entièreté de l'objet sur le quelle on travaille et appliquer cette fonction sur chaque fragments. A la fin de chaque recherche de fragment il saute une ligne
'''
digraph = digraph + line + '\n' ;
'''
Ce qui donne un resulat comme celui la

'''

0017-> {}
0005-> {0007 0010 0021 }
0007-> {0009 0030 0032 }
0009-> {0025 0019 }
0025-> {}
0010-> {0008 }
0021-> {0035 }
0008-> {0015 }
0015-> {0018 0036 }
0018-> {}
0019-> {0026 }
0026-> {0028 0030 }
0028-> {0035 }
0030-> {}
0027-> {}
0032-> {}
0035-> {}
0036-> {}
0002-> {0011 0024 0025 }
0023-> {}
0012-> {0025 }
0011-> {}
0016-> {0020 0034 }
0020-> {}
0024-> {}
0034-> {0042 }
0039-> {}
0042-> {}
0044-> {}
0003-> {0006 0004 }
0006-> {0004 }
0004-> {0014 0033 0038 }
0014-> {0022 0033 0045 }
0022-> {}
0029-> {0037 0041 }
0033-> {0041 }
0037-> {}
0038-> {0045 }
0041-> {}
0045-> {}

'''
Ensuite à moi d'y ajouter les paramètres graph viz qui dans mon cas sont la création d'un diagramme il suffit juste donc d'appeler le diagramme

'''

digraph {
0014-> {0022 0033 0045 }
0022-> {}
0029-> {0037 0041 }
0033-> {0041 }
0037-> {}
0038-> {0045 }
0041-> {}
0045-> {}
}

'''

Nathan

2023-11-05T18:54:55Z

Nathan :

== Fragment ==

== Piste nathan d'outils: GraphVis ==
=== Pseudo-code ===
Graph vis est un outils Open Source de visualisation de structure en diagrammes. L'outil se base sur le language DOT

'''
digraph {
a -> b
}

'''

Et avec ce code on peut visualiser une bulle 'a' dont part une flèche qui mène à b.

Peut être demander un structure au init.js de produire par exemple pour le fragment 0001 d'afficher son ID et de si il a un enfant afficher :
'''
0001 -> 000? // l'ID de son enfant
'''
En fessant cela on pourrai implémenter ces lignes dans graphVis et génère un digramme en SVG.

Donc l'intention en pseudo-code serait

'''
// afficher tout les ID des fragments à la ligne
// A chaque ligne si un frgament à un enfant inserer ces deux caractères -> et ensuite afficher tout les ID des fragments réponses qui sont raliés à lui
// faire donc une boucle qui pour chaque fragment affiche son ID et si il y a enfant inserer la fleches -> et afficher les ID des enfants qui lui sont rallier
// si il y plusieurs enfants concaténer la phrase ou entre chaque ID il y les caractères ->

'''

=== Code ===
Construire deux fonction dans le fichier databuilder.js dans lequelle on trouve plusieur fonctions.
1er fonction BuildGraph
'''
const buildDigraph = () => {
let digraph = '';

Object.keys(fragments).forEach(key => {
let line = key + '-> {';
//enfants = fragments[key]['children']
fragments[key]['children'].forEach (reponse => {
line= line + reponse + ' ';
})
line = line+'}';
digraph = digraph + line + '\n' ;
});
return digraph;
};
'''
Avec cette fonction on écrit des ligne qui suivent une structure spécifique. enne commence par L'ID du fragment utilisée ensuite la fonction insère un -> ouvre un crochet { et insère l'ID des enfants/réponses si il a des enfants
ce qui donne par exemple :
'''
0005-> {0007 0010 0021 }

'''
Avec un boucle forEach la fonction va examiner l'entièreté de l'objet sur le quelle on travaille et appliquer cette fonction sur chaque fragments. A la fin de chaque recherche de fragment il saute une ligne
'''
digraph = digraph + line + '\n' ;
'''
Ce qui donne un resulat comme celui la

'''

0017-> {}
0005-> {0007 0010 0021 }
0007-> {0009 0030 0032 }
0009-> {0025 0019 }
0025-> {}
0010-> {0008 }
0021-> {0035 }
0008-> {0015 }
0015-> {0018 0036 }
0018-> {}
0019-> {0026 }
0026-> {0028 0030 }
0028-> {0035 }
0030-> {}
0027-> {}
0032-> {}
0035-> {}
0036-> {}
0002-> {0011 0024 0025 }
0023-> {}
0012-> {0025 }
0011-> {}
0016-> {0020 0034 }
0020-> {}
0024-> {}
0034-> {0042 }
0039-> {}
0042-> {}
0044-> {}
0003-> {0006 0004 }
0006-> {0004 }
0004-> {0014 0033 0038 }
0014-> {0022 0033 0045 }
0022-> {}
0029-> {0037 0041 }
0033-> {0041 }
0037-> {}
0038-> {0045 }
0041-> {}
0045-> {}

'''
Ensuite à moi d'y ajouter les paramètres graph viz qui dans mon cas sont la création d'un diagramme il suffit juste donc d'appeler le diagramme

'''

digraph {
0014-> {0022 0033 0045 }
0022-> {}
0029-> {0037 0041 }
0033-> {0041 }
0037-> {}
0038-> {0045 }
0041-> {}
0045-> {}
}

'''