Utilisateur:Audrey : Différence entre versions

De Design numérique
Aller à : navigation, rechercher
Ligne 37 : Ligne 37 :
 
== Mais que faire du contenu ? ==
 
== 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.  
+
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.
  
 
== Une narration ? ==
 
== Une narration ? ==
Ligne 49 : Ligne 49 :
 
= Cartographier les fichiers  =
 
= Cartographier les fichiers  =
  
Pour l'exercice de cartographie du parcours des avatars, des fichiers au travers des différents Raspberry, 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).  
+
== 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
 +
|}
  
 
<gallery>
 
<gallery>

Version du 22 décembre 2020 à 01:44

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

Sims.gif

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.

Texte

Paysage

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.

Une narration ?

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