La casa del .Net

WP7 : “Unspecified error” lorsqu’on modifie un template, depuis la mise à jour Mango

2011-08-23T16:39:00.001+02:00

J’ai eu une erreur dans un de mes projets WP7 lors du passage au SDK 7.1 (Mango), sur un code qui fonctionnait très bien avec le SDK 7.0, avec un message d’erreur très précis, comme on les aime :

Evidemment, pas moyen de trouver la moindre personne sur le net ayant déjà rencontré (et corrigé) l’erreur (quelqu’un a finalement posé la question sur StackOverflow ce week-end, ayant déjà trouvé la réponse entre temps j’espère lui avoir été utile).

J’ai donc investigué pour trouver l’origine de ce bug, qui venait d’une Listbox, dont les templates des items avaient été redéfinis :

<ListBox  x:Name="lstUsers">
    <ListBox.ItemContainerStyle>
        <Style TargetType="ListBoxItem">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate>
                        <ContentControl x:Name="ContentContainer" 
                                        VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" 
                                        HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                        Margin="{TemplateBinding Padding}" 
                                        Content="{TemplateBinding Content}" 
                                        ContentTemplate="{TemplateBinding ContentTemplate}" 
                                        Foreground="{TemplateBinding Foreground}" />
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ListBox.ItemContainerStyle>
</ListBox>

La solution : il faut définir la propriété TargetType sur le ControlTemplate :

<ControlTemplate TargetType="ListBoxItem">

<ListBox  x:Name="lstUsers">
    <ListBox.ItemContainerStyle>
        <Style TargetType="ListBoxItem">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBoxItem"> 
                        <ContentControl x:Name="ContentContainer" 
                                        VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}" 
                                        HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}" 
                                        Margin="{TemplateBinding Padding}" 
                                        Content="{TemplateBinding Content}" 
                                        ContentTemplate="{TemplateBinding ContentTemplate}" 
                                        Foreground="{TemplateBinding Foreground}" />
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </ListBox.ItemContainerStyle>
</ListBox>

Maintenant ça fonctionne aussi bien avec l’ancien qu’avec le nouveau SDK :)

Découvrez les Bewise Phone Controls

2011-05-20T15:30:00.001+02:00

Bonjour tout le monde ! Aujourd’hui je fais un billet pour vous présenter les Bewise Phone Controls, une librairie de contrôles pour développeurs Windows Phone ; projet que je gère avec Christopher Maneu.

La version 2 de la librairie est disponible, et vous pouvez trouver plein de contrôles bien sympa. Mes préférés :

La JumpList :

L’OrderableList :

Le TileButton :

Il y en a bien d’autres, je vous laisse aller sur le site officiel du projet pour les découvrir.

Ces contrôles là ont été travaillés au niveau du rendu et des animations pour permettre aux développeurs d’offrir une expérience utilisateur la plus fluide et la plus agréable possible. C’est difficile à montrer en quelques captures d’écran, mais je vous assure que ça a été travaillé, et j’espère que vous les essaierez et que vous les apprécierez.

Pour utiliser les Bewise Phone Controls dans votre projet, vous pouvez soit télécharger la dll, soit l’installer en cherchant “Bewise” dans NuGet.

Vous pouvez aussi utiliser la ligne de commande NuGet suivante :

Install-Package BewisePhoneControls

Mes applications WP7

2011-03-25T22:57:00.001+01:00

Bonsoir tout le monde !

Aujourd’hui je ne blogue pas pour parler d’un point technique, je veux juste vous parler de l’ouverture de mon site web sur mes applications Windows Phone.

J’ai activé la fonction blog dessus, histoire d’avoir un endroit où parler de Windows Phone, il n’y aura certainement pas grand chose d’intéressant, mais je ne force personne à le lire.

Le lien : http://wp7.adhess.net

(et si vous aimez mes applications, n’ayez pas peur d’en faire la pub)

Rendez-vous à la Bewise Day Conference 2011

2011-03-01T17:08:00.001+01:00

Encore une fois cette année Bewise organise une conférence sur les technologies de développement de Microsoft, la Bewise Day Conference. Réservez donc votre journée le 7 avril prochain, et en attendant, prenez note de la règle n°1 :

Rendez-vous donc au Casino Barrière à Toulouse le 7 avril 2011 pour cette nouvelle édition de la BDC.

Installation et utilisation de NuGet

2011-02-24T11:33:00.001+01:00

A force d’en entendre parler, je me suis dit que j’allais quand même essayer NuGet, pour voir si ça marche bien.

Pour ceux qui ne connaissent pas, NuGet est un gestionnaire de paquets pour le framework .Net, qui se présente sous la forme d’une extension de Visual Studio 2010.

Il parait que c’est super simple à utiliser, alors je vais écrire cet article en live, en même temps que je découvre :o)

L’installation

Pour installer NuGet, 2 options s’offrent à nous :

- Aller sur le site web officiel de NuGet, et cliquer sur le bouton “Install Nuget”
- L’installer depuis l’Extension Manager de Visual Studio 2010. On recherche “Nuget”, et on clique sur le bouton “Download”

Dans la fenêtre d’installation, on a juste à cliquer sur “Install”

Une fois l’extension installée, on redémarre Visual Studio, et en avant !

Utilisation de NuGet

J’ai décidé de créer un nouveau projet ASP.NET MVC 3 (au hasard ^^), dans lequel je vais essayer d’installer mes packages.

Dans le menu “Tools”, j’ai une nouvelle option : “Library Package Manager”. C’est lui notre fameux NuGet.

Je choisis l’option “Add Library Package Reference”, et je vais chercher mes packages.

Je fais une recherche par nom, je clique sur “Install” :

Et voilà, rien de plus à faire, T4MVC est automatiquement téléchargé et ajouté à mon projet.

Pour supprimer, c’est pas plus compliqué : dans la liste des paquets installés, on en choisit un et on clique sur “Uninstall”, et tout est nettoyé.

Bilan : c’est tellement simple que j’ai presque honte d’en faire un article sur mon blog, mais si comme moi vous hésitiez à l’installer, n’hésitez plus, c’est vraiment très pratique :o)

ASP.NET - Peut-on cliquer sur un bouton invisible ?

2011-02-21T17:18:00.001+01:00

Contrairement à ce que nous affirme Julien Dollon, ce n’est pas possible. En effet, parmis les options de sécurité d’asp.net, on en a une qui vérifie qu’un évènement est bien levé par un contrôle existant. Voyons comment ça fonctionne.

Premier test : on crée un bouton asp.net avec un évènement serveur associé :

<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />

Voyons le HTML généré pour ce bouton:

<input type="submit" name="ctl00$MainContent$Button1" value="Faux Button" id="MainContent_Button1" />

Je décide de remettre cet input dans ma page web, pour pouvoir effectuer mes tests :

    <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
    <input type="submit" name="ctl00$MainContent$Button1" value="Faux Button" id="MainContent_Button1" />

(Bon, d’un point de vue strictement html, ce n’est pas correct puisqu’on a 2 fois le même id, mais ce n’est pas grave, ça nous permets quand même de tester)

Vous pouvez maintenant relancer la page, et cliquer sur les 2 boutons : les 2 fonctionnent et appellent le même évènement serveur.

Second test : je masque mon bouton serveur, et je n’ai donc que l’input, qui est censé faire la même chose. Je clique dessus, et paf :

Cette fois, on a une exception. Comme je vous le disais en introduction (et comme c’est expliqué dans l’exception), asp.net vérifie que l’appel d’un évènement est bien fait pas le contrôle qui est censé le faire. Ici, le contrôle est invisible, donc il sait qu’on ne doit pas pouvoir cliquer dessus.

Comment ça fonctionne ? Si on va voir dans le code html de la page, on a ça :

<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWAgK/nJySCALU8MqYCAhBiRxDmDNQ9n9ZcocpixkidLmpXhA4hY5aUcMhNlh9" />

La plupart des développeurs asp.net connaissent le viewstate, beaucoup moins connaissent ce champ caché nommé __EVENTVALIDATION. Comme son nom l’indique, il permets de valider les évènements. Il s’agit de données chiffrées permettant de savoir quels sont les boutons cliquables. Donc impossible pour un pirate de simuler un clic sur un bouton invisible !

Pour plus d’informations, je vous renvoie à l’article de Cyril Durand sur la validation d’évènements.

Il n’en reste pas moins que sur le fond, Julien a raison : même si asp.net nous facilite le travail, ne déléguez jamais la sécurité ;) il ne faut surtout pas se baser sur la visibilité d’un bouton pour donner des droits d’administration, les vérifications doivent impérativement être faites au niveau métier.

Les assertions dans les expressions régulières

2011-01-11T17:21:00.001+01:00

Bonjour tout le monde !

Me voilà de retour pour une nouvelle année de blogging, qu’on espère tous plus chargée que la précédente, mais connaissant ma flemme légendaire, c’est pas gagné.
Afin de ne pas passer pour un rustre, je vous souhaite quand même à tous une excellente année 2011, mais on va passer rapidement les voeux, parce que mine de rien, on a du boulot.

Aujourd’hui, cours de Regex, on va voir les assertions.

Je suppose beaucoup de monde connait déjà les Regex, et sais en faire un usage basique pour faire des recherches ou remplacements dans une chaine de caractères. Mais tout le monde ne connait pas forcément, ou ne sait pas utiliser les assertions. Nous allons donc remédier à ça ensemble.

Le besoin :

J’ai une chaine de caractères dans laquelle je veux remplacer toutes les occurrences d’une apostrophe suivie d’un caractère alphanumérique.

La première solution (dite « du noob »):

1- On fait une recherche d’une apostrophe suivie d’un caractère alphanum:
'[a-z0-9]

2- On remplace par notre valeur
Regex.Replace(texte, @"'[a-z0-9]", @"'");

3- On se rend compte qu’on a effacé le caractère suivant, et on se débrouille pour le récupérer afin de le réafficher
Regex.Replace(texte, @"'([a-z0-9])", @"'$1");

Alors ça fonctionne, oui, mais c’est tout moche. On va faire autrement

La solution qui roxxe (ou « la Lacasa’s ») :

1- On utilise une assertion pour trouver nos apostrophes :
'(?=[a-z0-9])

2- On fait notre remplacement
Regex.Replace(texte, @"'(?=[a-z0-9])", @"'");

Et cette fois, ça fonctionne aussi, mais en plus propre et plus performant.

La différence entre les 2 solutions :

Dans le premier cas, notre pattern comprend une apostrophe, et le caractère se trouvant après. Si on fait un remplacement, le pattern a récupéré 2 caractères et les remplace tous les deux ; ce qui nous oblige à faire une capture sur le second caractère pour pouvoir le remettre (le $1).

Dans le second cas, nous avons une assertion qui va lire le second caractère, mais n’en tient pas compte pour le motif. L’assertion qui s’écrit avec ?= permets de dire « je veux que mon apostrophe soit suivie d’un caractère alphanum, mais je ne veux QUE l’apostrophe ».

Nous avons plusieurs types d’assertions :

- Les assertions avant ou arrière (pour dire si on cherche quelque chose qui suit ou qui précède notre apostrophe)

- Les assertions positives ou négatives (pour dire si on cherche un quelque chose qui suit, ou quelque chose qui ne doit pas être là. On utilisera par exemple une assertion négative si on veut toutes les apostrophes qui ne sont pas précédé d’un “=”)

Syntaxe :
Assertion avant positive             (?=motif)
Assertion avant negative            (?!motif)
Assertion arrière positive          (?<=motif)
Assertion arrière négative         (?<!motif)

Donc si je veux les apostrophes non précédées d’un =, je ferai ça :
Regex.Replace(texte, @"(?<!=)'", @"'");

Découvrez le Speak-O-Matic sur Windows Phone 7

2010-09-15T16:51:00.001+02:00

Je vous avais déjà parlé le mois dernier de l’application faite par David Catuhe sur Windows Phone, le fameux moteur 3D Nova4Phone, qui participe au concours Windows Phone sur Facebook.

Et bien, aujourd’hui c’est moi qui me lance dans le concours, avec une application d’aide à la conversation : le Speak-O-Matic.

Le principe : le logiciel vous génère des phrases que vous pouvez replacer dans vos discussions, selon l’un des 4 thèmes :

Le parler creux, génère des phrases creuses pour les apprentis démagos et autres étudiants de sciencs-po.
Ta mère : un générateur d’insultes, très utile dans les cités
Le philosophe : générateur de proverbes, pleins de bon sens (au moins autant que les vrais)
Le dragueur : l’indispensable pour séduire les filles

Plus de détails en vidéo sur Facebook :
http://www.facebook.com/video/video.php?v=430590738926&ref=mf
(notez le jeu d’acteur ;)

Si vous aimez ma vidéo, que vous m’aimez moi, et que vous voulez me voir en finale, vous pouvez voter pour ma vidéo. Pour ce faire, c’est tout simple : devenez fan de la page Developpeurs, puis retourner voir ma vidéo et cliquez sur “J’aime”.

10 vérités sur moi

2010-08-30T12:10:00.002+02:00

Kosh a lancé il y a quelques temps un petit jeu pour les blogueurs : il faut dire 10 vérités sur soi, et demander à quelqu’un d’enchainer. Je pensais pouvoir éviter la corvée, jusqu’à ce que Vko se souvienne de moi… Voilà donc 10 vérités totalement futiles et inintéressantes sur moi, profitez-en bien !

- Je déteste parler de moi. L'écriture de ce billet va être pour moi une effroyable torture.

- Mon nom de famille est "Lacasa". C'est un nom d'origine espagnole qui se prononce donc "lacassa", et non "lacaza". Il s'agit d'un nom très répandu en Aragon, région d'où étaient originaires mes grands parents, un chocolat très réputé porte d'ailleurs ce nom en Espagne.

- Je n'aime pas WoW. J'évite en général de m'en vanter au bureau, mais c'est hélas vrai.

- J'ai écris mes premières lignes de code en Turbo Pascal, alors que je venais de rentrer au collège. Lorsque j'ai eu des cours de programmation au lycée (en Turbo Pascal toujours), il m'est arrivé de donner la correction d'un exercice à la prof, sa version étant incorrecte. Elle ne m'a d'ailleurs jamais rendu ma disquette.

- Même si j'aime à me faire passer pour un ariégeois, je n'ai réellement vécu à Pamiers que 10 mois. Mon accent vient en fait de Carcassonne, où j'ai passé toute mon enfance.
Il n'empêche que toute ma famille vit en Ariège, et que j'y passe régulièrement mes week-ends.

- Je n'aime pas la bière. C'est quand même pas ma faute si c'est pas bon ! Et j'aimerais bien qu'on arrête de me prendre pour un extra-terrestre à chaque fois que je le dis...

- Lorsque j'étais jeune, je voulais devenir PDG de Microsoft pour être aussi riche que Bill Gates. Ce projet n'est plus d'actualité, mais je ne désespère pas de devenir riche par d'autres moyens.

- Je n'ai qu'un rein. Mais il est plus gros que la moyenne, donc je ne complexe pas. 23 ans plus tard, la cicatrice de l'opération de l'ablation du rein gauche est toujours visible sur mon ventre.

- Je ne suis pas un grand amateur de musique... ça surprend souvent les gens, mais je n'achète pas de CD, et je n'ai pas de lecteur mp3. Je n'ai rien contre la musique, j'en écoute lorsque je suis avec d'autres personnes, mais globalement en bruit de fond je préfère entendre des gens qui parlent (des radios d'info en général).

- Je suis bien content d'avoir fini de dire mes 10 trucs sur moi (si, si, c'est ça la 10ème vérité sur ma vie)

Et maintenant, au tour de Chris !

De la 3D sur Windows Phone 7

2010-08-17T11:55:00.001+02:00

Pour changer un peu du développement web, on peut aller voir ce qui se fait sur Windows Phone.

Aujourd’hui, je vous propose de découvrir le moteur 3D fait par David Catuhe pour Windows Phone : c’est juste impressionnant. Pour voir la démo, ça se passe sur facebook : http://www.facebook.com/video/video.php?v=1413141241316&oid=129459787073480

N’hésitez pas à “liker” la vidéo si vous aimez !

ASP.NET MVC : gestion dynamique des droits d’accès aux pages

2010-08-17T11:45:00.001+02:00

Si vous lisez mon blog régulièrement, vous avez du vous rendre compte qu’ASP.NET MVC n’est pas vraiment terrible, puisque je passe mon temps à refaire tout ce qu’il fait déjà. Je continue aujourd’hui avec la gestion des droits d’accès aux pages.

ASP.NET MVC, tout comme les WebForms, se base sur les Membership providers pour la gestion des utilisateurs. Mais contrairement aux WebForms, on ne pourra pas utiliser le web.config pour définir quelles pages sont accessibles ; pour ça, MVC utilise les DataAnnotations sur les contrôleurs et les actions.
On va décorer nos contrôleurs (ou nos actions) avec un petit [Authorize] pour définir que l’utilisateur doit être logué pour accéder au contrôleur (ou à l’action).

Pour donner les autorisations par utilisateur ou par rôle (groupes basés sur le Role Provider), on va pouvoir définir les utilisateurs et rôles autorisés.
En pratique, ça donnera quelque chose comme ça :

        1: [Authorize]

       2: public ActionResult UserDetail()

       3: {

       4:     var userData = GetCurrentUserData();

       5:  

       6:     return View(userData);

       7: }

       8:  

       9: [Authorize(Roles="Administrateurs", Users="Guigui")]

      10: public ActionResult Admin()

      11: {

      12:     return View();

      13: }

Voilà, c’est bien beau tout ça, mais comme j’ai dis en introduction, ça me suffit pas. Oui, je suis exigeant (qui a dit “chieur” ?), et moi ce que je veux, c’est pouvoir définir les droits dynamiquement. Par exemple, j’aurai dans ma base de données ma liste de contrôleurs, d’actions, et de rôles associés qui seraient autorisés à y accéder… et ça, ben je peux pas le faire avec le AuthorizeAttribute.

Qu’à celà ne tienne, je vais faire mon attribut à moi ! Et comme j’ai pas envie de tout refaire, je vais directement hériter du AuthorizeAttribute, et faire mes vérifications à la mimine. Pour les vérifications, j’aurai juste à redéfinir la méthode “AuthorizeCore” qui renverra true si l’utilisateur a accès, ou false s’il n’y a pas accès… Voilà le résultat :

       1: public class MyDbAuthorizeAttribute : AuthorizeAttribute

       2: {

       3:     protected override bool AuthorizeCore(HttpContextBase httpContext)

       4:     {

       5:         MvcHandler handler = httpContext.CurrentHandler as MvcHandler;

       6:         RouteValueDictionary routeValues = handler.RequestContext.RouteData.Values;

       7:  

       8:         String controller = routeValues["controller"].ToString();

       9:         String action = routeValues["action"].ToString();

      10:         IPrincipal user = httpContext.User;

      11:  

      12:         return CheckAuthorization(user, controller, action);

      13:     }

      14:  

      15:     private bool CheckAuthorization(System.Security.Principal.IPrincipal iPrincipal, string controller, string action)

      16:     {

      17:         // Ici je vais pouvoir interroger ma base de données

      18:         return true;

      19:     }

      20: }

Une fois qu’on a définit notre attribut, on n’a plus qu’à taguer tous nos contrôleurs avec un [MyDbAuthorize] pour que la vérification des droits se fasse dans notre méthode de vérification.

ASP.NET MVC : Actions avec des listes en paramètres

2010-06-07T12:34:00.001+02:00

Y’a rien à faire, j’arrive pas à m’y habituer… Je suis à chaque fois épaté de voir avec quelle facilité MVC gère les paramètres dans les contrôleurs. Après l’envoi de fichiers, je me suis demandé comment cette fois récupérer une liste dans mon modèle.

La première pensée que j’ai eue était “non, ça doit pas être possible”. La seconde “non, voyons, ou alors les mecs qui ont fait MVC c’est des Dieux”. Puis à la 3ème, qui était “il me semble qu’en PHP on peut, si en MVC on peut pas c’est la honte quand même”, je me suis décidé à effectuer quelques tests. Et je n’ai pas été déçu, puisqu’effectivement, c’est tout à fait possible de binder directement les paramètres à une liste.

Pour cela, c’est très simple : on définit notre action avec un paramètre de type liste (ou un tableau, ça marche aussi)

public ActionResult ActionQuiVeutUneListe(List<String> laListe)

et on peut appeler la page en lui passant plusieurs paramètres du même nom ; chacun des paramètres sera un des élément de la liste.
L’URL sera du type: /Home/ActionQuiVeutUneListe?laListe=elmt1&laListe=elmt2&laListe=elmt3

En plus de ça, on a aussi la possibilité d’ordonner les éléments de la liste en mettant leur position entre crochets. La numérotation doit se faire de 0 au nombre d’éléments, s’il y a un trou dans le compte les éléments suivants ne seront pas pris.

/Home/ActionQuiVeutUneListe?laListe[2]=elmtC&laListe[0]=elmtA&laListe[1]=elmtB
En tapant cette URL, on aura les éléments dans l’ordre : “elmtA”, “elmtB”, “elmtC”.

Maintenant, il ne vous reste plus qu’à faire vos liens vers cette page. Pour cela, comme d’habitude, deux façons de faire :

Si vous êtes dans un formulaire, pas de soucis, il suffit de faire plusieurs input avec le même nom (ou en mettant l’index entre crochets dans les noms).
Par contre, si vous voulez faire un simple lien, vous ne pourrez pas utiliser les Html Helper, il vous faudra construire le lien à la main ou bien faire votre propre Helper (à moins que j’aie mal regardé leur fonctionnement, si quelqu’un a des infos je suis à votre écoute)

Non, ASP.NET n’ajoute pas de fonctionnalités aux navigateurs

2010-06-02T10:28:00.001+02:00

On m’a récemment posé la question suivante : “est-ce qu’il est possible en asp.net de faire une liste de choix éditable ?” (si vous avez lu le titre du post, vous vous doutez déjà de la réponse, mais je vais quand même expliquer un peu)

Quand je me pose une question comme ça, j’ai plusieurs réflexes :

Regarder si il existe une propriété dans ma DropDownList dont le nom ressemble à ce que je veux faire. Si les noms ne sont pas suffisamment explicites, on peut toujours faire un petit tour sur msdn…
Faire une recherche Google (j’y reviendrai)
Réfléchir au html qu’on veut voir générer. Si ça ne se fait pas tout seul, il va bien falloir trouver comment le faire nous même. Certains oublient parfois que ce qu’asp.net génère sera affiché dans des navigateurs webs (et pas seulement Internet Explorer, quoi qu’en disent certaines mauvaises langues)

Et c’est là tout le problème : le contrôle DropDownList en asp.net va générer une balise <select> en html… Et cette balise en html n’est pas éditable, quelles que soient les options qu’on y mette dedans ; pas besoin d’être un spécialiste asp.net pour en arriver à cette conclusion. Cette option n’est pas possible en html, asp.net ne peut pas l’inventer.

Et donc, n’y a-t-il pas de solution ? Bien sûr que si, comme avec n’importe quel autre langage serveur qui ne propose pas cette option : faire du JavaScript.
Il existe énormément de possibilité pour avoir un comportement similaire, et de toute façon d’autres personnes l’ont déjà fait avant : une recherche Google vous donnera plusieurs codes touts faits.
Peut-être même qu’en cherchant un peu plus quelqu’un a écrit un contrôle serveur asp.net qui fera tout le javascript pour vous (après c’est selon vos préférences, à vous de voir si la perte de temps dans la recherche de la solution miracle est nécessaire, ou bien si vos yeux pourront supporter de voir quelques lignes de JavaScript).

La Bewise Day Conference : quand y’en a plus, y’en a encore !

2010-06-01T12:49:00.001+02:00

Avis à la population : Bewise vient d’ouvrir son site “After BDC”, où vous pourrez trouver les photos de l’évènement, ainsi que des slides et démos des différentes sessions et ATE.

Le contenu se remplira petit à petit au fil des semaines, soyez à l’écoute !

L’adresse ? c’est par là : http://afterbdc.bewise.fr/

Notez aussi que si vous utilisez Twitter, vous pouvez suivre le flux de l’after BDC par ici : http://twitter.com/afterbdc

La librairie Microsoft Ajax abandonnée, au profit de jQuery

2010-05-10T17:54:00.001+02:00

Vous vous souvenez de la librairie Microsoft Ajax ? J’en avais parlé l’an dernier lors de la Bewise Day Conference (et aussi dans un post quelques temps après). Pour mémoire, il s’agissait d’une librairie pur JavaScript qui proposait notamment un repeater et du databinding en JavaScript, qui n’est jamais sorti du stade de la beta (voire même preview, je me souviens plus très bien)

Eh bien j’ai été surpris en voyant Scott Guthrie nous parler des contributions de Microsoft à jQuery. Au programme : templates clients et data binding (renommés data linking pour l’occasion, jQuery ayant déjà une fonction nommée “bind”), des fonctionnalités déjà présentes dans la librairie de Microsoft. J’ai donc eu un petit doute : cette librairie ne devait-elle pas être fournie avec le framework 4 ? Pourquoi n’est-elle pas dans Visual Studio 2010 alors qu’elle était dans les beta ? Une vérification sur la page codeplex d’asp.net m’a confirmé ce que je pensais : plus la moindre trace de cette librairie.

C’est donc jQuery qui va hériter de ces fonctionnalités plus qu’intéressantes, et finalement, c’est loin d’être une mauvaise nouvelle : même si les 2 librairies cohabitaient très bien, on n’aura finalement besoin de connaitre qu’une seule librairie, plus de risque de se perdre avec les syntaxes différentes utilisées par jQuery et MS Ajax.

jQuery Templates

Au programme donc, nous avons les templates : une version JavaScript des repeaters.
Comment ça fonctionne ? Eh bien de la manière suivante :
Il nous faut définir un template (ici dans la balise script, afin de ne pas l’afficher tel quel dans la page), et un container dans lequel jQuery injectera le html généré depuis le template :

       1: <div id="contactContainer">       2: </div>       3: <script id="contactTemplate" type="text/html">       4: <div>       5:     Name: {{= name }}<br />       6:     Phone: {{= phone }}       7: </div>       8: </script>

Une fois le template défini, on va lui associer nos données, par exemple un tableau JavaScript dans notre exemple, mais il pourrait être intéressant de l’associer au résultat d’un appel Ajax, par exemple.

   1: <script type="text/javascript">   2:     var contacts = [   3:         { name: "Scott Guthrie", phone: "415-555-2222" },   4:         { name: "Guillaume Lacasa", phone: "05 11 22 33 44" }   5:     ];   6:     7:     $("#contactTemplate").render(contacts).appendTo("#contactContainer");   8: </script>

Data-linking

Seconde nouveauté, le data-linking. L’idée est de lier une propriété d’un objet avec une propriété d’un autre objet : quand on en modifie un, l’autre est modifié automatiquement. Pas de code pour cette fonctionnalité, mais vous pouvez retrouver un exemple d’utilisation sur le blog de maître Gu.

Je reviendrai plus en détail sur chacune de ces fonctionnalités, qui offrent des possibilités plus poussées que le peu que j’ai exploré à ce jour : boucles, conditions, linking mono et bi-directionnel, et combinaisons du linking avec les templates.

Bewise recrute un admin système et réseaux

2010-05-04T14:34:00.001+02:00

Et oui, Bewise recrute encore. Tu aimes Exchange ? Tu maitrises Active Directory ? La nuit, tu rêves de trames IP ? Et tu as envie de travailler à Toulouse, la ville où il fait toujours beau (ou presque…) ? Alors lis les détails de l’annonce :

Bewise, basée à Toulouse, est spécialisée sur les technologies Microsoft. Nous sommes donc aujourd'hui fortement engagés sur l'ensemble des technologies Microsoft (plate-forme .NET, plate-forme applicative, serveurs, etc.).

Nous recherchons actuellement un Administrateur Système et Réseaux h/f.

Rattaché au Directeur Technique, vous aurez la gestion complète et autonome de l'infrastructure technique de Bewise.

Vos missions :

Garantir le bon fonctionnement du système d'information et le niveau de service attendu
Assister les utilisateurs et les consultants
Gérer le parc de téléphonie mobile et fixe
Gérer la salle de formation
Mettre en œuvre les produits serveurs du catalogue de Microsoft

Vous êtes autonome, rigoureux, organisé et passionné par la technologie.

Vous avez 1 an d'expérience sur les systèmes Microsoft.

Vous avez une bonne connaissance des technologies suivantes:

Windows 2008
Active Directory
Exchange

La connaissance d'autres produits du catalogue Microsoft serait un plus.

Rémunération selon profil.

http://www.bewise.fr/fr-FR/presentation/Pages/Administrateur-Système-Réseaux.aspx

Bewise recrute aussi des consultants .NET, Sharepoint et BI, sur Toulouse et Aix-en-Provence : http://www.bewise.fr/fr-FR/presentation/Pages/jobs.aspx

La BDC était trop courte ? Elle revient à Aix le 18 mai !

2010-04-29T10:53:00.001+02:00

Vous êtes nombreux à avoir apprécié la Bewise Day Conference le 1er avril dernier… Mais certains d’entre vous n’ont peut-être pas pu venir, ou ont peut-être envie d’y retourner.

Eh bien pas de problème, la BDC est de retour, l’équipe de Bewise Sud-Est vous accueillera au Pasino d’Aix en Provence pour une BDC au son des cigales.

Plus d’informations et inscriptions sur le site de la Bewise Day Conference d’Aix en Provence

Au fait, j’avais pas quelque chose de prévu pour demain moi ?

2010-03-31T13:47:00.001+02:00

Et oui, demain c’est le premier avril. Comme chaque année vous allez pouvoir vous amuser à accrocher des poissons aux dos de vos amis, et éplucher les informations pour trouver les plus improbables… Mais cette année, Bewise vous propose encore mieux !

Et oui, la Bewise Day Conference est de retour dès demain, avec tout plein de technos, du développement, de l’IT, et des tables Surface !

[BDC2010] Venez rencontrer Hyper D, notre super héros admin réseau

2010-03-26T13:38:00.002+01:00

Cher ami, lecteur assidu de mon blog, tu sais déjà que la Bewise Day Conference aura lieu le 1er avril prochain à Toulouse… Mais malheureusement, pour une raison qui m’échappe, tu ne t’es peut-être pas encore inscrit.

C’est vraiment dommage, puisque la BDC sera pour toi une occasion unique de rencontrer Hyper D, notre super héros admin réseau ! Voici un petit aperçu de ses pouvoirs :

Si tu veux savoir comment notre admin réseau arrive faire plusieurs choses à la fois, viens découvrir la virtualisation avec Hyper-V à la BDC 2010 !

La manière propre de faire des roll-over en html/css

2010-03-17T12:14:00.001+01:00

Aujourd’hui, on va faire du html, et du css. Pas d’asp, pas de JavaScript, on fait du web pur et dur. Je vous propose de faire un effet de roll-over sur une image.

Alors je vous entend tous râler, comme quoi c’est trop simple, qu’on a 10000 codes sources qui fonctionnent sur Google, et que je vous avais habitué à mieux. Certes, on a des codes sources qui fonctionnent, mais ils ne sont pas toujours très propres… Comme j’ai dis en introduction, on va faire ici un roll-over uniquement avec du css, pas de javascript. Et petit bonus, ma technique va éviter un problème qu’on rencontre souvent sur des images en roll-over : pas besoin d’attendre que la souris passe sur l’image pour charger la seconde image.

Mais fini de papoter, voyons comment faire :

Pour commencer, il me faut mes deux images : celle affichée normalement, et celle affichée lorsque la souris passera dessus. Et attention, c’est là qu’est toute l’astuce, on va mettre le 2 dans un seul fichier image, comme ça :

(je n’accepterai aucune remarque sur le bon goût de mes images, et je rappelle que je n’ai jamais prétendu être designer ;)

Maintenant, on va afficher ça dans notre page. D’un point de vue HTML, on va tout simplement faire un lien (pas de balise <img> ici) :

<a class="rolloverLink" href="journuit.html">
aller vers la page jour / nuit</a>

Et on va afficher notre image à l’aide de CSS. Pour ça, on a plusieurs étapes :

Faire passer le lien en affichage de type block, et définir sa taille de manière à n’afficher que la moitié de notre fichier image.
Mettre l’image en fond, et l’aligner en haut.
Sur le hover, changer l’alignement pour qu’on voie l’autre moitié de l’image.
Et pour ne pas qu’on voie le texte, on va le décaler loin en dehors de la page. Notez qu’il est tout de même important de laisser un texte pour des raisons d’accessibilité (pensez aux mal-voyants qui utilisent des navigateurs spécifiques)

On a donc notre CSS :

a.rolloverLink
{
    text-indent:-10000px;
    display:block;
    width:80px;
    height:50px;
    background-image:url('rollover.png');
    background-position:top;
}

a.rolloverLink:hover
{
    background-position: bottom;
}

Ce qui nous donne le résultat suivant :

aller vers la page jour / nuit

Un grand merci à Jocelyn, responsable du domaine métier SWA (Solutions Web Avancées) chez Bewise, pour l’astuce !

Au passage, je vous rappelle que vous pourrez nous retrouver tous les deux, ainsi que toute l’équipe de Bewise et de Vertice, le 1er avril prochain lors de la Bewise Day Conference. N’hésitez pas à vous inscrire.

En avant pour la Bewise Day Conference 2010 !

2010-03-03T12:22:00.001+01:00

A la demande générale, la Bewise Day Conference est de retour pour une 4ème édition ! Encore une fois, venez découvrir ce qui se fait de mieux dans les technologies Microsoft.

Cette année, beaucoup de nouveautés, puisque Microsoft lance la gamme 2010 de ses produits, notamment Visual Studio, Sharepoint, mais lance aussi la version 4 de son framework .net, MVC 2, Azure, et bien d’autres choses.

Je vous donne donc rendez-vous au stade Ernest Wallon, pour vous présenter ASP.NET, dans sa version 4, ainsi que ASP.NET MVC, et jQuery.

Pour les inscriptions, rendez-vous sur le site officiel de la BDC 2010.

Upload de fichiers avec ASP.NET MVC

2010-01-28T14:31:00.001+01:00

Pour envoyer des fichiers avec ASP.NET MVC, c’est pas compliqué, mais encore faut-il savoir comment faire. Si en ASP.NET WebForm on a un contrôle qui le fait, avec MVC, on commence à en avoir l’habitude, il va falloir le faire à la pougne.

On arrête de râler, les assistés, c’est pas plus compliqué qu’avant !

Pour envoyer un fichier, on va utiliser l’élément HTML Input, de type “file”. On le mets dans notre formulaire, et on envoie. Attention, pour que ça fonctionne, il va falloir ajouter un attribut à notre formulaire : enctype="multipart/form-data". Scott Hanselman nous explique pourquoi sur son blog.

    <% using (Html.BeginForm("SendFile", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
       { %>
    <input type="file" name="fileSent" />
    <input type="submit" value="Send" />
    <% } %>

Ensuite, lorsqu’on va poster notre formulaire, le fichier sera directement accessible dans notre Request :

    [AcceptVerbs(HttpVerbs.Post)]
    public ActionResult SendFile()
    {
        HttpPostedFileBase file = Request.Files["fileSent"];

        //TODO : Gerer le fichier
        file.SaveAs(filePath);

        return View();
    }

Et parce que c’est de l’ASP.NET MVC, et qu’ASP.NET MVC ça poutre, on a même une solution encore plus simple ! Il suffit de le mettre en paramètre de notre action (n’oubliez pas que le nom du paramètre doit correspondre au “name” du input)

    [AcceptVerbs(HttpVerbs.Post)]
    public ActionResult SendFile(HttpPostedFileBase fileSent)
    {
        //TODO : Gerer le fichier
        fileSent.SaveAs(filePath);

        return View();
    }

Optimisation du référencement avec le SEO Toolkit

2009-12-15T17:13:00.001+01:00

Je viens de découvrir grâce à Scott Guthrie un outil qui va vite devenir indispensable à tout développeur de sites web : le SEO toolkit. SEO, pour ceux qui ne le savent pas, signifie “Search Engine Optimisation”. Il s’agit d’optimiser son site web pour que les moteurs de recherche en indexent mieux le contenu, afin d’apparaitre plus haut dans les résultats de recherche.

Le SEO toolkit peut être téléchargé sur le site de Microsoft, ou bien directement à partir de l’outil “Web Platform Installer” (qu’il vous faudra de toute façon utiliser pour l’installer).

Une fois installé, le principe est simple : vous mettez l’URL de la page d’accueil de votre site, et l’outil va parcourir tout votre site et vous signaler tout ce que vous pourriez améliorer. Vous pouvez l’utiliser avec n’importe quel site, pas besoin d’avoir d’utiliser IIS : le programme agit comme un bot qui va télécharger les pages de votre site web, comme le ferait n’importe quel moteur de recherche.

Une fois l’analyse du site terminée, vous aurez de nombreuses informations sur le site analysé, de différents types. Ainsi, cet outil est très utile pour, entre autres, retrouver les liens cassés à l’intérieur de vos pages.

Je ne saurai trop vous conseiller de le tester de suite afin de vous faire votre propre idée.

Des nouvelles de Bewise

2009-12-07T17:17:00.001+01:00

Je ne vais pas parler d’asp.net aujourd’hui (et c’est pourtant pas l’envie qui m’en manque), mais vous donner quelques nouvelles de Bewise.

Pour commencer, je vous informe que Bewise sera présent au prochain SigmaT, qui se déroulera ce vendredi 11 décembre à l’IRIT, à l’université Paul Sabatier de Toulouse. Ionut Milhalcea vous y présentera une session “Pratiques agiles avec Team Foundation Server 2010”. Pour plus d’informations, le programme se trouve à cette adresse : http://www.sigmat.fr/dotclear/index.php?post/2009/11/24/Programme-du-SigmaT12

Allez-y nombreux, et pensez à vous inscrire.

En toute logique, après ce séminaire vous devriez être pris d’une envie irrésistible de venir travailler avec nous ! ;) Eh bien, sachez que c’est maintenant chose possible, puisque Bewise recrute ! Regardez les offres ci-dessous, et si vous pensez correspondre aux profils demandés n’hésitez pas à postuler.

Consultant Sharepoint

Bewise est une structure en forte expansion. Pour l’accompagner, nous recherchons un consultant(e) Sharepoint ayant une bonne connaissance sur les technologies Microsoft maîtrisant les points suivants :

WSS / MOSS

ASP.NET

SQL Server 2008

Architecture logicielle

Microsoft .NET 2.0, 3.0, 3.5

Visual C#.NET

Visual Studio 2008

La connaissance de Sharepoint 2010 ou de MS CRM 4.0 serait un plus.

Principales missions :

Architecture et Conception d’applications Web et portail collaboratifs

Développement, tests et livraison de solutions

Animation de formation et de séminaires

Consulting sur les technologies Microsoft auprès de nos clients

Gestion de projets

Vous êtes autonome, rigoureux, pédagogue avec un bon sens du relationnel et passionné par les technologies Microsoft.

Rémunération : selon profil

Votre profil correspond à notre poste ? Vous avez envie de rejoindre une équipe dynamique à taille humaine dans le Sud Ouest ? Bewise a besoin de vous.

Envoyez votre CV à job@bewise.fr en indiquant « [ConsultantMOSS2010] » dans le sujet du mail.

Consultant Business Intelligence Microsoft

Bewise est une structure en forte expansion. Pour l’accompagner, nous recherchons un consultant(e) décisionnel ayant une bonne connaissance sur les technologies Microsoft maîtrisant les points suivants :

L’ensemble des technologies décisionnelles de Microsoft

o SQL Server 2008 R2

o Analysis Services

o Integration Services

o Reporting Services

o Monitoring Server

MOSS

Architecture logicielle

Microsoft .NET

Principales missions :

Architecture et Conception de solutions décisionnelles

Développement, tests et livraison de solutions

Animation de formation et de séminaires

Consulting sur les technologies Microsoft auprès de nos clients

Gestion de projets

Vous êtes autonome, rigoureux, pédagogue avec un bon sens du relationnel et passionné par les technologies Microsoft.

Rémunération : selon profil

Votre profil correspond à notre poste ? Vous avez envie de rejoindre une équipe dynamique à taille humaine dans le Sud Ouest ? Bewise a besoin de vous.

Envoyez votre CV à job@bewise.fr en indiquant « [ConsultantBI2010] » dans le sujet du mail.

Consultant sur les technologies Microsoft

Bewise est une structure en forte expansion. Pour l’accompagner, nous recherchons un consultant(e) ayant une bonne connaissance sur les technologies de développement Microsoft maîtrisant les points suivants :

SQL Server 2008

Architecture logicielle

Microsoft .NET 2.0, 3.0, 3.5, 4.0

ASP.NET, Ajax

WPF

WCF

C#/VB

Visual Studio 2008, 2010

TFS 2008, 2010

La connaissance de C++, DirectX ou GDI serait un plus.

Principales missions :

Architecture et Conception de solutions décisionnelles

Développement, tests et livraison de solutions

Animation de formation et de séminaires

Consulting sur les technologies Microsoft auprès de nos clients

Gestion de projets

Vous êtes autonome, rigoureux, pédagogue avec un bon sens du relationnel et passionné par les technologies Microsoft.

Rémunération : selon profil

Votre profil correspond à notre poste ? Vous avez envie de rejoindre une équipe dynamique à taille humaine dans le Sud Ouest ? Bewise a besoin de vous.

Envoyez votre CV à job@bewise.fr en indiquant « [ConsultantNET2010] » dans le sujet du mail.

Consultant fonctionnel sur les technologies Microsoft

Bewise est une structure en forte expansion. Pour l’accompagner, nous recherchons un consultant(e) fonctionnel ayant une bonne connaissance des technologies Microsoft.

Vous connaissez les produits Microsoft suivants :

MOSS

MS CRM 4.0

SQL Server Business Intelligence

La connaissance des autres produits serveur de Microsoft (BizTalk Server, Team Foundation Server, etc.) serait un plus.

Principales missions :

traduction des besoins utilisateurs en cahiers des charges, écriture de spécifications

assistance à la définition des besoins et des solutions

accompagnement des utilisateurs sur la prise en main et la maîtrise des outils

conseil en processus, en conduite de changement

animation de séminaires autour des technologies

participation aux avant-ventes.

Vous avez un bon sens du relationnel, vous êtes pédagogue, vous avez de bonnes qualités rédactionnelles ?
Vous avez le sens du service, vous êtes méthodique et organisé ?
Vous êtes attiré par les technologies Microsoft ?

Votre profil correspond à notre poste ? Vous avez envie de rejoindre une équipe dynamique à taille humaine dans le Sud Ouest ? Bewise a besoin de vous.

Rémunération : selon profil

Envoyez votre CV à job@bewise.fr en indiquant « [ConsultantFONC2010] » dans le sujet du mail.

Stagiaire

Bewise est une structure en forte expansion. Pour l’accompagner, nous recherchons un stagiaire qui travaillera sur les technologies de développement Microsoft, à savoir :

Microsoft .NET 4.0

ASP.NET, WPF, WCF

Visual Studio .NET 2010

SQL Server 2008R2

Sharepoint 2010

Qualités attendues : autonomie, rigueur, passionné par les technologies et forte motivation.

A l’heure actuelle le sujet de stage n’est pas complètement défini, mais fera intervenir plusieurs des technologies précédentes.

La durée minimale du stage est de 3 mois ETP (stage de fin d’étude, contrat de professionnalisation en alternance). Le poste est à pourvoir en 2010.

Vous avez envie de rejoindre une équipe sympa, jeune et dynamique ? Envoyez votre CV et votre lettre de motivation à job@bewise.fr en indiquant [StagiaireQ12010] dans le sujet du mail.

ASP.NET MVC : Changer de ViewEngine (2/2)

2009-11-13T15:28:00.001+01:00

Nous avons vu dans mon précédent post comment apporter des modifications au ViewEngine utilisé par défaut par MVC. Aujourd’hui, ça va se compliquer puisque nous allons voir ce qu’il est nécessaire de savoir pour créer un ViewEngine complet.

Contrairement à ce que nous avons vu précédemment, où nous ne faisions qu’apporter des modification au WebFormViewEngine, cette fois nous aurons un contrôle total du code HTML qui sera généré, libre à vous d’utiliser des pages PHP ou de créer votre propre langage serveur ! Par contre, je ne vous cache pas que mettre ça en place vous demandera un peu plus de boulot que d’utiliser les webforms.

Pour créer un nouveau View Engine from scratch, il va nous falloir implémenter 2 interfaces: IView, qui représentera nos vues (ce qui nous permettre de renvoyer le code html au client), et IViewEngine, qui nous servira à charger la vue correcte en fonction du contexte et du nom de la vue.

Commençons par la vue : l’interface IView nous demande de faire une méthode Render, qui reçoit des informations dans le viewContext, et devra écrire le code HTML à renvoyer au client dans un TextWriter.

    public class MyCompletelySpecificView : IView
    {
        #region IView Members

        public void Render(ViewContext viewContext, System.IO.TextWriter writer)
        {
            // on va faire notre rendu ici
        }

        #endregion
    }

Nous avons ici toute liberté pour faire ce que nous voulons ! Nous allons par exemple aller chercher notre vue en base de données : pour cela, nous avons une table toute simple avec 2 colonnes : le nom de la vue, et le code HTML correspondant.

Nous pouvons créer notre DatabaseView qui ira chercher en base de données le code html, au lieu de chercher un fichier.

    public class DatabaseView : IView
    {
        private String viewName;

        public DatabaseView(String viewName)
        {
            this.viewName = viewName;
        }

        #region IView Members

        public void Render(ViewContext viewContext, System.IO.TextWriter writer)
        {
            using (DatabaseViewsDataContext context = new DatabaseViewsDataContext())
            {
                ViewContent content = context.ViewContents.SingleOrDefault(v => v.ViewName == viewName);

                if (content != null)
                    writer.Write(content.Text);
            }
        }

        #endregion
    }

Il ne nous reste plus qu’à créer le View Engine qui va bien, pour pouvoir appeler correctement nos vues. Nous avons 3 méthodes à implémenter : pour récupérer une vue, pour récupérer une vue partielle, et pour libérer la mémoire de notre vue.

    public class DatabaseViewEngine : IViewEngine
    {
        #region IViewEngine Members

        public ViewEngineResult FindPartialView(ControllerContext controllerContext, string partialViewName, bool useCache)
        {
            return new ViewEngineResult(new DatabaseView(partialViewName), this);
        }

        public ViewEngineResult FindView(ControllerContext controllerContext, string viewName, string masterName, bool useCache)
        {
            return new ViewEngineResult(new DatabaseView(viewName), this);
        }

        public void ReleaseView(ControllerContext controllerContext, IView view)
        {
            IDisposable disposableView = view as IDisposable;
            if (disposableView != null)
                disposableView.Dispose();
        }

        #endregion
    }

J’ai ici fait au plus simple, mais vous avez tout loisir pour faire plus compliqué si vous le désirez, pour gérer les vues mobiles, ou bien différentes langues. N’oubliez pas non plus de gérer le cache lorsqu’on vous le demande (et oui, refaire un ViewEngine, ça veut dire qu’il faut TOUT refaire).

Voilà, vous avez toutes les clés en main pour créer votre propre View Engine, maintenant à vous de jouer !

Cross-posté vers Tech Head Brothers

ASP.NET MVC : Changer de ViewEngine (1/2)

2009-11-10T12:03:00.001+01:00

Nous avons vu dans un précédent post comment changer de ControllerFactory, maintenant nous allons voir comment changer de ViewEngine.

Mon problème, comme la dernière fois, est que je n’aime pas la convention par défaut de MVC : si je ne mets pas mes vues dans le dossier “Views”, il ne les trouve pas. Je vais donc créer mon propre ViewEngine ; ou plutot je vais étendre celui utilisé par défaut pour redéfinir les dossiers où chercher.

Avant de faire ça, nous allons d’abord regarder comment fonctionne le WebFormViewEngine : le code source est disponible, ne nous privons pas d’aller y jeter un oeil !
La classe hérite de VirtualPathProviderViewEngine, classe abstraite qui permet d’aller chercher les fichiers dans le site à partir de chemins virtuels asp.net (vous savez, ceux qui commencent par ~). Regardons son constructeur :

    public WebFormViewEngine() {
        MasterLocationFormats = new[] {
            "~/Views/{1}/{0}.master",
            "~/Views/Shared/{0}.master"
        };

        ViewLocationFormats = new[] {
            "~/Views/{1}/{0}.aspx",
            "~/Views/{1}/{0}.ascx",
            "~/Views/Shared/{0}.aspx",
            "~/Views/Shared/{0}.ascx"
        };

        PartialViewLocationFormats = ViewLocationFormats;
    }

Ici on initialise 3 tableaux de String, qui contiennent les emplacements où chercher nos vues, pour les master pages, les vues et les vues partielles. Ainsi, si je veux redéfinir l’emplacement de mes vues, je pourrai me contenter d’hériter de WebFormViewEngine et de remplacer ces valeurs par les miennes :

public class MyCustomViewEngine : WebFormViewEngine
{
    public MyCustomViewEngine()
    {
        MasterLocationFormats = new[] {
            "~/MesMasterPages/{1}/{0}.master",
            "~/MesMasterPages/{0}.master"
        };

        ViewLocationFormats = new[] {
            "~/MesVues/{1}/{0}.aspx",
            "~/MesVues/{0}.aspx"
        };

        PartialViewLocationFormats = new[] {
            "~/MesVues/{1}/{0}.ascx",
            "~/MesVues/{0}.ascx"
        };
    }
}

On va maintenant aller un peu plus loin, en créant un ViewEngine qui va renvoyer des vues différentes en fonction du contexte. Un exemple pratique : on veut créer des vues spécifiques pour les appareils mobiles.

Par exemple, si je veux définir un site “normal” à l’adresse http://www.monsite.com, et un site mobile à l’adresse http://m.monsite.com, je vais router les dns de mes deux sous-domaines vers le même site, et mon ViewEngine fera le tri :

public class MobileViewSelector : WebFormViewEngine
{
    public override ViewEngineResult FindView(ControllerContext controllerContext, string viewName, string masterName, bool useCache)
    {
        // on récupère le domaine utilisé pour venir sur le site
        String domain = controllerContext.RequestContext.HttpContext.Request.Url.Authority.ToLower();

        // si on est sur un domaine pour mobile, on va chercher la vue dans un sous-dossiers "mobile"
        if (domain.StartsWith("m") || domain.StartsWith("iphone"))
            viewName = "Mobile/" + viewName;

        // on appelle la requête de base
        return base.FindView(controllerContext, viewName, masterName, useCache);
    }
}

Dans cet exemple, si on se connecte au site en utilisant le sous domaine “m” (ou même “iphone”, parce que c’est à la mode, même si le résultat est exactement le même), la vue sera recherchée dans un sous-dossier “Mobile” du dossier des vues, sinon on récupère la vue normale. Bien sûr, l’utilisation du sous domaine n’est qu’un exemple, vous pouvez router vos vues en fonction de variables de sessions, de paramètres passés dans la requête ou tout ce que vous désirez.

Il suffit ensuite de créer toutes nos vues en double : une vue normale, et une vue mobile, et ça fonctionnera. C’est là un des points forts de MVC, le contrôleur n’a pas besoin d’être modifié : il fait uniquement son boulot de contrôleur et envoie des informations à la vue. Ensuite que la vue soit faite pour un PC ou un mobile ne le concerne plus.

Dernière petite chose pour que ça fonctionne, il ne faut pas oublier d’enregistrer notre ViewEngine dans le global.asax :

protected void Application_Start()
{
    RegisterRoutes(RouteTable.Routes);

    // On supprime le ViewEngine par défaut, on n'en a plus besoin
    ViewEngines.Engines.Clear();

    // On enregistre notre ViewEngine
    ViewEngines.Engines.Add(new MobileViewSelector());
}

Nous verrons dans un prochain post comment modifier le ViewEngine plus en profondeur. Nous n’avons ici modifié que l’appel des fichiers aspx, mais il est possible de modifier totalement le système de rendu, si par exemple vous ne souhaitez pas utiliser de webforms.

Cross-posté vers Tech Head Brothers

ASP.NET MVC : Pas de cache dans le Controller Factory

2009-10-31T22:51:00.001+01:00

J’ai récemment expliqué comment changer de Controller Factory dans MVC, mais depuis ce jour il y a un truc qui me tracasse : l’exemple que j’ai donné n’était pas du tout optimisé. En effet, on instancie un nouveau contrôleur à chaque requête, alors qu’on pourrait très bien en instancier un seul et le mettre en cache. Vu que ça prenait que quelques lignes de code, j’ai décidé d’étendre le DefaultControllerFactory pour y ajouter un cache des contrôleurs. Et là, déception, j’ai une exception lorsque lance mon application :

A single instance of controller 'MyMvcApplication.Controllers.HomeController' cannot be used to handle multiple requests. If a custom controller factory is in use, make sure that it creates a new instance of the controller for each request.

A la première requête, la charge se charge correctement, mais lors du chargement de la seconde page (et donc quand le cache est utilisé), le controller refuse de faire son boulot.

Je suis allé faire un petit tour dans le code source pour voir comment était créé le contrôleur, et effectivement à chaque requête une nouvelle instance est créée, comme dans mon ControllerFactory perso. D’après Scott Hanselman, mettre en cache une instance d’un contrôleur pourrait avoir des effets de bord non désirés (source). Ne vous embêtez donc pas à vouloir optimiser plus que ça, le fonctionnement de base fonctionne très bien… ou alors il vous faudra recoder complètement le contrôleur de base de MVC pour le rendre capable de gérer le cache (bon courage).

Article : les nouveautés d’ASP.NET 4

2009-10-27T11:20:00.001+01:00

Pour une fois, on va oublier un peu MVC pour en revenir aux bonnes vieilles WebForm. Au programme de ce nouvel article : les nouveautés d’ASP.NET 4 !

Au programme, de nombreuses optimisations, et quelques nouveautés intéressantes, notamment avec ASP.NET Ajax et le JavaScript.

Découvrez-le sur le site de Bewise :

http://www.bewise.fr/article/138/Les-nouveautes-d-ASP-NET4.aspx

Article : Utiliser Ajax avec ASP.NET MVC

2009-10-22T09:32:00.001+02:00

Après mon précédent article, qui présentait les bases de ASP.NET MVC, je me suis dit qu’il pourrait être sympa de faire un peu d’Ajax.

Dans cet article, pas de JavaScript ni de WebServices (bien qu’il soit tout à fait possible, et certainement très intéressant, d’en faire avec MVC), je me concentre uniquement sur les moyens de faire de l’Ajax spécifiques à MVC, en utilisant l’AjaxHelper du framework.

Vous allez voir qu’encore une fois, c’est très simple à mettre en place, et la séparation des couches est toujours de la partie puisqu’on utilise toujours les contrôleurs et les vues, de la même manière qu’avec des requêtes http classiques.

Je vous laisse découvrir l’article sur Tech Head Brothers :

http://www.techheadbrothers.com/Articles.aspx/ajaxhelper-aspnet-mvc

Tip : des ActionLink plus propres avec ASP.NET MVC

2009-10-19T12:25:00.001+02:00

Malgré tout le bien que je pense d’ASP.NET MVC (qui est, je le rappelle, le meilleur framework de développement web du monde, que dis-je, de l’univers !), je me vois parfois obligé de reconnaître qu’il a des défauts. L’un des plus ennuyeux est l’utilisation de chaînes de caractères et d’objets anonymes dans les helpers Html, source potentielle d’erreurs, qui ne seront pas détectées à la compilation.

Pour remédier à ce soucis, nous avons la possibilité d’étendre le Html Helper, afin d’ajouter nos propres méthodes de création de liens.

Pour commencer, nous allons créer une classe par contrôleur, dans laquelle nous définirons les méthodes qui renverront les liens vers chaque action. Cette classe va se baser sur le HtmlHelper pour créer les liens, donc n’oublions pas de le passer dans le constructeur :

    public class HomeLinks
    {
        private HtmlHelper html;
        public HomeLinks(HtmlHelper html)
        {
            this.html = html;
        }

        public String Index(String linkText)
        {
            return html.ActionLink(linkText, "Index", "Home");
        }

        public String Details(String linkText, int id)
        {
            return html.ActionLink(linkText, "Details", "Home", new { id = id });
        }
    }

Une fois cette classe créée, on va ajouter une méthode au HtmlHelper pour pouvoir y accéder depuis notre vue :

    public static class LinkHelper
    {
        public static HomeLinks HomeLinks(this HtmlHelper Html)
        {
            return new HomeLinks(Html);
        }

        public static AccountLinks AccountLinks(this HtmlHelper Html)
        {
            return new AccountLinks(Html);
        }
    }

Notez que j’ai séparé les liens de chaque contrôleur dans des classes distinctes par soucis de clarté, mais ce n’est absolument pas obligatoire : vous pouvez si vous le souhaitez étendre directement le HtmlHelper par vos liens :

    public static String Index(this HtmlHelper Html, String linkText)
    {
        return Html.ActionLink(linkText, "Index", "Home");
    }

Pour pouvoir appeler vos méthodes depuis vos pages aspx, n’oubliez pas d’ajouter leur namespace dans le web.config :

Et voilà, plus besoin de faire passer de chaines de caractères en dur dans vos liens, vous pouvez utiliser ces méthodes avec des vrais noms et des paramètres typés !

Ainsi, les 2 lignes suivantes créeront le même lien :

<%= Html.ActionLink("Details pour l'id numero 5", "Details", "Home", new { id = 5 } %>
<%= Html.HomeLinks().Details("Details pour l'id numero 5", 5) %>

ASP.NET MVC : changer de ControllerFactory

2009-10-16T14:06:00.001+02:00

Le framework ASP.NET MVC utilise ce qu’on appelle “convention over configuration”, ce qui signifie qu’on n’a pas besoin de configurer manuellement notre application pour avoir une application qui fonctionne, tant que l’on respecte certaines conventions. Si l’on ne souhaite pas utiliser ces conventions, on a toujours la possibilité de configurer l’application pour travailler autrement.

En pratique, qu’est-ce que ça signifie ?

Lorsque l’on crée un nouveau projet MVC, les contrôleurs sont disposés dans le dossier « Controllers » de l’application, et leur nom doit forcément se terminer par « Controller ». Si on crée un contrôleur dans un autre namespace, ou si son nom est incorrect, le contrôleur ne sera pas reconnu par MVC. Pour pouvoir changer cette convention, on a la possibilité de créer notre propre ControllerFactory, dans lequel on pourra définir nos règles d’appel de nos contrôleurs.

Pour créer un ControllerFactory, il va falloir créer une nouvelle classe qui implémentera l’interface IControllerFactory, contenant 2 méthodes :

IController CreateController(System.Web.Routing.RequestContext requestContext, string controllerName)
et
void ReleaseController(IController controller)

La première va nous permettre de renvoyer une instance d’un contrôleur en fonction de son nom, et éventuellement de paramètres venant de la requête ; la seconde va nous permettre de libérer un contrôleur qui n’est plus utilisé. Le résultat ressemblera à quelque chose comme ça :

    public class CustomControllerFactory : IControllerFactory
    {

        public IController CreateController(System.Web.Routing.RequestContext requestContext, string controllerName)
        {
            if (string.IsNullOrEmpty(controllerName))
                throw new ArgumentNullException("Controller name can't be empty");

            String controllerType = String.Concat("MyMvcApplication.CustomController.", controllerName);

            IController controller = Activator.CreateInstance(Type.GetType(controllerType)) as IController;

            return controller;
        }

        public void ReleaseController(IController controller)
        {
            IDisposable disposableController = controller as IDisposable;
            if (disposableController != null)
                disposableController.Dispose();
        }

    }

Une fois notre classe créée, il faut l’enregistrer pour qu’elle soit utilisée à la place de la Factory par défaut. Pour ça, on a une méthode SetControllerFactory qu’il nous faut appeler au démarrage de l’application, dans le global.asax :

    protected void Application_Start()
    {
        RegisterRoutes(RouteTable.Routes);

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

Une fois ceci fait, nos anciens contrôleurs ne sont plus appelés, la recherche se fera dans le namespace MyMvcApplication.CustomController comme cela a été défini dans notre CustomControllerFactory.

Crossposté vers Tech Head Brothers

Convertir le temps Unix en DateTime .NET

2009-10-03T12:40:00.001+02:00

Si vous faites du .NET, il y a peu de chances que vous ayez besoin d’utiliser le temps Unix. Cependant, si jamais vous en avez besoin, il n’y a pas à ma connaissance de méthode effectuant la conversion dans le framework .NET, il va donc falloir effectuer la conversion à la main. Heureusement, ce n’est pas compliqué.

Le temps Unix est défini par un nombre entier, représentant le nombre de secondes écoulées depuis le début de l’univers, le 1er janvier 1970. Lorsqu’on sait ça, la conversion est toute simple :

    private static DateTime origin = new DateTime(1970, 1, 1);

    public static DateTime UnixTimeToDateTime(long timespan)
    {
        return origin.AddSeconds(timespan);
    }

    public static long DateTimeToUnixTime(DateTime date)
    {
        TimeSpan ts = date - origin;
        return (long)ts.TotalSeconds;
    }

Pour la petite histoire, lorsque le temps Unix est codé sur un entier 32 bits, on ne peux coder les dates que jusqu’au 19 janvier 2038, si ce système est encore utilisé ce jour là, on risque d’avoir le fameux bug de l’an 2038, un bug encore pire que le bug de l’an 2000. Heureusement, les systèmes 64 bits devraient se généraliser dans les années à venir pour nous éviter ces problèmes.

Microsoft annonce son Ajax Content Delivery Network.

2009-09-16T13:02:00.001+02:00

Il faut croire que Scott Guthrie lis régulièrement mon blog, puisque suite à mon dernier post, il vient de bloguer pour annoncer le lancement du Microsoft Ajax CDN. (et j’ai découvert par la même occasion ce qu’était un CDN, un peu de culture ne fais jamais de mal :)

Ce CDN est un ensemble de serveurs qui vont proposer plusieurs librairies Ajax (pour le moment sont disponibles les librairies ASP.NET Ajax et jQuery [update: le pluin de validation jQuery est aussi disponible : blog de Stephen Walther]) que vous pourrez référencer directement depuis votre site web. C’est totalement gratuit et sans inscription préalable, il suffit de faire un lien directement vers le fichier javascript :

Ceci a plusieurs avantages :

La requête sera plus rapide (à moins que vous n’ayez une infrastructure comparable à celle de Microsoft ;)
Si l’utilisateur est allé sur un autre site référençant le même fichier, il sera déjà en cache
La bande passante est offerte (même si les fichiers JS c’est pas ce qui en consomme le plus, c’est déjà ça de pris)
On s’embête plus avec les liens relatifs (ça c’est moi qui l’ajoute, mais j’avoue que c’est quand même léger comme avantage :)

Le CDN sera aussi intégré à ASP.NET 4, puisqu’on pourra préciser dans le ScriptManager si on désire l’utiliser :

La liste des fichiers disponibles sur le CDN peut être consultée sur le site d’ASP.NET : http://www.asp.net/ajax/cdn/

Référencer des scripts JavaScript dans une MasterPage

2009-09-07T15:43:00.002+02:00

Lorsqu’on utilise des fichiers JavaScript externes, il faut les référencer dans l’en-tête de notre page html, tout comme on le fait pour nos fichiers CSS. Par contre, contrairement aux fichiers CSS, les références vers les fichiers JavaScript peuvent poser problème si la MasterPage est utilisée par plusieurs pages situées dans des dossiers différents.

L’en-tête de nos pages aspx contient l’attribut runat=”server” par défaut, ce qui va permettre au serveur de parcourir le contenu du <head>, afin de mettre à jour les liens vers nos fichiers css (ou d’autres types de liens, si par exemple vous avez défini un flux RSS). Cependant, ceci ne s’applique pas aux balises <script>, utilisées pour appeler les fichiers JavaScript : si on essaie d’interpréter cette balise coté serveur, le serveur va essayer d’exécuter son contenu (et donc le contenu du fichier .js), ce qui ne fonctionnera pas puisque le JavaScript est du code destiné au navigateur.

Pour référencer correctement nos fichiers, il va donc falloir explicitement demander la construction du chemin relatif correct. Pour cela, il va nous falloir utiliser la méthode ResolveClientUrl de la classe Control.

Ceci fonctionne aussi bien avec ASP.NET Webforms qu’avec le nouveau Framework ASP.NET MVC.

Article : introduction à ASP.NET MVC

2009-09-07T11:22:00.001+02:00

Les plus observateurs de mes lecteurs auront certainement remarqué que je me suis dernièrement pris de passion pour ASP.NET MVC.

Effectivement, je suis vraiment devenu fan de ce nouveau Framework, et je ne pouvait pas garder ça pour moi…

J’ai donc écrit un article, et qui est disponible sur le site de Bewise :

Introduction à ASP.NET MVC

Formations Microsoft à des prix TRES préférentiels !!

2009-08-21T10:10:00.001+02:00

Les températures grimpent, nos prix baissent !

Microsoft et Bewise vous proposent de profiter de cette fin d’été pour former vos collaborateurs aux sujets suivants :

Découverte de Windows Azure
Développement parallèle avec ParallelFX 4.0
Nouveautés SQL Server 2008
Découverte de .Net 4.0 et Visual Studio 2010
Utilisation avancée de Silverlight
Utilisation avancée de WPF
Découverte de Silverlight
Découverte de WPF

· Date : chacune de ces formations sera donnée sur septembre et/ou octobre 2009

· Durée : 3 jours chacune

· Lieu : chez Bewise ou dans vos locaux

· Formateur – consultant : certifié Microsoft Certified Trainer (MCT)

· Financement : Bewise est centre de formation agréé pour une prise en charge par vos OPCA

· Prix : 490 € HT par stagiaire pour les 3 jours de formation !!!!

Contactez-nous au 05 61 75 13 13 pour connaitre les dates précises de la formation qui vous intéresse et les places disponibles !

Localisation avec ASP.NET MVC

2009-08-06T12:58:00.001+02:00

Et oui, je suis encore en train de m'amuser avec la preview de MVC 2. A force de découvrir de nouvelles fonctionnalités qui roxent toutes plus les unes que les autres, je m'étais fait à l'idée que MVC était parfait…

Jusqu'à la nuit dernière, où j'ai fait un cauchemar : je devais gérer la localisation dans un site web, et je ne savait pas comment faire ! En effet, si ASP.NET gère très facilement la localisation sur les contrôles serveur, avec MVC on a tendance à ne pas les utiliser, et l'outil de génération des fichiers de ressources, même s'il est toujours présent, ne génère donc rien. Je me suis donc levé, ai rallumé mon ordinateur, et me suis penché sur la question.

Eh bien, je ne vais pas faire durer le suspens plus longtemps, la gestion de la localisation avec MVC n'est pas beaucoup plus compliquée qu'avant. En effet, si les fichiers de ressource ne sont pas générés automatiquement, rien ne nous empêche de les créer nous même et de les appeler dans nos pages.

J'ai donc créé un fichier Strings.resx, Strings.fr.resx et Strings.en.resx ; dans lequel j'ai mis une chaine de caractère nommée "Texte1", que j'ai traduite en anglais et en français.
Dans la page aspx, pour afficher mon texte localisé, c'est tout simple :
<%= Strings.Texte1 %>
Ceci affiche donc mon texte dans la bonne langue, en fonction de la culture sélectionnée. Rien de bien compliqué, donc…

Là où je me suis un peu plus creusé la tête, c'est quand j'ai voulu donner à l'utilisateur la possibilité de changer de langue. Encore une fois, c'est pas plus compliqué qu'en ASP.NET classique. N'oublions pas que dans ASP.NET MVC, il y a ASP.NET : une ViewPage MVC est une page comme une autre !
Pour changer la culture d'une page, il suffit de changer la culture du thread courant dans la méthode InitializeCulture() de la page.
Mais comment faire ici, puisque avec MVC on n'a plus de code behind ? Eh bien, tout simplement en changeant la page de base. Dans les directives de mes pages aspx, j'ai changé ça:
<%@ Page Inherits="System.Web.Mvc.ViewPage" %>
par :
<%@ Page Inherits="MvcTools.BasePage" %>

Avec ma classe BasePage qui hérite de ViewPage et qui redéfinit le InitializeCulture() :

Dans cet exemple, on vérifie au chargement de la page si la culture est sauvegardée en session, si elle n'existe pas on définit une culture par défaut ; puis on change la culture du thread courant. Il suffit de faire ça pour qu'au chargement de notre page aspx le bon fichier de ressource soit chargé.

Ensuite, pour que l'utilisateur puisse changer de ressource, c'est tout simple : on est en MVC, on crée donc une action dans notre contrôleur qui va changer la culture. Puisqu'on a défini la culture dans la Session, on y a directement accès depuis le contrôleur pour le mettre à jour :

Utiliser les DataAnnotations avec LinqToSql

2009-08-05T11:00:00.001+02:00

ASP.NET MVC 2 est arrivé avec une nouveauté très pratique : la validation de données par DataAnnotation. Le principe : on définit sur notre modèle les contraintes à vérifier, et MVC se charge de faire les vérifications (côté serveur uniquement dans la première preview, et normalement une vérification client devrait être générée à l’aide de jQuery dans les prochaines versions).

Par exemple, j’ai la classe suivante :

    public class Contact
    {
        public String Login { get; set; }
        public String Email { get; set; }
        public Int16 Age { get; set; }
    }

Je vais pouvoir lui ajouter les règles de validation de cette manière (sans oublier de référencer System.ComponentModel.DataAnnotations) :

    public class Contact
    {
        [Required(ErrorMessage="The login is required")]
        [StringLength(20, ErrorMessage="Must be less than 20 characters")]
        public String Login { get; set; }

        [Required(ErrorMessage="The e-mail is required")]
        [RegularExpression(@"([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})",ErrorMessage="Incorrect e-mail address")]
        public String Email { get; set; }

        [Range(0,120)]
        public Int16 Age { get; set; }
    }

Par contre, un problème se pose lorsque notre modèle provient de code généré. Si on veut annoter nos classes, toutes nos règles de validations disparaitront si on regénère le code.

Heureusement, les p’tits gars de chez Microsoft ont pensé à tout, et nous ont fourni un système pour mettre nos annotations dans une classe partielle :

[MetadataType(typeof(ContactMD))]
public partial class Contact
{

    private class ContactMD
    {
        [Required(ErrorMessage = "The login is required")]
        [StringLength(20, ErrorMessage = "Must be less than 20 characters")]
        public String Login { get; set; }

        [Required(ErrorMessage = "The e-mail is required")]
        [RegularExpression(@"([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})", ErrorMessage = "Incorrect e-mail address")]
        public String Email { get; set; }

        [Range(0, 120)]
        public Int16 Age { get; set; }
    }
}

Ici, la classe Contact a été générée par LinqToSql, et contient les propriétés Login, Email et Age. Je ne peux donc pas les remettre dans la classe partielle.
Il faut dans ce cas créer une autre classe, ContactMD, qui contient les mêmes propriétés que Contact, et sur laquelle on mets nos annotations.
Et on ajoute une annotation MetadataType sur notre classe Contact pour définir dans quelle classe se trouvent les annotations.

ASP.NET MVC, Ajax, et XHTML : on ne plaisante pas avec la validité du code !

2009-08-04T17:59:00.001+02:00

Update : Avec la preview 2, le problème est malheureusement toujours présent.

Si vous êtes tombé ici en cherchant comment faire de l’Ajax avec ASP.NET MVC, je vous conseille d’aller voir cet article sur Tech Head Brothers : L’AjaxHelper de ASP.NET MVC

Ce post est une réaction à chaud après avoir perdu quelques heures à comprendre pourquoi mon appel Ajax ne fonctionnait pas.

Je viens d’installer la preview d’ASP.NET MVC 2, et après avoir découvert avec enthousiasme les nouveautés, j’ai décidé de tester les Ajax Helpers que je n’avais pas encore pris le temps de regarder dans la première version.

J’ai donc décidé de faire un moteur de recherche asynchrone : une textbox, un bouton pour valider, et une zone avec les résultats qui se mettra à jour toute seule sans recharger la page :

    <div class="search">
    <p>Recherche d'article</p>
    <p><% using (Ajax.BeginForm("AjaxSearch", "Search",
           new AjaxOptions() { UpdateTargetId = "searchResult" }))
          {%>
           <%= Html.TextBox("s") %>
           <input type="submit" value="Search"/>
           <%} %></p>

       <p id="searchResult"></p>
    </div>

Le fonctionnement est très simple : on utilise un formulaire qui fera un appel Ajax, qu’on initialise à l’aide du Ajax.BeginForm
On lui passe en paramètre le nom de l’action et du contrôleur MVC qu’on veut appeler, ainsi que les AjaxOptions : ici je demande à ce que le résultat mette à jour l’élément avec l’id “searchResult”, situé un peu plus bas.

Coté serveur, j’ai donc une action qui va me renvoyer une liste d’articles correspondant à la recherche :

    public ActionResult AjaxSearch()
    {
        String s = Request["s"];

        var data = Context.Articles.Where(a => a.Title.Contains(s)).ToList();

        if (data.Count == 0)
            return Content("No article found");

        return View(data);
    }

Et cette action renvoie une vue, qui est ici une vue partielle (ascx) :

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<IEnumerable<MyMvcWiki.Models.Article>>" %>
<ul>
    <% foreach (var item in Model)
       { %>
   <li>
   <%= Html.ActionLink(item.Title, "Details", "Wiki", new { id=item.Id }, null) %>
   </li>
    <% } %>
</ul>

Et voilà, Ajax avec MVC, c’est pas plus compliqué que ça !
Enfin, en théorie, puisqu’il suffit de tester la page pour avoir une belle erreur, avec un message très explicite afin de faciliter le débugage :
“Error: Unknown runtime error”
Erreur d’autant plus incompréhensible que lorsque la recherche ne renvoie aucun résultat, le message “No article found” s’affiche correctement.

Je me suis donc arraché les cheveux sur cette erreur, puisque le code me semblait parfaitement correct de bout en bout, jusqu’à ce que je comprenne ce qui n’allait pas.
Revoyons de plus près ce qui se passe coté client :
On fait un appel Ajax qui va mettre à jour ma page. La réponse du serveur doit mettre à jour l’élément avec l’id “searchResult”. Dans mon code, il s’agit d’un élément <p>.
La réponse du serveur renvoie une liste d’articles sous forme de liste à puces <ul> <li>.
Et si on se décide à lire les spécifications du xhtml, on se rend compte que c’est interdit. Et oui, un paragraphe ne doit pas contenir d’éléments de type bloc, donc pas de <ul>…
Il suffit de remplacer mon <p id=”searchResult”> pas un <div id=”searchResult”> pour que ça fonctionne !

Je suis partagé sur cette erreur : d’un coté, c’est vrai que c’est bien de forcer les développeurs à faire du code correct, mais j’aurais quand même apprécié avoir un message d’erreur plus explicite.

En dehors de ça, j’avoue que je suis conquis pas les méthodes Ajax fournies avec MVC. Les accrocs à l’UpdatePanel ne seront pas dépaysés (enfin, pas plus qu’ils ne l’étaient en passant de WebForms à MVC). C’est très facile et rapide à mettre en place, sans avoir à écrire de javascript. Tout en laissant la possibilité aux fans de JavaScript de faire leurs appels Ajax à la main (avec jQuery par exemple, qui est inclut de base dans les nouveaux projets MVC).

Découvrez Vertice Design

2009-08-04T11:06:00.001+02:00

Vertice Design est un studio graphique spécialisé dans le design et l'ergonomie d'applications web, windows et mobile.
Les équipes maîtrisent des outils variés tels que la gamme Expression de Microsoft, la gamme CS4 d'Adobe, 3ds Max, Nova...
En plus de la réalisation d'interfaces graphiques originales et à votre image, Vertice Design propose des formations afin d'acquérir des compétences
sur des logiciels tels que Expression Web, Blend, Silverlight, Flash, Expression Design, Illustrator...
N'hésitez pas à aller visiter leur site internet pour en savoir plus : http://www.verticedesign.com

BDC 2009 – ASP.NET MVC

2009-04-24T15:39:00.001+02:00

Je vous ai annoncé hier que mon post sur MVC arriverait d’ici quelques jours, cependant je me suis rendu compte un peu tard que la fin de la semaine arrivait à grand pas, et comme j’ai promis de mettre les sources de ma démo sur mon blog avant la fin de la semaine, me voilà déjà de retour !

Le sujet du jour est donc MVC : un nouveau type de projet web qui va nous aider à bien structurer notre application, en séparant les différentes couches : Modèle, Vue et Controleur. Contrairement à Ajax que j’ai présenté dans mon message précédent, ASP.NET MVC est disponible en version finale, totalement supporté par Microsoft et donc utilisable en production.
Avant de démarrer, il va falloir vérifier qu’on a bien tout installé :

Comme d’habitude, il nous faut Visual Studio 2008 SP1, et comme d’habitude, Visual Web Developer Express fera parfaitement l’affaire.
Ensuite, il va falloir installer MVC. Pour ça, il suffit d’aller le télécharger et d’exécuter le msi. Notez que vous pouvez aussi télécharger le code source, disponible sous licence Ms-PL.
Pour ensuite bien apprendre à utiliser MVC, un training kit est disponible gratuitement, tout comme un tutorial en pdf pour créer un site MVC from scratch.

Et comme promis, voilà le code source et les slides de ma démo. Il s’agit d’un mini moteur de blog totalement fait avec MVC. On peut créer des posts, les voir, les modifier, les supprimer…
J’ai modifié le blog depuis mardi, pour ne plus utiliser de base de données, afin de ne pas pénaliser ceux qui n’ont pas SQL Server. Du coup tout est stocké en mémoire, et donc rien n’est sauvegardé. Mais en fait c’est pas grave, puisque l’utilisation de MVC permets de changer facilement la couche d’accès aux données avec un minimum d’impact sur le reste du site, vous pourrez donc si vous le souhaitez enregistrer vos données dans votre propre base de données, ou dans des fichiers xml. C’est pas beau la vie ? ;)

BDC 2009 – ASP.NET 4.0 - JavaScript

2009-04-23T12:22:00.001+02:00

La BDC c’est fini pour cette année, toute l’équipe de Bewise a été heureuse de vous recevoir et vous donne d’ores et déjà rendez-vous l’année prochaine pour une quatrième édition !

A titre personnel, j’ai été ravi de voir tant de monde interressé par le développement web, et les nouveautés d’ASP.net. Pour ceux qui sont interressés, voici tout ce dont vous avez besoin pour tester les prochaines nouveautés Ajax et Javascript d’ASP.NET

Visual Studio 2008 SP1: pour ceux qui ne l’ont pas, vous pouvez télécharger gratuitement Visual Web Developer Express
jQuery, la librairie javascript open-source.
Pour ceux qui désirent l’intellisense jQuery dans VS2008, il vous faudra installer le patch qui va bien, et télécharger le fichier –vsdoc.js disponible sur le site de jQuery (sur la page de téléchargement, lien “Documentation : Visual Studio”)
La preview d’ASP.NET 4.0 Ajax, disponible sur codeplex. Il s’agit de plusieurs fichiers JavaScript que vous pouvez utiliser directement dans vos projets. Attention, il s’agit encore d’une preview, non destinée à être utilisée en production.

Si vous n’avez pas envie de coder de suite, vous pouvez vous contenter de jeter un coup d’oeil au code source et aux slides de mes démos JavaScript.

La première démo montre comment utiliser les client templates pour afficher une liste d’images dont les noms sont contenus dans un tableau javascript, et comment les déplacer avec la souris grâce à jQuery.
Non, vous ne rêvez pas, tout le code se trouve bien dans la page default.aspx (sauf le tableau en javascript qui se trouve dans un fichier js séparé, mais ça c’est pas vraiment du code ;)

La seconde démo est à peine plus compliquée, puisqu’au lieu de stocker ma liste de cartes dans une variable javascript, elle m’est renvoyée par le serveur à l’aide d’une requête Ajax.

Voilà, avec tout ça il y a déjà moyen de bien s’amuser !

Je vous donne rendez-vous d’ici quelques jours sur ce même blog pour un post sur ASP.NET MVC, avec un résumé de ma présentation et le code source de ma démo.

Bewise Day Conference 2009

2009-04-10T16:15:00.001+02:00

Pour la 3ème année consécutive, Bewise revient vous présenter les dernières technologies Microsoft à la BDC, qui cette année ne s’adresse pas uniquement aux développeurs mais à tous les professionnels de l’informatique, avec des sessions développement et des sessions IT.

Je serai présent pour vous présenter les nouveautés prévues pour le prochain ASP.NET 4.0
Au programme : Ajax, JQuery, MVC et WebForms, ainsi que toute question qui vous passe par la tête, à l’espace de démonstration “Boostez vos sites avec ASP.NET 4.0”

Lors de la dernière BDC, j’ai vu dans les yeux émerveillés de quelques étudiants l’envie, que dis-je, une volonté féroce de travailler à Bewise (et comme je les comprend !), je leur dédie donc cette vidéo, où vous pourrez découvrir la dure vie d’un développeur chez Bewise.

Découvrez d’autres vidéos sur les coulisses de l’évènement, et venez vous y inscrire, sur le site officiel : http://bdc2009.bewise.fr

Un lien qui pointe vers… rien.

2009-03-23T17:24:00.001+01:00

Aujourd’hui, un petit truc tout con, mais qu’il faut connaitre : comment créer un lien qui ne pointe vers rien ?

En effet, lorsqu’on utilise javascript, on utilise très souvent des liens qui ne renvoient pas vers une autre page, mais comment écrire ces liens ?

On voit très souvent, dans ces cas là, un lien qui pointe vers “#”. Ce type de lien ne me convient pas, car lorsqu’on clique dessus on est ramené au début de la page. En effet, le # permets de faire des liens vers des ancres dans la page, le # sans nom représente pour le navigateur le début de la page.

Pour faire un lien qui ne va pas déplacer l’utilisateur dans la page, je vous propose deux solutions :

- le lien sans href : on crée notre balise a, on mets nos évènement javascript si on en a besoin, mais on ne mets pas de href. Ainsi, on n’a pas de lien, et donc pas de déplacement dans la page. Par contre, le texte ne s’affichera pas comme un lien dans le navigateur client : couleur par défaut, pas de soulignement, et curseur par défaut. Il faut donc penser à bien afficher notre lien correctement à l’aide de CSS (vous pouvez notamment utiliser cursor: pointer; pour changer le curseur).

- le lien javascript : il suffit de faire un lien de la manière suivante : <a href="javascript:void(0)">
La différence avec la méthode précédente : cette fois notre lien apparait vraiment comme un lien, pas besoin de faire un css spécifique si on veut qu’il s’affiche comme les autres. Mis à part l’affichage, le comportement sera exactement le même : ils ne font rien.

Ainsi, vous pouvez placer du javascript dans vos balises a sans que vos utilisateurs ne cassent tout en cliquant alors qu’il ne fallait pas.

Ouverture de Dotnet-France

2008-12-17T19:44:00.002+01:00

Un petit post pour parler de l'ouverture de Dotnet-France, un site web où vous pourrez réviser vos certifications gratuitement. Pour plus d'informations, je vous mets un copier-coller du communiqué de presse :

L’association Dotnet-France est fière de vous annoncer le lancement officiel de son site web accessible à l’adresse : http://www.dotnet-france.com. Ce lancement s’avère très important pour l’association puisqu’il scelle le travail de plusieurs mois pour chaque membre de l’équipe et le début de l’histoire Dotnet-France.

En effet Dotnet-France ambitionne l’idée de devenir une des communautés les plus influentes auprès des étudiants et développeurs professionnels sur les technologies Microsoft. Et comme à Dotnet-France nous sommes convaincus de l’intérêt des certifications dans le parcours professionnel nous poursuivrons notre objectif en proposant le meilleur accompagnement possible dans le cursus certifiant.

La première version du site propose donc un ensemble de fonctionnalités et contenus axés autour de l’auto-apprentissage des technologies de développement Microsoft. Entre autre nous pouvons citer :
Des cours complets et gratuits pour chaque technologie (la liste des technologies ne cessera d’évoluer).
Des examens blancs pour chaque certification (la liste des examens blancs ne cessera d’évoluer) avec un module de statistiques associé pour mieux appréhender son cursus.
Des informations utiles sur les certifications pour présenter les différents cursus possibles, les intérêts et comment les passer.

C'est par ici : http://www.dotnet-france.com/

Et puisqu'on en est à faire de la pub, je vous annonce l'ouverture du blog de Lionel Limozin, qui vient rejoindre la grande famille des blogueurs de Bewise !
C'est par là : http://www.paslatek.net/

Détection des plugins Silverlight et Flash

2008-11-14T09:38:00.000+01:00

J'ai un site qui existe en 3 versions: en Silverlight, en Flash, et en HTML pour les réfractaires aux plugins. Au lieu de proposer le choix entre les versions sur la page d'accueil, j'ai voulu faire une redirection automatique en fonction des plugins installés sur le navigateur, je me suis dis que 5 minutes sur google me suffiraient à trouver le code magique qui ferait ça. Erreur ! On trouve bien quelques codes un peu partout sur internet, mais parmis ceux que j'ai essayé, aucun ne fonctionnait correctement (enfin, ils fonctionnent quand on a le plugin installé et qu'on est sous IE, dans les autres cas c'est beaucoup moins sûr)

J'en suis arrivé donc à faire mon script moi même (enfin, je me suis inspiré d'un qui fonctionnait presque), et le voilà :

    <script type="text/javascript">
        function detectSilverlight() {
            if (navigator.mimeTypes.length > 0) {
                return
                    navigator.mimeTypes["application/x-silverlight"] != null &&
                    navigator.mimeTypes["application/x-silverlight"].enabledPlugin != null;
            }
            else if (window.ActiveXObject) {
                try {
                    new ActiveXObject("AgControl.AgControl");
                    return true;
                }
                catch (oError) {
                    return false;
                }
            }
            else {
                return false;
            }
        }

        function detectFlash() {
            if (navigator.mimeTypes.length > 0) {
                return
                    navigator.mimeTypes["application/x-shockwave-flash"] != null && 
                    navigator.mimeTypes["application/x-shockwave-flash"].enabledPlugin != null;
            }
            else if (window.ActiveXObject) {
                try {
                    new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
                    return true;
                }
                catch (oError) {
                    return false;
                }
            }
            else {
                return false;
            }
        }

        if (detectSilverlight()) {
            window.location.replace("pageSilverlight.htm");
        }
        else if (detectFlash()) {
            window.location.replace("pageFlash.htm");
        }
        else {
            window.location.replace("pageHtml.htm");
        }
        
    </script>

Testé sous IE7, Opera 9.6, Firefox 3, et Chrome beta, le tout sous Windows, avec et sans les plugins. Donc à priori ça devrait être bon un peu partout. J'espère juste que les autres OS n'ont pas encore un système différent de gestion des plugins... Si jamais vous trouvez un bug, tenez moi au courant ;)

SP1 pour Visual Studio 2008 et le Framework .NET 3.5

2008-08-12T08:51:00.001+02:00

Le SP1 pour le framework 3.5 et pour Visual Studio 2008 sont disponibles : http://msdn.microsoft.com/en-us/vstudio/cc533448.aspx

Vous pourrez télécharger en même temps les versions express de Visual Studio, ainsi que SQL Server 2008 Express, qui sont toujours gratuits.

Utilisation des validateurs ASP.NET en Javascript

2008-07-11T14:06:00.001+02:00

Il y a quelque chose que j'aime beaucoup en ASP.NET, et je pense pas que grand monde me contredise, c'est les validateurs. Plus besoin de s'embeter à faire du Javascript pour vérifier le contenu de nos inputs, on mets notre validateur, on définit 2-3 propriétés, et on a une validation cliente et serveur qui fonctionne, le rêve !

Mais parfois, on peux quand même aimer faire du Javascript, et juste être feignant. Comme c'est mon cas, je me suis demandé comment utiliser ces validateurs coté client dans mon code javascript, sans avoir à gerer les retours serveurs. Eh bien, il s'avère que c'est extrèmement simple, on va voir dans un exemple rapide comment faire.

Mon besoin : je veux que l'utilisateur puisse taper un code hexadécimal d'une couleur, et l'appliquer à un élément de ma page html.
J'ai donc un input, et une zone de texte dont je vais changer la couleur :

        <input type="text" id="tbCouleur" onchange="javascript:changeCouleur()" />
        <br />
        <div style="color: #000000;" id="divCouleur">
            Ce texte change de couleur</div>

Et pour effectuer le changement de couleur, la fonction javascript :

        <script type="text/javascript">
        function changeCouleur()
        {
            document.getElementById("divCouleur").style.color=document.getElementById("tbCouleur").value;
        }
        </script>

C'est tout simple et ça fonctionne, mais si l'utilisateur, qui comme chacun le sait n'hésite jamais à faire n'importe quoi, décide de mettre autre chose qu'un code couleur correct, on va se retrouver avec une belle erreur : en effet, le navigateur ne saura pas convertir "toto" en couleur de texte... On va donc mettre des validateurs.

Un code couleur est un constitué de 3 ou 6 caractères hexadécimaux, précédés d'un dièse. Pour vérifier cela, rien de tel qu'un RegularExpressionValidator avec la regex qui va bien : "#([0-9a-fA-F]{3}){1,2}"

On va aussi vérifier que la case n'est pas vide, avec un RequiredFieldValidator.

Et bien sûr, pour que les validateurs fonctionnent, on n'oubliera pas de transformer notre input en controle serveur.

    <input type="text" id="tbCouleur" onchange="javascript:changeCouleur()" runat="server" />
    <asp:RegularExpressionValidator ID="tbCouleur_regval" runat="server" ControlToValidate="tbCouleur"
        ValidationExpression="#([0-9a-fA-F]{3}){1,2}"></asp:RegularExpressionValidator>
    <asp:RequiredFieldValidator ID="tbCouleur_requiredval" runat="server" 
        ControlToValidate="tbCouleur"></asp:RequiredFieldValidator>
    <br />
    <div style="color: #000000;" id="divCouleur">
        Ce texte change de couleur</div>

Ensuite, pour pouvoir utiliser notre validateur dans notre javascript, il suffit de faire appel à la fonction Page_ClientValidate(). Comme notre input est devenu un controle serveur, il faudra aussi penser à utiliser son identifiant client.

    <script type="text/javascript">
    function changeCouleur()
    {
        if (Page_ClientValidate())
        {
            document.getElementById("divCouleur").style.color=
                    document.getElementById("<%= tbCouleur.ClientID %>").value;
        }
        else
        {
            alert("code incorrect")
        }
    }
    </script>

Et voilà le travail !

Pour utiliser les groupes de validation, c'est pas beaucoup plus compliqué : il suffit de passer le nom du groupe en paramètre de la fonction, ainsi seul le groupe voulu sera validé :

if (Page_ClientValidate("group1"))
{
    ....

ASP.NET Ajax ne fonctionne pas avec xhtmlConformance="Legacy"

2008-07-10T15:24:00.001+02:00

Il peut être troublant de voir que les UpdatePanel qui fonctionnent parfaitement sur sa machine refusent tout à coup de faire leur travail lorsque l'on envoie ses pages sur son serveur. Ce qu'il faut savoir, c'est que Asp.net Ajax ne fonctionne pas avec le mode xhtml "Legacy" : si vous avez ce problème, il faudra modifier le <system.web> de votre web.config pour forcer le mode xhtml strict ou transitionnel :

<xhtmlConformance mode="Transitional" />
ou
<xhtmlConformance mode="Strict" />

Sans ça, le code html généré par vos controles ne sera pas valide xhtml, et Ajax ne pourra pas fonctionner correctement. Plus d'informations sur le blog de Scott Guthrie

Opera 9.5 disponible

2008-06-12T14:30:00.001+02:00

Après avoir proposé une version Release Candidate hier, les petits gars de chez Opera viennent finalement de nous sortir la version finale d'Opera 9.5 ! Au programme, de nombreuses nouveautés, je vous fait un copier-coller de ce que j'avais posté lors de la sortie de la beta :

Synchronisation des signets entre plusieurs ordinateurs (grâce à un compte Opera)
Ouverture de la page dans un autre navigateur directement en faisant clic droit (Firefox, Internet Explorer et Safari sont bien sûr reconnus)
Recherche rapide dans le contenu des pages déjà visitées, depuis la barre d'adresse

Et depuis la dernière beta, encore d'autres nouveautés :

Une nouvelle interface (bon, va falloir s'y habituer ^^' ceux qui n'aiment pas peuvent toujours en télécharger d'autres)
Dragonfly, le nouvel outil pour développeur, intégré (d'ailleurs j'ai pas encore eu le temps de le tester, ça sera l'occasion)
et des corrections de bug

Et bien sûr, toujours ce qui faisait la supériorité d'Opera : la corbeille à onglets, les raccourcis souris (clic droit-clic gauche pour revenir en page précédente, je peux plus m'en passer), moteur de rendu rapide (avec un retour en page précédente quasi instantané), bref, que du bon...

Pour le télécharger, c'est sur leur site officiel !
Cependant, il semble avoir quelques soucis en ce moment (trop de succès, on va pas les plaindre ;) ), alors comme j'ai réussi à le télécharger je vous mets un lien direct vers l'installeur (si je suis pas trop gentil ! ah la la, qu'est-ce que je ferais pas pour vous)

Projets MVC dans Visual Web Developper Express

2008-06-04T17:35:00.001+02:00

Le SP1 de Visual Web Developper Express 2008 apporte une nouveauté qui manquait cruellement aux anciennes versions : le support des projets web application. En effet, jusqu'à présent, les utilisateurs de la version gratuite de Visual Studio ne pouvait créer que des projets de type website, ce qui empechait notamment d'utiliser ASP.NET MVC.

L'erreur est maintenant réparée, et vous pouvez donc dès à présent créer des projets ASP.NET MVC (preview 3), Silverlight ou Dynamic Data.

Pour cela, il vous faudra tout d'abord installer le SP1 de Visual Studio et du Framework 3.5, que vous trouverez ici : http://msdn.microsoft.com/en-us/vstudio/products/cc533447.aspx. Attention, il s'agit d'une beta avec tout ce que cela implique, n'installez que si vous savez ce que vous faites.

Je reviendrai plus en détail sur les nouveautés d'ASP.NET MVC preview 3 un peu plus tard, mais si vous avez envie de découvrir par vous même je vous conseille d'aller lire le post de Scott Guthrie qui présente les changements depuis la précédente preview : http://weblogs.asp.net/scottgu/archive/2008/05/27/asp-net-mvc-preview-3-release.aspx

ASP.NET MVC - source des démos

2008-05-05T10:13:00.001+02:00

Je vous l'avais promis, voilà enfin les slides et codes sources de ma démo ASP.NET MVC de la dernière Bewise Developer Conference.
Pour télécharger, c'est par là ! Et n'oubliez pas de télécharger les extensions ASP.NET.

En résumé, MVC c'est quoi ?
C'est un nouveau type de projet qui permets de mieux structurer ses sites web en utilisant le pattern MVC. Le projet reste un projet ASP.NET classique, mais la structure par défaut facilite la séparation des différentes couches de notre application. Vous trouverez plus de détails dans les slides.

Pour aller plus loin, je vous conseille le blog de Scott Guthrie, qui a fait quelques posts interressants sur l'utilisation de MVC.
Vous noterez que pour l'affichage des données je ne m'y suis pas pris de la même manière que lui : en effet, j'ai honteusement violé le pattern MVC en mettant du code dans ma vue, tout ça dans le but d'utiliser les controles asp.net classiques (tels les repeaters et autres datagrids), alors que lui préfère gerer tout l'affichage à la mano en mettant son code directement dans les pages aspx... personnellement je trouve ça quand même assez crade, d'où mon choix lors des démos. Il ne faut cependant pas oublier que MVC est juste une preview et qu'il y aura certainement des changements d'ici la version finales, j'ai espoir de voir apparaitre de nouveaux controles serveurs adaptés aux projets MVC.

Sur ce, je vous laisse vous amuser avec ce nouveau type de projet. Personnellement, ça a beau pas être fini, je suis déjà fan, et j'en reparlerai certainement de nouveau ici même.

Opera 9.5 beta 2

2008-04-29T10:42:00.001+02:00

La seconde beta du navigateur Opera 9.5 est disponible depuis hier. Parmis les nouveautés, quelques unes sont particulièrement interressantes, je vous cite mes préférées :

Synchronisation des signets entre plusieurs ordinateurs (grâce à un compte Opera)
Ouverture de la page dans un autre navigateur directement en faisant clic droit (Firefox, Internet Explorer et Safari sont bien sûr reconnus)
Recherche rapide dans le contenu des pages déjà visitées, depuis la barre d'adresse

Et bien sûr, toujours ce qui faisait la supériorité d'Opera : la corbeille à onglets, les raccourcis souris, moteur de rendu rapide (avec un retour en page précédente quasi instantané), bref, que du bon...

Pour télécharger, ça se passe ici : Opera 9.5 beta 2

Opera compte aussi rattraper son retard sur un de ses gros points noirs : un outil pour développeurs a été annoncé : ça s'appelle Dragonfly, et ça doit sortir le 6 mai prochain. Je teste ça dès que je peux et je vous tiens au courant !

BDC 2008, merci à ceux qui sont venus !

2008-04-28T23:15:00.001+02:00

Oui, je sais, ça fait plus de 2 semaines que c'est passé, et je poste que maintenant... il m'a bien fallu ça pour m'en remettre !

Cette année encore, la Bewise Developper Conference a été une réussite, avec plus de 470 inscrits. Toute l'équipe de Bewise vous donne déjà rendez-vous pour la 3eme édition en 2009.

Le stand ASP.NET quand à lui n'a pas désempli, comme quoi les technos bling bling à la Silverlight ne sont pas prêtes de remplacer celles qui ont déjà fait leurs preuves :) Enorme succès pour ASP.NET Ajax, et pas mal de monde interressées par la nouvelle façon de structurer son application web : ASP.NET MVC. Bien qu'encore en preview, ce nouveau type de projet est très prometteurs, on en reparlera bientot (si vous êtes interressés, je posterai très bientot les slides et codes sources de ma démo).

Je voudrais aussi remercier l'enthousiasme de plusieurs étudiants de Supinfo avec qui nous avons exploré quelques possibiltiés offertes par ASP.NET qu'ils ne connaissaient pas.

BDC 2008 : Jour J !

2008-04-10T10:12:00.002+02:00

La BDC c'est aujourd'hui ! Si vous venez, vous pourrez me trouver à l'espace de démonstration ASP.NET, où je présenterai avec Alin Stefaniu Ajax, ASP.NET MVC, Dynamic Data, et toutes les nouveautés d'ASP.NET.

Vous pourrez aussi découvrir toutes les dernières technologies Microsoft au cours des sessions et démonstrations des spécialistes Bewise. rendez-vous au stade Ernest Wallon de Toulouse à partir de 13h30

Video: H-3 avant la BDC

Créer une activity pour Internet Explorer 8

2008-03-28T22:53:00.002+01:00

J'ai déjà parlé dans un précédent billet de la sortie de la version beta d'IE8, qui parmis ses nouveautés apportait les fameuses "activities". Ces activités apparaissent à coté de la souris lorsqu'on sélectionne un texte dans le navigateur, ce qui permets d'envoyer la sélection à une autre page, avec aussi la possibilité d'en avoir un aperçu.

Pour mieux vous faire une idée, voilà un peu à quoi ça ressemble (et si vous êtes équipé d'IE8, vous pouvez tester directement sur le site) :

Au passage, et avant qu'on ne m'en fasse la remarque, je signale qu'une extension pour firefox existe qui permets d'utiliser ces activities dans le navigateur libre, cependant sans le preview (du moins dans la version que j'ai essayé, je ne doute pas que ça viendra bientôt).

Je vous vois tous baver d'envie devant cette fonctionnalité innovante qui fidélisera vos visiteurs, et vous vous demandez comment en créer une pour votre site web... pas la peine de s'énerver, j'y arrive !

De quoi est composé une activity ? Principalement de 3 choses :

Une page de preview
Une page de destination
Un fichier XML

D'abord la preview : c'est une page qui s'affichera en petit lorsque vous laisserez le curseur sur l'activity. C'est une page web classique, je vous fais confiance pour la faire. N'abusez pas des fioritures, n'oubliez pas que c'est qu'une miniature, faites simple. (dans mon exemple, juste une image)

La page de destination : c'est la page où l'utilisateur sera redirigé lorsqu'il cliquera sur l'activity. Là aussi, une page de votre site, rien de bien compliqué.

Ensuite, le fichier XML : c'est un fichier qui va décrire votre activity. Il va contenir les différentes informations utiles au navigateur pour acceder à votre site. Un exemple vaux mieux qu'un long discours, voici le fichier de description de mon activity :

<?xml version="1.0" encoding="UTF-8"?>
<openServiceDescription xmlns="http://www.microsoft.com/schemas/openservicedescription/1.0">
  <homepageUrl>http://comics.my-underworld.net</homepageUrl> 
  <display>
    <name>Chercher le personnage de comics</name> 
    <icon>http://comics.my-underworld.net/favicon.ico</icon> 
  </display>
  <activity category="Comics"> 
    <activityAction context="selection">
      <preview action= "http://comics.my-underworld.net/preview.php"> 
        <parameter name="q" value="{selection}"/>
      </preview>
      <execute action="http://comics.my-underworld.net/recherche.php"> 
        <parameter name="q" value="{selection}" type="text" />
      </execute>
    </activityAction>
  </activity>
</openServiceDescription>

C'est pas compliqué, vous le prenez et vous l'adaptez à vos besoins.

Il vous faudra modifier :

<homepageUrl> : l'adresse de votre site web

<icon> : l'icone de l'activity

<activity category="..."> : la catégorie dans laquelle sera classé l'activity

<preview action="..."> : l'adresse de la page de preview
- <parameter> : les paramètres à passer dans l'url de votre page de preview (vous pouvez en mettre plusieurs). Si la valeur est "{selection}", le texte sélectionné dans IE sera passé en paramètre.

<execute action="..."> : l'adresse de redirection lors d'un clic sur l'activity
- <parameter> : même principe que pour la preview, les paramètres sont passés dans l'url

Une fois que c'est fait, vous pouvez enregistrer ce fichier dans votre site web. Pour proposer à vos visiteurs de l'installer, une petite ligne de javascript :

<a href="javascript:window.external.addService('activity.xml')">Installer l'activity</a>

Problème de positionnement lors du redimensionnement de la fenêtre d'Internet Explorer 7

2008-03-26T18:33:00.003+01:00

J'ai été confronté à un bug d'Internet Explorer assez amusant (enfin, jusqu'à ce qu'on veuille le corriger). Voilà une page html tout ce qu'il y a de plus classique :

    <div style="float: left; position: relative; width:140px; background-color:Red;">
      Menu :
      <ul>
          <li>Item 1</li><li>Item 2</li><li>Item 3</li></ul>
  </div>
  <div style="float: left; width:500px; background-color:Blue;">
      <p>
          Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent a magna. Sed
          ipsum dolor, facilisis vitae, placerat quis, pulvinar in, est. Pellentesque habitant
          morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce quis
          elit nec tortor tempus luctus. Nam tristique. Pellentesque vitae massa ac arcu lacinia
          blandit. Quisque placerat elementum erat. Suspendisse consectetuer felis semper
          velit. Vivamus vitae est. Nam vel erat. Vestibulum nec nulla. Curabitur sed nisi.
          Suspendisse id odio. Suspendisse potenti. Quisque velit augue, ullamcorper et, gravida
          ultrices, consectetuer sit amet, neque. Phasellus eget nulla. In lacinia mauris
          a enim.
      </p>
  </div>

Ce qui nous donne un rendu assez semblable à ce qu'on attends :

(j'ai jamais prétendu être doué en design ^^)

Le problème apparait lorsque l'on essaie de redimensionner la fenêtre :

Et oui, le menu passe par dessus l'autre div !

Lors du redimensionnement, le div bleu a bougé comme il faut, le rouge est resté immobile.

Après m'être arraché les cheveux sur ce problème, j'en suis venu aux conclusions suivantes :

Le problème apparait avec IE6 et IE7

Les autres navigateurs ne posent aucun problème

Si on recharge la page, elle s'affiche correctement, seul un redimensionnement pose problème

Le problème se pose sur les éléments flottants en position relative

Pour corriger ça, on a 2 solutions :

Enlever le "position:relative;" (mais bon, en général si il y est, c'est qu'il y a une raison)

Mettre le "position:relative;" sur toute la page (en le mettant sur le body)

Et normalement, vous devriez retrouver un comportement normal lors du redimensionnement...

Centrer un élément de type block

2008-03-26T16:04:00.005+01:00

C'est pas compliqué, mais il vaut mieux le savoir, plutot que de perdre du temps à comprendre pourquoi ça marche pas. Pour aligner un texte dans un block, c'est tout simple :

.baliseBlock {
 text-align: center;
}

Par contre, si on veut aligner un block dans un block, ça ne fonctionne pas (enfin, pas avec tous les navigateurs). Pour cela il faut définir la largeur de notre block, et mettre ses margin à auto :

.baliseACentrer {
 margin-left: auto;
 margin-right: auto;
 width:50%;
}

Maintenant, plus compliqué : si on a défini notre block en positionnement absolu, on ne peux pas centrer en utilisant les margin. Dans ce cas, il va falloir ruser. Attention, cette astuce peut poser certains problèmes si on réduit la page (une partie de la page est rognée, avec impossibilité d'y acceder), soyez-en conscient si vous devez l'utiliser, et préférez systématiquement la méthode précédente si vous le pouvez.

Pour centrer notre élément, on va donc le positionner à 50% du bord gauche, puis le décaler vers la gauche de la moitié de la largeur du block.

.baliseACentrer {
 position: absolute;
 width:600px;
 left: 50%;
 margin-left: -300px;
}

Là ça fonctionne, mais il faut connaitre la taille exacte de notre block pour pouvoir le centrer. Je vous donne une dernière astuce pour utiliser des largeurs non connues à l'avance.

Cette fois, on va utiliser deux blocks imbriqués :

<div class="divExterieur">
 <div class="divInterieur">
     Contenu...
 </div>
</div>

Ce qui va permettre au div intérieur de se décaler vers la gauche en tenant compte de la largeur de son div parent :

.divExterieur {
 position: absolute;
 width:40%;
 left: 50%;
}
.divInterieur {
 width: 100%;
 margin-left: -50%;
}

ValidateRequest : activation par code

2008-03-19T18:09:00.002+01:00

Attention, ça devient sérieux et ça rigole pas : on va parler sécurité !

Pour peu que vous vous soyiez un peu interressé au sujet, vous savez qu'il ne faut jamais faire confiance aux utilisateurs et controler tout ce qu'ils font. Si jamais vous faites partie de ces personnes qui ne s'en soucient pas le moins du monde, Asp.net vous protège quand même malgré vous, grâce au ValidateRequest. Bien que ne remplaçant pas une sécurisation correcte du code par le développeur, c'est quand même un formidable atout pour protéger les quelques endroits que vous auriez oublié de sécuriser.
Le principe : chaque requête est analysée, et si l'une d'entre elle ressemble de près ou de loin à une tentative de piratage, le site renvoie une exception du style : A potentially dangerous Request.Form value was detected from the client (login="<script>hahaha</scri...").

Cependant, bien que très pratique, cette protection peut s'avérer irritante pour certains, si par exemple on estime que l'utilisateur a le droit d'envoyer du code html sur le site. Dans ce cas, pas de soucis, on désactive le ValidateRequest dans la directive de la page :

<%@ Page Language="C#" ValidateRequest="false" %>

voire même dans le web.config pour les plus téméraires :

<pages validateRequest="false">
   ....
</pages>

Mais voilà le soucis, je suis totalement parano : je me suis vu obligé de désactiver le ValidateRequest pour que les administrateurs de mon site puissent faire leur boulot, mais il est hors de question que je le laisse les utilisateurs anonymes faire n'importe quoi !

Mon premier réflexe a donc été de vérifier par code si l'utilisateur était administrateur avant de décider si j'active ou désactive la sécurité... et déception : aucune propriété "ValidateRequest" dans ma page.

Un petit tour sur le msdn donc, et je tombe sur quelque chose d'interressant : HttpRequest.ValidateInput Method "Validates data submitted by a client browser and raises an exception if potentially dangerous data is present." ça me plait bien, c'est justement ce que je veux. Je désactive donc le ValidateRequest, et j'appelle cette méthode par code... et là re-déception. Tout semble correct, et pourtant quand je balance un script javascript, ça passe comme si de rien n'était.

Pour comprendre, je vais faire un petit tour dans Reflector, et quelle n'est pas ma surprise de voir ça :

public void ValidateInput()
{
   this._flags.Set(1);
   this._flags.Set(2);
   this._flags.Set(4);
   this._flags.Set(0x40);
}

Au lieu de valider ma requête comme je m'y attendais, cette méthode se contente de modifier un flag. Il s'avère qu'en fait la validation ne s'effectue pas lors de l'appel du ValidateInput, mais lorsque l'on essaie d'acceder à notre HttpRequest. Il suffit donc pour sécuriser notre application de lire dans Request après avoir fait le ValidateInput. Ce qui nous donne quelque chose comme ça (En ayant pris soin auparavant de désactiver le ValidateRequest dans la page) :

protected void Page_Load(object sender, EventArgs e)
{
   if (!Context.User.IsInRole("administrateur"))
   {
       try
       {
           // on flague le Request
            Request.ValidateInput();
           // on lit un objet qui n'existe pas, juste pour lancer la validation
            object forceValidation = Request["ForceValidation"];
       }
       catch
       {
           // on tombe ici si la requête est suspecte
            throw;
       }
   }
}

En espérant que ça vous sera aussi utile qu'à moi !

Safari 3.1 disponible en version finale

2008-03-19T17:37:00.001+01:00

Le navigateur d'Apple est enfin sorti en version finale pour Windows, les développeurs web vont enfin pouvoir tester leurs sites web dessus sans être obligé d'acheter un Mac.

Evidemment, je l'ai installé, et j'ai testé rapidement. Bilan rapide après quelques minutes d'utilisation : c'est joli, agréable à utiliser (forcément, c'est fait par Apple), mais à part ça, ça casse pas trois pates à un canard. Il plaira certainement à ceux qui n'attendent rien de plus de leur navigateur que la possibilité de naviguer, les autres feraient mieux de tester Opera (j'ai entendu quelqu'un dire "Firefox" ? faut arrêter là, c'est un blog sérieux !)

Si vous avez envie de tester, c'est par là : http://www.apple.com/safari/download/

Internet Explorer 8 - beta 1

2008-03-14T18:24:00.001+01:00

Et oui, je commence un blog pour parler de web, et je parle déjà d'Internet Explorer... J'en entends déjà crier à l'hérésie, mais je m'en fous, j'assume !

La première beta d'Internet Explorer 8 est disponible depuis un peu plus d'une semaine, et en tant que fou suicidaire je me suis donc empressé de l'installer sur ma machine de développement. Si ça vous interresse aussi, c'est par là :
http://www.microsoft.com/windows/products/winfamily/ie/ie8/readiness/Install.htm
Notez qu'il est possible de s'en servir avec le moteur de rendu d'Internet Explorer 7, tout en gardant les nouvelles fonctionnalités, et même pour les plus méfiants de le désinstaller (affichez les mises à jour dans le panneau de suppression des programmes)

Premières impressions : y'a encore du travail... mais on sent qu'il y a eu des efforts de faits. Cette beta passe le test Acid2, mais a du mal avec énormément de "vrais" sites web... Si votre site ne s'affiche pas correctement, ne le corrigez pas pour le moment, vu que le moteur de rendu subira probablement d'autres modifications d'ici la version finale.
Si vous tenez malgré tout à ce que votre site s'affiche correctement, vous pouvez ajouter la balise suivante dans l'en-tête de vos page, qui forcera Internet Explorer a utiliser le rendu de la version 7 :

<meta http-equiv="X-UA-Compatible" content="IE=7">

Sinon niveau fonctionnalités, j'aime beaucoup les "Activities", qui permettent de sélectionner du texte et de l'envoyer directement dans une recherche google ou dans un traducteur en ligne.

En route pour la Bewise Developer Conference 2008

2008-03-14T15:49:00.001+01:00

La seconde édition de la Bewise Developper Conference aura lieu à Toulouse le 10 avril prochain

Cet évènement gratuit qui s'adresse aussi bien aux professionnels qu'aux étudiants et enseignants en informatique est l'occasion de découvrir ou d'approfondir ses connaissances dans les dernières technologies de Microsoft.

Développez votre avance en assistant aux différentes sessions et en posant vos questions aux experts de Bewise

Pour les inscriptions, c'est là : BDC 2008

Moi aussi je me lance dans la grande aventure des blogs !

2008-03-14T15:38:00.001+01:00

Depuis le temps que je me dis que je devrais en faire un, le voilà enfin : mon blog !

Au programme : Développement html, css, asp.net, navigateurs... en gros,tout ce qui tourne autour du web :) Le web c'est le bien, n'écoutez pas les grincheux qui en disent du mal !

Au passage, merci à Laurent pour m'avoir trouvé le titre du blog !