Petit Bourgeois

Hello, my name is Raphaël Mazoyer. I was born in 1978 in France.

Professional

As a web specialist, I try to keep myself at the crossroads of business, contents, design and technology.

Currently, as Digital Communications Manager for ASICS Europe, I look after the European online activities of the Japanese sports equipment brand famous for its running shoes, as well as for our lifestyle brand Onitsuka Tiger.

Past work

After 5 years as a one-person web operation, I joined forces with three partners I had been working with on and off for some time, and in early 2004, we formally launched Splandigo.

Splandigo created quality web sites by delivering consistent quality accross concept and implementation. Within the company, I developed the offers for our larger clients. I was in charge of the technological aspects, and often served as project manager and worked on sales. My longest-running project was the web site for the RINO, and my coolest was the SAIL'05 site. I left Splandigo in the Summer of 2005. The company stopped operating in 2006.

For a couple of years, I was responsible for the European consumer operations of Japanese weather forecast agency Weathernews, and took care of the mobile and web services.

I joined the Montreal-based digital branding agency CloudRaker as a producer and later account manager, and I took care of the company's Amsterdam operations for a while.

Ouvaton

A founding member of French co-operative web hosting provider Ouvaton, I was elected in May 2003 to the board of directors for a 3-years mandate, and returned to the "rank and file" of the group in 2006. I worked on upgrading the hosting platform software, which hosts this web site.

School

I have studied Digital Media Design at the HKU in Hilversum, the Netherlands. I graduated in 2002, and obtained an EMMA (European Media Master of Arts) from the University of Portsmouth.

Personal

I currently live in Amsterdam, like to travel, cook, run and talk (especially about politics). You can contact me through this contact form.

[Updated on 10 October 2009]

[Rédigé pour un élu PS de Créteil. Je ne sais pas si ça a été utilisé.]

La création d'un site web peut aider un homme politique, mais un certain nombre d'obstacles sont à éviter.

- si il y a un assistant qui veut bien se taper la mise en ligne systématique des documents de travail (interventions publiques et leurs documents préparatoires principalement), c'est bien, mais il faut le faire sans insister : c'est pour les électeurs qui ont vraiment le temps de s'en occuper, et ils ne veulent pas qu'on les soûle avec

- si il a le temps de tenir un blog (lui-même ET via un porte-plume de confiance ET via un lecteur/synthétiseur de confiance), c'est bien. Mais attention, c'est contraignant : il faut poster deux ou trois fois par semaine au moins, sinon c'est sans intérêt, et lire les réponses des visiteurs. Bon exemple cf. http://dsk.typepad.com/

- pour le contenu plus classique, il faut faire simple :

• présentation personnelle et politique
• domaines de prédilection / thèmes d'intervention
• contact, permanences
• news (à tenir à jour au moins une fois par semaine, pas besoin de faire sophistiqué mais faire "frais", inclure les dates de conseil municipal / général, la présence de l'élu sur un marché, etc., ce sera à adapter au fur et à mesure)
• éventuellement, si on a un peu de temps, un liste de questions / réponses. L'Europe ? Les 35 heures ? Le CAS ? Ne pas hésiter à adapter les machins standard du PS, et à y faire référence.

- techniquement, il faut choisir un truc qui permette de modifier le contenu très facilement. Faire de l'HTML de chaque page soi-même est à proscrire (même avec Dreamweaver ou à la main, et surtout pas avec FrontPage), il faut absolument utiliser un système gestion de contenu (par exemple SPIP, cf. http://www.parti-socialiste.fr/tic/spip_tic/ et www.spip.net).

- encore techniquement : faire simple est la règle d'or. Ni flash, ni images animées, ni Java, le strict minimum de Javascript, pas de frames, pas d'ouverture de liens dans des nouvelles fenêtres ni de popups, mais juste de l'HTML propre, léger (attention aux images), respectant les standards, comme par exemple www.websoc.info . Ça n'a pas besoin d'être moche ni plat pour autant, cf. www.rino.nl/postdoc/ mais là il faut un minimum de compétences

- attention : internet n'est pas la circonscription, et vice-versa.

- attention : publier sur internet, c'est difficile, car il faut écrire d'une manière particulièrement concise, digeste et simple. www.patrickbloche.org est un contre-exemple, avec ses pages immenses. Il ne faut pas hésiter à mettre les documents à disposition (cf. premier point ci-dessus), mais si c'est fait, il faut impérativement les rendre accessible en les faisant précéder d'une page courte d'explication des enjeux et de résumé des points abordés.

- détail : ne pas faire de pub pour Wanadoo ou Free. Un nom de domaine coûte 15 euros chez Gandi (www.gandi.net -- choisir de préférence un .org ou un .net, le .com fait quand même très commercial, éviter les .info ou autres, c'est trop nouveau pour être facile à identifier), un hébergement chez Ouvaton coûte 12 euros par an + la souscription d'une part sociale (au moins 16 euros). Et après, on est jeandupond@dupond.net et non pas jean.dupond@wanadoo.fr. Idem pour toute l'équipe qui bosse sur le site.

- attention : profil bas, il faut mettre les moyens adéquats en face des ambitions et ne pas trop en vouloir. Si on n'est pas un pro d'internet, on fait pas semblant. On ne lance pas un blog si on n'est pas prêt à lire les débats que ça lance même si c'est fastidieux, et on ne lance pas un blog si on n'a rien à y dire.

- attention : il faut tenir une certaine cohérence politique, jusque dans ses choix techniques. C'est con, mais y'a plein de gugusses sur internet qui trouvent que Microsoft c'est de droite (pas faux, d'ailleurs, bien que sans objet), que Flash c'est fasciste, etc. Il y a moyen d'éviter le débat, en faisant simple et en respectant les normes et standards, et puis il y a moyen en plus de prendre position (utilisation de logiciels libres pour la création et l'hébergement du site, hébergement en France ou au moins en Europe, utilisation de services qui ne vendent pas les données personnelles de leurs clients/utilisateurs, etc.)

- conseil : il faut que quelqu'un soit responsable du projet site, et synthétise les contributions faites par tout le monde (conseils, graphismes, contenus, objectifs), pour que l'élu puisse faire un vrai choix informé. Il ne faut pas hésiter à dire non à quelqu'un, ou à renvoyer un truc à la case départ si c'est pas bon ou si ça ne sert pas l'objectif recherché.

Exposé d'une difficulté conceptuelle qui gênerait gravement la mise en place d'un système de surveillance automatisée des contenus : la dépendance des moyens de surveillance automatisée sur une coopération minimale des créateurs de contenus.

Lire la suite »

Link: http://www.websoc.info/

Site of the workgroup aiming at creating computer tools for the socialist party of France (PS). It's XHTML 1.1 (strict) + CSS, and it's accessible. I've created the layout (cheers!), the content structure, and implemented the whole thing using Websoc 1.3, the workgroup's own product (which I didn't make).

Article de vulgarisation sur le fonctionnement d'un serveur web.

Mise à jour 21 juin 2009 : cet article n'a pas été migré sur le nouveau site d'Ouvaton, donc je pointe vers la version sur Archive.org. J'ai écrit un autre article de vulgarisation technique sur le fonctionnement du service DNS.

Link: http://www.westlanders.net/

No longer online. It was a complete, complex PointComma implementation, with custom back-end, user management, publishing workflow control, and a nifty geographical navigation system which could rather easily be expanded.

Link: http://www.arno-fr.com/

Random color stripes. Wonderful random color stripes (in PHP).

<?php

$numBoxes = 7;
$totalHeight = 390;
$top=0;

$colors = array(
  '#ccff33',
  '#cc6600',
  '#009933',
  '#6699cc',
  '#ff3399',
  '#66cc33',
  '#ffcc00',
  '#996600',
  '#6600cc'
);
srand(time());
mt_srand(time());
$randColor = array_rand($colors, $numBoxes);
foreach ($randColor as $one) {
  $boxHeight = (int)((mt_rand(40, 140)/100)*($totalHeight/$numBoxes));
  echo '
  <div style="
    position:absolute;
    left:0px; top:'.$top.'px;
    width:20px;
    height:'.$boxHeight.'px;
    z-index:1;
    background-color: '.$colors[$one].';"></div>
  ';
  $numBoxes--;
  $totalHeight -= $boxHeight;
  $top += $boxHeight;
}

?>

Link: http://www.in-duce.net/

I've provided Paul with the coding of his site, helped him embed his Gallery implementation in his own interface, and hopefully, over the next few days, I'll create a version of this rM web site customized for his needs. I've even decided to give it a name: pCMS, for personal content management system. Ha.

My master's thesis as an HTML file or as a PDF document.

(This was originally published on raphael.phase4.net.)

Link: http://www.eanm2003.nl/

It's online finally! The EMMA group project I worked on between September 2001 and March 2002 has been set up at its final hosting location. PointComma version 3 was developed for that site. [Edit 10 Nov 2004: no longer online, didn't stay up long]