berengerzyla.info .. blog! - Pro!

C'est la MAAF que je ...

b! — Sat, 27 Sep 2008 00:37:00 +0200

Et voici mon premier projet réalisé chez Moonda. Un projet pour annoncer la présence de la MAAF sur le Mondial de l'Automobile 2008.

Entièrement réalisé en Papervision (Flash / 3D), cette petite application vous permet de configurer un petit visuel à partir d'une Miss MAAF et d'une photo que vous aurez choisie. Vous pouvez enfin l'envoyer à vos amis pour partager ce petit bout de truc marrant.

Pour mon premier projet chez ma nouvelle agence, et pour mon tout premier flash 3D officiel, je suis plutôt content. Il reste des imperfections, certes, mais le temps n'est pas extensible .

Pour tester, c'est par ici !

Licence, c'est reparti !

b! — Sun, 16 Sep 2007 23:31:00 +0000

... enfin, pas pour moi. Pour moi, la licence est finie. Obtenue avec 15.3 de moyenne, soit mention Bien. Cool hein !

Non, la licence pro webdesign est repartie pour la nouvelle promotion. Au programme, l'organisation de la soirée d'intégration : lier connaissance avec nos successeurs, répondre à leurs questions, passer un bon moment entre personnes de même formation ... telle fut la grande ligne de la soirée. Absolument excellente pour ma part. Retrouvailles avec les anciens, rencontre des nouveaux ... Vraiment bien !

Bon courage donc à Audrey, Aurélie, Coralie, Denis, Florence, Gaëlle, Gaëtan, Julien, Laure, Lucie, Marie, Myriam, Nicolas, Rémi, Romain, Thibault, Tiphaine et Virginie pour cette année, et bonne continuation aux anciens !

Portfolio :: L'arbre typographique

b! — Tue, 10 Jul 2007 22:00:00 +0000

Un des plus gros et plus intéressants projets de cette année. Réalisé sous un cadre pédagogique en trio, il a demandé beaucoup de réflexion, de temps et d'investissement personnel, et pour un résultat très interessant. La suite un peu plus bas !

Du projet au PROJET :: Au tout départ, un lancement de projet dès la première semaine de cours (très tôt donc, mais ce fut nécessaire). Ce cours ? Celui de deux professionnels hors-pairs, Charles Vannier (designer sonore, Musamachina) et Benoît Plâtre (directeur associé, Ici La Lune), et intitulé "Interactivité / Environnements visuels et sonores". Le sujet est lancé : "Exercice de style. Création d'un univers polysensoriel à partir d'un élément non identifié". Bam ! N'est-ce pas ?! En quelques mots, l'objectif était de créer un univers autour d'un objet concret en utilisant obligatoirement une série de modes d'expression : photographie, vidéo, musique, prises de son, typographie, rédaction et interactivité. Du beau programme ! Je tiens à remercier Jonathan et Wilfried avec qui j'ai réalisé ce projet. Ils étaient respectivement chargés des aspects graphiques et sonores pour le premier, et enfin des aspects rédactionnels, formalisation et gestion du projet pour le second. Je me suis pour ma part attelé à la partie de développement, ce qui n'était pas forcément une mince affaire ^^.

Notre projet :: Après quelques recherches, nous nous sommes arrêtés sur l'idée d'un arbre typographique. Un arbre constitué donc d'une panoplie de mots, intégré dans un environnement créé en temps réel. Par environnement, nous avons décidé de créer un monde vivant. Le temps y a court, l'imprévisibilité aussi. Le cahier des charges une fois défini de manière stricte, nous avons pu nous pencher sur le développement de l'application finale. Il a fallu tout créer : images, sons et développement. La banque d'images s'est basée sur nos photos personnelles (vous ne verrez plus bas que des photos personnelles), la banque sonore a été réalisée par Jonathan et Wilfried.

Mon développement :: Je m'octroie ici le développement, en mettant un peu ici de côté (voilà, je le pose juste ici, vous inquiétez pas) le formidable travail de Jonathan et de Wilfried. Je ne parlerai que de la partie de mon travail. Na ! Mon cahier des charges était vraiment conséquent : une gestion du temps (le temps de votre horloge agit sur l'application en direct), des interactivités homme-machine (vous agissez aussi sur l'application), interactivités machine-homme (l'application est aussi autonome et possède une mini intelligence artificielle. Elle agit donc sur vos possibilités d'action et sur sa "volonté" d'action). Elle possède aussi, en plus de sa communication directe par son interface, une communication sentimentale à travers des événements météorologiques. Ses sentiments évoluent aussi au fil du temps, de vos actions ... bref, un énorme bordel (oui oui, ce mot est adéquat ! ^^).

Les saisons rythment l'application en cycles de vingt-quatre heures. Les tons changent, les fonds changent, les événements, les sentiments et vos possibilités d'action aussi. Tout aléatoirement, selon vos choix, selon les choix de l'application. "Il est 00:15, c'est l'hiver. Tout est bleu, blanc par moments, parfois gris ... Tu es là. Tu sembles joyeux. Personnellement, je suis morose ... regarde ces quelques flocons ... ces légers nuages blancs. N'est-ce pas monotone ?".

Le son vous envoute aussi, tantôt présent, absent, pesant, imprévu ... L'application est maître.

Au final :: Bien que l'application m'ait littéralement épuisé lors de son développement (plusieurs nuits blanches afin de rendre le projet en temps et en heure), ce fut un réel plaisir que de la présenter aux amis de licence. C'est l'aboutissement de longues heures de travail, mais le jeu en valait la chandelle !

Il ne manque que la parole à cette application, mais je vous avouerai que c'est au cahier des charges d'évolution du projet !

Retrouvez le projet derrière ces liens : le blog de développement, la dernière version de l'application (l'ensemble est hébergé chez Free pour le moment, le chargement peut donc être long ...).

Portfolio :: CityGen Project

b! — Sun, 10 Jun 2007 02:00:00 +0000

Première réalisation a être postée sur ce merveilleux blog (si si), mon CityGen Project. Explications, origines du concept, technologies et fonctionnement ... un peu plus bas !

From nothing :: Je peux vraiment dire que cette idée n'est venue de ... rien ! Pour être plus précis, comme beaucoup d'idées, c'est un recoupement de deux projets improbables : un curriculum vitæ interactif (projet personnel) et une demande de Laurent concernant une interface Flash (en cours de Flash justement. Pédagogique donc. Improbable donc ^^). Je vous passe les différentes étapes d'évolution (ça serait vraiment trop long, trop d'étapes à mon goût ont été nécessaires avant d'arriver à CityGen), mais en quelques mots, l'éclat de l'ampoule est arrivé en voulant présenter mon CV d'une manière un peu spéciale : un mix entre la typographie et le graphisme le plus basique, présenter le mot "projets" à la manière d'une ville navigable, en jouant donc avec les caractères et les formes. Malheureusement, je me suis heurté à quelques problèmes techniques, mon niveau Flash de l'époque n'étant pas assez bon pour rendre ce truc réalisable. Hop, dans un tiroir (pas passé loin de la corbeille quand même). Quelques semaines plus tard, Laurent (notre professeur Flash / AS de la licence) nous a demandé de créer une interface basique : menu, contenu. Je me suis lancé dans une représentation de mon bureau navigable, basée sur un ensemble de photos pour recréer un pseudo-mouvement. Résultat : très déçu de moi-même. Ce projet a vite fini à la corbeille (je ne rate pas deux fois), et je suis reparti l'esprit vide.

"Humm ... Pourquoi pas ?!". C'est par cette phrase que je me suis donc lancé dans la création de CityGen, mix d'idées entre l'interface demandée (ben tiens, on fera d'une pierre, deux coups comme ça !) et les restes du CV : une ville navigable basée sur les informations.

Le principe :: Grâce aux cours de sémiotique, je me suis lancé dans un projet personnalisé au maximim, me ressemblant : je suis développeur, mais j'ai aussi quelques affinités graphiques. Cela doit donc me ressembler ... Hum ... Comment ? En basant le graphisme sur le développement justement. En quelques mots, il faut savoir que CityGen, enfin son rendu graphique, n'est autre que le résultat de lignes de code. Pas un seul objet designé (designé n'est pas désigné, attention !) au préalable. Tout est automatisé, randomisé ("traité de manière aléatoire", pour les plus imperméables au langage du développeur). C'est ce qui fait que CityGen possède ce côté graphiquement brut et carré, froid et calculé, sans pour autant le rendre totalement imbuvable au niveau visuel.

L'accès à l'information contenue ne devait pas non plus être laissé de côté. Et n'utiliser le rendu que pour du rendu, cela n'est pas moi. J'ai donc opté pour une double navigation : par un menu, et par le rendu visuel de la ville. Les bâtiments sont cliquables, et soutiennent les items juste en dessous. Tout est lié.

Et ? :: Et voilà ! Que dire de plus ? J'ai porté ce projet, j'en suis fier, même s'il n'est pas fini et exploitable à 100% dans sa forme actuelle (il serait pltôt proche des 40%). Il nécessite encore beaucoup d'améliorations (j'étais jeune et naïf à l'époque, le code s'en ressent grandement). J'ai eu le plaisir de le présenter au public (hors personnes de la licence qui eux m'ont subi) lors de la journée anniversaire du Pôle. Réel plaisir !

Je compte aussi le ressortir très bientôt du tiroir dans lequel il est actuellement, afin de le dépoussiérer, de le rajeunir (niveau code), et de l'améliorer.

En attendant :: CityGen Project est en version je-ne-sais-combien, mais encore en 0.x, c'est-à-dire pas encore officiel. Il le sera très bientôt je l'espère. D'ici là, vous pouvez jeter un oeil dessus à cette adresse : http://wok.berengerzyla.info/citygen_project

Saga Le Studio Vert : cinquième semaine

b! — Sat, 26 May 2007 21:00:00 +0000

Le cinquième épisode de votre série préférée !

Cinquième semaine, toujours pas éliminé ni même nominé ... Je tiens bon !

Quoi de neuf là où l'herbe est verte ? :: Et bien vous serez heureux(se) d'apprendre que l'herbe a été coupée cette semaine. Je sais, ça c'est de la nouvelle de première qualité. C'est aussi cela mon blog. Dans les nouvelles moins botaniques vous serez content(e) d'apprendre que tout se passe très bien. Le boulot ne manque pas, mais il avance bien. Et j'ai vraiment l'impression de faire partie intégrante de l'équipe, cela est très valorisant. D'autant plus que je me suis aussi découvert une passion commune avec Daniel de chez Doc Up! situé juste à côté : la photographie. Côté productif, ça va, côté humain, ça roule ... Je pense à amener mon sac de couchage et m'installer directement là-bas, mais ça c'est un plan encore secret.

Le LSVr :: Et là vous me demandez "Le kewa ?" (inutile de se voiler la face, vous n'auriez pas dit "Pardon ? Quel est le titre de ce splendide paragraphe ?"). Le LSVr. Le Flickr du Studio Vert. Et oui, l'agence s'est dotée de son support de diffusion photographique externe. Vous y trouverez pour le moment quelques-unes de mes photos du dernier Ergonomic Café qui s'est déroulé au pub Les Artistes jeudi dernier. Viendront aussi en temps et en heure des photos de l'équipe et de l'environnement, entre autres. C'est par là : http://www.flickr.com/photos/lestudiovert.

Les photos :: Vous l'aviez oublié je parie. Remember le dernier épisode dans lequel je vous avais promis des photos d'intérieur, mais finalement, au vu de la fin de la saison 3 de Lost, j'ai décidé d'appliquer le même procédé : repousser les promesses. Les photos des locaux bleus (ou verts, vous verrez bien) du Studio Vert (là c'est sûr que c'est du vert) arriveront donc la semaine prochaine ! Je peux quand même décrire celles qui sont présentes ici. À gauche, l'entrée des artistes, par une petite passerelle de bois. Au centre, l'entrée VIP et son point d'accueil. C'est ici que vous recevrez le champagne en arrivant. À droite, euh, comment dire, un bout de la salle de réunion vue de l'extérieur (souvenez vous, la porte du studio est appelée "deux.com", c'est donc logiquement que la porte de la salle de réunion a été nommée ".a", "a" comme dans "réunion" ; facile !). Détrompez-vous, la porte n'est pas forcément verte, peut-être juste un effet de la lumière.

À la semaine prochaine !

Saga Le Studio Vert : retour en quatrième semaine !

b! — Tue, 15 May 2007 08:00:00 +0000

Eh oui, c'est que je deviendrais accro ?!

Voici quelques photos volées, car pour le moment je reste sur mes gardes ... À gauche, euh, un bout de plafond du hall je crois. À droite, un lieu mythique et sympathique appelé "cafétéria" où tout le monde se retrouve pour parler potins, boire du café (d'où le nom ; tout prend un sens !) et manger. Et au centre, la fameuse porte d'entrée des locaux du Studio Vert lui-même. C'est derrière cette porte solennellement baptisée "deux.com", en référence au chiffre porte-bonheur des webdesigners, porteur de créativité et d'efficacité, véridique, (mais aussi parce que la porte d'en face s'appellerait "un.com" m'a-t'on dit, mais personnellement je ne vois aucun rapport ...) ... c'est donc derrière cette porte que tout se passe.

Ce que je peux vous dire (sans image donc), c'est aussi que le stage se passe toujours aussi bien. Je travaille actuellement sur un module de cartographie personnalisée utilisable par les clients. À propos de cela, plus d'infos dans quelques jours je l'espère. Côté ambiance, les gens sont gentils avec moi petit stagiaire (même pas obligé de faire le café, c'est vous dire !). Blagues à part, c'est un réel plaisir de travailler là-bas avec des gens aussi compétents et accessibles (on trouve rarement les deux mêlés de nos jours ...).

Les locaux du Studio Vert sont-ils vert ? Vous le saurez dans le prochain épisode (il faudra avant que je voie avec mes supérieurs si j'ai le droit de divulguer cette information ...). Promis, la semaine prochaine, j'essaie de vous faire rentrer DANS les locaux ! Ça se corse ...

Arrivée au Studio Vert

b! — Wed, 25 Apr 2007 00:40:00 +0000

Exit la partie pédagogique de la licence, bonjour le stage. Je m'arrêterai ici cette fois, puisqu'il est question ... du stage, justement.

Après deux jours :: Jusqu'ici, tout est parfait (et je suis sûr que cela continuera ainsi) : équipe très sympathique, sujet très intéressant, excellente ambiance de travail, cadre exceptionnel (à deux pas de la Vienne, dans un espace vert - tiens donc). Plus d'informations dans quelques jours, quand mon travail sera un peu plus avancé. Salutations à toute l'équipe !

Pour en savoir plus sur Le Studio Vert, c'est ici !

La licence professionnelle vue par Coqkâhlan

b! — Thu, 12 Apr 2007 23:37:00 +0000

Et oui, nous avons choisi (avec mes amis Arnaud, Caroline et Pauline), pour terminer l'année en beauté, de réaliser le site officiel de la licence professionnelle webdesign. De l'action, du suspense, du rire, des émotions ... et un site qui, au final, déboîte !

À l'origine était ... ou Coqkâhlan, le pourquoi du comment :: Tout a commencé en décembre dernier avec la première rédaction du brief créatif des projets tutorés. L'idée première était de promouvoir les réalisations des étudiants de la licence à travers un site-portfolio tout joli et baraqué. Il était question de proposer cela à travers une empreinte, un style ... et même beaucoup plus : nous voulions créer un esprit, une vision qui pourrait représenter la licence professionnelle sous un jour nouveau. Ainsi naquit Coqkâhlan. Je vous passe les détails pour arriver à une explication du terme : Coqkâhlan est un hybride entre le coq et l'âne, représentant l'expression "passer du coq à l'âne" illustrant l'aisance avec laquelle nous-autres étudiants de la licence avons acquis la compétence de passer d'un projet à un autre sans pour autant les survoler. Nous sommes devenus pluri-compétents, et nous souhaitions le prouver.

Le projet :: Voilà la partie intéressante (même si c'était déjà très intéressant au-dessus ... si si !). Le projet s'est étalé sur trois mois, à raison de deux cours officiels par semaine. Le travail s'est surtout réalisé en heures supplémentaires chez nous, à force de réunions et de nuits à carburer au café. Nous étions quatre à développer le site : trois graphistes qui sont Arnaud, Caroline et Pauline, et moi-même qui fut en charge de l'aspect technique et développement. J'abrège ici aussi, car là n'est pas le point principal. Un dernier mot sur le pourquoi de ce site : ce qui nous a poussé à réaliser ce site officiel est ... que les sites officiels ne nous ont pas satisfait ; la licence possède aujourd'hui deux sites : étant rattachée à l'université d'un côté, le programme est donc présenté sur le site de l'Université de Limoges, un nombre exorbitant de clics sont requis pour accéder à l'information qui elle est ... incompréhensible. De l'autre côté, le site du Pôle eDesign, qui nous héberge et nous encadre, présente la licence et quelques données pratiques. Un manque d'informations sur la licence (que nous avons ressentis dans nos recherches de formations l'an dernier) est flagrant. Nous voilà ! La licence professionnelle webdesign polysensoriel et stratégies de communication en ligne possède enfin son site officiel, fait par les étudiants qui plus est !

L'approche et le contenu :: Pour être au top de l'information et communiquer au mieux sur notre formation, nous avons décidé de présenter l'intégralité du contenu par une approche étudiante : exit les longs textes officiels, bonjour le décalage et la communication sur le vécu. Tout le site arbore donc cette vision, dans sa charte graphique, sa conception son contenu. Le ton et l'information sont données par Coqkâhlan, un collectif d'étudiants, apportant donc un regard frais et jovial sur un contenu sérieux et utile. Vous y trouverez donc tout le nécessaire pour comprendre en quoi consiste notre licence : le programme (réécrit par les étudiants, c'est beaucoup plus compréhensible !), une bonne partie des réalisations qui ont été faites, les personnes qui font vivre la licence (étudiants, anciens, intervenants et équipe du Pôle) et la vie autour de la licence ; le tout en caractères, en pixels et ondes sonores (en gros, textes, images et vidéos pour les novices).

Bouquet final :: Le site est aujourd'hui accessible en évaluation, une beta-test en quelque sorte, sur un serveur temporaire au Pôle : http://entreprenariat.pole-edesign.com/~licencepro, en attendant sa finalisation, sa mise en ligne officielle et la découpe du ruban. Manquent à l'appel quelques fiches à propos des intervenants, subsistent quelques bugs à corriger ... mais surtout il nous reste à activer le blog afin de créer l'interactivité à laquelle nous tenons tant, le but étant de donner la voix aux étudiants et internautes, afin de communiquer librement et sans détours sur la formation.

L'émotion :: On ne peut omettre cette grande partie (je vous l'avais promise dans le chapeau en plus) : le projet a été, dans sa réalisation, une aventure humaine. Nous étions quatre à nous être embarqués dans la croisade Coqkâhlan, à nous soutenir jour et nuit (surtout nuit pour moi), à nous donner des tapes dans l'épaule, à nous congratuler à chaque avancée ... à faire que ce projet soit notre coup d'éclat avant le grand départ. Le rush final nous a lessivé, mais nous a unis plus que jamais. Cela s'est ressenti lors de la soutenance du projet devant notre jury : nous étions en phase, connectés. Un seul esprit. Un grand esprit commun. C'est aussi cela Coqkâhlan. Une petite révélation : en sortant de cette soutenance, nous nous sommes regardés, sans dire mot. Ma seule envie à ce moment là était de prendre mes amis dans mes bras, et de pleurer un petit coup (et oui, je suis comme ça). Le travail était accompli, le résultat présent, et c'était la fin d'un beau voyage.

Voilà, un billet futur sera fait à l'occasion de l'ouverture officielle du site qui arrivera très bientôt (je l'espère). Je profite des dernières lignes pour remercier les personnes qui nous ont aidées à propulser le projet : Nicole, Rudy, Benoît, Laurent et Fabrice pour les intervenants, et Claire, Vanessa, Laureline et Loïc du Pôle eDesign. Merci beaucoup ! Ç'a été un réel plaisir de travailler avec des gens si formidables, toujours présents et qui vous poussent à vous surpasser. Je ne pouvais pas non plus partir sans remercier du fond du coeur mes amis qui m'ont supporté pendant le projet et sans qui rien n'aurait été possible : Arnaud, Caroline et Pauline. Toutes les louanges ne sont rien à côté de ce que je ressens pour vous. Merci !!!

Journée portes ouvertes au Pôle eDesign

b! — Wed, 14 Mar 2007 16:35:00 +0000

Une journée portes ouvertes aura lieu le samedi 24 mars prochain au Pôle eDesign.

Celle-ci sera effectuée dans l'optique de la présentation de la Licence Professionnelle Webdesign Sensoriel et Stratégies de Création en Ligne, par les responsables et les étudiants qui y participent, ainsi que de l'environnement de travail. Que du bien sympa ... si si !

La discussion sera très ouverte, des projets réalisés seront présentés ... etc. ... et il y aura un buffet (c'est pour attirer du monde ;)).

Bref, venez nombreux, nous y seront !

Pôle Excellence eDesign
26 rue Atlantis
Bâtiment Cassiopée
Parc Ester Technopôle
87069 Limoges