davidbgk
/
larlet-fr-david

<!doctype html>
<html lang=fr>
<head>
  <!-- Always define the charset before the title -->
  <meta charset=utf-8>
  <title>mixin : un agenda pas comme les autres — Biologeek — David Larlet</title>
  <!-- Define a viewport to mobile devices to use - telling the browser to assume that the page is as wide as the device (width=device-width) and setting the initial page zoom level to be 1 (initial-scale=1.0) -->
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <!-- Fake favicon, to avoid extra request to the server -->
  <link rel="icon" href="data:;base64,iVBORw0KGgo=">
  <link type="application/atom+xml" rel="alternate" title="Feed" href="/david/log/" />
  <link rel="manifest" href="/manifest.json">
  
  <link rel="stylesheet" href="/static/david/css/larlet-david-_J6Rv.css" data-instant-track />
  
  <noscript>
    <style type="text/css">
      /* Otherwise fonts are loaded by JS for faster initial rendering. See scripts at the bottom. */
      body {
        font-family: 'EquityTextB', serif;
      }
      h1, h2, h3, h4, h5, h6, time, nav a, nav a:link, nav a:visited {
        font-family: 'EquityCapsB', sans-serif;
        font-variant: normal;
      }
    </style>
  </noscript>
  
  <!-- Canonical URL for SEO purposes -->
  <link rel="canonical" href="https://larlet.fr/david/biologeek/archives/20080207-mixin-un-agenda-pas-comme-les-autres">

</head>
<body>
  <div>
    
    <header>
      <nav>
        <p>
          <small>
            Je suis <a href="/david/" title="Profil public">David Larlet</a>, <a href="/david/pro/" title="Activité professionnelle">artisan</a> du web qui vous <a href="/david/pro/accompagnement/" title="Activité d’accompagnement">accompagne</a><span class="more-infos"> dans l’acquisition de savoirs pour concevoir des <a href="/david/pro/produits-essentiels/" title="Qu’est-ce qu’un produit essentiel ?">produits essentiels</a></span>. <span class="more-more-infos">Discutons ensemble d’une <a href="/david/pro/devis/" title="En savoir plus">non-demande de devis</a>.</span> Je partage ici mes <a href="/david/blog/" title="Expériences bienveillantes">réflexions</a> et <a href="/david/correspondances/2017/" title="Lettres hebdomadaires">correspondances</a>.
          </small>
        </p>
      </nav>
    </header>
    
    
  <section>
    <h1 property="schema:name">mixin : un agenda pas comme les autres</h1>
    <article typeof="schema:BlogPosting">
      <div property="schema:articleBody">
        <img src="/static/david/biologeek/images/logos/mixin.png" alt="vignette" style="float:left; margin: 0.5em 1em;" property="schema:thumbnailUrl" />
        <p>Il est temps de parler d'un projet sur lequel je travaille depuis des mois&nbsp;: <a href="http://www.mixin.com">mixin</a>. On a parfois un peu trop la tête dans le guidon pour se rendre compte de la portée et de l'intérêt de ce que l'on est en train de coder. Heureusement, certains jalons permettent de prendre un peu de recul, de façon à mieux avancer par la suite. Le projet n'est pas encore terminé/public mais il a été présenté à <a href="http://liftconference.com/">Lift</a> et les <a href="http://www.google.fr/blogsearch?hl=fr&amp;ie=UTF-8&amp;lr=&amp;q=mixin+lift&amp;as_maxm=2&amp;as_miny=2008&amp;as_maxy=2008&amp;as_minm=2&amp;as_mind=3&amp;as_maxd=7&amp;as_drrb=b&amp;ctz=-60&amp;c1cr=3%2F2%2F2008&amp;c2cr=7%2F2%2F2008&amp;btnD=Rechercher">premiers retours</a> sont encourageants... ce qui est d'autant plus motivant&nbsp;!</p>

<p><em>Disclaimer&nbsp;: avant de commencer je tiens à préciser que ces propos n'engagent que moi, ce billet n'est ni une pub déguisée, ni passé par une validation avant d'être publié et je n'ai même pas été payé pour l'écrire. Explicit is better than implicit.</em></p>

<h2>Un projet utile</h2>

<p>J'ai peu communiqué sur ce que je faisais professionnellement jusqu'à présent mais je vais faire une exception ici car c'est un projet que je souhaitais créer personnellement pour son utilité. J'utilise très peu de services estampillés 2.0 car j'ai souvent du mal à en voir la finalité, elle est heureusement très simple avec mixin&nbsp;: <strong>faire des choses avec mes amis, en vrai</strong>.</p>

<p>Trêve de teasing et décortiquons un peu la bête.</p>

<p>Le but est de concrétiser les «&nbsp;on se fait un resto&nbsp;? », «&nbsp;j'ai envie de voir le dernier Quentin Tarentino » ou «&nbsp;si tu fais rien mardi, je ferais bien un <a href="http://tourtesmagazine.com/dieu/">ping-pong</a> ». Alors après qu'on appelle ça Instant Calendar ou Agenda Social, peu importe, tant que le service vous permet de retrouver vos amis/proches/et plus si affinités ça reste à mon avis beaucoup plus utile qu'un étalage de vie privée en ligne.</p>

<p>Pour cela on a développé trois axes <em>majeurs</em>&nbsp;:</p>

<ul>
<li><strong>Convivialité</strong>&nbsp;: autant être honnête, un agenda c'est quand même bien chiant. Un gros effort a donc été fait pour rendre l'application visuellement attrayante et fun, simple sans enlever trop de fonctionnalités, en un mot&nbsp;: <strong>ergonomique</strong>.</li>
<li><strong>Mobilité</strong>&nbsp;: si je veux faire des choses ce n'est pas en étant collé à un ordi, il faut donc pouvoir interagir avec l'application de l'extérieur, via téléphone par exemple. Vérifier la disponibilité d'un ami, l'adresse du bar prévu, confirmer ma venue, <strong>tout doit être possible</strong>.</li>
<li><strong>Agrégation</strong>&nbsp;: l'intégration avec les services externes (Flickr, Twitter, etc) vous permet d'<strong>agréger l'ensemble des informations relatives à un événement</strong> sur la page dédiée à cette activité. Cela constitue à la fois une page d'archive mais aussi un moyen de continuer en commentant ou en uploadant une vidéo par exemple. Voire même d'initier une nouvelle activité...</li>
</ul>

<p>Autour de ça, il y a d'autres fonctionnalités bien sympathiques que je vous laisserai découvrir en temps voulu. Je suis sûr qu'il y a énormément d'utilisations de ce service auxquelles on n'a même pas pensé donc <strong>si vous avez des idées/suggestions n'hésitez pas</strong>.</p>

<h2>Une équipe de passionnés du web</h2>

<p>On l'oublie parfois mais <strong>derrière chaque site web, il y a une équipe</strong>. Bon je vais pas dire que je travaille avec une équipe de personnes ultra compétentes sinon elles vont prendre la grosse tête mais j'en pense pas moins. C'est vraiment un plaisir de pouvoir discuter sur des sujets pointus ou de pouvoir débattre sur une interface, chacun apportant ses arguments pour finalement arriver à un consensus (enfin on essaye ;-)).</p>

<p>On est très loin de la logique cahier des charges, etc. Je suis convaincu que <strong>les méthodes agiles sont un vrai plus dans un tel projet</strong>. Autant pour gagner en qualité qu'en motivation. Le <a href="http://fr.wikipedia.org/wiki/Scrum">scrum</a> quotidien n'est pas un moyen de contrôle mais bien un échange d'énergie permettant de recharger les batteries pour la journée&nbsp;! Quand on travaille de chez soi, cette interaction est très importante mais j'aurais l'occasion d'en reparler.</p>

<p>Pour terminer sur l'importance d'avoir une équipe de passionnés, c'est qu'il y a un phénomène de <a href="https://larlet.fr/david/biologeek/archives/20070609-l-intelligence-economique-veillle-technologique-en-pratique/">veille technologique</a> qui se met en place et qui permet vraiment d'<strong>être à l'écoute du web et de ses évolutions</strong>. Hop une nouveauté, on en discute et on l'intègre ou pas, c'est aussi simple que ça et ça ne reste possible qu'avec une équipe réduite.</p>

<h2>Des technos innovantes</h2>

<p>Bon inutile de vous préciser que ça carbure au Django <a href="https://larlet.fr/david/biologeek/archives/20070413-pour-ne-plus-etre-en-rest-comprendre-cette-architecture/"><abbr title="Representational State Transfer">REST</abbr>ifié</a>. Au-delà de ça, le fait d'avoir <strong>une grande liberté pour intégrer de la sémantique</strong> est vraiment grisant. Il y a encore beaucoup à faire à ce niveau là mais avoir choisi une <a href="https://larlet.fr/david/biologeek/archives/20070629-architecture-orientee-ressource-pour-faire-des-services-web-restful/">architecture orientée ressource</a> permet déjà d'être optimiste vis-à-vis des évolutions futures. Bon je vais m'arrêter là car je ferais mieux de documenter l'existant ;-).</p>

<p>Si arrivé là vous êtes frustré, <del>c'est le but</del> <strong>il va falloir prendre votre mal en patience</strong> car il y a encore les dernières retouches et quelques tests utilisateurs avant de livrer l'application à une foule en délire. C'était un peu tôt pour en parler mais j'ai cédé à l'euphorie ambiante donc vous aurez des captures plus tard, je ferais sûrement un second billet lors de l'ouverture. Bon allez un petit bout de timeline quand même&nbsp;:</p>

<p><a href="http://www.mixin.com"><img src="/static/david/biologeek/images/mixin_timeline.png" alt="Fragment de timeline mixin" style="display:block; margin:0 auto;" /></a></p>

<p>Normalement le service sera aussi disponible en français, ce qui est un plus quand on voit le peu de services qui se soucient de l'internationalisation.</p>
      </div>
    </article>
    <footer>
      <h6 property="schema:datePublished">— 07/02/2008</h6>
    </footer>
  </section>
  <section>
    <div>
      <h3>Articles peut-être en rapport</h3>
      <ul>
        <li><a href="/david/biologeek/archives/20080308-metiers-passions-et-ou-remunerateurs/" title="Accès à Métiers passions et/ou rémunérateurs">Métiers passions et/ou rémunérateurs</a></li>
        <li><a href="/david/biologeek/archives/20070506-trouver-un-projet-d-application-web/" title="Accès à Trouver un projet d&#39;application web">Trouver un projet d&#39;application web</a></li>
        <li><a href="/david/biologeek/archives/20091202-discussions-sur-les-applications-web-libres/" title="Accès à ★ Discussions sur les applications web libres">★ Discussions sur les applications web libres</a></li>
      </ul>
    </div>
  </section>
  <section>
    <div id="comments">
      <h3>Commentaires</h3>
      
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">nicolas dengler</span> le <span class="comment-date" property="schema:commentTime">07/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>merci, je m'associe à ton message David :) </p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Olivier G.</span> le <span class="comment-date" property="schema:commentTime">07/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Il y a un fil RSS particulier à suivre pour avoir des infos sur l'avancement du projet ? Un blog, un twitter ?</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">giz404</span> le <span class="comment-date" property="schema:commentTime">07/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Le site est joli, mais les formulaires manquent un peu de feedback. On a l'impression de cliquer et que cela ne fait rien...<br />
<br />
Par contre, le concept est vraiment sympa, ça va nous changer de toutes applications 2.0 qui ne servent à rien :D</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">bartux</span> le <span class="comment-date" property="schema:commentTime">07/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Il me semblait bien que j'en avais entendu parlé en Suisse l'année passée déjà:<br />
<a href="http://www.nouvo.ch/131-4" title="http://www.nouvo.ch/131-4" rel="nofollow">www.nouvo.ch/131-4</a><br />
<br />
En tout cas je me réjouis de voir ce que cela donne.<br />
<br />
Bon courage.</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">shariffa</span> le <span class="comment-date" property="schema:commentTime">07/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Très jolie charte graphique :D<br />
Projet super interessant et j'ai hâte de le tester :p<br />
Ganbatte !!</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Neovov</span> le <span class="comment-date" property="schema:commentTime">07/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Ça a l'air très sympa, j'ai hâte de tester !</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">neolao</span> le <span class="comment-date" property="schema:commentTime">07/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>j'espère qu'on va être des heureux beta testeurs</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Ahmed</span> le <span class="comment-date" property="schema:commentTime">07/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>ça m'a l'air intéressant ^^<br />
et je me suis inscrit au beta testing :)</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Bastien</span> le <span class="comment-date" property="schema:commentTime">07/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Hâte de tester ça aussi :)</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">loïc m.</span> le <span class="comment-date" property="schema:commentTime">07/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>@bartux : merci du lien. ça me permet d'avir une meilleur aperçu de la bête.<br />
Inscris pour la beta :)<br />
<br />
@david : cette image 'bottom-fade.png' est un calvaire pour moi, naviguant avec mon eee pc. Ca me bloque toutes les interactions &quot;submit', et ça me fait un rendu assez 'laid'' (je vois trop nettement la découpe du background).<br />
Update pour les eee pc à prévoir ? ;D</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Erwan</span> le <span class="comment-date" property="schema:commentTime">08/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Je suis dubitatif. &quot;Tout doit être possible&quot;, pour moi ça implique que ça doit être offline, pas online. Il faudrait donc être connecté 100 % du temps d'une manière ou d'une autre (donc le téléphone ne suffit pas, le téléphone portable ne passe pas partout). Le online a le gros défaut d'être online...</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Fabien Engels</span> le <span class="comment-date" property="schema:commentTime">08/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>J'ai la même impression aussi sur le feedback des clics ...<br />
<br />
Sinon l'idée est vraiment sympa, et si c'est facilement accéssible via le WAP, ça serait parfait (peut on rêver d'une synchro avec l'agenda du mobile ? )<br />
<br />
Bonne continuation</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">mauriz</span> le <span class="comment-date" property="schema:commentTime">08/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Pour avoir eu droit à une démo, le projet est vraiment intéressant. Vivement l'ouverture des tests :)</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">08/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>@tous : vous aurez des invits, vous inquiétez pas :-).<br />
<br />
@Olivier G. : ça arrive, ça arrive, difficile d'être sur tous les fronts à la fois !<br />
<br />
@giz404 : concernant le teaser, ça reste très basique et ça ne reflète pas vraiment l'application future. C'était juste pour donner une petite touche fun :-).<br />
<br />
@bartux : bien vu, je ne voulais pas trop communiquer sur les interfaces tant qu'elles ne sont pas définitives mais la vidéo donne un meilleur aperçu du service effectivement.<br />
<br />
@loïc m. : on n'a pas pris le temps de tester sous eeepc le teaser mais comme je le disais plus haut, la version utilisable n'a pas du tout la même configuration. Cela dit, ton feedback sur eeepc sera le bienvenu !<br />
<br />
@Erwan :<br />
<br />
&gt; Je suis dubitatif. &quot;Tout doit être possible&quot;, pour moi ça implique que ça doit être offline, pas online.<br />
<br />
Tu peux descendre dans ta rue avec un porte-voix mais je ne suis pas sûr du résultat. Remarque je n'ai jamais essayé. Le téléphone est le media mobile actuel, il faut faire avec même si les interactions ne sont pas géniales...<br />
<br />
@Fabien Engels : pour la version mobile on y pense très fortement, par contre pour la synchro avec le calendrier du mobile il faudra qu'il accepte les flux ics (au moins dans un premier temps).<br />
<br />
@mauriz : et quelle démo ! Merci.</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">vincent</span> le <span class="comment-date" property="schema:commentTime">08/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Hum, intéressant.. Développez en Django en plus :D J'en profite pour poser la question qui tue : tu utilises quelle solution pour RESTifié ton application django ? (:D - ça fait qqs temps que j'ai pas remis mon nez dans l'actu django)<br />
<br />
Keep going !</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">08/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>@vincent : <a href="http://code.google.com/p/django-rest-interface/" title="http://code.google.com/p/django-rest-interface/" rel="nofollow">code.google.com/p/django-...</a> bien hacké.</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Charles Nepote</span> le <span class="comment-date" property="schema:commentTime">08/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Des invits, des invits ! :)</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Nicolas</span> le <span class="comment-date" property="schema:commentTime">09/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>C'était donc ça ;-) ! </p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Adrien</span> le <span class="comment-date" property="schema:commentTime">11/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>J'adore le concept du site et du service !!<br />
Quant à la charte graphique, elle est sympa (si si !) mais je n'y adhère pas, question de goût ! J'espère qu'on pourra - a (très)* [court | moyen | long] terme on pourra choisir son thème !<br />
<br />
Bon courage !</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">11/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>@Adrien : je te rassure c'est déjà le cas ;-).</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Alexis Metaireau</span> le <span class="comment-date" property="schema:commentTime">13/02/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Ca promet tout ça.<br />
<br />
Ca doit être passionnant de bosser sur un réel projet qui mets en oeuvre toutes ces technologies.<br />
<br />
Bon courage pour la suite :)</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">Olivier G.</span> le <span class="comment-date" property="schema:commentTime">23/06/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>Tiens, on dirait que le site est ouvert en bêta ?</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">David, biologeek</span> le <span class="comment-date" property="schema:commentTime">23/06/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>On corrige les derniers bugs aussi rapidement que possible, c&#39;est la raison pour laquelle on ne communique pas encore dessus (bon à part mauriz qui est trop bavard :p).</p>

<p>Aucune garantie quant à la durée de cette pré-ouverture mais heureux de te compter parmi nos bêta-testeurs :-).</p>
    </div>
</div>
<div class="comment" typeof="schema:UserComments">
    <p class="comment-meta">
        <span class="comment-author" property="schema:creator">DamienB</span> le <span class="comment-date" property="schema:commentTime">23/06/2008</span> :
    </p>
    <div class="comment-content" property="schema:commentText">
        <p>&quot;mixin &lt;3 REST&quot;</p>

<p>Mais pourquoi mixin lance-t-il un cornet de glace à la figure de REST ?</p>
    </div>
</div>

    </div>
  </section>

    
    <footer>
      <nav>
        <p>
          <small>
            Je réponds quasiment toujours aux <a href="m&#x61;ilto:d&#x61;vid%40l&#x61;rlet&#46;fr" title="Envoyer un email">emails</a> (<a href="/david/signature/" title="Ma signature actuelle avec possibilité de chiffrement">signés</a>) et vous pouvez me rencontrer à Montréal. <span class="more-infos">N’hésitez pas à <a href="/david/log/" title="Être tenu informé des mises à jour">vous abonner</a> pour être tenu informé des publications récentes.</span>
          </small>
        </p>
      </nav>
    </footer>
    
  </div>
  
  <script src="/static/david/js/larlet-david-3ee43f.js" data-no-instant></script>
  
  <script data-no-instant>InstantClick.init()</script>
  
</body>
</html>