Utilisateur:Audrey

Bienvenue sur la page où Dr. Odré mettra à jour ses folles recherches.

Merci de ne rien plagier..............

(╯°□°)╯︵ ┻━┻

hiha

Le corps numérique

Réflexion initiale

La première question a été : "Le corps numérique, qu'est-ce que cela m'évoque ?". Grande gameuse, il est clair que mes neurones se sont tout de suite connectés pour faire apparaître dans mon esprit ces deux mots : jeu vidéo. Dans la plupart des jeux, le joueur incarne un avatar, motivé par différentes quêtes. Le temps d'une partie, on se traduit à l'écran et il nous faut sauver une princesse, un pays, un monde. L'avatar, on le crée à partir de différents paramètres prédéfinis que l'on peut moduler à souhait, arrivant à des résultats différents. C'est cette idée de composition qui m'a le plus parlé, la possibilité de compositions différentes à partir de mêmes ingrédients.

Là, j'entends dans la salle les gens s'exclamer : "Mais comment faire sur une page HTML ?!"

L'idée du scroll est vite intervenue. Un peu dans l'idée de faire glisser des pièces les unes à côté des autres, mais en utilisant les scrolls, il est très simple de recomposer des contenus (textes, images) à l'aide de la souris.

Première page

Le premier test a été une simple page web divisée en 3 colonnes, contenant chacune une très grande image de paysage. Ce site n'était qu'un simple test, pour me remettre dans le bain du html et du CSS. La résultat a été concluant puisqu'il a été possible de faire ce que j'avais en tête, mais ça restait toujours très simple.

Découverte du CSS Grid

Bill Gates a un jour dit : « Je choisis une personne paresseuse pour un travail difficile, car une personne paresseuse trouvera un moyen facile de le faire ». Il est clair que cet homme a vu clair dans mon jeu. Je galérais de dingue avec les div et compagnie, et j'ai cherché un générateur de... je ne sais plus trop. Quoi qu'il en soit, j'ai réussi à trouver un générateur de CSS Grid qui permet de diviser les pages en plein de petits blocs comme on le veut, en suivant une grille. Je ne pouvais rêver mieux. C'est ainsi que sont arrivées trois nouvelles versions de mon site.

Angelina Jolie

Les panneaux publicitaires de Time Square

Mais que faire du contenu ?

C'est bien beau tout ça mais en attendant, j'ignore toujours quel sera le contenu de cette page. En travaillant dessus, la composition de tous ces carrés me rappelaient les énormes panneaux publicitaires de Time Square, qui sont tous carrés ou rectangles (comme mon grid) et qui changent régulièrement. C'est énormément d'informations sur de "petits" espaces. Du coup, si dans un premier temps, je pensais surtout à la composition d'images, mon index_texte m'a fait réaliser que je pouvais jouer aussi avec les mots. Pourquoi ne pas mêler images et textes ? Sons ? Vidéos ? GIFs ?! Soyons crazy.

Cartographier les fichiers

Réflexion intiale

Pour l'exercice de cartographie du parcours des avatars, des fichiers au travers des différents Raspberries, j'ai directement pensé à un parcours de métro : c'est simple, concis, et beau aussi. Du moins, c'est ce que je pensais ! En effet, plein de cartes dans le monde sont moches (sorry not sorry les maps). Mais là n'est pas le sujet. J'ai voulu me concentrer sur les avatars et leur parcours dans les six lieux que représentaient les Rapsberries, un peu comme de véritables personnes qui vont d'un point A à un point B dans la vraie vie.

Le tout premier test

Répertorier les fichiers

J'ai répertorié le trajet de chaque avatars dans un document, avec l'heure d'arrivée à chaque endroit, puisque c'est la matière avec laquelle je souhaitais travailler. C'est plus simple que prendre tous les fichiers présents : ça aurait été un délire sans nom de les mettre tous sur ma future carte et ça m'aurait compliqué la tâche. Ceci dit, je garde l'idée dans un coin de ma tête.

Choses perdues : broceliande @ 11h46 un endroit @ 10h30 Enfant misérable : broceliande @ 11h46 omelas @ 11h35 Hirondelle : broceliande @ 11h46 omelas @ 11h37 spectre @ 12h04

Julie : broceliande @ 11h46 spectre @ 12h04 L'Anglais : broceliande @ 11h46 suicide @ 12h07 Le Français : broceliande @ 11h46 suicide @ 12h07

Le Médecin : broceliande @ 11h46 spectre @ 12h04 suicide @ 12h07 L'Espagnol : broceliande @ 11h46 suicide @ 12h07 Micro : broceliande @ 11h46 spectre @ 12h04

Mon Travail : broceliande @ 11h46 Numéro Un : broceliande @ 11h46 spectre @ 12h04 Vi  : broceliande @ 11h48 spectre @ 12h05

Gamma : broceliande @ 12:01 Racines : broceliande @ 12h01 spectre @ 12:05 Réseaux : broceliande @ 12:01

Rumi : broceliande @ 12h01 théâtre magique @ 11h43 Gens Heureux : omelas @ 11h37 Entité : spectre @ 14h48 un endroit @ 10h30

Or : spectre @ 12:04 Re : spectre @ 12h05 Vi : spectre @ 12h05 X : spectre @ 12h05

La Naissance de la 1re carte

C'est beaucoup plus simple de commencer à la main, on est pas limité par nos connaissances. Munie d'un BIC, j'ai donné naissance à ma 1re carte... Le père était absent, mais l'émotion était forte.

On passe sur PC

J'étais partie dans l'optique de faire une carte sur https://beno.uk/metromapcreator/#, un site qui donne aux utilisateurs de quoi créer sa propre carte de métro. Il est clair que ce site est super approximatif, très difficile à gérer et que je continuerai malheureusement pas l'aventure avec mais ! j'ai été très contente de l'utiliser pour l'expérience (bien qu'elle ait été mauvaise lol).

• 

  Rome : simple et efficace, pas mal.

• 

  Washington DC : Un peu plus complexe, mais plutôt graphique. J'aime.

• 

  Glasgow : Téméraire comme design. Je ne suis pas fan mais on apprécie le risque.