blog de stage

Aujourd'hui, je consacre la journée entière à la finalisation des pictogrammes pour les différentes primes. Pour cela, je combine la multitude de vignettes que proposent les sites visités la semaine dernière avec les tutoriels de cristallisations vus alors.

L'idée, dans le projet, est de disposer d'assez de pictogrammes pour traduire une petite subtilité lors du téléchargement des primes offertes. Par exemple, pour la section des récits, les abonnés peuvent télécharger la version audio ET la version papier. Idem pour les chansons : audio/partitions. Ou encore les activités : papier/découpages/coloriages... cette distinction dans le choix pourra ainsi être faite par l'emploi du pictogramme approprié.

Quand à moi, je me propose de faire si possible plusieurs propositions pour une même catégorie, à fin de laisser par la suite un plus grande marge de choix à « mon commanditaire ». (Bien que je découvrirai par la suite que parfois, lorsque tout le monde doit donner son avis sur un minuscule détail, les subjectivités entrent en conflit... et il vaut peut-être mieux fixer son choix par avance !)

Du coup, lorsque je reparle de la vidéo du flux rss expliqué aux enfants avec Damien, c'est l'occasion d'en apprendre d'avantage sur le web 2.0.

En fait, lors de la dernière réunion web, l'équipe à déterminé le sujet pour la prochaine vidéo "... expliqué aux enfants". En l'occurrence, ce sera la taxonomie sur le web dynamique, la folksonomy, le réseautage social : les TAGS !

(moi ça m'a fait penser aux américains qui marquaient leurs trains avec des graffitis pour se faire repérer même à l'autre bout du territoire. Et nuage de tags... une averse d'étiquettes pour s'y retrouver derrière nos moniteurs ! ; )

Ainsi, pour que je comprenne d'avantage les enjeux de ce processus, Damien me montre la vidéo ci-bas, sur le social bookmarking.

Je réalise alors à quel point un tel système permet de tisser des liens entre nous, cellules. Comme un véritable réseau de neurones. Et combien il est agréable de pouvoir naviguer ainsi. J'aime les relations d'idées. Surfer d'une page à une autre et découvrir de véritables trésors. Toujours rebondir, grâce aux autres internautes avec qui on partage un morceau de chemin commun...

Je me suis crée un compte del.is.us .

Ce soir, je viens enfin de regarder la vidéo « le flux RSS expliqué aux enfants », proposée par les éditions Milan Jeunesse... et c'est une grande révélation !

Et oui, croire que j'ai attendu jusqu'à la deuxième semaine pour accroitre ma curiosité jusque ici. Et pire... comment se fait-il qu'une étudiante de " services et réseaux de communication " aie l'impression d'en apprendre autant sur un des acquis de ce "nouveau web", grâce à une vidéo pour gosses !?

Je me souviens alors, si, du jour où Nicolaos Smyrnaios nous avait montré le principe, très viteuf à la fin d'un cours de comm. avec l'exemple de sa page iGoogle sacrément bien irriguée en rss!
Et aussi d'une réunion de conseil de dép. où deux camarades avaient demandé à ce qu'on consacre d'avantage d'heures à la culture web, qu'on n'aborde en fait dans aucun cours... !!! plutôt que l'entrée en matière en 1A par un cours de mise en forme préhistorique avec DreamWeaver, cela me semble définitivement être une très bonne proposition.

Désormais je n'aurais plus peur de la petite icône orange, et mea-culpa pour ce manque d'initiative de veille !

Sur le Fil et autres Histoires de Cirque (Riki Blanco)

Capuchon [l'homme-canon], Mme Amulette [la voyante], Augusto Sordela [l'évasionniste], Vladimir [le lanceur de couteaux] et Raspoutine [la cible humaine], Améthyste [la trapéziste], Ambroisie [la magicienne], Filomène [la funambule], Solenne Loupiote [la maîtresse des lumières], Marcus [le dompteur de puces], Adrénaline [la chef d'orchestre], Ding Dong [le clown], Elena [la contorsionniste], Bartholomé [l'ombromane chinois] ...

Pendant ce temps, où en sont les maquettes ?

Bien sur, Arielle bosse dessus depuis Lundi. Nous avons décidé de commencer par l’espace Nature Petit Chainage. Elle s’appuie sur les bases visuelles du mailing printemps : les feuillets papiers que recevront les abonnés début Mai. Une ambiance y est déjà plantée à travers un décor festif et printanier que les utilisateurs devront retrouver lors de leur visite.

Il y a un aller-retour régulier entre la cellule web et le service marketing. Ce sont eux qui valident les textes, et ils ont aussi leur mot à dire sur le rendu général des sites par rapport à l’objectif principal. Dans cette boucle, n’oublions pas les correcteurs qui reçoivent les contenus textuels pour traquer la moindre faute d’orthographe!

Le premier changement majeur a été la disposition de la sidebar à gauche plutôt qu’à droite. Les deux marges décoratives qui encadrent le site et lui donnent un certain relief ont quant à elle été optées dès le début. On prévoit de les adapter en fonction de chaque espace. Pour anniversaire, ce sera par exemple des ballons, des gâteaux, des cadeaux ... Cela assurera la singularisation de chaque thème (générique) décliné dans les différents univers.

Le diaporama ci-dessous retrace l’évolution de la maquette entre lundi et jeudi (et même un peu au delà pour le fond bleu ...) :

Quelques aperçus des mailings printemps (mais sans les polices officielles : le large éventail de polices utilisées aux éditions Milan ne sont disponibles que sous mac !) :

Lorsque j'ai montré les premiers pictogrammes à Julien, il m'a fait connaître une série de sites où l'on peut trouver des banques entières de pictogrammes.

Ils sont d'ailleurs tous recensés sur l'excellentissime blog de mtnconcept.com/free-tools (category/design/icones/).

C'est un espace de partage de ressources gratuites pour webmasters et je ne trouve simplement pas de mots pour saluer une telle initiative. Des gros-mots si : ça déchire grav' ça rass' de puti'n d'sa mèr !

Bref, j'ai aussi découvert le style "glacé" , adjoint à un effet de volume dans l'imagerie 2D à partir de Photoshop et d' Illustrator.
Ce site : crystalxp.net hébérge une grande série de tutoriels pour obtenir des effets "modernes" dans photoshop et autres logiciels 2d.

Dans mon apprentissage, j'avais jusqu'à présent négligé ce style lustré, pourtant si répandu sur le web de nos jours...

A fin de pouvoir "booster" un peu les premiers pictos, j'exectute ces deux tutoriels :
De la sphère au bouton... version Glassy

Les dégradés, les couleurs neutres, ou comment Crystallyser...

ASTUCE :

Remarque : Lorsqu'on intègre du contenu flash dans un site internet, cela se fait classiquement avec ces quelques lignes :

<object data="movie.swf" type="application/x-shockwave-flash"
width="500" height="500">    <param name="movie" value="movie.swf" />
</object>

Il n'y a aucun problème dans le navigateur FireFox, mais sous IE, l'animation n'est pas détectée automatiquement, et il faut d'abord cliquer dessus pour en autoriser le contenu.

Solution : Il existe un script en JavaScript qui permet de détecter le plug-in flash, et rend l'intégration des animations fluide dans n'importe quel navigateur.

Documentation : wiki d'adobe
Télécharger : ici (à venir, quand le bug que j'ai déclenché sur le plugin wp-download sera fixé ... ! :S )
en attendant : là