Uca Blog

Captcha en Silverlight

Thierry Bouquain — Tue, 07 Oct 2008 16:18:53 GMT

Encore un nouveau venu dans SLExtensions. Voici un contrôle de captcha qui se branche sur le service gratuit www.recaptcha.net.

Le principe

1 L’utilisateur télécharge l’application silverlight qui contient le contrôle de captcha.
2 Le contrôle de captcha récupère une image plus une clé de cryptage du serveur d’image de www.recaptcha.net.
3 Le contrôle de captcha renvoie au serveur web (par POST, Get, Webservice, comme vous voulez), la clé de cryptage optenue auprès de www.recaptcha.net ainsi que les mots saisis par l’utilisateur.
4 Le serveur web fait un appel au serveur www.recaptcha.net en passant les données venues de l’utilisateur (mots + clé) plus une clé privée. Le serveur reCaptcha valide ou non le captcha. Le serveur fait ensuite (ou non) son traitement.
5 Retour vers l’utilisateur pour l’informer du résultat.

Le contrôle

<UserControl x:Class="SLExtensions.Showcase.PageRecaptcha"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:slec="clr-namespace:SLExtensions.Controls;assembly=SLExtensions.Controls"

Width="400" Height="300">

<slec:ReCaptcha x:Name="captcha" PublicKey="6LesLAMAAAAAACjPBtyjD80bwTowvEQrslT8bJvT" HorizontalAlignment="Center" VerticalAlignment="Center" >

<slec:ReCaptcha.Verifier>

<slec:ReCaptchaHttpPostVerifier Url="/VerifyCaptcha.aspx" Success="ReCaptchaHttpPostVerifier_Success" Failed="ReCaptchaHttpPostVerifier_Failed"/>

</slec:ReCaptcha.Verifier>

</slec:ReCaptcha>

</StackPanel>

</UserControl>

Pour utiliser le contrôle, vous devez fournir un objet qui implémente l’interface IReCaptchaVerifier. C’est lui qui va se charger de faire l’appel au webservice vers votre serveur. Dans SLExtensions, j’ai ajouté une classe d’exemple qui fait un POST http des informations ainsi que la page aspx qui valide les informations auprès de recaptcha.

DeepZoom facile

Thierry Bouquain — Fri, 03 Oct 2008 11:34:44 GMT

J’ai rajouté dans le projet SLExtensions une librairie permattant de gérer facilement vos galleries DeepZoom. Il rajoute grâce aux méthodes d’extensions des fonctions utiles comme le positionnement automatique de votre collection, la gestion de la roulette de la souris, le glisser du deepzoom, le zoom sur une image de la collection, etc…

<UserControl x:Class="SLExtensions.Showcase.PageDeepZoom"

   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 

   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 

   xmlns:sledz="clr-namespace:SLExtensions.DeepZoom;assembly=SLExtensions.DeepZoom"

   >

    <Grid x:Name="LayoutRoot" Background="White">

        <Grid.RowDefinitions>

            <RowDefinition Height="Auto"/>

            <RowDefinition/>

        </Grid.RowDefinitions>

        <StackPanel Orientation="Horizontal">

            <Button Content="Next" Click="Next_Click"/>

            <Button Content="Previous" Click="Previous_Click"/>

            <Button Content="All" Click="All_Click"/>

        </StackPanel>

        <MultiScaleImage x:Name="msi" Source="http://labs.ucaya.com/dznantes/dzc_output.xml" 

                        Grid.Row="1"

                        sledz:DZExtensions.ArrangeOnFirstMotionFinished="True"

                        sledz:DZExtensions.IsMousePanEnabled="True"

                        sledz:DZExtensions.IsMouseWheelEnabled="True"/>

    </Grid>

</UserControl>

L’activation de la gestion de la souris ainsi que le positionnement automatique des images se fait par des AttachedProperty à déclarer sur le contrôle MultiScaleImage.
Dans cet exemple, j’ai rajouté 3 bouttons permettant de faire un simple slideshow des images deepzoom. Ils exécutent des fontions d’extensions disponibles dans le namespace SLExtensions.DeepZoom.

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

using SLExtensions.DeepZoom;

namespace SLExtensions.Showcase

{

    public partial class PageDeepZoom : UserControl

    {

        public PageDeepZoom()

        {

            InitializeComponent();

        }

        private int collectionIndex = -1;

        private void Next_Click(object sender, RoutedEventArgs e)

        {

            DZContext context = msi.EnsureContext();

            collectionIndex = (collectionIndex + 1) % context.ImagesToShow.Count;

            msi.ZoomFullAndCenterImage(collectionIndex);

        }

        private void Previous_Click(object sender, RoutedEventArgs e)

        {

            DZContext context = msi.EnsureContext();

            collectionIndex = (collectionIndex + context.ImagesToShow.Count - 1) % context.ImagesToShow.Count;

            msi.ZoomFullAndCenterImage(collectionIndex);

        }

        private void All_Click(object sender, RoutedEventArgs e)

        {

            msi.ZoomCenter();

        }

    }

}

Second post venu d’ailleurs…

Romuald Boulanger — Thu, 02 Oct 2008 13:01:26 GMT

Ca y est je l’ai reçu ! Mon nouveau laptop, un alienware :-)

Je vous le recommande c’est un truc de fou !

Voici les specs et quelques photos :

Processor Intel(R) Core(TM)2 Duo CPU T8100 @ 2.10GHz

Memory (RAM) 4,00 GB

Intel Memory Turbo Cache 1,00 GB

Graphics NVIDIA GeForce 8600M GT

Primary hard disk 120 GB 7200

Windows Vista (TM) Ultimate

Manufacturer Alienware

Model m15x

Internet Explorer 8

Romuald Boulanger — Sat, 27 Sep 2008 14:03:33 GMT

La toute dernière version d’Internet Explorer (actuellement en bêta 2) propose quelques fonctionnalités assez intéressantes.

Un dossier a été créé à ce sujet sur msdn http://msdn.microsoft.com/fr-fr/ie/msdn.dossier-ie8.aspx.

Vous y retrouverez également les articles de Thierry et moi :

- WebSlices : http://msdn.microsoft.com/fr-fr/ie/cc963660.aspx

- Accelerators : http://msdn.microsoft.com/fr-fr/ie/cc963658.aspx

UCAYA Tour Next 5

Romuald Boulanger — Wed, 20 Aug 2008 14:48:00 GMT

::Ile de la Réunion::

Les 3 roches.

UCAYA Tour Next 4

Romuald Boulanger — Wed, 20 Aug 2008 14:47:09 GMT

::Ile de la Réunion::

La nouvelle (gueule de bois).

UCAYA Tour Next 3

Romuald Boulanger — Wed, 20 Aug 2008 14:44:59 GMT

::Ile de la Réunion::

au Col du Taibit.

UCAYA Tour Next 2

Romuald Boulanger — Wed, 20 Aug 2008 14:43:34 GMT

::Ile de la Réunion::

au Cirque de Mafate.

Animations AgTweener vs Storyboard

Thierry Bouquain — Sat, 16 Aug 2008 09:18:10 GMT

Ces deux manières d'animer ont un comportement différent lorsque l'application silverlight effectue des traitements qui font baisser le taux d'images par seconde.
Petite comparaison du mode de fonctionnement.

Fonctionnement du storyboard

Les storyboards sont basés sur le temps et adaptent les valeurs des animations en fonction de la progression de l'animation. Si le temps d'assignation de la valeur ou le traitement induit (binding par exemple) est supérieur au frame rate, le storyboard va sauter les frames intermédiaires.

Fonctionnement d'AgTweener

AgTweener utilise un système de "timer" pour animer les objets. L'implémentation aurait pu avoir le même comportement que les storyboard, mais les concepteurs en ont décidé autrement. Le timer interne est basé sur un storyboard de 20ms qui est redémarré chaque fois que l'assignation des valeurs est terminé. Le timing est effectué en comptant le nombre de frame. Même si l'application effectue un traitement coûteux lors de l'assignation de la valeur, on est sur d'avoir une animation de la valeur, au dépend du respect du timing de l'animation.

Conclusion

Lorsqu'une application effectue des traitement coûteux, une animation faite par AgTweener peut donner une impression de fluidité comparé à une animation par storyboard qui va sauter des frames. Si le timing de l'application est important, il vaut mieux alors utiliser des storyboards.

Rejoignez UCAYA !

Romuald Boulanger — Wed, 13 Aug 2008 09:17:14 GMT

Les journées ne sont plus assez longues, nous avons besoin de renfort.

Nous recherchons un développeur plus que motivé et passionné par le code, le web et le café !

Envoyez-nous votre CV à contact[at]ucaya.com.

UCAYA Tour Next 1

Romuald Boulanger — Thu, 31 Jul 2008 08:52:06 GMT

::Ile de la Réunion::

au Piton des neiges : 3070m d' altitude !

UCAYA Tour

Romuald Boulanger — Thu, 31 Jul 2008 06:41:53 GMT

::Ile de la Réunion::

C'est parti !

à la plage...

Silverlight FlowLayout animé

Thierry Bouquain — Fri, 11 Jul 2008 07:57:00 GMT

J’ai porté un exemple du Kevin's WPF Bag-o-Tricks dans SLExtensions.
Voici un petit exemple d’utilisation.

 <ItemsControl Grid.Row="1" ItemsSource="azertyuiopsdfghjklazertyuiopsdfghjklazertyuiopsdfghjklazertyuiopsdfghjklazertyuiopsdfgh” >

 <ItemsControl.ItemsPanel>

 <ItemsPanelTemplate>

 <slec:AnimatingTilePanel />

 ItemsPanelTemplate>

 ItemsControl.ItemsPanel>

 ItemsControl>

div>

Silverlight DockPanel

Thierry Bouquain — Fri, 11 Jul 2008 07:39:07 GMT

SLExtensions ajoute maintenant un DockPanel à la liste de ses contrôles.

 <slec:DockPanel Grid.Row="1" LastChildFill="True">

 <Button Content="Top" slec:DockPanel.Dock="Top" Height="60" />

 <Button Content="Left" slec:DockPanel.Dock="Left" Width="60" />

 <Button Content="Right" slec:DockPanel.Dock="Right" Width="60" />

 <Button Content="Bottom" slec:DockPanel.Dock="Bottom" Height="60" />

 <Button Content="Fill" />

 slec:DockPanel>

div>

France Télévision

Thierry Bouquain — Fri, 11 Jul 2008 07:11:28 GMT

France Télévision sort son “player info”. Il permet de revoir les journaux de toutes les chaines du groupe France Télévision. Vous pourrez maintenant regarder le journal de votre région même si vous êtes en déplacement à l’autre bout du monde. Ucaya a participé à la réalisation de ce player. Il est développé en Silverlight 2 et utilise la librairie SLExtensions.

MVP isé

Thierry Bouquain — Sat, 05 Jul 2008 13:32:55 GMT

Me voici élevé au rang de MVP Client App Dev. J'ai reçu hier mon petit package MVP en provenance des USs. Je vous fais profiter de son contenu. En plus du diplôme, j'ai reçu un set bluetooth contenant une paire d'écouteurs, un dongle et une souris MoGo.

Je suis très fier de faire parti des 173 MVPs français actifs de 2008 et je remercie tous ceux qui m'ont permis de le devenir.