Design numérique - Contributions [fr]

Utilisateur:Maelann

2026-02-05T16:01:59Z

DarkTitouan : Page créée avec « très forte »

très forte

OSC

2025-04-30T21:38:06Z

DarkTitouan : Page créée avec « OSC pour "Open Sound Control" est un format transfert de données peer2peer facilitant le transfert de données sonores entre différents ordinateurs, synthétiseurs ou lo... »

OSC pour "Open Sound Control" est un format transfert de données peer2peer facilitant le transfert de données sonores entre différents ordinateurs, synthétiseurs ou logiciels au sein du même ordinateur.

Freecad

2025-04-30T17:17:04Z

DarkTitouan : Page créée avec « Free cad est un logiciel de 3d open source paramétrique (c'est a dire que toute modification du model est linké a des parametres permettant de par exemple changer le dim... »

Free cad est un logiciel de 3d open source paramétrique (c'est a dire que toute modification du model est linké a des parametres permettant de par exemple changer le dimensions d'une pièce à tout moment)

Utilisateur:DarkTitouan

2025-04-30T17:15:11Z

DarkTitouan :

@@@@@@@@@
@@%@@%%%%%%%%%%%%%%%%@%@@@
@%@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@
@%%%@@@ @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@
%%%%%%%%% @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@ @@@@
@%%%%%%%%%% @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@ @%%%%%@
@%%%%%%%%%%%@ @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@ @@%%%%%%%@
@%%%%%%%%%%%%%@ %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@ %%%%%%%%%%@
@%%%%%%%%%%%%%%%@ @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@ @@%%%%%%%%%%%@@
@@%%%%%%%%%%%%%%%%%%@ @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@ @%%%%%%%%%%%%%%%@@@
@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@%%%%%%%%%%%%%%%%%%%%%@
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@
@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@
@@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@
@@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@
@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@
@%%%%%%@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@%%%%%%@
@@ @ @@ @%%%%% @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@%%%%%@ @ @ @@
@@@%@@@@ @@@%@@@ @@%%@@@@ @@@@ @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@ @@@ @@@%%@@@ @@@%@@@ @@@@%@@@
@%%%%@ @%%%@ @%%%@@ @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@ @%%%@ @%%%@ @@%%%@
@@ @@@ @@ @@ @@ @@@ @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@% @@@ @@ %@ %@ @@@ @@
@%%%%%@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@%%%%@
@%%%%%@ @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@ @%%%%%@
@%%%%@ @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@ @%%%%@
@%%%@ @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@ %%%%%%@@ @@@@
@%%@@@ @@%@%%%%@ @%%%%%%%%%%%%%%%%%%%%%%%%%@@ @@%%%%%%%%%@@@@@@@@@%%%%%@@
@%%%%%%%%%%%%%%@@%@%%%%%%%%%%@ @%@%%%%%%%%%%%%%%%%%@@ %%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@ @@%%%%%%%%%%@% %%%%%%%%%%%%%%%%%%%%%%%%%%%@
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@ @%%%%%@@ @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%@
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@ @%%%%%%%%%%%%%@@ @@%@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@
@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@%%%%%%%%%%%%%%%%%%%%%%%
@%%%%%%%%%%%%%%%%%%%%%%%%@@ @@%%%%%%%%@@%%%%%%%%%%%%% @@@%%%%%%%%%%%%%@@@@%%%%%%@@ @@%%%%%%%%%%%%%%%%%%@
%%%%%%%%%%%%%%%%%%%%%%%@ @%%%%%%%%%%@ @@ @@%%%%%%%%%%@ @@%%%%%%%%%%%%%%%%@
@%%%%%%%%%%%%%%%%%%@@ %%%%%%%%%%%@ @%%@ @%%%%%%%%%%@ @@%%%%%%%%%%%%%%@
@%%%%%%%%%%%%%%%%@@ @%%%%%%%%%%%@%%%@@%%%%%%%%%%%@ %%%%%%%%%%%%%%%
@%%%%%%%%%%%%%@@ @%%%%%%%%%%%%%%%%%%%%%%%%@ @%%%%%%%%%%%@
%%%%%%%%%%%@@ @@%%%%%%%%%%%%%%%%%%%@ %@%%%%%%%@
@%%%%%%%%@@ @@@%%%%%%%%%@@ @@
@%@@@@ @@@@@@

== Présentation ==

Je m’appel Titouan, dark Titouan ici car Titouan était déjà prit. Si vous voulez en apprendre un peu plus sur moi et ma pratique numérique c’est ici —-> http://work.designnumerique.be/titouan/

== Projets design numérique b2 ==
== Work ==

Premier projet de l’année, une page web pour se présenter. Je suis pas très à l’aise à l’idée de parler de moi donc j’y avais pas mit beaucoup de texte, surtout des memes (certains trop edgys, ils sont mieux supprimés). C’était un retour au html ces j’étais totalement rouillé ma page ressemblait pas à grand chose. Je suis repassé dessus en fin de quadri, j’aime bien ce qu’elle dégage mtn : c’est un peu moche mais juste ce qu’il faut pour une bonne page web imo. Je trouve qu’elle incarne bien ma relation avec internet et avec le numérique.

== html2print-moi cet article ==
Atelier autour du « web2print » terme désignant le fait d’imprimer des pages web. On a apprit à utiliser une libraire javascript: page.js pour automatiser nos mises en pages et faciliter leur impression. J’avais déjà fait un projet web2print l’année dernière mais sans utiliser cette librairie, c’était un peu plus galère mais j’avais bien aimé découvrir une nouvelle façon de voir l’édition. Ici on a chacun eu un article, le mien était court et ne m’inspirait pas trop. J’ai fait une mise en page simple reposant sur le contraste entre le violet et le blanc qui sont quasi équivalents sur les pages . Le web2print de l’année dernière était un projet éditorial très précis donc pour changer j’ai changer des paramètres à tâtons en conservant certaines de mes erreurs pour créer un effet bizarre. #élogedubeug Mon article est ici : http://work.designnumerique.be/titouan/article/module.html bien que la véritable mise en page n'apparaisse que quand on lance les paramètres d’impression.

== Read me if you can ==
Le projet [[Read me if you can!]] était un exercice d’initiation au java script autour d’extraits du texte « éloge du beug ». Il nous étais confié des extraits du texte que l’on devait mettre en scène dans des pages web proposant à chaque fois des expériences de lectures interactives/immersives grace au Language de programmation Java script. J'ai eu du mal avec le js au début, ma première expérience est un cmc cmv modifié pour coller à mon idée, elle utiliser une font de pol peyroll un ancien de l'erg je crois c'est avec cette font que j'ai entendu parler de l'erg pour la première fois.
Ma deuxième expérience s'inspire de la scène de la chambre forte de harry potter. Je me suis dit que le concept était simple a faire sur js mais aurais un bon rendu. J'ai rajouté des effets à chaque fois que j'arrivais a faire quelque chose, je suis plutôt content du résultat.
Ma troisième expérience utilise quelques une de mes fonts préférés que j'ai accumulés avec le temps. Elles viennent toutes de dafont. Le principe d'animation est le même que ce que j'avais essayé de faire lors du workshop typotheque, je suis content d'avoir réussis à le faire marcher.

== Publier la parole ==
Projet principal de ce quadri, j’ai eu beaucoup de mal à comprendre et m’approprier le sujet. Je documente ma galère ici —->
Mon projet: [[Parole_en_lumière]]

== BIG SCRAP ==
Big scrap est un projet résultant de l'initiation au [[Scraping]] que nous avons eu cette année. Mon objectif avec ce projet était d'automatiser ce que je fais depuis des années : voler des images sur internet, le plus souvent a des plateformes de Stockimages. Pour le coté technique j'ai utilisé le code et le script mis à disposition par lionel sur la page wiki "scrapping", ce script est un script python utilisant la librairie [[Beautifulsoup]] qui va analyser le contenu d'une page web pour y télécharger toutes les images présentes et les ajouter a la page html associée au script. Avec ce script, j'ai réalisé une série de pages A3, mis en pages en HTML/CSS et imprimés en web2print via [[Paged.js]] qui assemblées forment un gigantesque poster représentant un échantillon d'internet. J'ai basé mes recherches d'images sur des thèmes de santé publique qui me touchent et m'intéressent particulièrement: les drogues (au sens large, toute substance affectant nos corps, prescrites ou non, a usage "récréatifs" ou non etc..), et l'imaginaire qui l'accompagne avec la méfiance des gens vis à vis des industries pharmaceutiques et des marchés parallèles, allant du plus saint au plus complotiste. C'est un sujet que j'ai également abordé dans mon travail d'AP Média, avec une méthode de travail similaire (taper des mots clefs liés au sujet et écumer les premières pages de Google image à la recherche d'images intéressantes) à la différence qu'elle était 100% manuelle. Je trouve très intéressante l'idée de mettre en opposition (en tout cas en rencontre) ces deux travaux car cela met en lumière la différence entre l'humain et la machine. En parlant d'opposition humain/machine je me suis rendu compte que ces images de stock auxquelles je suis tant attaché sont en train de petit à petit disparaître au profit d'images générées par IA, je ne suis pas sur que ce projet serait réalisable avec un résultat de qualité l'année prochaine (qualité à mes yeux en tout cas, j'imagine que c'est subjectif). J'ai adopté le "style documentaire" pour ce projet, c'est à dire que j'ai essayé d'être le plus neutre possible tout en ayant pour objectif de créer une réflexion, un débat sur ce/ces sujet(s). Pour cela, j'ai gardé toutes les images scrapées en leur donnant les même propriétés css, mettant a un niveau égal une photo de poudre, un tableau comparatif des bénéfices des plus grands groupes pharmaceutique et un meme complotiste antivax. Cette non sélection permet d'avoir une forme d'archive de ce qu'internet nous propose en premier comme images avec ces recherches, des images majoritairement à but commercial, achetables.

== MUSIC-KILLER 3000 (guide d'utilisation et de fabrication) ==

Le music-killer 3000 est le nom que j'ai donné au contrôleur midi que j'ai fabriqué cette année. Mon objectif était de me fabriquer un outil aussi bien pour faire de la musique que pour VJer (VJ pour visual jockey, c'est à dire la gestion de visuels en live accompagnant de la musique. Mon but à long terme est de réussir à produire des installations audiovisuelles professionnelles avec mon collectif tout en restant indépendant, en travaillant seulement entre artistes/créatifs sans enrichir des institutions/personnes aux valeurs contraires aux notres ( se réaproprié nos moyens de productions d'une certaine manière ) Cette recherche d'indépendance m'a menée a réaliser ce projet uniquement avec des outils open source (quasiment, puisqu'il n'existe pas encore de logiciels de VJ open source à ma connaissance, je crée donc un nouveau label le "fuck gafam" incluant l'open source et le piratage d'outils qui ne le sont pas.) Ce contrôleur est fabriqué à partir d'un arduino et d'un boitier imprimé en 3D, modélisé par mes soins avec le logiciel open source [[freecad]]. Pour mes jurys je travaille actuellement sur une installation de musique générative avec pure data avec des visuels audio réactifs générés grace à l'[[OSC]]. Ce guide d'utilisation et de fabrication documente tout mon travail a ce propos dans une notice mis en page en web2print, dans le but de vulgariser ce que j'ai appris cette année et peut être même d'inspirer des gens à produire de manière plus indépendante ce genre d'installations.
Tout les fichiers sont disponibles sur mon github : (pour l'instant non parce que je comprends rien a github mais bientôt)

Beautifulsoup

2025-04-30T16:11:10Z

DarkTitouan : Page créée avec « Beautifulsoup est une librairie python d'analyse de pages web le plus souvent utilisée pour du scraping. Elle fonctionne en collaboration avec une autre librairie pyt... »

Beautifulsoup est une librairie python d'analyse de pages web le plus souvent utilisée pour du [[scraping]]. Elle fonctionne en collaboration avec une autre librairie python: Request.
Des exemples d'utilisation sont disponibles sur la page wiki scraping.
La documentation de cette bibliothèque est disponible à cette adresse : https://www.crummy.com/software/BeautifulSoup/

Utilisateur:DarkTitouan

2025-04-30T16:05:02Z

DarkTitouan :

Utilisateur:DarkTitouan

2025-04-30T15:57:37Z

DarkTitouan :

@@@@@@@@@
@@%@@%%%%%%%%%%%%%%%%@%@@@
@%@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@
@%%%@@@ @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@
%%%%%%%%% @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@ @@@@
@%%%%%%%%%% @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@ @%%%%%@
@%%%%%%%%%%%@ @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@ @@%%%%%%%@
@%%%%%%%%%%%%%@ %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@ %%%%%%%%%%@
@%%%%%%%%%%%%%%%@ @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@ @@%%%%%%%%%%%@@
@@%%%%%%%%%%%%%%%%%%@ @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@ @%%%%%%%%%%%%%%%@@@
@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@%%%%%%%%%%%%%%%%%%%%%@
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@
@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@
@@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@
@@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@
@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@
@%%%%%%@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@%%%%%%@
@@ @ @@ @%%%%% @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@%%%%%@ @ @ @@
@@@%@@@@ @@@%@@@ @@%%@@@@ @@@@ @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@ @@@ @@@%%@@@ @@@%@@@ @@@@%@@@
@%%%%@ @%%%@ @%%%@@ @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@ @%%%@ @%%%@ @@%%%@
@@ @@@ @@ @@ @@ @@@ @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@% @@@ @@ %@ %@ @@@ @@
@%%%%%@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@%%%%@
@%%%%%@ @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@ @%%%%%@
@%%%%@ @%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@ @%%%%@
@%%%@ @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@ %%%%%%@@ @@@@
@%%@@@ @@%@%%%%@ @%%%%%%%%%%%%%%%%%%%%%%%%%@@ @@%%%%%%%%%@@@@@@@@@%%%%%@@
@%%%%%%%%%%%%%%@@%@%%%%%%%%%%@ @%@%%%%%%%%%%%%%%%%%@@ %%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@ @@%%%%%%%%%%@% %%%%%%%%%%%%%%%%%%%%%%%%%%%@
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@ @%%%%%@@ @@%%%%%%%%%%%%%%%%%%%%%%%%%%%%@
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@ @%%%%%%%%%%%%%@@ @@%@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@
@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@%%%%%%%%%%%%%%%%%%%%%%%
@%%%%%%%%%%%%%%%%%%%%%%%%@@ @@%%%%%%%%@@%%%%%%%%%%%%% @@@%%%%%%%%%%%%%@@@@%%%%%%@@ @@%%%%%%%%%%%%%%%%%%@
%%%%%%%%%%%%%%%%%%%%%%%@ @%%%%%%%%%%@ @@ @@%%%%%%%%%%@ @@%%%%%%%%%%%%%%%%@
@%%%%%%%%%%%%%%%%%%@@ %%%%%%%%%%%@ @%%@ @%%%%%%%%%%@ @@%%%%%%%%%%%%%%@
@%%%%%%%%%%%%%%%%@@ @%%%%%%%%%%%@%%%@@%%%%%%%%%%%@ %%%%%%%%%%%%%%%
@%%%%%%%%%%%%%@@ @%%%%%%%%%%%%%%%%%%%%%%%%@ @%%%%%%%%%%%@
%%%%%%%%%%%@@ @@%%%%%%%%%%%%%%%%%%%@ %@%%%%%%%@
@%%%%%%%%@@ @@@%%%%%%%%%@@ @@
@%@@@@ @@@@@@

== Présentation ==

Je m’appel Titouan, dark Titouan ici car Titouan était déjà prit. Si vous voulez en apprendre un peu plus sur moi et ma pratique numérique c’est ici —-> http://work.designnumerique.be/titouan/

== Projets design numérique b2 ==
== Work ==

Premier projet de l’année, une page web pour se présenter. Je suis pas très à l’aise à l’idée de parler de moi donc j’y avais pas mit beaucoup de texte, surtout des memes (certains trop edgys, ils sont mieux supprimés). C’était un retour au html ces j’étais totalement rouillé ma page ressemblait pas à grand chose. Je suis repassé dessus en fin de quadri, j’aime bien ce qu’elle dégage mtn : c’est un peu moche mais juste ce qu’il faut pour une bonne page web imo. Je trouve qu’elle incarne bien ma relation avec internet et avec le numérique.

== html2print-moi cet article ==
Atelier autour du « web2print » terme désignant le fait d’imprimer des pages web. On a apprit à utiliser une libraire javascript: page.js pour automatiser nos mises en pages et faciliter leur impression. J’avais déjà fait un projet web2print l’année dernière mais sans utiliser cette librairie, c’était un peu plus galère mais j’avais bien aimé découvrir une nouvelle façon de voir l’édition. Ici on a chacun eu un article, le mien était court et ne m’inspirait pas trop. J’ai fait une mise en page simple reposant sur le contraste entre le violet et le blanc qui sont quasi équivalents sur les pages . Le web2print de l’année dernière était un projet éditorial très précis donc pour changer j’ai changer des paramètres à tâtons en conservant certaines de mes erreurs pour créer un effet bizarre. #élogedubeug Mon article est ici : http://work.designnumerique.be/titouan/article/module.html bien que la véritable mise en page n'apparaisse que quand on lance les paramètres d’impression.

== Read me if you can ==
Le projet [[Read me if you can!]] était un exercice d’initiation au java script autour d’extraits du texte « éloge du beug ». Il nous étais confié des extraits du texte que l’on devait mettre en scène dans des pages web proposant à chaque fois des expériences de lectures interactives/immersives grace au Language de programmation Java script. J'ai eu du mal avec le js au début, ma première expérience est un cmc cmv modifié pour coller à mon idée, elle utiliser une font de pol peyroll un ancien de l'erg je crois c'est avec cette font que j'ai entendu parler de l'erg pour la première fois.
Ma deuxième expérience s'inspire de la scène de la chambre forte de harry potter. Je me suis dit que le concept était simple a faire sur js mais aurais un bon rendu. J'ai rajouté des effets à chaque fois que j'arrivais a faire quelque chose, je suis plutôt content du résultat.
Ma troisième expérience utilise quelques une de mes fonts préférés que j'ai accumulés avec le temps. Elles viennent toutes de dafont. Le principe d'animation est le même que ce que j'avais essayé de faire lors du workshop typotheque, je suis content d'avoir réussis à le faire marcher.

== Publier la parole ==
Projet principal de ce quadri, j’ai eu beaucoup de mal à comprendre et m’approprier le sujet. Je documente ma galère ici —->
Mon projet: [[Parole_en_lumière]]

== BIG SCRAP ==
Big scrap est un projet résultant de l'initiation au [[Scraping]] que nous avons eu cette année. Mon objectif avec ce projet était d'automatiser ce que je fais depuis des années : voler des images sur internet, le plus souvent a des plateformes de Stockimages. Pour le coté technique j'ai utilisé le code et le script mis à disposition par lionel sur la page wiki "scrapping", ce script est un script python utilisant la librairie [[Beautifulsoup]] qui va analyser le contenu d'une page web pour y télécharger toutes les images présentes et les ajouter a la page html associée au script. Avec ce script, j'ai réalisé une série de pages A3, mis en pages en HTML/CSS et imprimés en web2print via [[Page.js]] qui assemblées forment un gigantesque poster représentant un échantillon d'internet. J'ai basé mes recherches d'images sur des thèmes de santé publique qui me touchent et m'intéressent particulièrement: les drogues (au sens large, toute substance affectant nos corps, prescrites ou non, a usage "récréatifs" ou non etc..), et l'imaginaire qui l'accompagne avec la méfiance des gens vis à vis des industries pharmaceutiques et les marchés parallèles, allant du plus saint au plus complotiste. C'est un sujet que j'ai également abordé dans mon travail d'AP Média, avec une méthode de travail similaire (taper des mots clefs liés au sujet et écumer les premières pages de Google image à la recherche d'images intéressantes) à la différence qu'elle était 100% manuelle. Je trouve très intéressante l'idée de mettre en opposition (en tout cas en rencontre) ces deux travaux car cela met en lumière la différence entre l'humain et la machine. En parlant d'opposition humain/machine je me suis rendu compte que ces images de stock auxquelles je suis tant attaché sont en train de petit à petit disparaître au profit d'images générées par IA, je ne suis pas sur que ce projet serait réalisable avec un résultat de qualité l'année prochaine (qualité à mes yeux en tout cas, j'imagine que c'est subjectif). J'ai adopté le "style documentaire" pour ce projet, c'est à dire que j'ai essayé d'être le plus neutre possible tout en ayant pour objectif de créer une réflexion, un débat sur ce/ces sujet(s). Pour cela, j'ai gardé toutes les images scrapées en leur donnant les même propriétés css, mettant a un niveau égal une photo de poudre, un tableau comparatif des bénéfices des plus grands groupes pharmaceutique et un meme complotiste antivax.

Utilisateur:DarkTitouan

2025-01-30T12:17:57Z

DarkTitouan :

Utilisateur:DarkTitouan

2025-01-30T12:07:26Z

DarkTitouan :

Utilisateur:DarkTitouan

2025-01-30T12:05:14Z

DarkTitouan :

Speech Recognition

2025-01-30T12:01:25Z

DarkTitouan : explication de la librairie python "speech_recognition" pour faire de la reconnaissance vocale.

Speech_recognition est une librairie python permettant d'accéder à plusieurs services de reconnaissance vocale, certains sans api voir même fonctionnel sans connexion. Elle permet d'incorporer de la reconnaissance vocale à un script python, elle peut analyser des fichiers mais également opérer en direct à l'aide du microphone interne de votre ordinateur, pour cela vous aurez besoin d'une autre librairie python : pyaudio permettant à python d'utiliser le micro. Speech_recognition fonctionne nativement en anglais mais certains services de la librairie proposent des modèles d'ia avec plusieurs langues.

Parole en lumière

2025-01-30T11:54:44Z

DarkTitouan :

== La parole en Lumière ==
Projet de [[Utilisateur:DarkTitouan|Titouan]] dans le cadre du sujet [[Publier la parole]]

L'objectif de ce projet était de créer un système d'enregistrement de conversation/discours en live et le retranscrivant visuellement.
Pour cela j'ai explorer différents moyens de générer une reconnaissance vocal depuis mon ordinateur en me renseignant et essayant sur ces outils.

Mes premières recherches m'ont menés a des ia et au système d'api permettant de les intégrer à des projets externes.

En suite j'ai exploré des librairies [[Python]], notamment [[Speech_Recognition]] une librairie permettant d'accéder à des services de reconnaissances vocales et d'intégrer ces services dans des programes pythons.

Ma volonté de connecter Speech_recognition à TouchDesigner m'a mené à la découverte des [[Virtuals environements].

Mon manque de connaissances et de compréhension ne m'ont malheureusement pas permis de mener ce projet à son terme ni même d'exploiter ces nouveaux outils.

Si le sujet vous intéresse, j'y ai consacré une page web de documentation accessible ici :

Parole en lumière

2024-12-19T14:09:19Z

DarkTitouan : Page créée avec « == La parole en Lumière == Projet de Titouan dans le cadre du sujet Publier la parole »

== La parole en Lumière ==
Projet de [[Utilisateur:DarkTitouan|Titouan]] dans le cadre du sujet [[Publier la parole]]

Utilisateur:DarkTitouan

2024-12-19T13:54:59Z

DarkTitouan : /* PROJET 1 */

Utilisateur:DarkTitouan

2024-12-19T13:53:54Z

DarkTitouan : /* PROJET 1 */

Utilisateur:DarkTitouan

2024-12-19T13:42:26Z

DarkTitouan : Contenu remplacé par « == PROJET 1 == publier la parole »

== PROJET 1 ==
[[publier la parole]]

Utilisateur:DarkTitouan

2024-11-07T18:29:09Z

DarkTitouan : Page créée avec « @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@... »

@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@%%%%%%%%%%%%%%%%%%%%%#########################**##%%##################%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@%%%%%%%%%%%%%%%%%%%######################*########%%######************###%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@%%%%%%%%%%%%%%%%%%%%%%#############***********######%%%##**++++++++++++++**##%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@%%%%%%%%%%%%%%%%%%%%%############****************#####%%#**++===++++====+++**###%%%#%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@%%%%%%%%%%%%%%%%%%%#############********************###%##**++====++======+++*########%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@%%%%%%%%%%%%%%%%%%%############*******++++++++++****#######**+++===++===++++++****######%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@%%%%%%%%%%%%%%%%%%%##########********+++++++++++**########***+++===++==++++++++****#######%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@%%%%%%%%%%%%%%%%%%###########*********++++++++++**####%###*****++==++=++++++++++***######*#%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@%%%%%%%%%%%%%%%%%%##########*************++++++****##%%%###%%##*++=++=++**###******########%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@%%%%%%%%%%%%%%%%%%###########*********************####%%%%%%%#*+==++=+*##%%%#######**#####%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@%%%%%%%%%%%%%%%%%%#############*##*******************#####%%%#*+==++++++*#%%%%##******#####%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@%%%%%%%%%%%%%%%%%%%################*******************###****+++=++++++++*****++++++****###%%%%%%%%%%%%%%%%%%%%%%%%%@@%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@%%%%%%%%%%%%%%%%%%%%%%%%%##########***************###**#*****++++++++++++++++++++++++****#%%%%@@@%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@%%%%%%%%@@@@@@@@@@@@@@@@@@%%%#####***************####**********+*****+++++++======++++**##%%%%%@@%%%%%%%%%%%%%%%%%%%@%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@%%%%%%%%@@@@@@@@@@@@@@@@@@@%%####****************#####**#####***###**+++++++=++==+++++*######%%@@%%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@%%%%%%%%@@@@@@@@@@@@@@@@@@@@%#####***************##%##****###********+++=++++++++++==+**######%%%%%%%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@%%%%%%%%@@@@@@@@@@@@@@@@@@@@%#####***************##%%#*#*****+*******+++=+++++++++==++***#####%%%%%%##%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@%%%%%%%%%@@@@@@@@@@@@@@@@@@@%#####****************##%#####**+**#%%%%#*+++=+*++++===+++*****###%%%%%%###%%%%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%############**********##%##%%#***#%%%%%%%%#+===+*++===++++*****##%%%%%%####%%%%%%%%%%%%%%%@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@%%%%%%%%%%%###################***#####################%%%#**#%%#####%%#*=-=+**+===++++*****##############%%%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@%%%%%%%%%%%%%%%%%%%####################*##############%%#*++*%%%%%%%%%#*=--=+++====++++****++++*++++===+*%%%##%%%%%%%%%%%@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@%%@@@@@@@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%######%%**++*#%%%%%%%%#*+---+++====+++*****++===---=====+++++*#%@%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%%#######****+*###%%%%###*+===++++======+****+=-------===+++++++*#%%%%%%%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%######**+*****##########*+==++++======+++***+=---====++++++++*******###%%%%%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@%%%@@@@@@@@@@@@@@@@@@@@@@@%%%%%%%%%%%%%%%%%##*******++++***#**+++****+++++=======+++++****++==+++==+++++++++++++++***####%%%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@%%%%%%#################****************+++++++*****++=+++++++======---====----=+++++++*****++==============++++=======+++++**#%%%%@@@@@@@@@@@@@@@@@@@@@@@@@
@@%%%%#############***********************++++++++******+++=============---------==++++++++*****++====================++++++++++*********#%%%%@@@@@@@@@@@@@@@@@@
@@%%%#########***************************++++++++*******++++=====================+++++++++++++++++====------==============+++++++++++++++********%%@@@@@@@@@@@@@
@%%%#####**##**************************++++++++++**********++===+++++++++++++++++++++++++++++++++==------------------========+++++++++++++++++*****#%%%%@@@@@@@@
@%%%#%#######**#************************++++++++*****+++****+++++++++++++++++++++++++++++++++++++=----------------------===========++++++++++********###%%%@@@@@
@%%#%%###########****##*******************************++++++**+++++++++++++++***++++===+++++++++==-------------------------===---========+++++++++*******###%%@@
@%##%%####********************************************+++++++++++++++++++++++++++=======+=========-------------------------------==---=========++++**********#@@
@%########***************************************+++++++++++++++++++++++++++=====================------------------------------------------=============+++++#@@
@%##########************************************+++++++++++++++++++++++++================-----===-----------------------------------------------------=====++*@@
@%#########**************************************+++++++++++++++++=+++=================-::....::::...................................................:--=====*@@
@%#########**************************************+++++++*****+++++++=================........=+=........................................................--===*@@
@%########**********************##########**#**+++++++++******+++++++===============.........=++.........................................................----+@@
@%########************************###########**++++++++++**********+++=============-.........=++-====-......-=++=-......-=++=-....-==-===:...............:---+@@
@%%#########***************#**#**############****+++++++*************+++=+++++++===-.........+++++=++++:..-+++==+++-..:+++=-+++-..=+*++++-...............:---+@@
@%##########*************###**################*****++********##********+*******+====-........+++:...:+*+.:++=:..:+++..+++:..:=++:.=++=..................:::::+@@
@%%##########**********#####**############*###****************###**************+====.........+++.....+++.:++++++++++.:+*++++++++:.=++-...................::::=@@
@%%%##########********#######*################**********#########**************++++-.........=++:...-+++.:++=....:-:..+++....:--..=++-...................::::=@@
@%%%%#########******##########################******#############***************+++-.........+++++=++++:..-+++==+++-..:+++==+++=..=++-...................::::=@@
@%%%%###########***################%%%%#######*****#############******++**********++:........:-:::-=-:......:-==-:......:-==-:....:--:..................:::::=@@
@%%%#########################%%####%%%%##***********##########**********************+-................................................................:::::::=@@
@%##################%########%%%#%%%%%%##**#*####**####*###**************************+++==========-------------:::::::::::....................:::::----::::::+@@
@%###%%%%%%########%%%######%%%%%%%%%%%#####**************************++++**********+++++++++=========--------==--:::::::::::::........:::::----:-==--::::::-+@@
@%%%%%%%%%%%%%%%%%%%%%####%%%%%%%%%%%%%#####***************************++++++++****+++++++++++=========------=+*+-::::::--::::::....::::::::-+*=--++=---::---+@@
@@%%%%%%%%%%%%%%%%%%%%####%%%%%%%%%%%%%#####*********##*****************+++++++**++++++++++***+++++++++====++=+*+------=*+=-:-===-:::::::-===**=-==+=--====--+@@
@@%%%%%%%%%%%%%%%%%%%%####%%%%%%%%%%%%%%####********#####************************+++++++*******++***+**+==**==+*+------+*+--=*=-=*+-::::=++==+*=-=**+=+*==*+=+@@
@@%%%%%%%%%%%%%%%%%%%%#####%%%%%%%%%%%%%####*******########*********************++++++++*******++**+++**=+**==+*+------+*+--+*=-=*+-:::-=*+--+*=-=**+=**+====+@@
@@%%%%%%%%%%%%%%%%%%%%######%%%%%%%%%%%%#####******###############*********##***++++++++*******++**+++**==**+=+*+------+*+--=*+-+*=-::::=++==**+==**+=+*+====+@@
@@@%%%%%%%%%%%%%%%%%%%#####%%%%%%%%%%%%%%%###******###################***####**++++++++********+++++++++=========-------==----===--::::::-========++==-=++===+@@
@@%%%%%%%%%%%%%%%%%%%######%%%%%%%%%%%%%%%###******##########################**++++++**++++++++++++=======------------------------::::::::-------====-----===*@@
@@%%%%%%%%%%%%%%%%%%%####%%%%%%%%%%%%%%%%%%##******#########################**++++++*****++++++++++=======-------------------------:::::--------======----===*@@
@@@@@@@@@@@@@@@@@@@@%%%%%@@@@@@@@@@@@@@@@@@%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%############################*****************************************###******###@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@

B2-B3 2024-2025

2024-11-07T18:22:23Z

DarkTitouan :

[[Sable]]

[[Feuf]]

[[Manon]]

[[Utilisateur:DarkTitouan|Titouan]]

[[Jeremy]]

[[Lou]]