Let’s use this functionality of Silex and the Yahoo! widgets system, in order to make a desktop application with installation, update and configuration.

Here is my sample widget. And here are the sources.

widget test for Silex: it gives you some news about Silex on your desktop

Yahoo! Widgets is a free application platform for Mac OS X and Microsoft Windows.

• http://en.wikipedia.org/wiki/Yahoo!_Widgets
• http://widgets.yahoo.com/

Here is how to make a Yahoo! widget with Silex:

• in a silex server, create one site with the parameter « layer skin » set to « layer_skin_light.swf » and no embed fonts (all text field should have the parameter « include font » unchecked). You can remove the folders fonts, logs, cgi, conf, install, js, loaders, plugins, tools, trash and all files in the root folder except silex.swf
• in a new folder where you will put all the yahoo plugin, put a « Resources » folder with the « silex_server » folder inside it.
• use the file « fla/loader_projector.fla » of the dev kit to generate the loader, which I called « loader_yahoo_widget.swf ». This file contains the website configuration, your site name for example. Tip : leave this line uncommented (i do not know why exactly):

rootUrl = "../silex_server/";

• create a .kon file which is the yahoo widget conf file, see the example I did. You just need to embed the loader_yahoo_widget.swf file. You also can define properties which the user will be able to modify and which will be available in Silex as accessors (in <<silex.config.YOUR PROPERTY FROM YAHOO CONFIG PANNEL>>)

silex yahoo widget admin pannel

• install yahoo widget and use the « open widget » menu in order to load your widget.

After you have done a cool widget, do not forget to submit it to yahoo! here.

Note: the widget background is transparent, which is pretty cool

Hello This is a technical article on the use of haXe to develop animation layouts for Silex publications. I will explain why I find it very interesting to use haXe in Silex development team and then explain how I reproduced the minimal layout in haXe (little explanation and source download).

haXe is an open source & multiplatform programming language. A code written with haXe can be compiled to JavaScript, Flash (AS2 & AS3), PHP and NekoVM.

It is developped by Nicolas Cannasse at Motion-Twin, a French game development companny. Nicolas is the one who initiated the open source Flash community with his open source Flash AS2 compiler which turned out to be way better than the Adobe one :-0

Why haXe ?

Open and French first of all

Multiple language, one code base

It allows Silex to evolve smoothly toward a full AS3 implementation, keeping the backward compatibility in mind. And not only AS3 but also iphone and javascript

Performance

It seems to be much efficient to use haXe than Flash to publish swf, according to Joacim…

Libraries and file formats

haXe opens new perspectives for Silex, like the use of the numerous libraries for 3D redering, 2D physics, support of pdf (decryption only), zip, …

Click in the movie below …

How to develop page transitions in Silex with haXe ?

Here I will not make a tutorial because I am not good at this Instead I will explain the overall philosophy and use of Silex API. You can look at these sources in order to see how I implemented this: minimal layout of Silex, re-made with haXe. For this need to install haXe and edit the files with FlashDevelop or eclipse+hxeclipse.

Here are the classes you need to implement in a Silex animation layout..

The class interacting with Silex API

The class accesses Silex API thanks to this haXe code:

var timeline:MovieClip = Lib.current;

var silex_ptr:Dynamic = Lib._global.getSilex();

var layout:Dynamic = silex_ptr.application.getLayout(timeline);

layout.registerLayoutContainer(timeline);

layout.registerLayerContainer(layerContainer, LAYER_NAME);

After these calls, the layout will then be initialized and recognised by Silex for load, save operations etc. The layer will be visible in the "pages" tool box.

The animations for the layer are to be registered too. These animations will be played when silex want it to. The following animations can be  registered for a given layer (descriptions come from Silex API technical documentation, especially the constant for animation names):

• preload – Preload animation. This animation is played before any content is loaded (either text or medias) and after the transition of the parent page.
• show – Show content. This animation is played once the content is loaded (at least the text) and after the preload anim is over.
• close – Hide content. This animation is played when the current page is closing before the parent “transition close” anim is started and after the current page “transition close” anim is over (only if a child page was open).
• transition - Show child page. This animation is played when a page is opened in the current layout and only after the show anim is over.
• transitionClose - Hide child page. This animation is played when the current layout has a child page opened in and this child page is closed.

The animations registered like this

layout.registerAnim(showAnim,silex_ptr.config.ANIM_NAME_SHOW, false);

Can be MovieClips or any object with the method « play() ».

The animation(s)

One or more classes in which you can implement the animation(s). For example a fade can let the content of the page appear. This class has to have at least the method « play() » which is called by Silex.

The animations can change the layers appearance – the layers you registered and which contain the dynamic content, i.e. the user  media.

Notre ami de DESIGNM.AG a rédigé un article très intéressant sur les CMS Flash.

J’ai deux choses importantes à partager :

• J’ai découvert un outil sur Adobe Labs, que j’ai hâte d’essayer: ICE, pour « In Contexte Editing« . Ce système est censé vous permettre de modifier votre site à partir de votre navigateur ou dans Dreamweaver. Et c’est un service hébergé!
• J’ai remarqué que la plupart des CMS Flash sont des produits commerciaux, pour la plupart des services hébergés et seuls quelques-uns offrent la partie client – je veux dire qu’ils sont souvent de simples back offices en Flash. Le designer doit élaborer tous le site dans Flash et l’interfacer avec le CMS. Dans Silex, il y a aussi des composants Flash pour Silex, mais ce n’est que pour permettre de personnaliser ou d’étendre le système.

Merci de partager vos points de vue sur ces 2 points et sur l’article, je pense qu’il est vraiment important pour notre communauté de discuter de ces questions stratégiques.

une nouvelle version de OOF est disponible. Les nouveautés sont( je cite)

• La possibilité de lire les fichiers Excel, avec le nouveau ExcelConnector. Pas encore de tuto, mais vous êtes attendus sur le forum !
• Vous pouvez maintenant scroller vos listes avec la ListScrollBar
• Le connecteur XML est maintenant fonctionnel à 100%. Il vous permet d’importer n’importe quel fichier XML et d’utiliser les données dans un site, dans un champs de texte, dans une liste, en tant qu’adresse d’une vidéo… Il permet aussi d’interagir avec flickr, youtube, picassa, google agenda, et tous les services en ligne ou presque. Le tuto est en route, mais en attendant, vous êtes attendus sur le forum pour en discuter

et le lien:

http://wp-manager.silex-ria.org/?p=319

• Correction de bugs dans les boîtes à outils, les composants et dans le noyau de Silex.
• Deux nouveaux modes de redimentionnement (scaleModes) sont disponibles dans le manager : Pixel et Scroll.
  • Pixel = votre site est visible entièrement dans toutes les résolutions d’écran. Il est réduit si la fenêtre du navigateur est plus petite que le site et il est laissé à 100% de sa taille si la fenêtre est plus grande. Ce mode est idéal pour les sites web avec des photos et des images non vectorielles.
  • Scroll = votre site est toujours vu à 100% de sa taille et la barre de défilement du navigateur apparaît lorsque cela est nécessaire (et elle est mise à jour lorsque vous naviguez dans les pages du site Silex). Grâce à ce mode, vous êtes en mesure de produire des sites HTML-like, avec beaucoup de contenu sur chaque page, très hauts et avec une barre de défilement sur le côté droit.

Les nouveautés OOF du moment sont:

• La possibilité de lire les fichiers Excel, avec le nouveau ExcelConnector. Pas encore de tuto, mais vous êtes attendus sur le forum !
• Vous pouvez maintenant scroller vos listes avec la ListScrollBar
• Le connecteur XML est maintenant fonctionnel à 100%. Il vous permet d’importer n’importe quel fichier XML et d’utiliser les données dans un site, dans un champs de texte, dans une liste, en tant qu’adresse d’une vidéo… Il permet aussi d’interagir avec flickr, youtube, picassa, google agenda, et tous les services en ligne ou presque. Le tuto est en route, mais en attendant, vous êtes attendus sur le forum pour en discuter

Thèmes

Thème MyPage

• Site Portfolio, avec diaporama et formulaire de contact. Utilisation du composant “align component” pour le visuel de fond.
• Flash Player 8
• Utilisation des composants Oof pour le diaporama et le formulaire de contact. Mode “noScale”.

Thème My Page plus

• Site Portfolio, avec diaporama en arrière plan et formulaire de contact. Utilisation du gabarit mypage_volet pour la transition site/diaporama.
• Flash Player 8
• Utilisation des composants Oof pour le diaporama et le formulaire de contact. Mode “noScale”.

*************

*************

Voici donc une news qui va vous surprendre :

Tout d’abord, la version Beta du plugin est d’ores et déjà disponible sur WordPress (installation automatique depuis l’admin de votre blog).

Une démo de ce plugin est disponible sur la plateforme de blogs de Silex Labs.

C’est un bon exemple de ce que nous attendons de ce plugin : un blog avec toutes les fonctionnalités, gestion des utilisateurs, des posts, des commentaires et choix de la template Silex dans l’admin WordPress etc.

Ce qui semble le plus important maintenant, c’est que ce plugin peut être installé en quelques clics sur un blog ou sur une plateforme WordPress Mu

WordPress Mu permet d’installer facilement une plateforme permettant de s’inscrire simplement, puis de créer des sites Silex dont le contenu est administrable par un back office simple et sécurisé; l’apparence du thème Silex étant à choisir dans la liste des thèmes installés.

Deux thèmes sont actuellement disponibles et notre équipe s’affaire à en créer de nouveaux.

Une deuxième conclusion s’impose : ce plugin va nous permettre de proposer des solutions mixtes – blog + site – avec un design et une ergonomie très différentes de celle des thèmes WordPress classiques.

En prenant de la hauteur, nous avons constaté que le choix de WordPress comme première expérience, est une excellente chose car c’est à la fois un CMS et un système de blogging.

En regardant la manière dont nous pourrions créer des plugins identiques pour Joomla, Drupal, et les autres ancêtres de la famille des CMS, nous nous sommes aperçus que l’effort serait moindre ! Nous pouvons aussi élargir la cible à la famille des wiki, comme Media Wiki

En y réfléchissant encore, nous avons finalement imaginé un plugin « universel » disposant d’un connecteur par CMS, seul élément spécifique à re-développer pour chaque CMS.

Nous avons de fait lancé un projet plus global : flog

Il s’agit d’un système qui s’adaptera à un maximum de CMS et dont Flog pour WordPress est la première pierre, le premier jet.

Links

Voyez plutot le descriptifs ci dessous des licences Créative Commons qui permettent la diffusion des médias plus ou moins open :

Signification de chaque option :

• Paternité : l’oeuvre peut être librement utilisée, à la condition de l’attribuer à son l’auteur en citant son nom.
• Pas d’Utilisation Commerciale : le titulaire de droits peut autoriser tous les types d’utilisation ou au contraire restreindre aux utilisations non commerciales (les utilisations commerciales restant soumises à son autorisation).
• Pas de Modification : le titulaire de droits peut continuer à réserver la faculté de réaliser des oeuvres de type dérivées ou au contraire autoriser à l’avance les modifications, traductions…
• Partage à l’Identique des Conditions Initiales : à la possibilité d’autoriser à l’avance les modifications peut se superposer l’obligation pour les oeuvres dites dérivées d’être proposées au public avec les mêmes libertés (sous les mêmes options Creative Commons) que l’oeuvre originaire.

D’autres options sont disponibles en anglais et n’ont pas encore été traduites en droit français. Elles sont adaptées aux besoins du sampling, des pays en voie de développement, du partage de la musique, dédiées au domaine public…

shoot du site site : http://fr.creativecommons.org/contrats.htm

Voici un billet d’un vétéran du libre.  Il parle entre autres de la licence GPL et de son rapport aux entreprises et aux développeurs qui utilisent son travail.

http://zedshaw.com/blog/2009-07-13.html

Une citation :

« But the days of quick-flip corporations and ingrate programmers making money on my software are over. My new motto is:

Open source to open source, corporation to corporation.

If you do open source, you’re my hero and I support you. If you’re a corporation, let’s talk business. »

- Ben tu vois, c’est pas compliqué LOL! Ya qu’à demander à Wikipédia ! ** Well, it’s quite simple really ! You just gotta ask Wikipedia !

http://fr.wikipedia.org/wiki/SILEX-RIA

Ou à Mediabox…** Or ask Mediabox…

http://wiki.mediabox.fr/tutoriaux/silex.flash.cms.open.source

Ou à Comment ça marche…** Try « Comment ça marche » as well …

http://www.commentcamarche.net/faq/sujet-16649-silex-flash-cms-open-source-et-gratuit


Et oui, ça blablate de toute part sur le web autour de Silex. On n’y est pas pour rien car on le propose un peu partout. J’en profite pour vous demander de contribuer au BUZZ en donnant votre avis sur Silex ici : ** The web is chattering, jabbering, babbling, talkin’ about Silex and we’ve got somethin’ to do with it ’cause we’ve been recommending it all around ! By the way, you can give your opinion about Silex and thus contribute to the BUZZ right here :

http://www.commentcamarche.net/telecharger/silex-34060658-avis-opinions.php3


Mais aussi sur ** And also on:

• http://www.trophees-du-libre.org/content/view/134/57/lang,fr/
• http://www.cms-fr.net/demo/silex
• http://linuxfr.org/~ethtezahl/27536.html

En anglais ya aussi ** In English, there’s also :

• http://osflash.org/silex
• http://silex.riaforge.org/ and another blog on Silex : http://silex.riaforge.org/blog
• http://flashenabledblog.com/2008/09/16/flash-cms/
• http://www.cmsmatrix.org/matrix/cms-matrix/silex
• http://www.webmasterbulletin.net/2008/08/flash-cms-goes-opensource-with-silex-gpl/177

********

Après « Hack le téléphone de ton geek » à la Cantine, le thème de la petite virée soissonnaise fut : Hack ta cohérence aux Trophées du Libre.

Puisque Soissons jetait un coup d’oeil de cyclope sur les logiciels libres nous avons suivis la communauté linuxienne et profité de l’émulation pour faire quelques démos.

Après un brief d’une heure sur les différentes distributions (+ versions) de Linux existantes depuis les débuts du pingouin, nous étions déjà plus à l’aise dans cet univers. Dès lors, je choisissais pour ma part de cacher mon Mac.

Au retour d’un « buffet gaulois presque parfait » l’équipe rencontra le prof de TR. Carrément dément, il nous proposa une little démo de son kart électrique dans la salle de cours de 30m2 : Challenge challenge !!

INTELLI’N, la télé présente pour filmer les candidats au trophée, n’a pu recevoir Pol qui n’avait qu’une chose à nous dire : « Demain j’arrête Spip ! »

Que retenir : Soissons est une jolie ville, Maxime et Dominique (nos hôtes) sont des anges, l’envie est un péché, 01net c’est chouette, Silex est un très vieil ordinateur des années 80, ne laissez pas cet endroit comme il l’a été le 7 mars 2006, la vidéo sur Silex tourne en 32 bit, d’où la transparence de mon hippopotame…