Table des matiĂšres
đđđđđ đđđ đ đđ
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.
Logo
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