T'as pas tout vu en .NET !!! :-)

Gridview ASP.NET avec en source une collection d'elements "interface'

titi — Sun, 11 Oct 2009 18:00:00 +0200

J'ai été confronté ce vendredi au travail à une petite question "classique" que les développeurs posent quand ils remarquent un "problème" avec l'utilisation des GridView .... à savoir ... comment afficher dans une GridView une collection d'éléments de types différents ... Voici la réponse dans ce post !

Prenons par exemple une interface décrivant un profil .. Nous afficherons donc dans la vue une grille avec le nom et le prénom.

public interface IMonInterface
{
    string Nom { get; set; }
    string Prenom { get; set; }
}

Nous allons implémenter cette interface dans deux classes différentes ... A et B ... Nous aurions pu dire "Homme" / "Femme" ... Ce n'est pas important !

public class A : IMonInterface
{
    public string Nom { get; set; }
    public string Prenom { get; set; }
    public int Age { get; set; }
}
 
public class B : IMonInterface
{
    public string Nom { get; set; }
    public string Prenom { get; set; }
    public bool Sexe { get; set; }
}

Afin de rendre les données dans la grille ASP.NET 2.0, nous remplissons la liste et nous fournissons cette liste a notre grille.

protected void Page_Load(object sender, EventArgs e)
{
    List<IMonInterface> macollection = new List<IMonInterface>()
    {
        new B(){ Nom="Alfred", Prenom="Jean", Sexe= true},                
        new B(){ Nom="Alfredo", Prenom="Jeanot", Sexe= false},
        new A(){ Nom="Jean", Prenom="Conrad", Age=18}
    };
    gv.DataSource = macollection;
    gv.DataBind();
}

Que ce soit en AutoGenerateColumns ou en BoundField (ci-dessous), nous aurons une exception de type : "L'accesseur de propriété 'Nom' sur l'objet 'WebApplicationAjax4.A' a levé l'exception suivante :'L'objet ne correspond pas au type cible.'".... Il faut donc comprendre que le type joue un rôle important dans la reflection pour le remplissage d'une GridView ...

<asp:BoundField DataField="Nom" />

Mais comment faire pour que cela fonctionne ? Simple ... Il faut réflechir au comportement du BoundField et au comportement du ItemTemplate ... On se rend vite compte que si on implémente le code ci-dessous .... l'utilisation du "Eval" nous permettra de rendre via un autre mécanisme l'information ... Le type n'étant plus pris en compte de la même façon, le rendu fonctionne parfaitement ... Voici donc une solution au problème ! Vous en avez une autre ? Un petit commentaire est le bienvenu ... !

<asp:GridView ID="gv" runat="server" AutoGenerateColumns="False">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:Label runat="server" ID="nomID" Text='<%# Eval("Nom")%>' />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:Label runat="server" ID="prenomID" Text='<%# Eval("Prenom")%>' />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

Bing dans vos applications Silverlight

titi — Tue, 11 Aug 2009 20:30:00 +0200

Bing est arrivé dans les cartons il y a quelques semaines ... Et que dire ? Ce nouveau moteur de recherche de Microsoft semble bien plus abouti ! Mais ce qui est très intéressant avec Bing ... c'est la possibilité via une API de le questionner dans ses propres applications. Ce petit post explique comment mettre en place la recherche dans Bing sous Silverlight 3.

Introduction

La première chose à faire est de récupérer les DLL pour l'API de Bing sous Silverlight à cette adresse. La seconde étape est de demander une clé pour son application sur le site de Bing pour les développeurs .

Mise en place de la solution de test

Nous allons donc réaliser une petite application "conne" permettant d'effectuer une recherche sur Bing. Pour se faire, on crée une textbox avec un bouton. On ajoute également une ListBox standard "wpf" et puis un contrôle fourni dans les DLL de l'API pour .Net.

Code XAML

<UserControl x:Class="SilverlightWithBing.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:bing="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Views.Toolkit" 
    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">
    <Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
            <RowDefinition Height="25px"/>
            <RowDefinition Height="10*"/>
            <RowDefinition Height="10*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition Width="100px"/>
        </Grid.ColumnDefinitions>
        <TextBox Name="query" Grid.Row="0" Grid.Column="0"/>
        <Button Name="recherche" Content="Recherche" Grid.Column="1" Grid.Row="0" Click="Button_Click"/>
        <ListBox Name="resultStandard" Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1"/>
        <bing:StackView Name="resultBing" Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="2"/>
    </Grid>
</UserControl>

Code C#

public partial class MainPage : UserControl
{
    public MainPage()
    {
        InitializeComponent();
        // On initialise la recherche pour Bing
        InitialiseBing();
        // On bind les data sources
        this.resultBing.ItemsSource = SearchEnvironment.Default.Results;
        this.resultStandard.ItemsSource = SearchEnvironment.Default.Results;
        this.query.Text = "thierry thoua";
    }
 
    private void InitialiseBing()
    {
        // La clé "privée" obtenue via le site Bing Developer
        SearchEnvironment.Default.ApplicationId = "YOUR KEY";
        // Je ne recherche que les pages WEB
        SearchEnvironment.Default.MediaType = SearchMedia.Web;
        // Je désactive l'option de filtrage ...
        SearchEnvironment.Default.AdultOption = AdultOption.Off;
        // 30 résultats par page
        SearchEnvironment.Default.PageSize = 30;
    }
 
    private void Button_Click(object sender, RoutedEventArgs e)
    {
        if (!String.IsNullOrEmpty(this.query.Text))
            SearchEnvironment.Default.BeginSearch(this.query.Text);
    }
}

Customisation des "listes"

Après avoir appliqué un peu de "skin" via des template sur les Item ... voici le résultat:

ListBox standard WPF

<ListBox Name="resultStandard" Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="1">
      <ListBox.ItemTemplate>
          <DataTemplate>
               <StackPanel>
                   <TextBlock Text="{Binding Title}"/>
                   <TextBlock Text="{Binding Snippet}"/>
               </StackPanel>
           </DataTemplate>
      </ListBox.ItemTemplate>
</ListBox>

Listbox fournie par les DLL Silverlight/Bing

<bing:StackView Name="resultBing" Grid.Column="0" Grid.ColumnSpan="2" Grid.Row="2">
     <bing:StackView.ItemTemplate>
          <DataTemplate>
            <StackPanel>
                <bing:LinkLabel Text="{Binding Title}" NavigateUri="{Binding Url}"/>
                <TextBlock Text="{Binding Snippet}"/>
            </StackPanel>
          </DataTemplate>
      </bing:StackView.ItemTemplate>
</bing:StackView>

Et vous, qu'en pensez-vous de Bing ?

Validations de classes business en Silverlight

titi — Sun, 09 Aug 2009 23:00:00 +0200

De nombreuses applications vont demander des validations d'encodage ... En effet, il est impossible d'envisager la création et l'utilisation d'une application sans validation de format au minimum. Les applications silverlight utiliseront également ces validations ! Ce post est donc la pour expliquer en quelques mots exemples à l'appui comment mettre en place la validation en Silverlight 3.

Démonstration

Pour être le plus clair possible, on va créer une petite application permettant l'encodage du nom d'une personne. Ce nom doit être de minimum 2 caractères. Si ce n'est pas le cas, il faut remonter une erreur.

Création de l'application de base

Code XAML

<UserControl x:Class="SilverlightBusinessValidation.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">
    <Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
            <RowDefinition Height="25px"/>
            <RowDefinition Height="25px"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="50px"/>
            <ColumnDefinition Width="300px"/>
        </Grid.ColumnDefinitions>
        <TextBlock Text="Nom:" Grid.Column="0" Grid.Row="0"/>
        <TextBox Name="txtNom" Grid.Row="0" Grid.Column="1" Text="{Binding Path=Nom,Mode=TwoWay}"/>
        <TextBlock Text="Age:" Grid.Column="0" Grid.Row="1"/>
        <TextBox Name="txtAge" Grid.Row="1" Grid.Column="1" Text="{Binding Path=Age,Mode=TwoWay}"/>
    </Grid>
</UserControl>

Code C# de remplissage de la source de données

public partial class MainPage : UserControl
{
    public MainPage()
    {
        InitializeComponent();
        this.DataContext = new Identite();
    }
}

Classe "business avec une petite regle de validation pour le nom dans le "set"

public class Identite
{
    private string nom;
    private int age;
 
    public string Nom
    {
        get { return this.nom; }
        set
        {
            if (value.Length < 2)
                throw new ValidationException("Le nom ne peut pas être inférieur à 2 caractères");
            this.nom = value;
        }
    }
 
    public int Age
    {
        get { return this.age; }
        set { this.age = value; }
    }
}

Mise en place d'une validation de base

Comme vous pouvez le voir en testant le code ci-dessus. Aucune erreur n'est remontée sur l'ui. En effet pour avoir une erreur remontée, il faut activer la gestion des erreurs dans le binding de la propriété en settant "true" la propriété ValidatesOnExceptions.

Code XAML

<UserControl x:Class="SilverlightBusinessValidation.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">
    <Grid x:Name="LayoutRoot">
        <Grid.RowDefinitions>
            <RowDefinition Height="25px"/>
            <RowDefinition Height="25px"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="50px"/>
            <ColumnDefinition Width="300px"/>
        </Grid.ColumnDefinitions>
        <TextBlock Text="Nom:" Grid.Column="0" Grid.Row="0"/>
        <TextBox Name="txtNom" Grid.Row="0" Grid.Column="1" 
           Text="{Binding  Path=Nom,Mode=TwoWay,NotifyOnValidationError=true,ValidatesOnExceptions=true}"/>
        <TextBlock Text="Age:" Grid.Column="0" Grid.Row="1"/>
        <TextBox Name="txtAge" Grid.Row="1" Grid.Column="1" 
           Text="{Binding Path=Age,Mode=TwoWay,NotifyOnValidationError=true,ValidatesOnExceptions=true}"/>
    </Grid>
</UserControl>

Customisation de la remontée d'erreurs de validations

Afin d'avoir la possibilité d'avoir l'élément levé d'erreur de validation, il faut activer la propriété NotifyOnValidationError dans le binding. Le code ci-dessous coloriera la textbox en rouge en cas d'erreur.

public partial class MainPage : UserControl
{
    public MainPage()
    {
        InitializeComponent();
        this.DataContext = new Identite();
        this.txtNom.BindingValidationError += 
                                new EventHandler<ValidationErrorEventArgs>(txtNom_BindingValidationError);
    }
 
    private void txtNom_BindingValidationError(object sender, ValidationErrorEventArgs e)
    {
        ((Control)e.OriginalSource).Background = new SolidColorBrush(e.Action == ValidationErrorEventAction.Added 
                                                                         ? Colors.Red : Colors.White);
    }
}

Utilisation des "data annotations"

L'utilisation des data annotations demande l'ajout de la reference à la DLL.

Implémentation de la validation via attribut standard fourni dans le framework

public class Identite
{
    private string nom;
    private int age;
 
    [StringLength(100, MinimumLength = 2, ErrorMessage = "Le nom ne peut pas être inférieur à 2 caractères")]
    public string Nom
    {
        get { return this.nom; }
        set
        {
            Validator.ValidateProperty(value, new ValidationContext(this, null, null) { MemberName = "Nom" });
            this.nom = value;
        }
    }
 
    public int Age
    {
        get { return this.age; }
        set { this.age = value; }
    }
}

Implémentation de la validation via attribut "custom". Cette méthode offre la possibilité de créer une véritable validation fonctionnelle.

public class CustomClassValidationAttribute : ValidationAttribute
{
    public string Nom { get; set; }
    public int MinimumLength { get; set; }
 
    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
    {
        string chaine = (string)value;
        if(chaine.Length >= this.MinimumLength)
            return ValidationResult.Success;
 
        return new ValidationResult(string.Format("Le {0} ne peut pas être inférieur à {1} caractère(s)", this.Nom, this.MinimumLength));
    }
}
 
public class Identite
{
    private string nom;
    private int age;
 
    [CustomClassValidationAttribute(MinimumLength = 2, Nom="nom")]
    public string Nom
    {
        get { return this.nom; }
        set
        {
            Validator.ValidateProperty(value, new ValidationContext(this, null, null) { MemberName = "Nom" });
            this.nom = value;
        }
    }
 
    public int Age
    {
        get { return this.age; }
        set { this.age = value; }
    }
}

Implémentation d'une validation non pas d'une "classe" de validation mais d'une méthode dans une classe

public class CustomClassAvecMethode
{
    // public & static !
    public static ValidationResult MethodeMinLength(string value)
    {
        if (value.Length >= 2)
            return ValidationResult.Success;
 
        return new ValidationResult("Le nom ne peut pas être inférieur à 2 caractères");
    }
}
 
public class Identite
{
    private string nom;
    private int age;
 
    [CustomValidation(typeof(CustomClassAvecMethode), "MethodeMinLength")]
    public string Nom
    {
        get { return this.nom; }
        set
        {
            Validator.ValidateProperty(value, new ValidationContext(this, null, null) { MemberName = "Nom" });
            this.nom = value;
        }
    }
 
    public int Age
    {
        get { return this.age; }
        set { this.age = value; }
    }
}

Conclusion

Voici donc en quelques lignes comment implémenter vos validations sous Silverlight 3. Vous avez d'autres techniques ? Laissez un commentaire

Balsamiq mockup ! ... le meilleur des wireframes !

titi — Sun, 02 Aug 2009 21:55:00 +0200

Je vais vous parler en quelques lignes de balsamiq mockup. Il s'agit d'une solution permettant d'offrir rapidement un "design" comme si on dessinait sur un papier. Il est possible de l'intégrer à des outils comme Jira et confluence ! Que du bonheur .... Voici un exemple de dessin réalisé en 3 minutes ...
Comme vous pouvez le voir .... cet outil est simple d'utilisation ! Je vous invite à le tester et cette petite vidéo ci dessous vous convaincra !

Silverlight 3 released !

titi — Thu, 09 Jul 2009 21:59:00 +0200

Tout est dans le titre ... A vos download !

Les tools pour visual studio 2008 ... C'est par ici

IsolatedStorageFile !

titi — Tue, 07 Jul 2009 23:00:00 +0200

Vous développez en Silverlight ? Vous avez envie de développer mais vous vous demandez comment enregistrer des données pour un utilisateur sur un ordinateur a la "cookie" mode en ASP.NET ? L'IsolatedStorageFile est la pour vous ! Il vous permet par exemple d'enregistrer des valeurs d'une textbox dans un fichier et de le récupérer après avoir fermé l'application en retournant dessus 10 jours après !.

La démonstration ici est simple. On enregistre le texte contenu dans une TextBox. A chaque fois que l'on clique sur le bouton "Enregistrer les données", on efface tout le texte. On vérifie en fermant l'application et en la relancant puis en appuyant sur "Charger les données" que le texte revient ! Mais comment cela fonctione-t-il ? Chaque application a son "espace" stocké quelques part sur le disque. Il est possible d'y enregistrer plusieurs fichiers... Il est également possble d'augmenter la taille 'Quota' alloué, ...

Voici le code XAML de la page Silverlight !

<UserControl x:Class="IsoStorageSilverlight.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="400" Height="300">
    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="5*"/>
            <RowDefinition Height="1*"/>
            <RowDefinition Height="1*"/>
        </Grid.RowDefinitions>
        <TextBox Grid.Row="0" Name="grille"/>
        <Button Grid.Row="1" Name="charger" Click="Charger_Click"  Content="Charger les données"/>
        <Button Grid.Row="2" Name="enregistrer" Click="Enregistrer_Click" Content="Enregistrer les données"/>
    </Grid>
</UserControl>

Voici le code C# de cette même page !

public partial class MainPage : UserControl
{
    private const string FILENAME = "fichier.txt";
 
    public MainPage()
    {
        InitializeComponent();
    }
 
    private void Enregistrer_Click(object sender, RoutedEventArgs e)
    {
        // On récupère le "store" pour cette application
        using (IsolatedStorageFile store = IsolatedStorageFile.GetUserStoreForApplication())
        {
            // On vérifie si le fichier existe
            // Si oui on l'efface
            if (store.FileExists(FILENAME))
                store.DeleteFile(FILENAME);
 
            // On crée un nouveau fichier et on copie le contenu de la textbox
            using (FileStream stream = store.CreateFile(FILENAME))
            {
                StreamWriter writer = new StreamWriter(stream);
                writer.Write(grille.Text);
                writer.Flush();
            }
            // On reset la textbox !
            grille.Text = string.Empty;
        }
    }
 
    private void Charger_Click(object sender, RoutedEventArgs e)
    {
        // On récupère le "store" pour cette application
        using (IsolatedStorageFile store = IsolatedStorageFile.GetUserStoreForApplication())
        {
            // Si le fichier existe, on le récupère
            if (store.FileExists(FILENAME))
                using (FileStream stream = store.OpenFile(FILENAME, FileMode.Open, FileAccess.Read))
                {
                    // On va le lire et positionner la propriété Text de la textbox
                    // avec le contenu de la grille !
                    StreamReader reader = new StreamReader(stream);
                    grille.Text = reader.ReadToEnd();
                }
        }
    }
}

Pour plus d'informations, je vous conseille la MSDN en cliquant ici.

Custom engine en ASP.NET MVC 1.0

titi — Mon, 06 Jul 2009 22:00:00 +0200

La force d'asp.net MVC est sa modularité. Il est possible en quelques minutes de modifier les "briques" de base du projet. Je vais expliquer comment le réaliser. Le but de ce post n'est pas de faire un cas "concret" mais d'expliquer comment le faire. Je vais donc montrer comment modifier le module "Controller" et "Vue" du projet.

1) Controller

Le controlleur est une des brique super importante. Parfois, il faut ajouter des comportements ou des données sous forme de propriétés comme par exemple des collections de "droits",.... En effet, il faut parfois instancier un autre controller en fonction d'un contexte Y. Ceci se fait très rapidement en ASP.NET MVC. Il suffit d'implémenter une classe héritant par exemple de la classe "standard" utilisée dans le framework. On Ajoutera le comportement dans cette classe. La génération des classes "Controller" passera toujours par cette classe !

public class CustomControllerFactory : DefaultControllerFactory
{
    // Création d'une classe IController
    public override IController CreateController(RequestContext requestContext, string controllerName)
    {
        return base.CreateController(requestContext, controllerName);
    }
 
    // Fin des traitements
    public override void ReleaseController(IController controller)
    {
        base.ReleaseController(controller);
    }
}

Cependant, tout ne fonctionne pas directement. En effet, il faut enregistrer la factory de controller comme étant celle à utiliser dans l'applicatif.

ControllerBuilder.Current.SetControllerFactory(typeof(CustomControllerFactory));

2) View Engine

Il est également possible de "modifier" la factory gérant le rendu dans l'application. Cela offre de nouvelles perspectives comme le support de plusieurs vues différentes en fonction du "browser". Il est donc possible en quelques lignes d'avoir une vue pour IPhone et une autre vue pour IE tout en gardant le même controller etc etc. Pour se faire il faut surcharger la méthode recherchant les bonnes vues !

public class CustomViewEngine : WebFormViewEngine
{
    protected override IView CreatePartialView(ControllerContext controllerContext, string partialPath)
    {
        return base.CreatePartialView(controllerContext, partialPath);
    }
 
    protected override IView CreateView(ControllerContext controllerContext, string viewPath, string masterPath)
    {
        // Méthode appelée en second
        return base.CreateView(controllerContext, viewPath, masterPath);
    }
 
    public override ViewEngineResult FindView(ControllerContext controllerContext, string viewName, string masterName, bool useCache)
    {
        // Méthode appelée en premier
        return base.FindView(controllerContext, viewName, masterName, useCache);
    }
 
    public override ViewEngineResult FindPartialView(ControllerContext controllerContext, string partialViewName, bool useCache)
    {
        return base.FindPartialView(controllerContext, partialViewName, useCache);
    }
}

Il faut également toujours comme précisé plus haut modifier le moteur de rendu dans le fichier global.asax pour prendre en compte le nouveau moteur.

ViewEngines.Engines.Clear();
ViewEngines.Engines.Add(new CustomViewEngine());

3) Conclusion

Après lecture de ce post, il vous sera très facile d'ajouter de nouvelles opportunités à votre application ASP.NET MVC ! Si vous voulez par exemple ajouter le support des "mobiles", je vous conseille également le fichier "browser" des mobiles disponible ici.

Manipulation du dom de la page Html via Silverlight

titi — Sat, 11 Apr 2009 04:05:00 +0200

Les RIA c'est top ! Mais parfois il faut interagir avec une page HTML qui héberge l'application RIA. Silverlight nous offre tout ce qu'on a besoin pour permettre ce genre d'opération. Ce post est donc la pour expliquer comment ajouter un evenement javascript sur un controle HTML qui sera intercepté dans le silverlight et qui lancera du code C#. Mais ce post est également la pour modifier le DOM de la page HTML depuis l'application silverlight !

1°) Modification du DOM de la page HTML depuis une application Silverlight

La petite démo que je présente ici montre comment intégrer du contenu HTML dans un div depuis l'application Silverlight. Pour se faire j'ai créé une petite application silverlight dans une page HTML.

- Application Silverlight

<UserControl x:Class="SilverlightApplication3.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="400" Height="300">
    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="3*"/>
            <RowDefinition />
        </Grid.RowDefinitions>
        <TextBox Grid.Row="0" x:Name="Contenu" AcceptsReturn="True"/>
        <Button x:Name="ClikClak" Grid.Row="1" Content="Insère dans la page" Click="ClikClak_Click"/>
    </Grid>
</UserControl>

- Page HTML

<div id="silverlightControlHost">
    <object data="data:application/x-silverlight-2," type="application/x-silverlight-2"
       style="height: 500px; width: 500px">
         <param name="source" value="ClientBin/SilverlightApplication3.xap" />
         <param name="onerror" value="onSilverlightError" />
         <param name="background" value="white" />
         <param name="minRuntimeVersion" value="3.0.40307.0" />
         <param name="autoUpgrade" value="true" />
    <iframe style='visibility: hidden; height: 0; width: 0; border: 0px'></iframe>
    <div id="contenuExemple">Du contenu !</div>
</div>

- Code modifiant le DOM

public partial class MainPage : UserControl
{
    public MainPage()
    {
        InitializeComponent();
    }
 
    private void ClikClak_Click(object sender, RoutedEventArgs e)
    {
        HtmlElement contenu = HtmlPage.Document.GetElementById("contenuExemple");
        contenu.SetProperty("innerHTML", Contenu.Text);
    }
}

- Résultat

2°) Lancement d'évenement sur un contrôle HTML standard et traitement de l'évènement dans l'application Silverlight 2.

La seconde petite démo réalise le chemin inverse de la première. On a un bouton HTML et on souhaite envoyer l'évènement "click" à l'application Silverlight

- Application Silverlight

<UserControl x:Class="SilverlightApplication3.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="400" Height="300">
    <Grid x:Name="LayoutRoot" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="3*"/>
            <RowDefinition  Height="0.5*"/>
        </Grid.RowDefinitions>
        <TextBox Grid.Row="0" x:Name="Contenu" AcceptsReturn="True"/>
        <TextBlock x:Name="textDepuisHtml" Grid.Row="1" />
    </Grid>
</UserControl>

- Page HTML

<div id="silverlightControlHost">
    <object data="data:application/x-silverlight-2," type="application/x-silverlight-2"
       style="height: 500px; width: 500px">
         <param name="source" value="ClientBin/SilverlightApplication3.xap" />
         <param name="onerror" value="onSilverlightError" />
         <param name="background" value="white" />
         <param name="minRuntimeVersion" value="3.0.40307.0" />
         <param name="autoUpgrade" value="true" />
    <iframe style='visibility: hidden; height: 0; width: 0; border: 0px'></iframe>
    <input type="button" id="boutonHtml" value="Vers silverlight" />
</div>

- Code gérant l'évenement JS

public partial class MainPage : UserControl
{
    public MainPage()
    {
        InitializeComponent();
        HtmlElement button1 = HtmlPage.Document.GetElementById("boutonHtml");
        button1.AttachEvent("onclick", new EventHandler(BoutonHtml_Click));
    }
 
    private void BoutonHtml_Click(object sender, EventArgs e)
    {
        textDepuisHtml.Text = "Paf le chat !";
    }
}

- Résultat

3°) Conclusion

Il est donc simple de manipuler le DOM d'une page HTML depuis une application Silverlight. Il est possible de faire beaucoup d'autres choses ! Comme par exemple la navigation dans les contrôles silverlight depuis le JS client ou appeler du code dans Silverlight depuis du code JS... Mais ce sera pour un prochain article !

Bonne soirée !

Client Ajax pour ADO.Net data Services (opération SELECT)

titi — Tue, 07 Apr 2009 23:08:00 +0200

Le but de ce mini post est de montrer qu'il est possible de faire rapidement une page Ajax contenant une dropdown qui se remplit lorsqu'on le souhaite via une requête sur le "service" ADO.Net que l'on a créé dans les précédents posts !. Ce type de développement offre de belles perspectives et va réduire la taille du viewstate & le nombre de ko transféré en POST au serveur ... Que du positif pour l'optimisation du site web !

1°) La première étape est de créer une simple page asp.Net avec la dropdown et le code javascript vide d'appel lors du click sur le bouton. C'est lors de ce clic que l'on chargera la dropdown !

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Page de démo</title>
 
    <script type="text/javascript" language="javascript">
        function ChargePays() {
        }
    </script>
 
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <select id="cbPays">
        </select>
        <br />
        <input id="fillPays" type="button" value="Charge les pays" onclick="ChargePays();" />
    </div>
    </form>
</body>
</html>

2°) La seconde étape consiste à remplir le code HTML du body en y ajoutant les références aux fichiers JS !

<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Path="MicrosoftAjax.js" />
            <asp:ScriptReference Path="MicrosoftAjaxTemplates.js" />
            <asp:ScriptReference Path="MicrosoftAjaxAdoNet.js" />
        </Scripts>
    </asp:ScriptManager>
    <div>
        <select id="cbPays">
        </select>
        <br />
        <input id="fillPays" type="button" value="Charge les pays" onclick="ChargePays();" />
    </div>
    </form>
</body>

3°) La troisième étape consiste à implémenter la logique de réquêtage du service ADO.NET (astoria).

<script type="text/javascript" language="javascript">
    function ChargePays() {
      var dataService = new Sys.Data.AdoNetServiceProxy("WebDataServiceAstoria.svc");
      dataService.query("Pays", ExecutionReussite, ExcutionEchec);
    }
 
    function ExecutionReussite(result, context, operation) {
    }
 
    function ExcutionEchec(error, context, operation) {
      alert(error);
    }
</script>

4°) La quatrième étape consiste à remplir la dropdown avec les valeurs récupérées via le service

<script type="text/javascript" language="javascript">
    function ExecutionReussite(result, context, operation) {
      if (result != null) {
        var select = $get("cbPays");
        select.length = 0;
        for (i = 0; i < result.length; i++) {
          select.options.add(new Option(result[i].Nom, result[i].ID));
        }
      }
    }
</script>

5°) Voici le résultat final du code implémenté !

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Page de démo</title>
 
    <script type="text/javascript" language="javascript">
        function ChargePays() {
            var dataService = new Sys.Data.AdoNetServiceProxy("WebDataServiceAstoria.svc");
            dataService.query("Pays", ExecutionReussite, ExcutionEchec);
        }
 
        function ExecutionReussite(result, context, operation) {
            if (result != null) {
                var select = $get("cbPays");
                select.length = 0;
                for (i = 0; i < result.length; i++) {
                    select.options.add(new Option(result[i].Nom, result[i].ID));
                }
            }
        }
 
        function ExcutionEchec(error, context, operation) {
            alert(error);
        }
    </script>
 
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Path="MicrosoftAjax.js" />
            <asp:ScriptReference Path="MicrosoftAjaxTemplates.js" />
            <asp:ScriptReference Path="MicrosoftAjaxAdoNet.js" />
        </Scripts>
    </asp:ScriptManager>
    <div>
        <select id="cbPays">
        </select>
        <br />
        <input id="fillPays" type="button" value="Charge les pays" onclick="ChargePays();" />
    </div>
    </form>
</body>
</html>

Et en images !

Avant la requête:

Après la requête:

6°) Conclusion

Ce petit post montre combien il est simple d'implémenter ce type de récupération en quelques minutes. Cette démonstration a été réalisée sous ASP.NET Ajax Preview 4. Elle ne fonctionnera pas avec les preview précédentes. En effet, les noms des classes JS pour requêter Astoria ont un peu changé.

Custom datacontext sous ADO.Net DataServices (partie 2)

titi — Mon, 06 Apr 2009 20:12:00 +0200

Ce post est la pour présenter l'interface permettant de réaliser une "custom" persistence sous ADO.Net Data Services. La classe "contexte" doit hériter de IUpdatable.

1°) La première étape est de reprendre la classe "contexte" que l'on a utilisé dans le précédent post !

public class CustomDataContext : IUpdatable
{
    private static List<Pays> pays = CreePays();
 
    public IQueryable<Pays> Pays
    {
        get { return pays.AsQueryable(); }
    }
 
    private static List<Pays> CreePays()
    {
        List<Pays> pays = new List<Pays>();
        pays.Add(new Pays() { ID = 1, Nom = "Belgique", Superficie = 30528 });
        pays.Add(new Pays() { ID = 2, Nom = "France", Superficie = 670922 });
        pays.Add(new Pays() { ID = 3, Nom = "Luxembourg", Superficie = 2586 });
        pays.Add(new Pays() { ID = 4, Nom = "Suisse", Superficie = 41290 });
        return pays;
    }
}

2°) La seconde étape est donc d'implémenter chaque méthode. Comme vous pouvez le voir ci-dessous, certaines sont restées vide parce que l'exemple ne gère pas les collections enfants etc etc. Nous restons sur un modèle "simple".

public class CustomDataContext : IUpdatable
{
    private static List<Pays> pays = CreePays();
 
    public IQueryable<Pays> Pays
    {
        get { return pays.AsQueryable(); }
    }
 
    private static List<Pays> CreePays()
    {
        List<Pays> pays = new List<Pays>();
        pays.Add(new Pays() { ID = 1, Nom = "Belgique", Superficie = 30528 });
        pays.Add(new Pays() { ID = 2, Nom = "France", Superficie = 670922 });
        pays.Add(new Pays() { ID = 3, Nom = "Luxembourg", Superficie = 2586 });
        pays.Add(new Pays() { ID = 4, Nom = "Suisse", Superficie = 41290 });
        return pays;
    }
 
    #region Implémentation de IUpdatable
 
    // ContainerName = Pays
    // fullType = fullType de pays
    public object CreateResource(string containerName, string fullTypeName)
    {
        var nouvelleResource = Activator.CreateInstance(Type.GetType(fullTypeName));
        pays.Add((Pays)nouvelleResource);
        return nouvelleResource;
    }
 
    public void SetValue(object targetResource, string propertyName, object propertyValue)
    {
        PropertyInfo property = targetResource.GetType().GetProperty(propertyName);
        property.SetValue(targetResource, propertyValue, null);
    }
 
    public object ResolveResource(object resource)
    {
        return resource;
    }
 
    public void SaveChanges()
    {
        // Persiste les modifications
    }
 
    public void DeleteResource(object targetResource)
    {
        pays.Remove((Pays)targetResource);
    }
 
 
    public object GetValue(object targetResource, string propertyName)
    {
        var targetProperty = targetResource.GetType().GetProperty(propertyName);
        return targetProperty.GetValue(targetResource, null);
    }
 
    public object GetResource(IQueryable query, string fullTypeName)
    {
        var enumerator = query.GetEnumerator();
        while (enumerator.MoveNext())
        {
            if (enumerator.Current != null)
                return enumerator.Current;
        }
 
        throw new DataServiceException();
    }
 
    public void ClearChanges()
    {
        // Annule les modifications
    }
 
    public object ResetResource(object resource)
    {
        Pays pays = new Pays();
        pays.ID = ((Pays)resource).ID;
        pays.Superficie = 0;
        pays.Nom = null;
        return pays;
    }
 
    public void AddReferenceToCollection(object targetResource, string propertyName, object resourceToBeAdded)
    {
        throw new NotImplementedException();
    }
 
    public void RemoveReferenceFromCollection(object targetResource, string propertyName, object resourceToBeRemoved)
    {
        throw new NotImplementedException();
    }
 
    public void SetReference(object targetResource, string propertyName, object propertyValue)
    {
        throw new NotImplementedException();
    }
 
    #endregion
}

3°) La troisième étape est de modifier le service ADO.Net data service pour accepter les modifications. On change donc l'enum EntitySetRights de AllRead en All.

public class WebDataServiceAstoria : DataService<CustomDataContext>
{
    public static void InitializeService(IDataServiceConfiguration config)
    {
        config.SetEntitySetAccessRule("*", EntitySetRights.All);
        //config.UseVerboseErrors = true;
    }
}

4°) Passons au test ! Nous allons tester le cas de l'insert / update / delete via une petite application console !

class Program
{
    static void Main(string[] args)
    {
        CustomDataContext dataContext = new CustomDataContext(new Uri("http://localhost:13094/WebSite2/WebDataServiceAstoria.svc/"));
        // On ajoute un nouveau pays !
        Pays pays = new Pays() { ID = 10, Nom = "Canada", Superficie = 10 };
        dataContext.AddToPays(pays);
        dataContext.SaveChanges();
 
        // On modifie son ID et on persiste les modifications
        pays.ID = 9;
        dataContext.UpdateObject(pays);
        dataContext.SaveChanges();
 
        // On efface le nouvel objet créé
        dataContext.DeleteObject(pays);
        dataContext.SaveChanges();
    }
}

5°) Et voici comment on fait en quelques minutes la "persistence" des modifications sous ADO.Net Data Services ! Rien de plus simple non ?

Custom datacontext sous ADO.Net DataServices (partie 1)

titi — Sat, 04 Apr 2009 23:45:00 +0200

Le but de ce post est de montrer comment il est possible en quelques minutes d'avoir un service ADO.Net qui pourra être interrogé via requête URL (en REST).

1°) Commençons par créer une classe décrivant les pays!

[DataServiceKey("ID")]
public class Pays
{
   public int ID { get; set; }
   public string Nom { get; set; }
   public double Superficie { get; set; }
}

2°) La seconde étape est de créer une classe de "DataContext" permettant le requêtage. Pour ce faire, il faut avoir une (ou des) propriétés renvoyant un IQueryable<T>.

public class CustomDataContext
{
   private static List<Pays> pays = CreePays();
 
   public IQueryable<Pays> Pays 
   { 
      get { return pays.AsQueryable(); 
   }
 
   private static List<Pays> CreePays()
   {
     List<Pays> pays = new List<Pays>();
     pays.Add(new Pays() { ID = 1, Nom = "Belgique", Superficie = 30528 });
     pays.Add(new Pays() { ID = 2, Nom = "France", Superficie = 670922 });
     pays.Add(new Pays() { ID = 3, Nom = "Luxembourg", Superficie = 2586 });
     pays.Add(new Pays() { ID = 4, Nom = "Suisse", Superficie = 41290 });
     return pays;
   }
}

3°) La troisième étape est la mise "en ligne" de notre classe de contexte. Cette mise en ligne permettra le requêtage.

public class WebDataServiceAstoria : DataService<CustomDataContext>
{
   public static void InitializeService(IDataServiceConfiguration config)
   {
      config.SetEntitySetAccessRule("*", EntitySetRights.AllRead);
   }
}

4°) Après cette étape, nous avons un service ADO.NET Data Services qui fonctionne ! Voici quelques exemples de requêtes !

- Liste des entités disponibles !

- Get des pays !

URL : http://localhost:13094/WebSite2/WebDataServiceAstoria.svc/Pays

- Get d'un pays sur base de son ID !

URL : http://localhost:13094/WebSite2/WebDataServiceAstoria.svc/Pays(1)

- Get des pays avec la gestion de l'order by !

URL : http://localhost:13094/WebSite2/WebDataServiceAstoria.svc/Pays?$orderby=Superficie%20asc

- Get des pays avec filtre !

URL : http://localhost:13094/WebSite2/WebDataServiceAstoria.svc/Pays?$filter=Nom%20eq%20'Belgique'

Windows Live Messenger Web Toolkit présenté au Mix 09

titi — Sun, 29 Mar 2009 12:00:00 +0200

Microsoft a présenté dernièrement un toolkit permettant d'ajouter a ses sites web le support de MSN ... La démo ressemble à du facebook :-). Le concept est très intéressant ! Les exemples sont disponibles en Ruby, C#, PHP, ...

Voici une démo ici

I'm on twitter !

titi — Sat, 28 Mar 2009 09:48:00 +0100

Yeah !!! I'm on twitter ... Why ? I don't know ! But it's cooooooooooooool. You can find me here

See you !

Merge rapide de colonnes d'une GridView en ASP.NET

titi — Thu, 26 Mar 2009 22:45:00 +0100

Il est si simple d'avoir une petite gridview dans une page ASP.NET pour afficher des résultats... Mais qu'en est il d'un regroupement des mêmes valeurs ... En effet, parfois on ne veut qu'une seule occurence propre dans une colonne ...Par exemple un seul lien externe qui représente le lien qui nous amènera vers l'ensemble des lignes de la grille ayant le "même type". Il est évidement possible de jouer avec le RowSpan d'une grille en quelques minutes. Bref anyway ! Passons a l'exemple ... Ce sera plus parlant

Prenons une simple classe "business" que l'on souhaite afficher dans une GridView:

public class DocumentAttache
{
    public int TypeDocument { get; set; }
    public string Nom { get; set; }
    public string Description { get; set; }
}

Créons la grille dans une page ASP.NET

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        List<DocumentAttache> liste = new List<DocumentAttache>();
        liste.Add(new DocumentAttache() { TypeDocument = 1, Nom = "Doc1", Description = "Description Doc1" });
        liste.Add(new DocumentAttache() { TypeDocument = 1, Nom = "Doc2", Description = "Description Doc2" });
        liste.Add(new DocumentAttache() { TypeDocument = 1, Nom = "Doc3", Description = "Description Doc3" });
        liste.Add(new DocumentAttache() { TypeDocument = 2, Nom = "Doc4", Description = "Description Doc4" });
        liste.Add(new DocumentAttache() { TypeDocument = 2, Nom = "Doc5", Description = "Description Doc5" });
        liste.Add(new DocumentAttache() { TypeDocument = 3, Nom = "Doc7", Description = "Description Doc7" });
        liste.Add(new DocumentAttache() { TypeDocument = 3, Nom = "Doc7", Description = "Description Doc7" });
        this.GridView1.DataSource = liste;
        this.GridView1.DataBind();
        MergeColumn(this.GridView1, 0);
    }
}

Comme vous avez pu le voir plus haut dans le remplissage de la gridview, il y a la dernière ligne du précédent code qui est "intéressante" pour le "merge des colonnes.

Mais qu'en est il derrière ?

Le merge des colonnes

Voici la réponse :

private static void MergeColumn(GridView gv, int position)
{
    Dictionary<string, int> hash = new Dictionary<string, int>();
    string currentText = string.Empty;
    int count = 0;
    int currentCell = 0;
    do
    {
        GridViewRow dataRow = gv.Rows[currentCell++];
        if (dataRow.RowType == DataControlRowType.DataRow)
        {
            bool sameText = dataRow.Cells[position].Text == currentText;
            if (currentCell == gv.Rows.Count)
            {
                if (!sameText)
                {
                    // Fin mais pas meme texte
                    if (count > 1)
                        hash.Add(currentText, count);
                }
                else
                {
                    // Fin meme texte
                    hash.Add(currentText, count + 1);
                }
            }
            else
            {
                // Pas meme texte
                if (!sameText)
                {
                    if (count > 1)
                        hash.Add(currentText, count);
                    currentText = dataRow.Cells[position].Text;
                    count = 0;
                }
            }

            ++count;
        }
    }
    while (currentCell < gv.Rows.Count);

    currentText = string.Empty;
    foreach (GridViewRow row in gv.Rows)
    {
        if (row.RowType == DataControlRowType.DataRow &&
            hash.ContainsKey(row.Cells[position].Text))
        {
            if (row.Cells[position].Text == currentText)
                row.Cells.Remove(row.Cells[position]);
            else
            {
                currentText = row.Cells[position].Text;
                row.Cells[position].RowSpan = hash[currentText];
                row.Cells[position].VerticalAlign = VerticalAlign.Middle;
            }

        }

    }
}

Voici le résultat:

Evidement, je suis preneur pour simplifier mon code de merge ;-). Mais ce soir ... la migraine m'empêche d'optimiser =S

Premièr point négatif pour Azure !!! ;-)

titi — Mon, 23 Mar 2009 21:01:00 +0100

Je me suis lancé dans Windows Azure ... Première étape ... installation sur mon Vista ... nickel !!!
Deuxième étape ... installation sur mon macbook pour le dev en mode "libre" ... et la c'est la cata ... c'est la catastrophe ... Je n'ai qu'une licence XP sur mon portable ... et pas de licence MSDN

Résultat:

- Windows Azure Tools for Microsoft Visual Studio requires Windows Vista with Service Pack 1 or Windows Server 2008. Previous versions of Microsoft Windows are not supported.

- The Windows Azure SDK requires Internet Information Services 7.0 with ASP.NET Application Development components installed.

==> Sans commentaire :(. Je trouve cela dommage d'avoir si vite ce type de limitation avec les produits Microsoft. En effet ... comment mettre en avant cette technologie si ils ferment déjà certaines portes

Bonne soirée.

Scott Guthrie avant le keynote MIX 09 ;-)

titi — Sun, 22 Mar 2009 18:42:00 +0100

Voici ce que Scott fait avant le keynote pour se préparer !!!!

A voir ici

Webcasts des TechDays France 2009 dispo

titi — Sun, 22 Mar 2009 14:55:00 +0100

Les videos sont disponible depuis quelques jours en mode "en ligne" sous silverlight mais également en mode "hors-ligne". Je vous invite à les regarder

C'est par ici

Bonne fin de we !

Génération du schéma en C# sur base d'un XML

titi — Sun, 22 Mar 2009 12:18:00 +0100

J'ai été confronté dernièrement à un petit problème en XML / Schéma !. Je vous replace le contexte. J'ai un objet que je souhaite sérialiser ... non pas pour le désérialiser ultérieurement mais pour passer la chaîne XML à un module externe qui effectuera des recherches XPATH pour récupérer les valeurs et les traiter. Mon module n'a aucune connaissance des classes de l'application !. La seule connaissance qu'il doit avoir est le type de chaque champ. La sérialisation de base ne crée pas de schéma et évidement ... chaque champ est considéré comme une chaîne .. Problème ! ... Le module externe doit formatter la valeur "double" ... etc ;-). Dès lors ! Comment faire ??? Voici la solution dans ce post ! Et un grand merci a Martin Honnen (MVP Xml) pour sa réponse.

Première étape !

J'ai une classe business :

public class ClassCoucou
{
    [XmlElement(ElementName = "Amount")]
    public double AA { get; set; }

    [XmlElement(ElementName = "Name")]
    public string Name { get; set; }
}

Deuxième étape !

Je veux la séraliser ! Rien de plus simple!

MemoryStream stream = new MemoryStream();
XmlSerializer serializer = new XmlSerializer(typeof(ClassCoucou));
serializer.Serialize(stream, new ClassCoucou() { AA = 4000.45, Name = "coucou" });

Troisième étape !

Je veux créer le schéma associé (et c'est la ou c'est moins simple). Je reviens dans mon flux au début!. Je vais créer une classe de Schéma Inference ... Et je vais reprendre le schéma du fichier XML !

stream.Flush();
stream.Position = 0;

XmlReader reader = XmlReader.Create(stream);
XmlSchemaInference schema = new XmlSchemaInference();
XmlSchemaSet schemaSet = new XmlSchemaSet();
schemaSet = schema.InferSchema(reader);
foreach (XmlSchema s in schemaSet.Schemas())
s.Write(Console.Out);

Et c'est déjà la fin ! J'ai mon schéma ! A noter que par exemple je pourrais avoir ma propriété AA en double. Si je passe en paramètre une valeur 1 ... Il va créer un schéma avec le type en unsignedByte et non pas en double.

Sortie d'Internet Explorer 8

titi — Thu, 19 Mar 2009 23:07:00 +0100

Tout est dans le titre ...

Pour le télécharger en français, c'est par ici

News from the MIX 09 ! day 1 !

titi — Wed, 18 Mar 2009 23:03:00 +0100

Voici quelques petites news du côté de Las Vegas !!! En effet, aujourd'hui était le premier jour du MIX 09 !

Que dire ? Déjà quelques annonces !

ASP.NET

- Sortie d'ASP.NET MVC 1.0.
- JQuery sera livré dans ASP.NET 4 Ajax. Il y aura également un support plus aisé des services basés sur REST.

Silverlight 3 (+ outils pour VS)

- Amélioration du databinding
- Support du XML binaire
- Support du multi touch
- + de 100 contrôles (certains via le Control Toolkit)
- Nouvelle navigation / framework de page
- Accélération graphique hardware sous Mac & Windows
- Support de nouveaux média : véritable HD, H.264, AAC audio, MPEG-4
- Taille du download de Silverlight 40kb inférieur a la taille du délivrable de Silverlight 2
- Support d'Eclipse pour le développement d'application Silverlight sous Mac

SuperPreview

- Outil permettant de faciliter le passage d'un site de IE6 => IE7 ou IE8

Azure

- Nouveaux outils de hosting d'application dans le CLOUUUUUD ;-). Il sera possible de hoster des applications FastCGI, .NET ou PHP.
- Les applications full trust pourront être hostées.

D'autres liens !

- Web Server Extensions
- Commerce Server 2009