http://www.odelia-technologies.com/taxonomy/term/54/0 fr http://www.odelia-technologies.com/node/156 <p>Proposé par <a class="lien_externe" href="http://simile.mit.edu/" target="_blank">SIMILE</a>, <a class="lien_externe" href="http://simile.mit.edu/wiki/Exhibit" target="_blank">Exhibit 2.0</a> est un framework web développé en JavaScript et destiné à présenter vos données de manière dynamique.<br />Avec un minimum de configuration dans une page web, que sont la définition d&#39;une source de données <a class="lien_externe" href="http://json.org/" target="_blank">JSON</a> (pour <em>JavaScript Object Notation</em>), d&#39;une ou de plusieurs vues, et le choix des données à présenter avec des éventuels tris ou regroupements, le framework Exhibit gère complètement la présentation des données au niveau du navigateur.</p><p><a href="http://www.odelia-technologies.com/node/156">en lire plus</a></p> http://www.odelia-technologies.com/node/156#comment Exhibit flickr GrailsWorks SIMILE Grails Groovy Mon, 28 Apr 2008 22:16:40 +0200 odelia technologies 156 at http://www.odelia-technologies.com http://www.odelia-technologies.com/node/150 <style type="text/css"> #flashcontent { height: 400px; } </style> <p/><p><a href="http://www.airtightinteractive.com/projects/tiltviewer/" target="_blank" title="TiltViewer" class="lien_externe">TiltViewer</a> est une application Flash de présentation d'images en trois dimensions impressionnante !<br/>Vous pouvez l'inclure facilement dans vos pages web (comme nous le faisons ci-dessous), et les images à afficher peuvent être définies dans un fichier de configuration XML, ou bien être récupérées automatiquement depuis un compte <a class="lien_externe" href="http://www.flickr.com" target="_blank">Flickr</a>, qui est un site de partage de photos. </p> <div id="flashcontent">TiltViewer requires JavaScript and the latest Flash player. <a href="http://www.macromedia.com/go/getflashplayer/">Get Flash here.</a></div> <script type="text/javascript"> var fo = new SWFObject("/tiltviewer/TiltViewer.swf", "viewer", "100%", "100%", "9.0.28", "#000000"); // TILTVIEWER CONFIGURATION OPTIONS // To use an option, uncomment it by removing the "//" at the start of the line // For a description of config options, go to: // http://www.airtightinteractive.com/projects/tiltviewer/config_options.html //FLICKR GALLERY OPTIONS // To use images from Flickr, uncomment this block fo.addVariable("useFlickr", "true"); fo.addVariable("user_id", "80855517@N00"); //fo.addVariable("tags", "jump,smile"); fo.addVariable("tag_mode", "apophysis"); //fo.addVariable("showTakenByText", "true"); // XML GALLERY OPTIONS // To use local images defined in an XML document, use this block //fo.addVariable("useFlickr", "false"); //fo.addVariable("xmlURL", "gallery.xml"); //fo.addVariable("maxJPGSize","640"); //GENERAL OPTIONS fo.addVariable("useReloadButton", "false"); fo.addVariable("columns", "3"); fo.addVariable("rows", "3"); //fo.addVariable("showFlipButton", "true"); //fo.addVariable("showLinkButton", "true"); //fo.addVariable("linkLabel", "View image info"); //fo.addVariable("frameColor", "0xFF0000"); //fo.addVariable("backColor", "0xDDDDDD"); //fo.addVariable("bkgndInnerColor", "0xFF00FF"); //fo.addVariable("bkgndOuterColor", "0x0000FF"); //fo.addVariable("langGoFull", "Go Fullscreen"); //fo.addVariable("langExitFull", "Exit Fullscreen"); //fo.addVariable("langAbout", "About"); // END TILTVIEWER CONFIGURATION OPTIONS fo.addParam("allowFullScreen","true"); fo.write("flashcontent"); </script> http://www.odelia-technologies.com/node/150#comment Flash flickr Mon, 25 Feb 2008 21:16:49 +0100 odelia technologies 150 at http://www.odelia-technologies.com http://www.odelia-technologies.com/node/146 <p>Dans cet article, nous mettons à profit plusieurs facilités du langage Groovy, afin de réaliser un diaporama dont les images proviendront du site de partage de photos <a class="lien_externe" href="http://www.flickr.com" target="_blank">Flickr</a>, et qui sera visionné dans une page web.<br />Plus précisément, nous utiliserons l&#39;API de Flickr pour récupérer les URL des photos placées sur un compte particulier de Flickr, puis générerons une page web grâce à un builder de Groovy, et enfin, aurons recours à la librairie <a class="lien_externe" href="http://www.dolem.com/lytebox/" target="_blank">Lytebox</a> pour visionner l&#39;ensemble des photos dans un superbe diaporama.</p><p><a href="http://www.odelia-technologies.com/node/146">en lire plus</a></p> http://www.odelia-technologies.com/node/146#comment flickr Lytebox Groovy Mon, 03 Dec 2007 22:37:17 +0100 odelia technologies 146 at http://www.odelia-technologies.com http://www.odelia-technologies.com/node/117 <p>Le site web populaire <a href="http://www.flickr.com/" target="_blank" class="lien_externe">flickr</a> de gestion et de partage d&#39;images propose la <a href="http://www.flickr.com/badge.gne" target="_blank" class="lien_externe">création de badges</a> destinés à présenter sur votre propre site web, des images que vous y aurez transférer au préalable.<br />Cette création s&#39;effectue sur le site de flickr au travers d&#39;étapes au cours desquelles vous pouvez choisir le type de badge (HTML ou flash), ainsi que divers paramètres de présentation.<br />L&#39;étape final produit le code HTML qui vous pouvez réutiliser dans vos propres pages web.</p><p><a href="http://www.odelia-technologies.com/node/117">en lire plus</a></p> http://www.odelia-technologies.com/node/117#comment flickr bloc-flickr Fri, 04 May 2007 23:43:12 +0200 odelia technologies 117 at http://www.odelia-technologies.com