L’ensemble d’outils Microsoft Popfly est actuellement en version Alpha et accessible uniquement sur invitation. Cela signifie donc que le service ne possède pas encore toutes les fonctions prévues pour la version finale.

Qu’est ce que Microsoft Popfly ?

Microsoft Popfly est un semble d’outils permettant avant tout à l’utilisateur de créer ses mashups.
Définition d’un mashup selon Wikipedia :

Une application composite (ou mashup) est une application qui combine du contenu provenant de plusieurs applications plus ou moins hétérogènes.

Dans cet ensemble d’outils, vous en trouverez également un qui vous permettra de créer vos propres pages web hébergés sur le site. Et enfin, vous pourrez créer vos propres « Blocks », qui peuvent être utilisés dans les Mashups.

La création de pages web

Microsoft Popfly permet, à l’aide d’une interface WYSIWYG (What You See Is What You Get, « ce que vous voyez est ce que vous obtenez »), de personnaliser à souhait la page web que l’on créé.

Vous avez à votre disposition une interface très proche de celle de la suite bureautique de Microsoft : Office 2007.

Vous pouvez donc changer la mise en page, le thème (image de fond du header), le style du header, la position du menu de navigation, le jeu de couleur utilisé, la police du texte, ou encores quelques options comme la largeur de la page ou l’alignement du design par rapport à la page.

Vous pouvez ensuite, grace au lien « Preview », afficher un aperçu de votre page pour voir ce que ça donne réellement, et comment ce sera affiché pour les autres.

Vous pouvez ensuite sauvegarder votre page par les liens disponibles en haut à droite, ce qui sauvegardera le tout en tant que nouveau projet.

Lorsque l’on regarde le code source de la page en mode « preview », il est loin d’être propre. Il n’y a pas de doctype, pas d’indentation du code, et même des bouts d’ASP qui viennent se glisser dedans. On excusera ceci, pour le moment, par le fait que ce soit encore une version alpha. Mais à mon avis, pour un éditeur en WYSIWYG, il vaut mieux utiliser Microsoft Expression Web (successeur de Microsoft Frontpage) ou l’éditeur gratuit NVU (http://frenchmozilla.sourceforge.net/nvu/).

La création de Mashup

C’est l’outil principal de Microsoft Popfly, celui mis en avant sur le site, et qui relie les autres outils entre eux. En effet, il est possible de créer des blocks, et ces blocks sont utilisés pour les mashup. Et si il est possible de créer des pages web, c’est bien sur pour pouvoir afficher/publier ses mashups, si on ne possède pas d’hébergement.

Pour utiliser l’outil de création de Mashup, sachez que vous devez obligatoirement avoir Microsoft Silverlight (le « Flash » version Microsoft) installé sur votre ordinateur. Celui-ci ne pèse que 1,5Mo, s’installe très rapidement et ne nécessite pas de redémarrer le navigateur si vous êtes sur Internet Explorer (en revanche si vous êtes sur Firefox ou Safari, il faut redémarrer ces derniers).

Revenons-en à l’outil de création de mashup.
L’interface est très simple d’utilisation, encore faut-il savoir ce que l’on veut faire. En effet, faire intéragir plusieurs services entre eux demande une assez bonne connaissance de leur fonctionnement.

Vous avez donc la liste des blocks à gauche, avec un moteur de recherche intégré. Ce dernier fonctionne en live (comme le moteur de recherche du menu démarrer de Windows Vista) et très bien qui plus est.

Pour ajouter un block à votre mashup, soit vous cliquez dessus, soit vous faites un glisser-déposer de la liste vers votre mashup. Une fois le block déposé, vous pouvez le déplacer, gérer ses liaisons avec un autre block, le supprimer, ou encore modifier ses paramètres :

Il est vous est alors possible de modifier d’avantage le block en passant en mode « configuration avancée », et ainsi ajouter quelques lignes de code.

Vous pouvez également ajouter du html dans votre mashup afin d’afficher, par exemple, un formulaire qui permettra la saisie de données qui seront envoyées au premier block qui les traitera et enverra ses résultats à un autre block, et ainsi de suite.

Pour vous aider dans la création de votre mashup, un panneau latéral situé à droite de l’écran affiche plusieurs tutoriels, exemples et démo vidéos.

Le premier tutoriel présenté vous permet par exemple d’associer les 10 derniers post sur Twitter à une carte Virtual Earth. Tout vous est donc expliqué pas à pas (en anglais) pour réussir votre mashup.

Une fois vos liaisons effectuées et vos blocks configurés, vous pouvez cliquer sur le bouton « Preview » pour voir un aperçu de votre mashup en activité.

On peut voir alors que celui-ci fonctionne parfaitement

Je ne vous parlerais pas de l’outils de création de block, celui-ci étant un « simple » éditeur de code, avec tutoriel.

Interaction des mashup avec d’autres outils, d’autres plateformes

Une fois votre mashup créé et enregistré, si vous vous rendez sur votre page « My Projects » (qui liste vos projets), vous avez l’option « Share » (« Partager ») disponible sur chacun des projets.

En cliquant sur cette option sur un mashup, de nouvelles options sont disponibles.

Vous pouvez alors insérer ce mashup sur une page web, site web, blog, etc… (« Embed It »); vous pouvez également le télécharger en tant que gadget pour Windows Vista (« Download as Gadget »); ou alors vous pouvez l’ajouter directement à votre blog Windows Live Spaces.

Mais si vous l’avez partagé, vous pouvez également revenir à l’outils de création de pages web et y insérer votre mashup. Il suffit simplement de cliquer sur l’icone « Mashup » et de sélectionner votre mashup partagé dans la liste du menu déroulant qui s’affiche. Une fois le mashup inséré, vous pouvez le voir en action sur votre page en cliquant sur « Preview ».

Même si le partage des pages web n’est pas encore disponible, le partage/affichage de mashups sur les autres services est possible et fonctionne très bien. Voyez par vous même :

Autres informations

Il faut savoir qu’au niveau compatibilité, Microsoft Popfly ne fonctionne (pour l’instant) que sur Internet Explorer 6 et 7 ainsi que Firefox 2.0. Quand aux système d’exploitation, c’est en fonction de Microsoft Silverlight, et cela fonctionne donc que sur Windows XP, Windows Vista et MacOS X.

Ensuite, outre le fait que Microsoft Popfly soit entièrement grauit, l’espace disque disponible pour vos pages et mashup est tout de même limité à 25Mo par utilisateur.

Enfin, sachez que Microsoft Popfly supporte le Javascript, les librairies JS/Ajax, le HTML, le xHTML, le CSS, les format WMV/WMA/MP3, les Visual Studio Express projects, les images aux formats JPG, PNG, GIF et enfin les executables EXE.

Si vous souhaitez voir une démonstration video de Microsoft Popfly, un screencast est disponible en streaming sur le site de Microsoft, depuis ce lien.

Je n’ai pas encore d’invitations à ma disposition, mais dès que j’en ai, je le ferais savoir sur cet article (ou dans les commentaires, qu’il sera plus facile de suivre en s’abonnant par email).

Le lien

www.popfly.ms

PS: désolé si cet article n’est pas valide, ceci est du à l’insertion du mashup en iframe.

Commentaires