tag:blogger.com,1999:blog-57083217844369020012011-05-27T03:41:25.487-07:00Démonstration widgetsHugobiwan Zolnirhttp://www.blogger.com/profile/01512938752158154259noreply@blogger.comBlogger21100tag:blogger.com,1999:blog-5708321784436902001.post-40616179123052164382011-05-27T03:41:00.001-07:002011-05-27T03:41:25.502-07:00Billet de test tokbox<iframe id="basicEmbed" src="https://api.opentok.com/hl/embed/1emb47196e75502caf2cd054f58f8bb698eb6ec0" width="350" height="380" style="border:none"></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5708321784436902001-4061617912305216438?l=widgetsrennes.blogspot.com' alt='' /></div>Hugobiwan Zolnirhttp://www.blogger.com/profile/01512938752158154259noreply@blogger.com0tag:blogger.com,1999:blog-5708321784436902001.post-78099211704660877682008-06-17T06:54:00.000-07:002008-06-18T03:13:57.946-07:00Démonstration d'outils gratuits d'enrichissement web (widgets)<span style="font-weight:bold;">Blidget :</span>
<br />
<br /><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" type="application/x-shockwave-flash" id="InsertWidget_9a602dfd-f16f-4ba5-99c2-28b804bb80e6" align="middle" height="423" width="170"><param name="movie" value="http://widgetserver.com/syndication/flash/wrapper/InsertWidget.swf"><param name="quality" value="high"><param name="wmode" value="transparent"><param name="menu" value="false"><param name="flashvars" value="r=2&appId=9a602dfd-f16f-4ba5-99c2-28b804bb80e6"> <embed src="http://widgetserver.com/syndication/flash/wrapper/InsertWidget.swf" name="InsertWidget_9a602dfd-f16f-4ba5-99c2-28b804bb80e6" quality="high" menu="false" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" flashvars="r=2&appId=9a602dfd-f16f-4ba5-99c2-28b804bb80e6" align="middle" height="423" width="170"></embed></object>
<br />
<br />
<br />Pour afficher cela avec yourminis :
<br /><p width="100%" align="center"><embed pluginspage="http://www.adobe.com/go/getflashplayer" src="http://www.yourminis.com/Dir/GetContainer.api?uri=yourminis/yourminis/mini:rsscontainer" wmode="transparent" width="230" height="170" FlashVars="CXNID=1000009%5FGW%2E37NXC&textcolor=24347&color=11140194&fontsize=10&appparam=http%3A%2F%2Ffeeds%2Efeedburner%2Ecom%2Factusrennes&auth=&numberlines=5&subtext=0&inline=0&tooltips=0&newwindow=1&uri=yourminis%2Fyourminis%2Fmini%3Arsscontainer&swfurl=%2Fwidget%5Frsscontainer%2Eswf&width=220&xwidth=230&height=160&xheight=170&title=Actualit%C3%A9s%20de%20Rennes%2Efr&" type="application/x-shockwave-flash" allowScriptAccess="always"></embed><br /></p>
<br />
<br />
<br />Cliquez sur le mot rennes, puis copy...Et collez le contenu du presse-papier sur votre blog !
<br />
<br /><span style="font-weight:bold;">Avec Springwidget :</span>
<br />
<br /><!-- SpringWidgets | Les actualit�de rennes.fr (#42821) | HTML | Generated on 06/17/2008 --><object type="application/x-shockwave-flash" allowNetworking="all" allowScriptAccess="always" allowFullScreen="true" height="318" width="250" id="springwidgets_42821" align="middle" data="http://downloads.thespringbox.com/web/wrapper.php?file=42821.sbw" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="movie" value="http://downloads.thespringbox.com/web/wrapper.php?file=42821.sbw" /><param name="flashvars" value="param_param=http%3A%2F%2Ffeeds.feedburner.com%2Factusrennes¶m_compactView=-1¶m_style_borderColor=0x000000¶m_style_brandUrl=" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgColor" value="0x000000" /><embed bgColor="0x000000" allowNetworking="all" allowFullScreen="true" allowScriptAccess="always" src="http://downloads.thespringbox.com/web/wrapper.php?file=42821.sbw" flashvars="param_param=http%3A%2F%2Ffeeds.feedburner.com%2Factusrennes¶m_compactView=-1¶m_style_borderColor=0x000000¶m_style_brandUrl=" quality="high" name="springwidgets_42821" wmode="transparent" width="250" height="318" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object><div style="font:11px/12px arial;width:250px;"><a href="http://www.springwidgets.com/widgets/view/42821/?param_param=http%3A%2F%2Ffeeds.feedburner.com%2Factusrennes¶m_compactView=-1¶m_style_borderColor=0x000000¶m_style_brandUrl=&width=250&height=300" target="_blank">Get this widget!</a></div>
<br />
<br /><span style="font-weight:bold;">Et maintenant les podcasts (ici avec les sons de bluemobile via Springwidget) :</span>
<br />
<br /><!-- SpringWidgets | Actualites Rennes (#42823) | HTML | Generated on 06/17/2008 --><object type="application/x-shockwave-flash" allowNetworking="all" allowScriptAccess="always" allowFullScreen="true" height="318" width="250" id="springwidgets_42823" align="middle" data="http://downloads.thespringbox.com/web/wrapper.php?file=42823.sbw" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"><param name="allowNetworking" value="all" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><param name="movie" value="http://downloads.thespringbox.com/web/wrapper.php?file=42823.sbw" /><param name="flashvars" value="param_param=http%3A%2F%2Ffeeds.readspeaker.com%2Fapp%2Fpodcaster%2Ffrsales%2Ffeed%2F4201.xml¶m_compactView=-1¶m_style_borderColor=0x000000¶m_style_brandUrl=" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgColor" value="0x000000" /><embed bgColor="0x000000" allowNetworking="all" allowFullScreen="true" allowScriptAccess="always" src="http://downloads.thespringbox.com/web/wrapper.php?file=42823.sbw" flashvars="param_param=http%3A%2F%2Ffeeds.readspeaker.com%2Fapp%2Fpodcaster%2Ffrsales%2Ffeed%2F4201.xml¶m_compactView=-1¶m_style_borderColor=0x000000¶m_style_brandUrl=" quality="high" name="springwidgets_42823" wmode="transparent" width="250" height="318" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object><div style="font:11px/12px arial;width:250px;"><a href="http://www.springwidgets.com/widgets/view/42823/?param_param=http%3A%2F%2Ffeeds.readspeaker.com%2Fapp%2Fpodcaster%2Ffrsales%2Ffeed%2F4201.xml¶m_compactView=-1¶m_style_borderColor=0x000000¶m_style_brandUrl=&width=250&height=300" target="_blank">Get this widget!</a></div>
<br />
<br /><span style="font-weight:bold;">Slideshare :</span> Publication d'un diaporama de type powerpoint avec possibilité de reprise par les blogueurs et interfaçage flash miniature et plein écran.
<br />
<br /><div style="width:425px;text-align:left" id="__ss_154235"><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=avenir-internet3-1194082299189808-4"/><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=avenir-internet3-1194082299189808-4" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object><div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;"><a href="http://www.slideshare.net/?src=embed"><img src="http://static.slideshare.net/swf/logo_embd.png" style="border:0px none;margin-bottom:-5px" alt="SlideShare"/></a> | <a href="http://www.slideshare.net/Huggy/avenir-internet3?src=embed" title="View Internet demain : quelques tendances on SlideShare">View</a> | <a href="http://www.slideshare.net/upload?src=embed">Upload your own</a></div></div>
<br />
<br /><span style="font-weight:bold;">Goodwidgets : diaporamas photos en flash embarquables</span> pour les bloggeurs (pas seulement comptes flickr mais images uploadées avec 6 modèles de mise en page possibles). Ici Citévisions. Cliquer sur les vignettes pour agrandir.
<br />
<br /><div><embed src="http://goodwidgets.com/widgets/shift.swf" name="gw68454" FlashVars="gW=68454&bC=f2f2e8&aC=6fcf2f&v=1.2" quality="best" wmode="transparent" allowScriptAccess="always" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="300"></embed><br/><a style="color:#6fcf2f; text-decoration:none; font-family:arial,sans-serif; font-size:9px;" href="http://www.goodwidgets.com" target="_blank">Powered by GoodWidgets.com</a></div>
<br />
<br />
<br /><span style="font-weight:bold;">ISSU </span>: Feuilletoir flash paramétrage et embarquable pour diffusion de documents pdf sur sites web. Le feuilletoir propose toutes les fonctions de partage et embarquement pour les blogueurs. Document extrait de rennes.fr.
<br />
<br /><div><object style="width:307px;height:230px" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=preview&previewLayout=white&username=hugobiwan&docName=tarifs&documentId=080617155659-92868184f4944a97bde34c8f2713a0c0&autoFlip=true&backgroundColor=99cc66&layout=grey" /><param name="allowScriptAccess" value="always" /><embed src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" type="application/x-shockwave-flash" allowscriptaccess="always" style="width:307px;height:230px" flashvars="mode=preview&previewLayout=white&username=hugobiwan&docName=tarifs&documentId=080617155659-92868184f4944a97bde34c8f2713a0c0&autoFlip=true&backgroundColor=99cc66&layout=grey" /></object><div style="width:307px;text-align:left;"><a href="http://issuu.com" target="_blank"><img src="http://static.issuu.com/webembed/previewers/style1/v1/m1.gif" border="0" /></a><a href="http://issuu.com/hugobiwan/docs/tarifs?mode=embed&documentId=080617155659-92868184f4944a97bde34c8f2713a0c0&layout=grey" target="_blank"><img src="http://static.issuu.com/webembed/previewers/style1/v1/m2.gif" border="0" /></a><a href="http://issuu.com/embed/guide?documentId=080617155659-92868184f4944a97bde34c8f2713a0c0&width=425&height=301" target="_blank"><img src="http://static.issuu.com/webembed/previewers/style1/v1/m3.gif" border="0" /></a></div></div>
<br />
<br /><span style="font-weight:bold;">Maps.among.us : Carte dynamique de localisation géographique des visiteurs du site internet (ici ce blog).</span>
<br />
<br /><embed src="http://maps.amung.us/flash/flashsrv.php?k=hi28kdpa&type=em.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" allowScriptAccess="always" allowNetworking="all" type="application/x-shockwave-flash" flashvars="wausitehash=hi28kdpa&map=classic&pin=spinner-green&link=yes" width="200" height="135" />
<br />
<br /><span style="font-weight:bold;">Google map</span> et maintenant google earth (fonctionne dans le navigateur web depuis juin 2008). Embarquement de toute carte et calque google map dans une page. Possibilité de reprise par un blogueur en indiquant le code à copier-coller.
<br />
<br /><iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?ie=UTF8&hl=fr&msa=0&msid=103009007149370835847.00043b309d25514b8fce9&t=h&ll=48.09503,-1.68431&spn=0.052808,0.08211&output=embed&s=AARTsJr7_SlX6f2wlgKLVKQE09X863F2NA"></iframe><br /><small><a href="http://maps.google.com/maps/ms?ie=UTF8&hl=fr&msa=0&msid=103009007149370835847.00043b309d25514b8fce9&t=h&ll=48.09503,-1.68431&spn=0.052808,0.08211&source=embed" style="color:#0000FF;text-align:left">Agrandir le plan</a></small>
<br />
<br /><span style="font-weight:bold;">Mapwing :</span> Fabrication de visites virtuelles en flash à partir de l'édition en ligne d'un fond de carte (avec outils graphiques, dessin de parcours...).
<br />
<br />Pour chaque point posé sur le fond de carte on envoie 4 photos (nord, sud, ouest, est). Ceci génère automatiquement une visite virtuelle en flash sur le parcours...avec un code d'embarquement pour les blogueurs.
<br />
<br />Il est posible de définir une transition de point à point et meme des zones cliquables dans les images, reliés à d'autres images ou à des pages web. Ici un exemple vite réalisé avec un seul point et 4 photos du Thabor.
<br />Nécessite 600 pixels de large pour l'affichage complet.
<br />
<br /><a href="http://www.mapwing.com/explore/view_tour.php?t=MQMdWWWfWRfKfWf" target="_blank"><img src="http://www.mapwing.com/tours/0/7/0/4/usr/MQMdWWWfWRfKfWf/thumb_link.jpg" alt="Demo mapwing avec un seul point(Thabor)" title="Demo mapwing avec un seul point(Thabor)"></a>
<br />
<br /><span style="font-weight:bold;">Tiltviewer</span> propose un code embarquable pour afficher de manière dynamique des photos envoyées sur le site de partage photographique flickr.
<br />
<br />Ici le mot-clé "rennes", mais <span style="font-weight:bold;">il est possible de n'afficher que les photos d'un émetteur ou d'un groupe :)</span>
<br />
<br /><iframe src="http://www.airtightinteractive.com/projects/tiltviewer/app/?tags=rennes" marginwidth="0" marginheight="0" frameborder="0" height="550" scrolling="no" width="450"></iframe>
<br />
<br /><span style="font-weight:bold;">Blinkx </span>permet de selectionner toute vidéo publiée sur une plateforme de partage enligne et de la mettre dans un mur interactif embarquable dans tout site internet comme ci-dessous (ici une selection rennaise).
<br />
<br /><embed src='http://www.blinkx.com/w?g_StageWidth=640&g_StageHeight=480&&g_ApiServer=www.blinkx.com&g_sImgServer=http://cdn-99.blinkx.com/store&g_sApiQuery=%2Fapi3%2Fstart.php%3Faction%3Dgetcontent%26databasematch%3Dmedia%26maxresults%3D75%26list%3D43762469%2C49612653%2C51815597%2C24002349%2C46187415%2C58847301%2C31951219%2C72164737%26characters%3D10000' width='640' height='480' quality='high' bgcolor='#000000' name='newwall' align='middle' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer'></embed>
<br /><span style="font-weight:bold;">
<br />Buddyfaces</span> permet d'embarquer sur tout site ou blog un photomaton. Vous cliquez sur "try it" et la page web prend le contrôle de votre webcam et vous permet d'ajouter votre portrait. Evidemment, celui-ci apparait sur TOUS les sites embarquant le photomaton. Si vous avez une webcam, vous pouvez immédiatement vous ajouter à ma galerie (que je peux modérer).
<br />
<br /><div style="text-align: center;"><embed type="application/x-shockwave-flash" src="http://www.buddyfaces.com/widget/widget.swf?surl=http%3A%2F%2Fwww.buddyfaces.com%2Fservices%2Fflash.php&uid=211&gid=348&n=trombinoscope+de+test" wmode="transparent" quality="high" width="346" height="320" ><br><a href="http://www.buddyfaces.com/" title="Get Your Buddyfaces instant photo widget Now!" style="font-size: 11px !important;">Get Your Buddyfaces widget Now!</a></div>
<br /><span style="font-weight:bold;">
<br />PollDaddy</span> permet de générer autant de sondages que nécessaire avec un code pour les afficher sur toute page web. La formule payante fourni également de ,nombreuses options graphiques et un module d'analyse statistique poussé.
<br />
<br /><script type="text/javascript" language="javascript" src="http://s3.polldaddy.com/p/710128.js"></script><noscript> <a href ="http://answers.polldaddy.com/poll/710128/" >Pensez-vous que les widgets peuvent être utiles aux territoires publics ?</a> <br/> <span style="font-size:9px;"> (<a href ="http://www.polldaddy.com"> surveys</a>)</span></noscript>
<br />
<br />X Fruits. RSS to Mobile. Plus rusé. Transformation de fils RSS en site internet mobile (nécessite d'avoir l'information utile dans le fil RSS). <a href="http://tinyurl.com/4go86z">Ici un site internet mobile</a> affichant sur une première page les titres des actualités de rennes.fr et sur la seconde le texte de la brève (exemple temps réel sur le vrai fil rennais).
<br />
<br />
<br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5708321784436902001-7809921170466087768?l=widgetsrennes.blogspot.com' alt='' /></div>Hugobiwan Zolnirhttp://www.blogger.com/profile/01512938752158154259noreply@blogger.com0