<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="http://blog.wmaker.net/xml/rss.xsl" type="text/xsl" media="screen"?>
<?xml-stylesheet href="http://blog.wmaker.net/xml/rss.css" type="text/css" media="screen"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/"  xmlns:media="http://search.yahoo.com/mrss/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:georss="http://www.georss.org/georss" xmlns:photo="http://www.pheed.com/pheed/">
 <channel>
  <title>Le Blog de WMaker</title>
  <description><![CDATA[Tenez-vous au courant des nouveautés et des développements du CMS WMaker (Portail et Blog). Créer un site internet, créer un blog, créer une web TV. Pas de programmation informatique. Solution clé en main.]]></description>
  <link>http://blog.wmaker.net/</link>
  <language>fr</language>
  <dc:date>2013-05-22T01:21:59+02:00</dc:date>
  <image>
   <url>http://blog.wmaker.net/var/style/logo.jpg</url>
   <link>http://blog.wmaker.net/</link>
   <title>Le Blog de WMaker</title>
  </image>
  <geo:lat>41.918862</geo:lat>
  <geo:long>8.735103</geo:long>
  <atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="alternate" href="http://blog.wmaker.net/xml/atom.xml" type="text/xml" />
  <item>
   <guid isPermaLink="false">tag:blog.wmaker.net,2013:rss-5512099</guid>
   <title>Restriction et Micro-paiement pour les WebTV</title>
   <pubDate>Tue, 21 May 2013 09:59:00 +0200</pubDate>
   <dc:language>fr</dc:language>
   <dc:creator>Sébastien PEREZ (seb2)</dc:creator>
   <dc:subject><![CDATA[Actu]]></dc:subject>
   <description>
   <![CDATA[
        <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5512099-8222720.jpg" alt="Restriction et Micro-paiement pour les WebTV" title="Restriction et Micro-paiement pour les WebTV" />
     </div>
     <div>
      Après la remise en forme des articles restreints du CMS, c'est au tour des WebTV de profiter de cette nouveauté : <br />  il est maintenant possible de proposer un aperçu des vidéos restreintes. <br />  En voici le détail :
     </div>
     <br style="clear:both;"/>
     <div><b>Un tout nouveau bloc pour afficher le contenu restreint</b></div>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5512099-8222721.jpg" alt="Restriction et Micro-paiement pour les WebTV" title="Restriction et Micro-paiement pour les WebTV" />
     </div>
     <div>
      Vous avez actuellement 2 façons de restreindre les vidéos votre Webtv sites selon l'offre que vous avez : <br />  <strong>La restriction par profling</strong> : seuls les visiteurs inscrits sur votre site, après s’être inscrits ou connectés accèdent au contenu restreint. <br />  <strong>La restriction par Micro-paiement </strong>: l'accès au contenu est disponible seulement après le paiement en ligne. <br />   <br />  
     </div>
     <br style="clear:both;"/>
     <div><b>La page d'accès au contenu restreint est complètement paramétrable</b></div>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5512099-8222722.jpg" alt="Restriction et Micro-paiement pour les WebTV" title="Restriction et Micro-paiement pour les WebTV" />
     </div>
     <div>
      Pour cela allez dans le menu Design &gt; Design WebTV &gt; <strong>Section restreinte</strong>. <br />  Ces paramétrages seront appliqués dans tous les cas de restrictions. <br />   <br />  Dans l'onglet Fonctionnalité, vous avez la possibilité de choisir via le menu déroulant d'afficher soit le bloc standard (aucun contenu), soit un aperçu plus complet (vignette + résumé à la Une) avant d'accéder à la vidéo. <br />  La mise en page de l'aperçu sera celle définie sur la page des vidéos. <br />   <br />  La partie "Textes explicatifs" est composée de 2 liens vous permettant de paramétrer le bloc selon la restriction. (profiling ou micropaiement)
     </div>
     <br style="clear:both;"/>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5512099-8222723.jpg" alt="Restriction et Micro-paiement pour les WebTV" title="Restriction et Micro-paiement pour les WebTV" />
     </div>
     <div>
      Prenons par exemple le lien <strong>Définir les messages de Micro-paiement</strong>. <br />  Ce lien vous redirige directement sur la page du back office afin de paramétrer les textes du bloc vous permettant l'accès à la section restreindre dans le cas d'une restriction par Paypal. <br />  Il en est de même pour les liens vers le bloc dans le cas d'une restriction par profling. <br />  Vous pouvez paramétrer le titre du bloc, mettre un message d'explication pour les infos supplémentaires et même modifier l'intitulé du bouton Paypal <br />   <br />  Les polices de ce bloc se gèrent à partir de l'onglet Polices du menu Design &gt; Design WebTV &gt;<strong> Section restreinte</strong> <br />  Le bouton se paramètre à partir du menu <a class="link"  href="http://blog.wmaker.net/Les-boutons-CSS3-carres-arrondis-super-arrondis-_a1191.html">Éléments visuels</a>.
     </div>
     <br style="clear:both;"/>
     <div>
      Si vous avez plusieurs restrictions sur une vidéo, nous afficherons prioritairement le texte (Message explicatif) paramétré dans la partie micro-paiement, et ensuite du profiling.
     </div>
     <br style="clear:both;"/>
   ]]>
   </description>
   <photo:imgsrc>http://blog.wmaker.net/photo/art/imagette/5512099-8222720.jpg</photo:imgsrc>
   <link>http://blog.wmaker.net/Restriction-et-Micro-paiement-pour-les-WebTV_a1316.html</link>
  </item>

  <item>
   <guid isPermaLink="false">tag:blog.wmaker.net,2013:rss-5505071</guid>
   <title>Pinterest dans la Galerie</title>
   <pubDate>Mon, 13 May 2013 09:27:00 +0200</pubDate>
   <dc:language>fr</dc:language>
   <dc:creator>Lesia PIETRI</dc:creator>
   <dc:subject><![CDATA[Actu]]></dc:subject>
   <description>
   <![CDATA[
        <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5505071-8212044.jpg" alt="Pinterest dans la Galerie" title="Pinterest dans la Galerie" />
     </div>
     <div>
      Souvenez-vous, il y a quelques mois le réseau social Pinterest nous faisait découvrir une nouvelle façon de partager des images sur le web et les autres plateformes. Nous avions donc sauté sur l'occasion pour l'implémenter dans notre CMS. Jusque ici, vous pouviez proposer à vos utilisateurs de partager une image d'un article publié sur votre site. <br />   <br />  Aujourd'hui Pinterest est le réseau social incontournable pour partager des photos, c'est donc tout naturellement que nous avons décidé de l'implémenter dans le webservice Galerie.
     </div>
     <br style="clear:both;"/>
     <div><b>Affichage dans la page</b></div>
     <div style="position:relative; float:left; padding-right: 1ex;">
      <img src="http://blog.wmaker.net/photo/art/default/5505071-8212080.jpg" alt="Pinterest dans la Galerie" title="Pinterest dans la Galerie" />
     </div>
     <div>
      Nous affichons le bouton de partage au dernier niveau de la galerie et de 2 façons différentes. <br />  Si l'option "Ouverture en Ibox" dans l'album n'est pas cochée alors la photo s'affiche dans la page et nous proposons un bouton sous forme de ruban. <br />  
     </div>
     <br style="clear:both;"/>
     <div><b>Affichage dans l'ibox</b></div>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5505071-8212105.jpg" alt="Pinterest dans la Galerie" title="Pinterest dans la Galerie" />
     </div>
     <div>
      Si au contraire l'option d'ouverture en ibox est activée alors nous affichons le bouton classic Pin It.
     </div>
     <br style="clear:both;"/>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5505071-8212111.jpg" alt="Pinterest dans la Galerie" title="Pinterest dans la Galerie" />
     </div>
     <div>
      Enfin pour activer cette option vous devez vous rendre dans <strong>l'onglet Fonctionnalité du design de votre Galerie (Design&gt;&gt;Design des pages&gt;&gt;Galerie).</strong>
     </div>
     <br style="clear:both;"/>
   ]]>
   </description>
   <photo:imgsrc>http://blog.wmaker.net/photo/art/imagette/5505071-8212044.jpg</photo:imgsrc>
   <link>http://blog.wmaker.net/Pinterest-dans-la-Galerie_a1315.html</link>
  </item>

  <item>
   <guid isPermaLink="false">tag:blog.wmaker.net,2013:rss-5474163</guid>
   <title>Enrichissez vos tweets grace aux Twitter Cards</title>
   <pubDate>Fri, 03 May 2013 12:25:00 +0200</pubDate>
   <dc:language>fr</dc:language>
   <dc:creator>Jean-Mathieu Marchetti-Ettori</dc:creator>
   <dc:subject><![CDATA[Actu]]></dc:subject>
   <description>
   <![CDATA[
        <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5474163-8167863.jpg" alt="Enrichissez vos tweets grace aux Twitter Cards" title="Enrichissez vos tweets grace aux Twitter Cards" />
     </div>
     <div>
      Apporter de la valeur à vos tweets grâce aux <a class="link" href="https://dev.twitter.com/cards" target="_blank"><strong>Twitter Cards</strong></a>, c'est désormais possible sur WMaker ! <br />   <br />  A l'instar de Facebook via son désormais célèbre <a class="link"  href="http://blog.wmaker.net/Utilisation-des-balises-Open-Graph_a1146.html"><strong>OpenGraph</strong></a>, les Twitter Cards permettent d'enrichir et de mettre en valeur votre contenu lorsqu'il est partagé sur Twitter. Cela contribue ainsi à considérablement augmenter le traffic vers votre site mais aussi le nombre de partage de votre contenu et donc améliorer votre référencement. <br />  
     </div>
     <br style="clear:both;"/>
     <div><b>Ergonomie d'une Twitter Card</b></div>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5474163-8167891.jpg" alt="Enrichissez vos tweets grace aux Twitter Cards" title="Enrichissez vos tweets grace aux Twitter Cards" />
     </div>
     <div>
      Il existe plusieurs présentations possibles pour vos cartes, selon le type de contenu dont vous disposez. <br />   <br />  <ol>  	<li class="list">  		<strong>Summary</strong>&nbsp;: C'est la carte de résumé par défaut avec le titre de votre page, sa description et éventuellement la vignette associée.</li>  	<li class="list">  		<b>Summary Large Image :&nbsp;</b>C'est la même carte, sauf que l'image est mise en avant.</li>  	<li class="list">  		<b>Photo&nbsp;</b>: Affiche une photo dans un tweet qui peut être vue dans la visionneuse d'image de Twitter</li>  	<li class="list">  		<b>Gallery&nbsp;</b>: Permet d'afficher plusieurs photos de votre galerie photo dans un tweet (Je vois déjà certain d'entre vous le sourire aux lèvres)</li>  	<li class="list">  		<b>Product&nbsp;</b>: Les produits de votre boutique mis en avant sur Twitter ? C'est ce que permet de faire cette carte</li>  	<li class="list">  		<b>Player&nbsp;</b>: Vos vidéos pourront être jouées directement dans Twitter avec cette carte</li>  </ol>  <div class="list">  	 <br />  	 <br />  	Comme vous pouvez le constater, les possibilités d'interactions avec votre site chez WMaker sont nombreuses ! De la boutique en ligne à la <a class="link" href="http://www.wmaker.tv" target="_blank">Web TV</a>  &nbsp;en passant par les pros de la photo, il y en a pour tous les goûts !</div>  
     </div>
     <br style="clear:both;"/>
     <div><b>Les Twitter Cards chez WMaker</b></div>
     <div>
      Nous avons décidé de procéder en plusieurs phases cette implémentation des Twitter Cards dans votre CMS préféré. La première consiste à proposer les cards partout où existe déjà l'OpenGraph de Facebook c'est à dire :&nbsp; <br />   <br />  <ul>  	<li class="list">  		La page d'accueil</li>  	<li class="list">  		La page article</li>  	<li class="list">  		L'agenda</li>  	<li class="list">  		Les petites annonces</li>  </ul>  <div class="list">  	 <br />  	 <br />  	C'est désormais chose faite, chacune de ces pages dispose des tags permettant de bénéficier d'une carte <a class="link" href="https://dev.twitter.com/docs/cards/large-image-summary-card" target="_blank">Summary Large Image</a>. C'est la présentation qui contribue le mieux selon nous à promouvoir votre site et donner envie à vos followers d'en savoir plus, et pourquoi pas devenir ambassadeur de votre site.</div>   <br />  La deuxième phase sera commune à Facebook et Twitter et étendra les tags des deux plateformes aux autres sections de votre site afin de vous permettre d'aller encore plus loin en terme de promotion de votre site avec des tweets enrichis et adaptés au contenu ciblé (Ex: une carte Gallery pour vos albums photos ou encore une carte Player pour vos vidéos) !
     </div>
     <br style="clear:both;"/>
     <div><b>Comment activer ce service ?</b></div>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5474163-8168298.jpg" alt="Enrichissez vos tweets grace aux Twitter Cards" title="Enrichissez vos tweets grace aux Twitter Cards" />
     </div>
     <div>
      Nous avons fait la majeure partie du travail pour vous, cela dit vous devez tout même apporter votre pierre à l'édifice si vous voulez que les Twitter Cards fonctionnent correctement. <br />   <br />  Actuellement ce service doit être activé manuellement par vos soins pour votre domaine puis approuvé par Twitter. Ce processus prend selon eux environ une semaine à deux semaines. <br />  &nbsp; <br />  Pour les activer, vous devez vous accéder à l'<a class="link" href="https://dev.twitter.com/docs/cards/validation/validator" target="_blank">outil de validation de Twitter</a>  &nbsp;en vous authentifiant avec votre compte Twitter. <br />   <br />  Fermez l'ibox qui s'ouvre automatiquement et cliquez sur l'onglet <strong>Validate &amp; Apply</strong> puis saisissez l'adresse de votre site ou de n'importe quel article de votre site. Vous voyez dès lors à quoi pourra ressembler un tweet enrichi faisant référence à cette page.
     </div>
     <br style="clear:both;"/>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5474163-8168667.jpg" alt="Enrichissez vos tweets grace aux Twitter Cards" title="Enrichissez vos tweets grace aux Twitter Cards" />
     </div>
     <div>
       <br />  Cliquez ensuite sur&nbsp;<strong>Request Approval</strong>, remplissez puis envoyez le formulaire d'approbation à Twitter. Voilà c'est terminé !
     </div>
     <br style="clear:both;"/>
     <div><b>Terminé ou presque...</b></div>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5474163-8168406.jpg" alt="Enrichissez vos tweets grace aux Twitter Cards" title="Enrichissez vos tweets grace aux Twitter Cards" />
     </div>
     <div>
      Et oui, il y a toujours un "mais". <br />   <br />  Je vous ai dit plus haut que nous avions choisi d'adopter "<strong>Summary Large Image</strong>"<b>&nbsp;</b> comme mode de présentation pour vos cartes car elles représentent pour les pages concernées la meilleur disposition pour mettre en avant vos contenus. <br />   <br />  Lorsque vous avez soumis le formulaire d'approbation, vous avez dû noter ce petit encart "<strong>Card Type Requested</strong>" qui signifie que cette requête n'est valide que pour les cartes de ce type là. <br />   <br />  Vous voyez déjà où je veux en venir... Quand nous rajouterons les autres cartes avec des types différents (par exemple le type <strong>Photo</strong> pour une photo de la galerie), vous serez obligés d'effectuer de nouveau ce processus d'approbation.
     </div>
     <br style="clear:both;"/>
     <div>
       <br />  En attendant, entre la <a class="link"  href="http://blog.wmaker.net/Postez-directement-vos-articles-dans-Twitter_a940.html">publication automatique</a> de vos articles sur Twitter, les boutons de partages dans vos pages et ce nouvel outil, vous n'avez plus aucune excuse pour ne pas commencer à gazouiller :-)
     </div>
     <br style="clear:both;"/>
   ]]>
   </description>
   <photo:imgsrc>http://blog.wmaker.net/photo/art/imagette/5474163-8167863.jpg</photo:imgsrc>
   <link>http://blog.wmaker.net/Enrichissez-vos-tweets-grace-aux-Twitter-Cards_a1314.html</link>
  </item>

  <item>
   <guid isPermaLink="false">tag:blog.wmaker.net,2013:rss-5446559</guid>
   <title>Système de paiement : Maroc Telecommerce enfin disponible !!</title>
   <pubDate>Wed, 24 Apr 2013 10:49:00 +0200</pubDate>
   <dc:language>fr</dc:language>
   <dc:creator>Saveria Maroselli</dc:creator>
   <dc:subject><![CDATA[Actu]]></dc:subject>
   <description>
   <![CDATA[
        <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5446559-8125633.jpg" alt="Système de paiement : Maroc Telecommerce enfin disponible !!" title="Système de paiement : Maroc Telecommerce enfin disponible !!" />
     </div>
     <div>
      Suite à de nombreuses demandes de votre part, il est enfin possible de passer par<strong> Maroc Telecommerce</strong>. <br />  Les autres systèmes de paiement n'acceptant pas la majorité des cartes bleues marocaines, Seb2 a implémenté ce nouveau système pour&nbsp;<strong>la boutique</strong> et les <strong>abonnements</strong>. <br />   <br />  Il n'y a désormais plus aucune raison de se priver de la création de boutique ou d'abonnement pour les sites ciblant le Maroc :)
     </div>
     <br style="clear:both;"/>
   ]]>
   </description>
   <photo:imgsrc>http://blog.wmaker.net/photo/art/imagette/5446559-8125633.jpg</photo:imgsrc>
   <link>http://blog.wmaker.net/Systeme-de-paiement-Maroc-Telecommerce-enfin-disponible-_a1312.html</link>
  </item>

  <item>
   <guid isPermaLink="false">tag:blog.wmaker.net,2013:rss-5408464</guid>
   <title>Intranet / Extranet contrôle sur Email</title>
   <pubDate>Thu, 11 Apr 2013 17:45:00 +0200</pubDate>
   <dc:language>fr</dc:language>
   <dc:creator>Jerome PIETRI</dc:creator>
   <dc:subject><![CDATA[Actu]]></dc:subject>
   <description>
   <![CDATA[
        <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5408464-8068585.jpg" alt="Intranet / Extranet contrôle sur Email" title="Intranet / Extranet contrôle sur Email" />
     </div>
     <div>
      Vous pouviez déjà restreindre l'accès au site avec une double protection pour créer un <strong>Intranet</strong>. Pour cela il suffit d'aller dans le menu Administration &gt; <a class="link" href="http://www.wmaker.net/aide/16/87/" target="_blank">Sécurité</a>  et d'appliquer une restriction appelée &nbsp;avec un nom barbare <strong>"Profiling hors IP"</strong>. <br />   <br />  Le principe est simple, l'accès au site est accessible directement aux plages d'IPs autorisées. Si vous n'avez pas la bonne adresse IP, on vous demande de vous inscrire ou de vous authentifier si cela est déjà fait.
     </div>
     <br style="clear:both;"/>
     <div><b>Contrôle d'inscription</b></div>
     <div>
      L'amélioration, c'est de permettre un ajout automatique des personnes autorisées. Comment reconnaitre les personnes autorisées ? Tout simplement grâce à leur email. Il vous suffit d'autoriser l'inscription, de sélectionner la validation par email et de spécifier&nbsp;<strong>l'extension d'emails autorisés</strong>. <br />   <br />  <strong>Conclusion :</strong> Le visiteurs ne recevra l'email de validation d'inscription que si "son" email est autorisé.&nbsp;Petit rappel, si la personne ne valide pas dans les 15 jours son inscription, sa demande est effacée.
     </div>
     <br style="clear:both;"/>
     <div><b>La petite histoire</b></div>
     <div style="position:relative; float:left; padding-right: 1ex;">
      <img src="http://blog.wmaker.net/photo/art/default/5408464-8068627.jpg" alt="Intranet / Extranet contrôle sur Email" title="Intranet / Extranet contrôle sur Email" />
     </div>
     <div>
      Cette "petite" amélioration nous a été suggérée lorsque nous avons formé les équipes du géant de la téléphonie et de l'Internet pour lequel nous réalisons une WebTV en Intranet. <br />   <br />  La question anodine posée lors de cette formation tombait sous le sens. Une fois rentré au <a class="link" href="http://www.campusplex.org" target="_blank">CampusPlex</a>, il suffisait de la mettre en place ce qui ne nous a pris que queqlues heures.
     </div>
     <br style="clear:both;"/>
   ]]>
   </description>
   <photo:imgsrc>http://blog.wmaker.net/photo/art/imagette/5408464-8068585.jpg</photo:imgsrc>
   <link>http://blog.wmaker.net/Intranet-Extranet-controle-sur-Email_a1310.html</link>
  </item>

  <item>
   <guid isPermaLink="false">tag:blog.wmaker.net,2013:rss-5318057</guid>
   <title>Le full-HD pour vos vidéos</title>
   <pubDate>Thu, 14 Mar 2013 19:01:00 +0100</pubDate>
   <dc:language>fr</dc:language>
   <dc:creator>Samir AMZANI</dc:creator>
   <dc:subject><![CDATA[Actu]]></dc:subject>
   <description>
   <![CDATA[
        <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5318057-7936377.jpg" alt="Le full-HD pour vos vidéos" title="Le full-HD pour vos vidéos" />
     </div>
     <div>
      Dans la suite des améliorations &nbsp;WebTV, et après une refonte interne de notre système d'encodage nous avons ajouté le support du format 1080p. <br />   <br />  Le <strong>1080p</strong>&nbsp;désigne une norme <em>HD CIF</em>, et indique que la vidéo affiche 1920 pixel de large et 1080 pixels au niveau de la hauteur. Dans la pratique notre encodeur est capable de détecter que votre vidéo source uploadée est une vidéo 1080p et notifie donc le générateur de format HD de produire une qualité 1080p HD. <br />   <br />  A noter que cette détection est disponible - pour l'instant - que pour nos clients WebTV PRO. <br />   <br />  Voici des exemples d'encodage d'un extrait de dessin animé <strong>Big Buck Bunny :)&nbsp;</strong>, je vous laisse voir les différences de qualité surtout en plein écran. <br />   <br />   <br />   <br />   <br />  
     </div>
     <br style="clear:both;"/>
     <div><b>Encodage 360p - Biterate 683kbps </b></div>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <iframe src="http://videobeta.wmaker.tv/embed/284/?disable_hd=1" width="608" height="342" frameborder="0" webkitallowfullscreen="" allowfullscreen=""></iframe>     </div>
     <div>
      
     </div>
     <br style="clear:both;"/>
     <div><b>Encodage  720p - Biterate 2157kbps </b></div>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <iframe src="http://videobeta.wmaker.tv/embed/282/?" width="608" height="342" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>     </div>
     <div>
      
     </div>
     <br style="clear:both;"/>
     <div><b>Encodage 1080p - Biterate 3153kbps </b></div>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <iframe src="http://videobeta.wmaker.tv/embed/283/?" width="608" height="342" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>     </div>
     <div>
      
     </div>
     <br style="clear:both;"/>
   ]]>
   </description>
   <photo:imgsrc>http://blog.wmaker.net/photo/art/imagette/5318057-7936377.jpg</photo:imgsrc>
   <link>http://blog.wmaker.net/Le-full-HD-pour-vos-videos_a1307.html</link>
  </item>

  <item>
   <guid isPermaLink="false">tag:blog.wmaker.net,2013:rss-5271655</guid>
   <title>Coup de pinceau pour l'affichage des abonnements [Offre Pro]</title>
   <pubDate>Thu, 28 Feb 2013 13:31:00 +0100</pubDate>
   <dc:language>fr</dc:language>
   <dc:creator>Saveria Maroselli</dc:creator>
   <dc:subject><![CDATA[Actu]]></dc:subject>
   <description>
   <![CDATA[
        <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5271655-7866857.jpg" alt="Coup de pinceau pour l'affichage des abonnements [Offre Pro]" title="Coup de pinceau pour l'affichage des abonnements [Offre Pro]" />
     </div>
     <div>
      Pour suivre la note d'hier sur les nouveautés de la <a class="link"  href="http://blog.wmaker.net/Un-peu-de-menage-sur-la-restriction-de-contenu_a1304.html">restriction de contenu</a>, je vous propose aujourd'hui de continuer avec la refonte de l'affichage de votre système d'abonnement mis en place sur vos sites. <br />   <br />  Toutes les étapes ont été redesignées, voyons tout cela ensemble :) <br />   <br />  
     </div>
     <br style="clear:both;"/>
     <div><b>La page de Restriction</b></div>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5271655-7866858.jpg" alt="Coup de pinceau pour l'affichage des abonnements [Offre Pro]" title="Coup de pinceau pour l'affichage des abonnements [Offre Pro]" />
     </div>
     <div>
      Donc pour ceux qui n'auraient pas lu la note d'hier, un petit rappel. <br />  Nous vous proposons désormais un bloc reprenant le titre de l'article, l'image de une de celui-ci ainsi que la date de rédaction. Vous pouvez également à partir de l'onglet Fonctionnalités de la page <strong>Section Restreinte</strong>, choisir via le menu déroulant d'afficher soit le chapô, soit le premier paragraphe, soit aucun contenu avant d'accéder à l'article entier. <br />  La mise en page de l'aperçu sera celle définie sur la page de l'article. <br />   <br />  Tous les textes de cette étape sont paramétrables à partir de la page<strong> Social Network&gt; Abonnements&gt; Paramètres dans l'onglet Messages côté site</strong>.
     </div>
     <br style="clear:both;"/>
     <div><b>La page d'abonnement</b></div>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5271655-7871584.jpg" alt="Coup de pinceau pour l'affichage des abonnements [Offre Pro]" title="Coup de pinceau pour l'affichage des abonnements [Offre Pro]" />
     </div>
     <div>
      Elle se paramètre à partir du menu <strong>Social Network &gt; Abonnements &gt; Paramètres</strong>. <br />   <br />  Dans l'onglet <strong><span class="pointer">Page d'abonnement</span></strong>, vous définissez le titre de la page, ainsi que la description de votre système d'abonnement. <br />   <br />  Les polices se gèrent à partir du menu Design &gt; Design des pages &gt; <strong>Section restreinte </strong>voir exemple ci dessous chez nos amis de La Lettre pro :) <br />   <br />  Pour les experts, vous avez également la possibilité d'ajouter votre page d'abo perso au format html. <br />   <br />  Il ne vous reste plus qu'à profiter de ces nouveautés :)
     </div>
     <br style="clear:both;"/>
   ]]>
   </description>
   <photo:imgsrc>http://blog.wmaker.net/photo/art/imagette/5271655-7866857.jpg</photo:imgsrc>
   <link>http://blog.wmaker.net/Coup-de-pinceau-pour-l-affichage-des-abonnements-Offre-Pro_a1306.html</link>
  </item>

  <item>
   <guid isPermaLink="false">tag:blog.wmaker.net,2013:rss-5255211</guid>
   <title>Un peu de ménage sur la restriction de contenu</title>
   <pubDate>Wed, 27 Feb 2013 15:33:00 +0100</pubDate>
   <dc:language>fr</dc:language>
   <dc:creator>Saveria Maroselli</dc:creator>
   <dc:subject><![CDATA[Actu]]></dc:subject>
   <description>
   <![CDATA[
        <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5255211-7842685.jpg" alt="Un peu de ménage sur la restriction de contenu" title="Un peu de ménage sur la restriction de contenu" />
     </div>
     <div>
      Cette semaine, Lesia et Seb2 ont travaillé ensemble afin de remettre au goût du jour l'accès au contenu restreint sur vos sites. <br />  Les améliorations concernent aussi bien le back, ergonomie, que l'affichage côté site. Nous allons détailler dans cette note toutes ces nouveautés :)
     </div>
     <br style="clear:both;"/>
     <div><b>Un tout nouveau bloc pour afficher le contenu restreint</b></div>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5255211-7842686.jpg" alt="Un peu de ménage sur la restriction de contenu" title="Un peu de ménage sur la restriction de contenu" />
     </div>
     <div>
      Vous avez 3 façons de restreindre du contenu sur vos sites selon l'offre que vous avez : <br />  <strong>La restriction par profling</strong> : seuls les visiteurs inscrits sur votre site, après s’être inscrits ou connectés accèdent au contenu restreint. <br />  <strong>La restriction par Micro-paiement </strong>: l'accès au contenu est disponible seulement après le paiement en ligne. <br />  <strong>La restriction par abonnement</strong> : seuls les abonnés à votre site ont accès au contenu restreint (offre Pro) <br />   <br />  Désormais, lorsque vous cliquez sur un contenu restreint, c'est une toute nouvelle page qui s'affiche, avec un bloc reprenant le titre de l'article, l'image de une de celui-ci ainsi que la date de rédaction.
     </div>
     <br style="clear:both;"/>
     <div><b>La page d'accès au contenu restreint est complètement paramétrable</b></div>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5255211-7842856.jpg" alt="Un peu de ménage sur la restriction de contenu" title="Un peu de ménage sur la restriction de contenu" />
     </div>
     <div>
      Pour cela allez dans le menu Design &gt; Design des pages &gt; <strong>Section restreinte</strong>. <br />  Ces paramétrages seront appliqués dans les 3 cas de restrictions. <br />   <br />  Dans l'onglet Fonctionnalité, vous avez la possibilité de choisir via le menu déroulant d'afficher soit le chapô, soit le premier paragraphe, soit aucun contenu avant d'accéder à l'article entier. <br />  La mise en page de l'aperçu sera celle définie sur la page de l'article. <br />   <br />  La partie "Textes explicatifs" est composée de 3 liens vous permettant de paramétrer le bloc selon la restriction.
     </div>
     <br style="clear:both;"/>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5255211-7843057.jpg" alt="Un peu de ménage sur la restriction de contenu" title="Un peu de ménage sur la restriction de contenu" />
     </div>
     <div>
      Prenons par exemple le lien <strong>Définir les messages de Micro-paiement</strong>. <br />  Ce lien vous redirige directement sur la page du back office afin de paramétrer les textes du bloc vous permettant l'accès à la section restreindre dans le cas d'une restriction par Micro-paiement. <br />  Il en est de même pour les liens vers le bloc dans le cas d'une restriction par profling ou bien par abonnement. <br />  Vous pouvez paramétrer le titre du bloc, mettre un message d'explication pour les infos supplémentaires et même modifier l'intitulé du bouton (pour les abonements et le micro-paiement) <br />   <br />  Les polices de ce bloc se gèrent à partir de l'onglet Polices du menu Design &gt; Design des pages &gt; <strong>Section restreinte</strong> <br />  Le bouton se paramètre à partir du menu <a class="link"  href="http://blog.wmaker.net/Les-boutons-CSS3-carres-arrondis-super-arrondis-_a1191.html">Éléments visuels</a>.
     </div>
     <br style="clear:both;"/>
     <div>
      Si vous avez plusieurs restrictions sur un article, nous afficherons prioritairement en premier le texte (Message explicatif) paramétré dans la partie micro-paiement, ensuite celui d'abonnement et enfin du profiling.
     </div>
     <br style="clear:both;"/>
   ]]>
   </description>
   <photo:imgsrc>http://blog.wmaker.net/photo/art/imagette/5255211-7842685.jpg</photo:imgsrc>
   <link>http://blog.wmaker.net/Un-peu-de-menage-sur-la-restriction-de-contenu_a1304.html</link>
  </item>

  <item>
   <guid isPermaLink="false">tag:blog.wmaker.net,2013:rss-5262494</guid>
   <title>Ils sont partis pour Barcelone !</title>
   <pubDate>Mon, 25 Feb 2013 11:34:00 +0100</pubDate>
   <dc:language>fr</dc:language>
   <dc:creator>Lesia PIETRI</dc:creator>
   <dc:subject><![CDATA[People]]></dc:subject>
   <description>
   <![CDATA[
        <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5262494-7853668.jpg" alt="Ils sont partis pour Barcelone !" title="Ils sont partis pour Barcelone !" />
     </div>
     <div>
      Ca y est ! Ils sont à Barcelone pour le Mobile World Congress ! <br />   <br />  Pour ce voyage, nous avons décidé de séparer l'équipe en deux. Jérôme et Dumè ont pris l'avion ce matin depuis Ajaccio en passant par Lyon. Sébastien, Laurent, Jim et Mathieu ont pris le bateau ce soir pour Marseille et feront la route demain matin jusqu'à Barcelone. <br />   <br />  Il y a eu beaucoup de neige hier à Ajaccio et nous n'étions pas sûrs qu'ils partent. Leur vol a eu plus de deux heures de retard, mais au final tout s'est bien passé. Ils ont pu prendre leur correspondance à Lyon, et finalement, sont arrivés jusqu'à BCN :) <br />   <br />  Cette année, le salon a l'air absolument fantastique, et le nouveau lieu, Fira Gran Via, semble beaucoup plus grand que Fira Montjuic où le salon avait lieu l'année dernière. <br />   <br />  Le stand GoodBarber est fantastique également ! Voilà quelques photos :) <br />   <br />  Si vous passez par le MWC cette année, allez leur dire bonjour Hall 5, sur le Pavillon France, stand 5I100/55. <br />   <br />  Pour ceux qui ne pourraient se déplacer en Espagne, vous pouvez également vous rendre sur le tout nouveau portail ! <br />   <br />  <a class="link" href="http://www.goodbarber.com" target="_blank">www.goodbarber.com</a>  <br />   <br />  Suivez en direct leur aventure sur : <br />   <br />  Twitter : <a class="link" href="https://twitter.com/goodbarber" target="_blank">@goodbarber</a>  <br />  Livestream : <a class="link" href="http://new.livestream.com/accounts/1917711/events/1892364/videos/12537307" target="_blank">http://new.livestream.com/</a>  
     </div>
     <br style="clear:both;"/>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5262494-7853669.jpg" alt="Ils sont partis pour Barcelone !" title="Ils sont partis pour Barcelone !" />
     </div>
     <div>
      
     </div>
     <br style="clear:both;"/>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5262494-7853705.jpg" alt="Ils sont partis pour Barcelone !" title="Ils sont partis pour Barcelone !" />
     </div>
     <div>
      
     </div>
     <br style="clear:both;"/>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5262494-7853707.jpg" alt="Ils sont partis pour Barcelone !" title="Ils sont partis pour Barcelone !" />
     </div>
     <div>
      
     </div>
     <br style="clear:both;"/>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5262494-7853713.jpg" alt="Ils sont partis pour Barcelone !" title="Ils sont partis pour Barcelone !" />
     </div>
     <div>
      
     </div>
     <br style="clear:both;"/>
     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5262494-7853718.jpg" alt="Ils sont partis pour Barcelone !" title="Ils sont partis pour Barcelone !" />
     </div>
     <div>
      
     </div>
     <br style="clear:both;"/>
   ]]>
   </description>
   <photo:imgsrc>http://blog.wmaker.net/photo/art/imagette/5262494-7853668.jpg</photo:imgsrc>
   <link>http://blog.wmaker.net/Ils-sont-partis-pour-Barcelone-_a1305.html</link>
  </item>

  <item>
   <guid isPermaLink="false">tag:blog.wmaker.net,2013:rss-5252358</guid>
   <title>L'encodage double passe</title>
   <pubDate>Thu, 21 Feb 2013 18:05:00 +0100</pubDate>
   <dc:language>fr</dc:language>
   <dc:creator>Samir AMZANI</dc:creator>
   <dc:subject><![CDATA[Actu]]></dc:subject>
   <description>
   <![CDATA[
   Avec le développement croissant des débits et de la puissance de calcul, la qualité des vidéos est en constante évolution. Conscients de ce constat, nous améliorons quotidiennement la qualité des vidéos encodés par notre système.     <div style="position:relative; text-align : center; padding-bottom: 1em;">
      <img src="http://blog.wmaker.net/photo/art/default/5252358-7838340.jpg" alt="L'encodage double passe" title="L'encodage double passe" />
     </div>
     <div>
      
     </div>
     <br style="clear:both;"/>
     <div>
      <div>  	L'encodage en deux passes donne des résultats bien meilleurs que le simple passe au niveau de la qualité. <br />  	&nbsp;</div>  <div>  	Le premier passage estime le taux de distorsion vidéo en utilisant un premier ensemble de paramètres de quantification (QP). Ces caractéristiques estimées aide à sélectionner les paramètres de quantification pour le second passage afin de minimiser les fluctuations de qualité entre les frames.</div>  <div>  	&nbsp;</div>  <div>  	<strong>Voyons comment cela fonctionne en détail :&nbsp;</strong> <br />  	&nbsp;</div>  <div>  	Par exemple vous avez un clip de 2 minutes. Une partie de celui-ci est très dynamique, l'autre partie est plus statique. Pour que la vidéo puisse être correctement lu en HQ, il faut au moins 750kbps au niveau de biterate global. <br />  	 <br />  	Un biterate de 300kbps est suffisant pour jouer la partie statique de la vidéo, et 750kbps est correct pour la partie dynamique. <br />  	 <br />  	Si on utilise l'encodage simple pass, le processus choisi&nbsp;750kbps pour les deux parties, et ignore donc leurs différences, ce qui conduit à une fluctuation perceptible entre les frames.</div>  <div>  	&nbsp;</div>  <div>  	L'encodage double passes ne fera pas de telles erreurs. l'Utilisation des statistiques de la 1ère pass permet à l'encodeur d'estimer la valeur de chaque frame en bits. Il en résulte une meilleure répartition de bits entre les deux parties.&nbsp; <br />  	&nbsp;</div>  <div>  	La première partie dynamique obtiendrait plus de bits tandis que la deuxième partie aura moins de bits. <br />  	 <br />  	Il faut noter qu'il y'a un seul inconvénient à cette technique : L 'encodage double passe est presque 30% plus lent que l'encodage simple passe. Donc, si vous êtes pressés ne séléctionnez pas ce mode d'encodage. <br />  	 <br />  	Pour ceux qui cherche le meilleur encodage possible, il suffit de cocher la case "<span style="background-color: rgb(238, 238, 238); color: rgb(51, 51, 51); font-weight: bold;">Activer le 2-pass"</span>&nbsp;qui se trouve dans votre page de paramétrage vidéo <strong>Paramètres vidéo &gt; WebTV</strong> <br />  	 <br />  	Cette fonctionnalité est disponible pour le moment que pour le produit WebTV.</div>  
     </div>
     <br style="clear:both;"/>
   ]]>
   </description>
   <photo:imgsrc>http://blog.wmaker.net/photo/art/imagette/5252358-7838340.jpg</photo:imgsrc>
   <link>http://blog.wmaker.net/L-encodage-double-passe_a1303.html</link>
  </item>

 </channel>
</rss>
