Ce blog déménage !
February 23rd, 2007Pour raison de spams intensif ce blog déménage !
Vous pouvez le retrouver sur : http://blogs.codes-sources.com/alex/
Merci de votre compréhension
Pour raison de spams intensif ce blog déménage !
Vous pouvez le retrouver sur : http://blogs.codes-sources.com/alex/
Merci de votre compréhension
Le 28/02 aura lieu un webcast sur le développement de gadgets en utilisant ASP.NET Ajax avec des sujets comme :
Si vous lisez ce blog (au vue des spams je pense avoir au moins un lecteur) cela vous rappelle certainements des choses ..
L’inscription se fait ici, je vous invite vivement, si le sujet vous interresse, à le regarder.
Comme quoi même des “froggies” peuvent être en avance de phase sur nos amis au states ![]()
Grande nouvelle la nouvelle version d’Orcas est disponible ici !
Ce qu’elle apporte de nouveaux :
Support de JScript pour l’intellisense
Linq over XML & Objects API
SQL Server Compact Edition
C# 3… many more
Ce post fait suite à deux autres traitant de la transparence dans un gadget ce trouvant :
Le but étant de palier au bug du “pink effect” dans un gadget. En quelques mots celui-ci vient de la gestion de transparence de Windows, vous trouverez plus d’informations sur ce sujet ici.
Si vous avez lu les autres articles et/ou utilisé la balise <g:background />, vous avez dans certains du remarquer que vous perdiez vos évènements JavaScript sur la zone ou se trouve la balise. Ce qui peut devenir génant au point d’éviter d’utilisé la transparence.
Voyons donc comment faire pour résoudre ce problème. tout d’abord de quoi aurez vous besoin ?
Déjà, qu’est-ce que ses images totalement transparente noir et blanche ? Comment les obtenir ?
Il s’agit d’une image qui à un fond totalement noir (ou blanc) dont on as baissé l’opacité du calque a 0%. Vous pouvez obtenir ce résultat avec n’importe quel éditeur d’image un tant soit peu évolué comme Paint.Net par exemple. Une fois que vous avez cela voyons comment l’exploiter dans votre gadget, dans un premier temps dans la partie HTML de ce dernier :
<g:background src="images/background.png" id="gadgetBg" style="position:absolute;left:0;width:130px;height:130px;top:0;z-index:-999;" /> <img id="dropHere" src="images/transparent.png" style="z-index:10;"/>
Vous avez ici donc deux balises, le g:background et une image tout deux pointant vers des fichiers png dont “background” est l’image de fond noir et “transparent” l’image de fond blanc. Mais, et notre fond transparent à nous dans tout cela ?
Au chargement de votre page, fonction onLoad, ajoutez ceci dans votre script JS :
gadgetBg.addImageObject("images/myBackground.png",0,0);
gadgetBg étant l’id de votre balise g:background et myBackground votre image de fond… il ne manque qu’une chose, vos évènements JavaScript, encore une fois ça va se passé dans la partie onLoad de votre gadget :
document.body.ondrop = handleDrop; dropHere.ondragenter = cancelEvent; dropHere.ondragover = cancelEvent;
Ici on gère le drag and drop dans un gadget, mais comment est-ce possible ? En fait il y as superposition de calques, votre fond est entre deux images transparente et on les superpose grâce à la propriétés z-index. Ainsi vous retrouvez “l’usage” de la transparence sans perdre vos fonctionnalités.
Du 5 au 7 février 2007 se tiendra (gratuitement) l’évènement majeur pour les IT et développeurs par Microsoft au Palais des congrès avec plus de 200 sessions qui vous permettront de découvrir l’ensemble des produits Microsoft. Un rendez-vous à ne surtout pas manquer.
Plus d’informations sur : http://www.microsoft.com/france/mstechdays/
Avec la sortie de WPF/E hier, il est de plus en plus question du XAML un peu partout sur la toile. Entre les avis anti-Microsoft, les inepsies de geek pré-pubers, il est un domaine ou de nombreuses questions peuvent se poser. Pour mon cas je parlerais de la conversion. En effet, il y as déjà un existant et il peut sembler difficile de franchir le pas, ainsi, vous avez ci-dessous une liste (non-exaustive) d’outils qui permettent de migrer vos fichiers vers du XAML.
Enjoy !
WPF est une technologie naissante, et pour chaque technologie naissante il y a des communautés qui se développent en même temps. Et c’est le cas depuis hier de WPFStorm.com, on peut supposez qu’il s’agit d’une tempête à l’image du WPF qui gagne à se faire connaître. Développé « à la main » par deux employé de Wygwam, souhaitons leur bonne chance dans leur initiative.
http://www.wpfstorm.com/Default.aspx

Vous êtes étudiant ?
Le concours Imagine Cup permet de montrer vos talents sur votre technologie préférée (Développement, web, interface, embarqué, système et réseaux,…) : Il y a un total de 170 000$ de prix à gagner !
Depuis le lancement de ce concours international il y a quatre ans, les français ont rapporté 7 médailles et l’équivalent de 55 000 $ !
Relevez le défi dans la catégorie Développement web
En utilisant ASP.NET, créez un site sur le thème « Imaginez un monde dans lequel la technologie permette d’améliorer l’éducation » et partez peut-être en Corée pour la finale !
Pour participer, rien de plus simple, il vous suffit de vous inscrire et déposer votre dossier de création de site avant le 28 février 2007 !
15.000$ à gagner.
Relevez le défi dans la catégorie Conception Logicielle
Imaginez une solution applicative basée sur le framework .NET 2.0, répondant à la problématique « Imaginez un monde dans lequel la technologie permette d’améliorer l’éducation ».
Pour participer, rien de plus simple, il vous suffit de vous inscrire et envoyer quelques pages décrivant votre projet avant le 31 janvier 2007.
50.000$ à gagner!
Relevez le défi dans la catégorie Système et Réseaux
Répondez à un QCM en ligne qui testera votre maîtrise de l’environnement Windows. Vous pourrez rejouer plusieurs fois. Les 500 meilleurs seront qualifiés pour la suite ! Pour participer, inscrivez-vous dès maintenant : 15.000$ à gagner et des voyages en Corée.
Relevez le défi dans la catégorie Interface Design
Créez une application (web ou PC) avec une interface vraiment originale et ergonomique sur le thème « Imaginez un monde dans lequel la technologie permette d’améliorer l’éducation ». Vous êtes plutôt développeur mais le dessin n’est pas votre truc ? Vous êtes designer mais ne savez pas codeur? Microsoft vous propose de vous faire rencontrer pour travailler ensemble, avec un coach, dans son prestigieux centre de technologie à Paris. Et déposez un document de quelques pages décrivant votre projet avant le 15 février 2007.
15.000$ à gagner et des voyages en Corée !
Relevez le défi dans la catégorie Project Hoshimi
Programmez la stratégie d’une petite équipe de nanorobots virtuels. Ils ont pour mission de sauver l’être humain de maladies en se battant dans le corps humain ! Un superbe environnement 3D vous permet de le résultat de votre stratégie. Vous ne connaissez rien à la programmation ? Un module pas à pas vous permet de créer votre équipe sans rien coder ! 15.000$ à gagner et des voyages en Corée.
En savoir plus et vous inscrire
Relevez le défi dans la catégorie Embarqué
Créez votre application embarquée sur le thème « Imaginez un monde dans lequel la technologie permette d’améliorer l’éducation » : les 200 meilleurs dossiers déposés (avant le 15 février 2007) recevront une carte mère en cadeau. Pour les finalistes, 15.000$ à gagner !
En savoir plus et vous inscrire
Vous êtes étudiant ?
Le concours Imagine Cup permet de montrer vos talents sur votre technologie préférée (Développement, web, interface, embarqué, système et réseaux,…) : Il y a un total de 170 000$ de prix à gagner !
Depuis le lancement de ce concours international il y a quatre ans, les français ont rapporté 7 médailles et l’équivalent de 55 000 $ !
Relevez le défi dans la catégorie Développement web
En utilisant ASP.NET, créez un site sur le thème « Imaginez un monde dans lequel la technologie permette d’améliorer l’éducation » et partez peut-être en Corée pour la finale !
Pour participer, rien de plus simple, il vous suffit de vous inscrire et déposer votre dossier de création de site avant le 28 février 2007 !
15.000$ à gagner.
Relevez le défi dans la catégorie Conception Logicielle
Imaginez une solution applicative basée sur le framework .NET 2.0, répondant à la problématique « Imaginez un monde dans lequel la technologie permette d’améliorer l’éducation ».
Pour participer, rien de plus simple, il vous suffit de vous inscrire et envoyer quelques pages décrivant votre projet avant le 31 janvier 2007.
50.000$ à gagner!
Relevez le défi dans la catégorie Système et Réseaux
Répondez à un QCM en ligne qui testera votre maîtrise de l’environnement Windows. Vous pourrez rejouer plusieurs fois. Les 500 meilleurs seront qualifiés pour la suite ! Pour participer, inscrivez-vous dès maintenant : 15.000$ à gagner et des voyages en Corée.
Relevez le défi dans la catégorie Interface Design
Créez une application (web ou PC) avec une interface vraiment originale et ergonomique sur le thème « Imaginez un monde dans lequel la technologie permette d’améliorer l’éducation ». Vous êtes plutôt développeur mais le dessin n’est pas votre truc ? Vous êtes designer mais ne savez pas codeur? Microsoft vous propose de vous faire rencontrer pour travailler ensemble, avec un coach, dans son prestigieux centre de technologie à Paris. Et déposez un document de quelques pages décrivant votre projet avant le 15 février 2007.
15.000$ à gagner et des voyages en Corée !
Relevez le défi dans la catégorie Project Hoshimi
Programmez la stratégie d’une petite équipe de nanorobots virtuels. Ils ont pour mission de sauver l’être humain de maladies en se battant dans le corps humain ! Un superbe environnement 3D vous permet de le résultat de votre stratégie. Vous ne connaissez rien à la programmation ? Un module pas à pas vous permet de créer votre équipe sans rien coder ! 15.000$ à gagner et des voyages en Corée.
En savoir plus et vous inscrire
Relevez le défi dans la catégorie Embarqué
Créez votre application embarquée sur le thème « Imaginez un monde dans lequel la technologie permette d’améliorer l’éducation » : les 200 meilleurs dossiers déposés (avant le 15 février 2007) recevront une carte mère en cadeau. Pour les finalistes, 15.000$ à gagner !
En savoir plus et vous inscrire
Bonne chance à tous !
Si vous lisez le blog de Cyril vous avez sans doute vu comment utilisé un service web dans un gadget. Mais, il vous manque certains petits détails avant de pouvoir le mettre en oeuvre, notamment concernant le service web. Si vous regardez l’URL du service web utilisé dans le lien ci-dessus, vous verrez un détails importants, qu’elle est du type : http://localhost:50951/AJAXCTPEnabledWebSite1/ws/calcul.asmx/js et si bien sur vous ajoutez un /js après le lien de votre service web, vous n’aurez rien.
Voyons donc comment procédé afin que notre service web soit compatible Microsoft Ajax. En fait, cette étape va permettre à notre service web de savoir qu’on le consomme via un client JavaScript, et il va donc généré un proxy nous permettant de l’utiliser via nos scripts.
Tout d’abord nous allons devoir inclure une référence dans notre projet, faites un clique droit sur le projet et “Add Reference”, cliquez sur l’onglet “Browse” et pointez vers la librairie Microsoft.Web.Preview.dll qui se trouve dans le répertoire ou vous avez installé Microsoft Ajax (généralement C:\Program Files\Microsoft ASP.NET\ASP.NET 2.0 AJAX Extensions\v1.0.61025).
Ensuite rajoutez le paramètre [ScriptService] au dessus de la définition de votre classe, vous aurez quelque chose du genre :
[ScriptService] public class Service : System.Web.Services.WebService { public Service () { } [WebMethod] public string HelloWorld() { return "Hello World"; } }
Il nous faut maintenant modifier notre fichier Web.config en rajoutant ceci dans la partie configuration :
<configSections> <sectionGroup name="microsoft.web" type="Microsoft.Web.Configuration.MicrosoftWebSectionGroup"> <section name="webServices" type="Microsoft.Web.Configuration.WebServicesSection" requirePermission="false"/> </sectionGroup> </configSections>
Dans la partie system.web ceci :
<httpHandlers> <remove verb="*" path="*.asmx"/> <add verb="*" path="*.asmx" type="Microsoft.Web.Script.Services.ScriptHandlerFactory" validate="false"/> </httpHandlers>
Maintenant si vous ajoutez un /js à votre service Internet Explorer vous fera téléchargé un fichier JavaScript.
Maintenant que notre service web est pret voyons notre gadget, il nous faut ajoutez à notre page plusieurs élèments, tout d’abord la librairie MicrosoftAjax.js et le fichier créez par notre service web comme suit :
<script type="text/javascript" src="js/MicrosoftAjax.js"></script> <script type="text/javascript" src="http://localhost:62698/AjaxWebService/Service.asmx/js"> </script>
Ajoutons maintenant dans notre page un bout de script qui fera le lien entre notre gadget et le service web :
<script type="text/javascript"> window.pageLoad = function() { Service.set_path("http://localhost:62698/AjaxWebService/Service.asmx"); $get(‘btn1‘).onclick = function() { Service.HelloWorld(function(e) { $get(‘result‘).innerHTML = e;}); } } </script>
Il ne reste plus qu’a ajouter le bouton qui appellera notre service web et la div qui va afficher le résultat :
<div id="wsDiv"> <button id="btn1">Go</button> </div> <div id="result"> </div>
Il ne reste plus qu’a packagé le gadget et le testé ![]()
On en as beaucoup parlé, oui il est possible de mettre du WPF dans un gadget, cela a commencé sur le blog de karsten qui met du xaml dans une iframe, le gadget Flickr en WPF et aujourd’hui… Charles Sterlings nous montre comment nous y prendre avec un how to !
Le lien est ici, et nous avons même droit à une vidéo sur Channel9 !
Encore une fois ça bouge dans les gadgets…stay tuned !