𝐍𝐄𝐗𝐔𝐒 𝐂𝐎𝐅𝐅𝐈𝐍

Le projet Nexus Coffin, inspirĂ© d’une sorte de “Twitter CassĂ©â€, a Ă©mergĂ© d'une rĂ©flexion approfondie sur l'utilisation personnelle des rĂ©seaux sociaux, avec un accent particulier sur Twitter (X). Ce travail m’est particulier du fait que mon compte Twitter est un lieu ou je “vent” Ă©normĂ©ment et ça m’a causĂ© plusieurs soucis avec quelques ami·e·s ou mĂȘme relations amoureuses, vu que j’utilise vraiment cette plateforme comme un journal intime ou je me confie sur plusieurs sujet, et ensuite directement je re-tweetais des posts pour un peu cacher tout ce que je disais. Ce qui techniquement ne fonctionne pas vraiment et n’aide pas du tout, mais c’est/c’était comme un exutoire.

vent — to vent is to let off steam by saying everything that's on your mind, usually out of anger. se dĂ©fouler, c'est se dĂ©fouler en disant tout ce que l'on a en tĂȘte, gĂ©nĂ©ralement par colĂšre. (source : urban dictionary)

L'objectif principal est de crĂ©er une plateforme alternative qui Ă©chappe aux contraintes souvent restrictives des rĂ©seaux sociaux traditionnels, offrant ainsi aux utilisateur·rices un espace oĂč l'expression de soi peut ĂȘtre plus libre et authentique.

Le cƓur du projet rĂ©side dans la crĂ©ation d'une plateforme minimaliste, oĂč les utilisateur·rices peuvent s'exprimer sans les limitations imposĂ©es par les interactions sociales conventionnelles. Un rectangle de texte noir devient ainsi le lieu privilĂ©giĂ© pour partager tout type de contenu, que ce soit une simple phrase, une pensĂ©e profonde ou une anecdote personnelle plus dirigĂ©e dans le registre du secret, fantasme ou meme de l’anecdote. J’ai choisi une simplicitĂ© de la mise en page pour viser Ă  mettre l'accent sur le contenu brut et authentique gĂ©nĂ©rĂ© par les utilisateur·rices qui seront anonymes.

Mes inspirations

InspirĂ©e par des Ɠuvres artistiques emblĂ©matiques telles que Serial Experiments Lain, Ghost in the Shell, Blade Runner, Neon Genesis Evangelion ou mĂȘme 2046 de Wong War Kai le projet se positionne comme une exploration de thĂšmes tels que l'isolement, l'identitĂ© personnelle et la communication Ă  travers une interface unique et introspective.

Serial Experiments Lain sert de fondement conceptuel en explorant les thĂšmes de l'isolement, de la rĂ©alitĂ© virtuelle et de l'identitĂ©. L'influence de l'univers sombre et complexe de cet anime contribue Ă  dĂ©finir la tonalitĂ© gĂ©nĂ©rale du projet, offrant une expĂ©rience contemplative aux utilisateur·rices. Neon Genesis Evangelion inspire quant Ă  lui la typographie (Matisse Pro EB) de Nexus Coffin et la mise en page du projet. Depuis un moment, la typographie utilisĂ©e dans l’anime Neon Genesis Evangelion m’inspire et m’intrigue fortement et y a un super article mais en anglais dessus :

LIEN VERS L'ARTICLE SUR LES POLICES D’ÉCRITURES : https://fontsinuse.com/uses/28760/neon-genesis-evangelion

Processus

Tout d’abord, j’ai dĂ» crĂ©er un projet Flask, donc aussi installer Flask sur mon terminal. Ensuite, j’ai dĂ» crĂ©er un environnement virtuel ce qui permet d'assurer la cohĂ©rence, de faciliter le dĂ©ploiement et prĂ©venir les conflits de dĂ©pendances et aussi installer VS Code qui m’a permis de gĂ©rer l’app.py, l’html et le CSS de mon site. Du coup j’ai crĂ©Ă© un fichier app.py sur VS Code oĂč j’ai commencĂ© les crĂ©ations des routes et l’ajout d’autres extensions Ici j'expĂ©rimentais les diffĂ©rentes routes dans l’app.py (avec lequel j’ai eu beaucoup de mal Ă  apprivoiser au dĂ©part/je m’y connaissais pas du tout)

J’ai aussi dĂ» penser Ă  l’organisation du projet, que je ne pouvais rien chipoter dans le fichier venv, ce que je faisais au dĂ©but qui faisait que rien ne fonctionnait. Aussi connaĂźtre par coeur comment activer son projet :

Pour la structure de mon projet, c’était super important de tout bien diviser, toutes les images ou choses statiques type du coup police d’écriture, style.css devait se retrouver dans le fichier “static” dans mon fichier flask. Dans mes templates j’ai mis mes html (pour la page principale et la page secondaire) et voilĂ  ;)

  • J’ai aussi dĂ» m'assurer que j'avais l'extension Flask installĂ©e dans VS Code. J’ai donc dĂ» exĂ©cuter mon application Flask en ouvrant un terminal dans Visual Studio Code et en exĂ©cutant la commande python app.py.

HTML ET CSS

Avec quelques tutoriels et quelques templates d’html j’ai su un peu naviguer mes besoins pour mon site, je voulais un rectangle au milieu oĂč on pouvait insĂ©rer du texte, un espace pour logo et un titre, ce qui est assez simple, j’ai donc tout doucement composĂ© mon code HTML pour tout le site et pour la seconde page. Je gardais aussi tout les anciens codes HTML avant de faire de gros changements on sait jamais (sur notes).

  • J’ai aussi appris qu’on pouvait faire un style.css commun pour deux pages diffĂ©rentes, ce que je trouvais assez cool : (style.css pour secret.html)

Pour conclure, ChatGPT m’a aussi beaucoup aidĂ© pour debunk chaque partie parce que mĂȘme si je veux faire ce projet je voulais aussi apprendre chaque petit choix et la structure pour la crĂ©ation de site en gĂ©nĂ©ral du coup c’était un super outil.

Petite rĂ©fĂ©rence Ă  un Twitter CassĂ© un peu ensanglantĂ© et en rĂ©fĂ©rence Ă  l’ancien logo de X qui Ă©tait super emblĂ©matique pour moi. J'ai fait ce logo Ă  la main sur l'app : Sketchbook dans App Store, que j'ai gardĂ© en png et j'ai ensuite airdrop Ă  mon PC.

Installation

Et d’autant plus que si possible, ce travail fera partie d’une plus grande installation, une chambre oĂč mon ordinateur sera posĂ© Ă  l’intĂ©rieur. Voici deux scans, de deux croquis oĂč j’imaginais l’installation.

En cours de développement

En plus de l'aspect visuel, le projet inclut une dimension technique. Une base de données centralisée a été prévue pour stocker tous les textes générés par les utilisateur·rices. Ces textes seront ensuite transmis à une adresse spécifique, http://127.0.0.1:5000/secret, qui n'est accessible qu'à partir d'un mot de passe détenu exclusivement par moi :).

Cette mesure de sĂ©curitĂ© renforce la confidentialitĂ© des contenus partagĂ©s sur la plateforme, prĂ©servant ainsi l'intimitĂ© des utilisateur·rices. À noter que le projet est encore en cours de dĂ©veloppement, avec l'intention d'ajouter des fonctionnalitĂ©s supplĂ©mentaires. Je rĂ©flĂ©chis toujours au but final des textes/phrases/anecdotes qui seront stockĂ©es.


Images de Nexus Coffin

Ici c'est : http://127.0.0.1:5000/secret

VoilĂ  pour tout mon petit projet, j'ai hĂąte de le continuer de maniĂšre beaucoup plus approfondie et j'ai pu apprendre un peu plus <3

El Mourabit Stitou Sara - BAC1


projets/𝐍𝐄𝐗𝐔𝐒_𝐂𝐎𝐅𝐅𝐈𝐍.txt · DerniĂšre modification : 2023/12/21 11:38 de etudiant_e
CC Attribution-Noncommercial-Share Alike 4.0 International Sauf mention contraire, le contenu de ce wiki est placé sous les termes de la licence suivante : CC Attribution-Noncommercial-Share Alike 4.0 International