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

J'ai donc répertorié le trajet de chaque avatars dans un document :

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

• 

  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.