Gonçalo Chaves

Second Annual Scrum User Group Meeting – The after

Gonçalo Chaves — Wed, 03 Feb 2010 14:18:17 GMT

Hi all,

Today at Microsoft Portugal took place the 2nd Annual Scrum User Group meeting. With a great morning sessions opened by Dr. Jeff Sutherland, then Mitch Lacey and two Portuguese testimonials with: Prof. Ademar Aguiar and Mário Araújo.

The Microsoft’s auditorium was full with more then 120 people engaged to learn and exchange Scrum best practices and knowledge. You can review the agenda here:

http://www.fullsix.pt/scrum/Annual_Meeting_2010.htm

And some photos about it at:

http://www.flickr.com/photos/gchaves/sets/72157623217629763/

I really enjoyed the sessions and Tiago Andrade e Silva (our fullsix Portugal CTO) suggested a next meeting with a full user group feedback interaction about individuals experiences with Scrum.

Stay tuned for next meetings and training at: www.fullsix.pt/scrum

Remove Spammers of your Community Server

Gonçalo Chaves — Tue, 19 Jan 2010 12:01:12 GMT

Hi all,

I would like start this new year with a full dedicated post of one of hell head pain, that’s your usual community server 200x installation with tons of spammers users and content…

I’ve been working with Community Server from Telligent a while ago, and it’s a nicer community driven web platform, and if we could get the CS with Umbraco in the same web site I could say that solution would be the 90% useful in most websites of this days.

Has we have some CS community web sites, we notice that they have been a nice target for the tons of spam and unwanted content… really? who wants sex terms related ads, in your peacefully community site? So he had our mission to go…

First – Protect, close the gates

Sure, the first step is get something that kept the registration form (ie. /yourTheme/users/createuser.aspx) protected against the spammer robot, so the one that we’ve chosen was a captcha mechanism, in order to require a code that only the user can decipher from the image. Sounds promising… from the paper into the code we found a captcha control named Upupo Captcha … nice! It comes with the dll and a sample that we can apply on our pages.

So we first insert the control into the createuser.aspx registration form in order to avoid new spam registrations :)

<%@ Register Assembly="Upupo.Captcha" Namespace="Upupo.Captcha" TagPrefix="Captcha" %>

In page look like:

With a required control inside of it the automatic spammer cannot advance on this…. at least for now.

So now we close the entrance for new registrations… now let’s deal with the spammer content…

Note, if you want to improve protection with this control you can add it into the comment blogs forms, forum post form and media post form. Same way as the sample createuser.aspx sample page.

Second – Delete, kill all spam traces

Now that we close doors for unwanted “fake persons”, maybe you notice that your community has increased in 2500 new users in some days… wow… all spammers, all trash… so another head pain was how we can remove this guys and grant the database data integrity. When cs has a new user he create a lot of references inside the ASP.NET Membership tables and in CS_ tables… and to help the field UserID is different from the Memebership UserId … yeah… not great implementation.

Although this little issue, you can remove using the ControlPanel, on Memebership administration section, but you have to search and then remove one by one… NO WAY!

That’s right so how we can automate this process, in order to remove the unwanted users and delete related content?

If you explore the StoredProcedures from your CS database you will find something like this:

Hum… <dbo.cs_User_Delete> sounds good, and it sounds! This Sp is used each time that you delete a user using the control panel on the membership admin section. So all we needed to do in order to automate the remove process of this users and contents was a custom SQL to execute this SP with some additional prams and features.

So we used this sp to execute for each registration that we want to find so we did something like this:

SELECT 'EXEC cs_User_Delete '+ CONVERT(int,UserId) + 'Anonymous'
FROM  dbo.cs_Users
WHERE UserName like '%.%.%.%'

So now we’ve only made some adjustments on the LIKE statement in order to catch all spammers, so spaces, keywords that we know like casino or hotel or pharmacy, this query selects all that and draws the execution SQL of the CS delete SP necessary and deletes from all tables the user data and assign their related content with the Anonymous user. Sweet ha?

With this we were capable of remove all spammers from our CS based sites. this is only one tip maybe there are others but the telligent community unfortunately don’t care anymore and I couldn’t find anything related with this.

Stays another journey with CS.

2009: my tech course review

Gonçalo Chaves — Tue, 22 Dec 2009 09:44:01 GMT

Hi all,

yes 2009 is living his last days, and I would like to provide a little resumé where I were, and what we’ve done with communities.

So:

- In February:

I was with the DevDays’09 team, and was speaker with Ricardo Escovinha in the “Design and Developer better together for Silverlight solution” session.

- In March:

I joined the XAMLpt.com community for the web site launch and hosted a blog there.

- In May:

I finished my internal trainee program at Microsoft Portugal

- In June

I Started work (where I’m right now) at fullsix portugal, in the Server Side task force team.

- In July

I was speaker with Sérgio Agostinho from Viatecla of the session “Silverlight 3 what’s new”, in the XAMLPT community launch event.

-In September

I was invited to be one of XBOX Portuguese Ambassador by our local Microsoft XBOX team.

For the next year I hope that we can develop more Silverlight solutions and I would like to start writing a book with the title: “What a kind of name is Soap?” … hum… it’s a good title. Although the web technologies that are in a super highway of development, we want to be on the edge, not only for improvements on out current solutions but also to explore more the UI, interactions and behaviors.

My latest work is totally focus on the server side development, not only external solution, but some internal and tuning some tools such as Continuous Integration Server, TDD, and additional frameworks. In another hand getting ready for the release of .net framework 4 and VS 2010, I can’t look forward for it.

Also keep the opportunity to wish all a merry Christmas and a happy new year.

merci.

Chaves

WPF XBAP: Import your Contacts from Outlook (demo)

Gonçalo Chaves — Fri, 06 Nov 2009 00:50:00 GMT

[PT] (for a English version, see bellow on this page, please)

Olá a todos,

Recentemente num projecto interno nós estávamos a necessitar de utilizar algum tipo de activeX numa página Web, para que fosse possível a importação dos contactos do Outlook, tal como no linkedIn.

Portanto, para quê um activeX quando temos as aplicações XBAP? Hum… parece-me bem. Então aqui fica um pouco da experiência que tivemos no desenvolvimento desta brincadeira. Em primeiro lugar, não esquecer que se a nossa aplicação vai interagir com um dos membros do Microsoft Office, as Visual Tools for Office têm as bibliotecas certas para isto!

Eis os nossos passos:

1) Importação da biblioteca do Outlook para a nossa aplicação:

using Microsoft.Office.Interop.Outlook;

2) Criação dos tipos necessários para a transmissão com o Outlook e leitura dos dados:

private MAPIFolder oContactsFolder = null;

//load outlookcontacts

           var oApp = new Microsoft.Office.Interop.Outlook.Application();

           NameSpace oNS = oApp.GetNamespace("MAPI");

           oContactsFolder = oNS.PickFolder();

           string filter = "[MessageClass] = \"IPM.Contact\"";

           Items oContactItems = oContactsFolder.Items.Restrict(filter);

           foreach (ContactItem oContact in oContactItems)

               var item = new EmailContact();

              if (oContact != null)

                   item.ContactEmail = oContact.Email1Address;

                   item.ContactName = oContact.FullName;

                   //before add the email let's see that's is valid

                   if (ValidateEmailAdd(item.ContactEmail) && !String.IsNullOrEmpty(item.ContactEmail))

                       contactList.Add(item);

3) Definição da interface e da lógica da aplicação

Para tal escolhemos a XBAP para que nos seja possível aplicar todas as funcionalidades que o WFP nos oferece, mas para tal existem algumas notas importantes a ter em consideração:

- A XBAP deverá correr em modo de “full trust”, e para tal é necessário um certificado digital que assine o código da aplicação, e obviamente o nosso browser deverá confiar no mesmo.

Para tal, criámos um certificado fullsix CA, algo que fomos seguindo aqui:

http://msdn.microsoft.com/en-us/library/aa194055%28office.11%29.aspx

Outro post com informações muito importantes sobre esta parte:

http://blogs.microsoft.co.il/blogs/maxim/archive/2008/03/05/wpf-xbap-as-full-trust-application.aspx

Para a extracção do certificado seguimos:

http://blogs.microsoft.co.il/blogs/maxim/archive/2008/03/31/how-to-run-wpf-xbap-application-in-full-trust-mode-post-2-certificate-extraction.aspx

Para automatizar este processo, desenvolvemos uma pequena aplicação de consola que permite o download e a instalação silenciosa do mesmo. Assim o certificado fullsix CA fica instalado no computador, que assina o certificado que usamos para assinar o código da nossa XBAP application.

Aqui fica o código que usámos:

try

               var myStream = Assembly.GetExecutingAssembly().GetManifestResourceStream("InstallXBAPOutlookCert.Console.f6signing.cer");

               byte[] b = new byte[myStream.Length];

               myStream.Read(b, 0, b.Length);

               X509Certificate2 cert = new X509Certificate2(b);

               X509Store store = new X509Store(StoreName.AuthRoot, StoreLocation.LocalMachine);

               store.Open(OpenFlags.ReadWrite);

               store.Add(cert);

               store.Close();

               store = new X509Store(StoreName.TrustedPublisher, StoreLocation.LocalMachine);

               store.Open(OpenFlags.ReadWrite);

               store.Add(cert);

               store.Close();

               System.Console.WriteLine("Certificate Successfully Installed...!");

               System.Console.Read();

           catch (Exception ex)

               System.Console.WriteLine("Error " + ex.ToString());

}

Não esquecer de embeber o ficheiro de manifesto da aplicação dentro do ficheiro exe da aplicação, isto é necessário para utilizar os direitos de Administrador da máquina, para que seja possível fazer a instalação do certificado. É necessário alterar este manifesto como se segue:

E para embeber o manifesto no exe:

O utilizador vê o ficheiro .exe no browser e se no seu caso a empresa possuir um certificado assinado por uma das bem conhecidas CA’s não deverá existir qualquer problema, no nosso caso, os utilizadores deverão confiar no nosso certificado, para que seja possível visualizar a demo correctamente :)

Depois o certificado fullsix CA fica instalado no computador tal como se pode ver abaixo:

Agora a aplicação XBAP está devidamente assinada e é confiada pelo browser e tudo corre em modo full trust.

Nota:

- WPF threading module. É um pouco doloroso entender para quem está mais familiriarizado com o modo de threading do silverlight como é o nosso caso. Em WPF existem algumas diferenças, o que significia que é necessário pensar sobre esta questão para que não se bloqueie a thread da Interface. Imaginando por exemplo uma animação de loading enquando a comunicação com o Outlook é feita. Um bom artigo para ajudar nesta questão:

http://msdn.microsoft.com/en-us/library/ms741870.aspx

Para evitar o bloqueio da thread principal da interface, lançamos o método de interacção com o Outlook noutra thread da seguinte forma:

var myDispatcher = new Thread(new ParameterizedThreadStart(s => { StartRetriveContacts(); }));

Depois no regresso á thread original:

private void StartRetriveContacts()

       { …

UIDispatcher.BeginInvoke(DispatcherPriority.Background, (SendOrPostCallback)delegate { ProcessContacts(contactList); },

                                    contactList);

Usando este tipo de “roteamento” entre as threads permite-nos fazer um update constante na interface de modo a dar feedback constante ao utilizador sobre as operações que decorrem em background.

E pronto :) é isto, podem testar. http://labs.fullsix.pt/projects/xbapoutlookdemo/default.aspx e já agora dar uma vista de olhos nos outros projectos que estão no fullsix Labs.

Queria deixar também uma nota de agradecimento aos meus colegas Antoine e Fiel pela ajuda no desenvolvimento.

Merci.

[EN]

Hi all,

In order for a internal project we need some kind of an activeX in a web page from Outlook contact email addresses importation, such has like linkedIn has.

So why use a activeX when we have XBAP apps? Sweet hum? Here is how we've done the little app. First of all keep in mind this is something to interop with an Microsoft Office application, right? The Visual Tools for Office have the right libraries for it!

Steps:

1) Import the Microsoft Interop Namespace:

using Microsoft.Office.Interop.Outlook;

easy as butter

2) Create the right types to exchange with outlook and load content

private MAPIFolder oContactsFolder = null;

//load outlookcontacts
           var oApp = new Microsoft.Office.Interop.Outlook.Application();
           NameSpace oNS = oApp.GetNamespace("MAPI");
           oContactsFolder = oNS.PickFolder();
      
           string filter = "[MessageClass] = \"IPM.Contact\"";
           Items oContactItems = oContactsFolder.Items.Restrict(filter);

           foreach (ContactItem oContact in oContactItems)
           {
                
               var item = new EmailContact();
               

               if (oContact != null)
               {
                   item.ContactEmail = oContact.Email1Address;
                   item.ContactName = oContact.FullName;

                   //before add the email let's see that's is valid

                   if (ValidateEmailAdd(item.ContactEmail) && !String.IsNullOrEmpty(item.ContactEmail))
                   {
                       contactList.Add(item);
                   }
               }

3) Define your UI and the rest of the behaviors

We choose a XBAP application in order to have the WPF capabilities in a regular web page but you must be aware of some important settings:

- XBAP app needs to run in a full trust mode, so that requires a DigitalCertificate to sign your code and the browser needs to trust on that.

So we created a fullsix CA certificate. Something that follows here:

http://msdn.microsoft.com/en-us/library/aa194055%28office.11%29.aspx

You can see a quite nice post’s about this at:

http://blogs.microsoft.co.il/blogs/maxim/archive/2008/03/05/wpf-xbap-as-full-trust-application.aspx

and for the certificate extraction

http://blogs.microsoft.co.il/blogs/maxim/archive/2008/03/31/how-to-run-wpf-xbap-application-in-full-trust-mode-post-2-certificate-extraction.aspx

to automate this process we develop a simple console application that you download first and installs on your computer our fullsix CA certificate, that signs the code sign certificate that we use previously to sign the xbap code.

Here is the code for that:
try
           {

               var myStream = Assembly.GetExecutingAssembly().GetManifestResourceStream("InstallXBAPOutlookCert.Console.f6signing.cer");

               byte[] b = new byte[myStream.Length];

               myStream.Read(b, 0, b.Length);

               X509Certificate2 cert = new X509Certificate2(b);

               X509Store store = new X509Store(StoreName.AuthRoot, StoreLocation.LocalMachine);

               store.Open(OpenFlags.ReadWrite);

               store.Add(cert);

               store.Close();

               store = new X509Store(StoreName.TrustedPublisher, StoreLocation.LocalMachine);

               store.Open(OpenFlags.ReadWrite);

               store.Add(cert);

               store.Close();

               System.Console.WriteLine("Certificate Successfully Installed...!");

               System.Console.Read();
           }
           catch (Exception ex)
           {
               
               System.Console.WriteLine("Error " + ex.ToString());
           }
Don’t forget to embed the application manifest in the exe file, you need that for auto Admin rights permissions to install :) like this in your manifest file:
<requestedExecutionLevel level="requireAdministrator" uiAccess="false" />
and to embed it on the exe:

The user see’s the .exe on the browser and if your company has a certificate that’s signed by one of very well known CA you should haven’t any trouble. In this case our users must have trust on us :)

then you have the fullsix CA in your machine as you can see here:

So now XBAP application is signed and User grant a full trust environment for it.

Note:

- WPF threading module. It’s some kind of “pain”, for those who are more familiar with Silverlight like me, in WPF there are some differences, which means that you have to think about threading block handling, in order to avoid frozen the main UI thread, that can being display, for example, a loading animation of the contact import progress. for that there are also a nice article:

http://msdn.microsoft.com/en-us/library/ms741870.aspx

To avoid the main UI thread block we launched the Outlook interop method in another thread, here’s the way:
var myDispatcher = new Thread(new ParameterizedThreadStart(s => { StartRetriveContacts(); }));
then to get back on the main UI:
private void StartRetriveContacts()
       { …
UIDispatcher.BeginInvoke(DispatcherPriority.Background, (SendOrPostCallback)delegate { ProcessContacts(contactList); },
                                    contactList);

Using this kind of “routed threading model” we were able to provide an UI update with some animation and application update state.

And that’s it..! you can try for your self

http://labs.fullsix.pt/projects/xbapoutlookdemo/default.aspx , and take a look into our others fullsix labs projects.

Also a thanks to Antoine and Fiel for their help on this development.

Silverlight: Colors in Hexadecimal values

Gonçalo Chaves — Mon, 02 Nov 2009 15:11:43 GMT

[PT]

Gostaria de deixar um pequeno truque para se trabalhar com cores nos controlos de Siverlight. Imaginem que instanciam um controlo como por exemplo uma textbox:

var newTextBox = new TextBox();

Agora, gostaria de mudar a color de fundo para preto, vermelho, verde, etc…

Então será necessário escrever algo como: myTextBox.Background = new Brush(Opacity bla blabla, etc); etc, e mais bla… Mas eu só queria algo como .Background = Colors.Red;

Ok, eis algo que pode ajudar e muito. Criem um método para extraír de um valor Hexadecimal a vossa cor como por ex:

private SolidColorBrush GetColorFromHex(string myColor)
{
    return new SolidColorBrush(
        Color.FromArgb(
            Convert.ToByte(myColor.Substring(1, 2), 16),
            Convert.ToByte(myColor.Substring(3, 2), 16),
            Convert.ToByte(myColor.Substring(5, 2), 16),
            Convert.ToByte(myColor.Substring(7, 2), 16)
        )
    );
}

Agora, é mais simples atribuir ao nosso controlo:

newTextBox.Background = GetColorFromHex("#00FFFFFF");

Cool! não?

[EN]

Just a tip, if you want in your code work with an color in Hexadecimal format maybe a little complicate.

Imagine that you create a new control such as:

var newTextBox = new TextBox();

Now you want give a color to it, right? So to do something like myTextBox.Background = new Brush(Opacity … etc, etc, etc). :s I just want a simple red, white… or something similar…

Here’s a tip, create a method to extract a color from an Hexadecimal value:

private SolidColorBrush GetColorFromHex(string myColor)
      {
          return new SolidColorBrush(
              Color.FromArgb(
                  Convert.ToByte(myColor.Substring(1, 2), 16),
                  Convert.ToByte(myColor.Substring(3, 2), 16),
                  Convert.ToByte(myColor.Substring(5, 2), 16),
                  Convert.ToByte(myColor.Substring(7, 2), 16)
              )
          );
      }

now it’s more simple to use on your control:

newTextBox.Background = GetColorFromHex("#00FFFFFF");

Cool! Isn’t it?

Silverlight: Creating Silverlight animations with code

Gonçalo Chaves — Mon, 02 Nov 2009 14:29:00 GMT

[PT]

Na semana passada estive a desenvolver uma aplicação em Silverlight para um cliente, e com algumas modificações que foram solicitadas, foi necessário desenvolver uma animação totalmente dinâmica… portanto o Blend deixou de servir para o efeito e tudo passou a ser feito por código C#.

Ok, então comecei por tentar mapear a mesma estrutura de código na parte de animação em XAML mas em C#. As linhas de código que seguem, serviram para fazer uma pequena animação de fade in e fade out a um usercontrol, instanciado no momento de execução e adicionado ao layoutroot. Uma vez que esta animação seria usada várias vezes.

// Dymanic Storyboard with the animation
var currentStb = new Storyboard();

//EasyDoubleKeyFrames
var stbkey = new EasingDoubleKeyFrame();
stbkey.KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(0));
stbkey.Value = 0;
var stbkey2 = new EasingDoubleKeyFrame();
stbkey2.KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(3));
stbkey2.Value = 1;
var stbkey3 = new EasingDoubleKeyFrame();
stbkey3.KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(6));
stbkey3.Value = 0;

//DoubleAnimationKeyFrame declaration
var myDoubleAnim = new DoubleAnimationUsingKeyFrames();
myDoubleAnim.KeyFrames.Add(stbkey);
myDoubleAnim.KeyFrames.Add(stbkey2);
myDoubleAnim.KeyFrames.Add(stbkey3);

//wich property is targeted: opacity
Storyboard.SetTargetProperty(myDoubleAnim, new PropertyPath("(UIElement.Opacity)"));
            
//adding into the layout resources
this.Resources.Add("uniqueId"+_countName.ToString(),currentStb);

//adding into the current layoutRoot
currentStb.Children.Add(myDoubleAnim);
currentStb.SetValue(Storyboard.TargetNameProperty, newTextBox.Name);

//adding some logical stuff then the stb begins

currentStb.Begin();

Recapitulando, não é assim tão complicado como estava à espera, ou pelo menos no primeiro contacto, mas não é obvio, o truque reside em “copiar” a mesma estrutura que o Blend gera em XAML, mas desta em código. Portanto inicialmente define-se os keyframes que contêm os tempos de animação e o values para as propriedades que pretendemos afectar ao controlo animado. Seguidamente, definimos os “alvos” para os DoubleAnimationKeyFrame que compõe a metada da animação em questão, e por fim, o nosso storyboard recebe esta informação e define qual é o tipo de objecto “afectado”, neste caso, um UIElement, e que tipo de animação será feita. Daí a afectação da propriedade Opacity.

É importante reter o seguinte, após criar um storyboard por esta maneira, é necessário dar-lhe um nome único e adicioná-lo aos resources do nosso layoutRoot. É só desta forma que tudo funcionará correctamente, e uma vez que a nossa animação fica a pertencer aos recursos locais do controlo, podemos usar a mesma várias vezes na aplicação :)

Espero que vos seja útil, e deixou uma leitura muito recomendável sobre este assunto.

http://msdn.microsoft.com/en-us/library/cc189069(VS.95).aspx

Merci.

[EN]

Last week I was developing a Silverlight application for a customer, and after a few modifications it was necessary to make an dynamic animation … so no storyboards with Blend… get in the code and do everything with C#.

Okay… so I started by mapping the same XAML animation structure, into the code. The next few lines show us a simple fade in and fade out animation effect with a new usercontrol (a simple textbox) created at the moment and placed on LayoutRoot. This animation is used several times, during the application.

// Dymanic Storyboard with the animation
var currentStb = new Storyboard();

//EasyDoubleKeyFrames
var stbkey = new EasingDoubleKeyFrame();
stbkey.KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(0));
stbkey.Value = 0;
var stbkey2 = new EasingDoubleKeyFrame();
stbkey2.KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(3));
stbkey2.Value = 1;
var stbkey3 = new EasingDoubleKeyFrame();
stbkey3.KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(6));
stbkey3.Value = 0;

//DoubleAnimationKeyFrame declaration
var myDoubleAnim = new DoubleAnimationUsingKeyFrames();
myDoubleAnim.KeyFrames.Add(stbkey);
myDoubleAnim.KeyFrames.Add(stbkey2);
myDoubleAnim.KeyFrames.Add(stbkey3);

//wich property is targeted: opacity
Storyboard.SetTargetProperty(myDoubleAnim, new PropertyPath("(UIElement.Opacity)"));
            
//adding into the layout resources
this.Resources.Add("uniqueId"+_countName.ToString(),currentStb);

//adding into the current layoutRoot
currentStb.Children.Add(myDoubleAnim);
currentStb.SetValue(Storyboard.TargetNameProperty, newTextBox.Name);

//adding some logical stuff then the stb begins

currentStb.Begin();

To recap, it’s not so complicated, first we create the storyboard, then the keyframes that contains the times and the values for the animation sequence, then we define the target properties, such as the DoubleAnimation, the Opacity property target and the storyboard to apply on the current usercontrol or the UIElement.

Just regard that after you create an Storyboard this has to belong into the current layout resource in order to work, with a unique Id. So that can be re-used in your application.

A recommended lecture:

http://msdn.microsoft.com/en-us/library/cc189069(VS.95).aspx

Thanks.

Silverlight: Routed Events and Silverlight toolkit

Gonçalo Chaves — Mon, 19 Oct 2009 23:16:44 GMT

[PT]

Hoje, enquanto estava a desenvolver um aplicação em Silverlight, reparei num comportamento um pouco estranho quando a aplicação era iniciada… basicamente passado algum tempo a aplicação em Silverlight bloqueava e por consequência o browser também. Ok, até aqui tudo bem, costumam dizer que o problema reside entre a cadeira e o teclado, portanto fui analisar dentro das últimas alterações que tinha feito. Descobri que o problema estava relacionado com uma animação que estava a tentar fazer que envolvia algumas Storyboard que definiam a sequência da animação. Uma vez que necessitava de saber quando é que as storyboards terminavam para dar sequência na animação, declarei como normalmente se faz os routedevents para saber quando “agir” segundo o objectivo.

StoryboardTagLinePos1.Completed += new EventHandler(StoryboardTagLinePos1_Completed);
StoryboardTagLinePos2.Completed += new EventHandler(StoryboardTagLinePos2_Completed);
StoryboardTagLinePos3.Completed += new EventHandler(StoryboardTagLinePos3_Completed);

Até aqui tudo parace bem, mas o erro está no facto da declaração destes eventHandlers estar dentro do método que era chamado para dar seguimento na lógica da animação… ora isto gera algo como… stack overflow… porque são referenciadas muitas referências para os mesmos eventos! A maneira correcta e recomendada é que estas definições sejam feitas no método ini do controlo que estamos a utilizar, mas o que queria aqui destacar, é que não se trata de um erro de linguagem ou lógica, mas sim de fluxo da utilização das referências para os eventos. Além da aplicação ficar “gelada” e o browser também, o que é de destacar, a dificuldade em depurar este tipo de problemas ou mesmo existirem ferramentas para tal… mesmo o Silverlight spy também bloqueou. Todavia, é de salvar que o sistema operativo isolou o “problema” impedindo que este lindo e útil erro se propagasse na memória que nem um louco! Lol.

Ok, é só uma dica para ter em atenção quando estamos a desenvolver aplicações em Sl.

Já agora, saiu a versão de Outubro do Silverlight toolkit: http://silverlight.codeplex.com/, basicamente um turbo para as aplicações em sl.

Obrigado.

[EN]

Today when, I was developing a Silverlight application I noticed that after a while that application was launched on the browser, the application frozen… and even more frozen the browser…

So obviously I thought that was something related with a latest change on my project and it was related with some kind of animation that I was trying to do. I used some storyboards in order to give a sequence on the animation, and I need to know in the application when each storyboard ended so has usual I declared the routed events… something like:

StoryboardTagLinePos1.Completed += new EventHandler(StoryboardTagLinePos1_Completed);
StoryboardTagLinePos2.Completed += new EventHandler(StoryboardTagLinePos2_Completed);
StoryboardTagLinePos3.Completed += new EventHandler(StoryboardTagLinePos3_Completed);

But the slight mistake was that this declarations were inside of the method that I call each time that I need to do something with the animation… yeah… the stack and memory went crazy!! Many and multiple repeated references to the same trigger events! Lol

So obviously the right way is declare the same routed event but outside the method… usually and the recommended way is on the control init method to avoid situation like that.

But besides my “donkey” mistake, what I really notice is that I couldn’t find any tool to help on this issue, even Silverlight spy went frozen… so one good thing is that the OS in somehow protected the rest by “frizzing” the application and prevent a full stack overflow…

Just a thing to keep in mind when developing sl applications.

Btw the October Silverlight toolkit release is out: http://silverlight.codeplex.com/ this is a very very powerful “toy” to boost sl apps :P

Thanks.

[cross posted from: http://blogs.fullsix.pt/2009/10/20/silverlight-routed-events-and-silverlight-toolkit/]

Umbraco – Sem nós na árvore de documentos mas com conteúdos...

Gonçalo Chaves — Mon, 19 Oct 2009 21:26:33 GMT

[PT]

Olá a todos. Não sei se já se depararam com o seguinte cenário, na abertura de uma instância de umbraco num dado site:

Como podem ver na imagem, a árvore de conteúdos do CMS está, ou aparenta, estar vazia. Mas o mais “estranho” foi verificar que tanto o site estava sem qualquer anomalia, como também na base de dados do CMS, tudo estava aparentemente bem. Inclusivé, as várias tabelas do umbraco continham os dados...

Pois bem. À uns dias ao aceder ao umbraco de um dado site, deparei-me com este cenário... e sem ter efectuado alterações na sua estrutura, em qualquer DocumentType, Media element, Template ou outro elemento pertencente à base de umbraco.

Após várias tentativas para perceber o que estava a acontecer, experimentámos usar a mesma base de dados em questão mas como uma nova “instância limpa” de umbraco. Para qual foi do nosso espanto que tudo estava bem. A estrutura de nós estava devidamente correcta e tudo o resto estava como se esperava.

Posto isto, a decisão foi publicar novamente toda a estrutura de umbraco para o site em questão, uma vez que nos pareceu ser um caminho para a solução. E não é que resolveu o problema?? Então o que deu origem a tal coisa? Não tenho resposta certa para o caso, mas uma das soluções plausíveis para o caso, foi talvez algum ficheiro que tenha ficado danificado durante publicação do site em questão! Daí que a re-publicação da estrutura de umbraco, tenha solucionado o problema.

Caso conheçam ou tenham mais informações sobre este tipo de questões ou problemas, não deixem de partilhar. :)

Obrigado a todos, e também ao Antoine pela sua ajuda neste processo.

[EN]

Hi all, I would like to share with you a little issue that happened with me a few days ago with an umbraco installation. Has you can see in the above picture I opened the cms of one site, and I saw that the content tree was empty… I thought… OMG! But the site was good with all the content and even the database was correct, and all tables with the right content… So we tried to figure out what happened and the cause. After some experiences, we tried first using that database with a brand new umbraco installation… and viola! Everything was fine!

Ok, so let’s try to re-publish the umbraco structure with all files and content… and it works! So what was the cause? We can’t know for sure, but one possible reason is related with the first publish of the site… maybe one of the umbraco’s files went corrupted during the upload process.

So we solved by re-publishing all umbraco’s structures files, if you know some related issues or other solution please share with us :)

Thanks for reading and also thanks for the help that Antoine provided.

[cross posted from: http://blogs.fullsix.pt/2009/10/19/umbraco-sem-ns-na-rvore-de-documentos-mas-com-contedos/]

Microsoft Remix09 passa em Portugal

Gonçalo Chaves — Wed, 02 Sep 2009 17:18:38 GMT

No próximo dia 2 de Outubro irá passar em Portugal a comitiva de alguns oradores do evento passado Mix09, para um Remix na Reitoria da Universidade Nova de Lisboa.

Além da qualidade já reconhecida das sessões e dos seus oradores é uma excelente opurtunidade para aprender mais sobre: Silverlight, Surface, ASP.NET, Windows Azure, etc.

Para os membros da comunidade XAMLPT existe um desconto de 20% na inscrição do evento. Para mais informações os membros deverão consultar o post do Tiago Andrade e Silva

Até lá :)

Silverlight and MEF

Gonçalo Chaves — Mon, 03 Aug 2009 20:30:35 GMT

Aproveitando o post do Nuno Godinho, eis mais uns links sobre o assunto:

Silverlight MEF - Extensible Applications

http://development-guides.silverbaylabs.org/Video/Silverlight-MEF

Managed Extensibility Framework – Home

http://blogs.msdn.com/brada/archive/2008/11/07/managed-extensibility-framework-mef-demo.aspx (video)

Silverlight and others for the weekend

Gonçalo Chaves — Fri, 31 Jul 2009 11:10:46 GMT

Olá a todos!

Queria partilhar convosco alguns links para o fim de semana:

Silverlight:

Data forms Control (Ria services) - http://dotnetslackers.com/articles/silverlight/Silverlight-3-and-the-Data-Form-Control-part-I.aspx

Dynamic forms (com XSDs) - http://weblogs.asp.net/rabeehabla/archive/2009/07/22/dynamic-silverlight-forms.aspx

MEF (Extensible applications) - http://development-guides.silverbaylabs.org/Video/Silverlight-MEF / http://www.sparklingclient.com/2009/07/30/

Portfólio:

O site desta semana é: http://www.silverlighttoys.com/

ASP.NET MVC:

Saíu a segunda versão do MVC para asp.net, ainda em versão ctp. - http://weblogs.asp.net/scottgu/archive/2009/07/31/asp-net-mvc-v2-preview-1-released.aspx

Foto da semana:

( http://nienor-hl.deviantart.com/art/Man-vs-art-123300721 )

RIA Services at fullsix.pt

Gonçalo Chaves — Mon, 27 Jul 2009 18:19:00 GMT

Com o lançamento da versão 3 do Silverlight, as novidades e funcionalidades quem têm sido desenvolvidas neste produto, aproximam-se cada vez mais de uma melhor experiência de utilização (UX) para o comportamento da aplicação, mas não se esquece a camada de negócio e a camada de serviços disponibilizados para dar “alimento” às novas “RIAs” (Rich Internet Applications) que vão aparecendo, cada vez mais na web.

Uma aplicação RIA tem como arquitectura a separação entre a lógica da apresentação, e a lógica dos serviços, como demonstra a seguinte imagem:

É neste contexto que a Microsoft nos apresenta a nova “Framework” .net RIA Services. E resumidamente podemos dizer que se tratam de um conjunto de bibliotecas adicionais a uma qualquer aplicação desenvolvida com base na .net Framework para a Web, neste caso o Silverlight.

Assim é complementado sobre o conjunto de ofertas da Microsoft, para o desenvolvimento das aplicações Web.

Em .net clients, aparecem o Silverlight e o WPF, para que o Silverlight possa disponibilizar o modelo RIA acima, é então disponibilizada a .net Ria Services Framework. Com um roadmap bastante curto, está neste momento em versão de CTP (community technology preview), versão disponível para as comunidades, onde se obtém feedback sobre as funcionalidades actuais e sobre as desejadas, July 2009 preview CTP é a versão actual. Está previsto o lançamento da versão beta durante a conferência anual PDC, e a sua versão final será conjunta com a versão 4 da .NET Framework.

O nosso objectivo principal, é demonstrar as capacidades desta Framework, aplicadas a um contexto real de uma aplicação. Para tal vamos abordar alguns dos tópicos mais importantes, aplicados a uma demo disponível em: http://labs.fullsix.pt/f6riademo

Instalação

Para utilizar a .net Ria Services Framework versão: July 2009 CTP é necessário seguir os seguintes passos:

1) Remover instalações prévias caso existam, sejam elas versões anteriores a:

Silverlight 3 SDK RTW

Silverlight 3 Plugin RTW

Silverlight 3 toos para o Visual Studio 2008 RTW

2) Instalar a .NET framework 3.5 SP1 e seguidamente o SP1 para o Visual Studio 2008

http://msdn.microsoft.com/en-us/vstudio/cc533448.aspx

3) A partir do site www.silverlight.net instalar:

a. Silverlight 3 RTW

b. Silverlight 3 SDK RTW

c. Silverlight 3 tools para o Visual Studio 2008 SP1

4) Instalar a .NET Ria Services: , July 2009 preview CTP

Para verificar que tudo correu como esperado, no Visual Studio 2008 no menu de novo projecto deverá estar como na seguinte imagem:

Silverlight Application – Aplicação normal em Silverlight, tal como na versão anterior.

Silverlight Navigation Application – Aplicação Silverlight, com a utilização “out of the box” das funcionalidades de navegação integradas com o browser, acima descritas.

Silverlight Class Library – Criação de bibliotecas usuais para aplicações silverlight, também semelhante á versão anterior.

Silverlight Business Application – criação de aplicações Silverlight sobre a .NET Ria Services Framework, é este o template que gera a estrutura ideal para a utilização das funcionalidades de negócio que a Framework Ria services nos dá. Acima já descrita.

Utilizando a framework

Acrescentando à nossa aplicação esta Framework, disponibiliza imediatamente e totalmente “out of the box” serviços como:

- Acesso a dados facilitando por ligação directa entre a Entidade de dados e o controlo na aplicação. Exemplo: ligação de uma tabela em SQL com uma dataGrid na nossa aplicação.

<riaControls:DomainDataSource x:Name="ContactListDataSource" LoadSize="20" QueryName="GetPLURAL_Contacts" AutoLoad="True" >

<riaControls:DomainDataSource.DomainContext>

<ds:ContactListContext/>

</riaControls:DomainDataSource.DomainContext>

</riaControls:DomainDataSource>

<data:DataGrid Height="Auto" MinHeight="100" IsReadOnly="True" ItemsSource="{Binding Data, ElementName=ContactListDataSource}"

x:Name="dataGrid1" />

Acima, é definido em XAML, sem recorrer a qualquer linha de código, um controlo de DomainDataSource, que tem uma Query como propriedade, esta query está definida no serviço da camada de acesso aos dados. Seguidamente a definição de uma DataGrid, que tem como fonte de dados o controlo anteriormente definido. Utilizando apenas estes dois controlos a ligação é feita entre os dados e a nossa aplicação. Mais à frente está a explicação de como é definida a entidade de ligação aos dados.

- Autenticação, sim! Lembram-se do Membership em asp.net? Porquê mexer, se o que temos funciona lindamente? Nem mais, membership “out of the box” para a nossa aplicação. Em tudo semelhante na sua arquitectura, e com utilização diferente mas simples. Vejamos o seguinte exemplo:

Para uma chamada a um serviço de inserção de dados, informamos a nossa aplicação que: é necessário que o utilizador esteja devidamente autenticado.

[RequiresAuthentication()]

public void InsertPLURAL_CastingRegistrations(PLURAL_CastingRegistrations pLURAL_CastingRegistrations)

{

pLURAL_CastingRegistrations.RegGuid = Guid.NewGuid();

pLURAL_CastingRegistrations.ts = DateTime.Today;

this.Context.AddToPLURAL_CastingRegistrations(pLURAL_CastingRegistrations);

}

Como se pode ver acima, o método InsertPlural_CastingRegistrations tem uma anotação de “RequiresAutentication()”. Desta simples forma, seja qual for a entidade que invoque este método, só é executado cado existe um utilizador autenticado em sessão.

- Navegação contextualizada, para quem já experimentou desenvolver ou a utilizar mais intensivamente aplicações em silverlight, deparou-se certamente com o problema de navegação dentro da aplicação, e que esta esteja devidamente integrada com o browser. Certamente que recorrer às funções de retroceder ou avançar do browser não têm o comportamento esperado com a aplicação em silverlight. Apesar de já existirem algumas técnicas para “resolver” este problema em Silverlight 2, tal como a utilização de JQuery, ou de ASP.NET AJAX, para guardar o histórico da navegação e interagir com os evento gerados pelo browser dos comandos acima utilizados. A navegation framework, vem resolver este problema de uma forma simples e bastante eficaz, ora se não vejamos o exemplo:

Na página principal colocamos o controlo “navigation”:

<navigation:Frame x:Name="ContentFrame" Style="{StaticResource ContentFrameStyle}"

Source="/Home" Navigated="ContentFrame_Navigated" NavigationFailed="ContentFrame_NavigationFailed" Background="{x:Null}">

<navigation:Frame.UriMapper>

<uriMapper:UriMapper>

<uriMapper:UriMapping Uri="" MappedUri="/Views/Home.xaml"/>

<uriMapper:UriMapping Uri="/{pageName}" MappedUri="/Views/{pageName}.xaml"/>

</uriMapper:UriMapper>

</navigation:Frame.UriMapper>

</navigation:Frame>

Como podemos ver, basicamente é definino uma forma de como é mapeado e interpretado os endereços URLs, que são colocados no browser. É conhecido como o método de URL re-writting. E neste caso podemos ver que é definido um “contentor” que vai permitir o carregamento de outras páginas em XAML que estejam na directoria de Views/pagina.xaml. Portanto qualquer página que esteja na directoria definida permite que seja referenciada e carregada na vista actual. Assim é guardado o históricos pelas “vistas” que vamos fazendo sobre a nossa aplicação.

Para navegar entre as páginas basta definir um link:

<HyperlinkButton x:Name="Link4" Style="{StaticResource LinkStyle}"

NavigateUri="/ContactList" TargetName="ContentFrame" Content="contact list"/>

Apenas definimos o contentor para onde a página estará a ser carregada, o texto do nosso link, neste caso “contact list”, e o nome da “vista”, página correspondente, com o código XAML e se necessário o code behind.

Estruturação de camadas: Serviços e Apresentação, utilizando esta framework, a aplicação fica devidamente estruturada tanto a nível da camada dos serviços, como a nível de apresentação. Conjuga assim os padrões MVVM (Model View-View Model) e MVC (Model View Control), quer permitem dar à aplicação a máxima abstracção da camada dos serviços que a “alimentam”, mas também a versatilidade da criação de vistas independentes, que são os vários “ecrãs” da aplicação.

A imagem abaixo, demostra esta estruturação dado ao projecto, utilizando o “Silverlight Business Application” template para o Visual Studio 2008.

" border="0" style="display:inline;border-width:0px;" />

Como se pode ver, a nossa solução é constituída por dois projectos, a aplicação em Silverlight, e a aplicação Web que fará o hosting da aplicação em si. Do lado da aplicação em Silverlight temos:

Assets, para todos os recursos da aplicação que sejam partilháveis, ex: mídia

Libs, para as dependências externas, ex: AjaxControl Toolkit, ActivityControl, Windows.Controls, etc.

Views, comtém os vários “ecrãs” da nossa aplicação. Ex: about.xaml, clientRegistration.xaml, etc

O ficheiro MainPage.xaml, já contém as referências necessárias para a utilização das várias vistas e da integração com o histórico do browser.

Do lado da aplicação web temos:

ClientBin, por defeito o directório com o ficheiro xap complidado da aplicação Silverlight.

Services, como o nome sugere, todos os ficheiros que representam as interfaces aos serviços da nossa aplicação. São nos dados os seguintes:

AuthenticationService.cs – Responsável pela activação do serviço de existir uma “autenticação” da nossa aplicação. Neste caso em membership

UserInformation.cs – Expressões regulares para a validação dos campos de registo de um utilizador.

UserRegistrationService.cs – Este é a interface do serviço de membership, portanto contém os vários métodos normais para este cenário. Criação de utilizador, Obter Utilizador, etc.

É assim que a nossa aplicação fica estruturada para a utilização da framework .net ria services.

fullsix .NET RIA Services Demo

Para a nossa demo sobre esta Framework, utilizámos o template de Business application, pois facilmente estrutura o nosso projecto sobre os modelos de MVVM e MVC, aplica os serviços de navegação integrada com o browser, faz a integração com o serviço de membership, e importa as várias namespaces que compõem a Framework.

NOTA: a demo, utiliza dados, e nomes, totalmente fictícios cujo único objectivo é de demonstração das funcionalidades dadas pela tecnologia utilizada.

O cenário de utilização

Pensámos num cenário real, onde esta aplicação poderia ser utilizada, mas como aplicação primária para uma determinada função e não apenas uma aplicação de acessório a um cenário já existente.

Neste caso pensámos como um backoffice de um dado site… perfeito!! Ora vejamos:

1) Adicionar dados ao site em produção. OK

2) Disponível através do browser em qualquer lugar. OK

3) Devidamente protegida para acessos indevidos. OK

4) Facilidade de utilização e com um UX e design atraentes. OK (bom aqui não só usámos os novos behaviours que o silverlight 3 nos dá, mas também é necessário ter em conta o desenvolvimento de algum design para a aplicação.)

Passando estes pontos, parece-nos que é um cenário ideal e real para ser utilizada.

Página inicial

Então na página principal aproveitamos os vários controlos que o Silverlight 3 Toolkit nos oferece, e disponibilizamos um gráfico com os acessos ao site principal, para qual este backoffice está a ser utilizado.

" border="0" style="display:inline;border-width:0px;" />

Podemos observar no gráfico o número de page hits para o mês de Maio do site em questão.

Mas aproveitando os behaviours do Silverlight 3, aplicou-se o “drag and drop” a todos os elementos e permite assim ao utilizador definir a forma de como deseja ver os elementos na página principal, fazendo clique e arraste como habitualmente. Assim os objectos são “livres” dentro da página inicial:

" border="0" style="display:inline;border-width:0px;" />

Navegação entre páginas (vistas)

Utilizando partido da navigation Framework, acrescentou-se facilmente na página principal da aplicação, dois links adicionais: “casting list” e “contact list”.

Basicamente são listagens de dados possíveis do site. Neste caso uma lista de utilizadores que se subscreveram a um casting, e uma lista de contactos feitos pelo site principal.

" border="0" style="display:inline;border-width:0px;" />

Até a este ponto, criámos mais duas “vistas”, dois ficheiros xaml: castinglist.xaml e contactlist.xaml.

E na página inicial, junto do componente de navegação que se vê no cabeçalho da aplicação, acrescentámos os dois links:

<Rectangle x:Name="Divider1" Style="{StaticResource DividerStyle}"/>

<HyperlinkButton x:Name="Link3" Style="{StaticResource LinkStyle}" NavigateUri="/Casting" TargetName="ContentFrame" Content="casting list"/>

<Rectangle x:Name="Divider2" Style="{StaticResource DividerStyle}"/>

<HyperlinkButton x:Name="Link4" Style="{StaticResource LinkStyle}"

NavigateUri="/ContactList" TargetName="ContentFrame" Content="contact list"/>

O elemento Rectangle, é apenas o separador visual na barra de navegação.

E avançámos para os serviços da camada de dados…

Acesso a dados e serviços

Uma vez que já temos a nossa aplicação preparada para os novos “ecrãs” que vão servir para mostrar os dados, é necessário agora criar o serviço que fará a ligação com os dados e a nossa vista.

Para esta fase nada melhor que o uso da Entity Framework, que em conjunto com a .net Ria services Framework, facilita muito o processo! E porquê? Além de permitir a selecção das tabelas, ou vistas sobre a base de dados, através de “drag and drop”, gera automaticamente os ficheiros de serviço, com os métodos CRUDE (inserção, selecção, actualização, etc..).

Aqui o LinQ tem um papel fundamental, é através desta linguagem que são criadas as queries necessárias para suportar as operações anteriormente anunciadas. Apesar de serem geradas as queries standards, é-nos dada a liberdade de as alterar e personalizar às nossas necessidades. Para este caso, uma listagem simples, nada que um SELECT * não resolva… e já agora um update, insert, delete, etc… sim, tudo automático por favor!

Adicionamos então uma ADO.NET Entity Data Model, com o nome de PluralCasting, onde escolhemos a tabela apropriada

" border="0" style="display:inline;border-width:0px;" />

E foi gerada a classe PluralCastingService.cs que contêm os métodos todos prontinhos a serem utilizados… J.

Recorde-se que o elemento ADO.NET entity, foi mapeado para uma tabela da base de dados, mas este também é possível sobre uma Stored Procedure ou outro qualquer elemento relacional de dados.

Neste momento apenas nos falta fazer os elementos UI para dar suporte a esta listagem. Então no ficheiro de castinglist.xaml acrescentamos a nossa DataGrid:

<data:DataGrid Height="Auto" MinHeight="100" IsReadOnly="True" ItemsSource="{Binding Data, ElementName=CastingDataSource}"

x:Name="dataGrid1" >

<i:Interaction.Behaviors>

<il:FluidMoveBehavior Duration="00:00:04">

<il:FluidMoveBehavior.EaseX>

<BackEase EasingMode="EaseIn"/>

</il:FluidMoveBehavior.EaseX>

<il:FluidMoveBehavior.EaseY>

<BackEase EasingMode="EaseOut" Amplitude="2"/>

</il:FluidMoveBehavior.EaseY>

</il:FluidMoveBehavior>

</i:Interaction.Behaviors>

</data:DataGrid>

(já agora com os movimentos fluidos… um pouco de animação…)

E o nosso Ria data source que contém os dados em si:

<riaControls:DomainDataSource x:Name="CastingDataSource" LoadSize="20" QueryName="GetPLURAL_CastingRegistrations" AutoLoad="True" >

<riaControls:DomainDataSource.DomainContext>

<ds:PluralCastingContext/>

</riaControls:DomainDataSource.DomainContext>

<riaControls:DomainDataSource.SortDescriptors>

<riaData:SortDescriptor PropertyPath="age" Direction="Ascending"/>

<riaData:SortDescriptor PropertyPath="gender" Direction="Ascending"/>

</riaControls:DomainDataSource.SortDescriptors>

<riaControls:DomainDataSource.FilterDescriptors>

<riaData:FilterDescriptorCollection>

<riaData:FilterDescriptor PropertyPath="age" Operator="IsGreaterThanOrEqualTo">

<riaData:ControlParameter ControlName="ageText" PropertyName="Text" RefreshEventName="TextChanged" />

</riaData:FilterDescriptor>

</riaData:FilterDescriptorCollection>

</riaControls:DomainDataSource.FilterDescriptors>

</riaControls:DomainDataSource>

Utilizando como query todos os registos da nossa tabela… e já agora posso ter um filtro? Sim, vamos então filtrar por idade… e a idade é o utilizador que coloca numa caixa de texto, e assim os dados são filtrados no instante.

Hum… interessante, e posso agora ter paginação sobre estes milhares de registos da tabela? Sim, basta utilizar o datapager:

<data:DataPager PageSize="5" Source="{Binding Data, ElementName=CastingDataSource}" Margin="0,-1,0,0"></data:DataPager>

Simples… não?

Eis o resultado:

" border="0" style="display:inline;border-width:0px;" />

Agora, gostaríamos de dar a possibilidade ao utilizador de alterar ou adicionar um novo registo a esta listagem. E para que seja possível, será necessário que os nossos serviços criados anteriormente, suportem as devidas operações de inserção e actualização. Mas uma vez utilizado a Entity para esta tabela, já existem estas operações definidas no serviços, portanto só nos falta mesmo a interface.

Para que tenhamos o formulário para edição ou adição de um novo registo, utilizamos também mais um controlo da Framework Ria Services: o DataForm, da seguinte forma:

<dataForm:DataForm x:Name="dataForm1" Header="Casting Candidate Information" AutoGenerateFields="False" AutoEdit="False" AutoCommit="False" CurrentItem="{Binding SelectedItem, ElementName=dataGrid1}" Margin="0,12,0,0">

<dataForm:DataForm.EditTemplate>

<DataTemplate>

<StackPanel>

<dataForm:DataField Label="User ID">

<TextBox Text="{Binding id, Mode=TwoWay}" />

</dataForm:DataField>

<dataForm:DataField Label="Name">

<TextBox Text="{Binding name, Mode=TwoWay}" />

</dataForm:DataField>

< … >

<Button x:Name="submitButton" Width="75" Height="23" Content="Submit" Margin="4,0,0,0" Click="submitButton_Click"/>

</StackPanel>

</StackPanel>

</DataTemplate>

</dataForm:DataForm.EditTemplate>

</dataForm:DataForm>

Em muito semelhante ao controlo FormView utilizado para ASP.NET. Com a utilização dos templates, Edit Template, Insert Template e ItemTemplate. Utilizamos estes templates para definir o comportamento do nosso formulário consoante o tipo de operação que pretendemos fazer. Neste caso estamos a ver o Edit template, que tem uma StackPanel, com todos os campos DataField que sejam eles ou label ou textbox, fazem binding com o campo da nossa tabela que se encontra devidamente mapeada no nosso Entity model do serviço.

Podemos também observar que a ligação deste formulário com a nossa DataGrid criada anteriormente é feita através da propriedade de CurrentItem. Assim, o elemento actual que estiver seleccionado na nossa dataGrid, é “passado” ao nosso DataForm, para que possa ser editado.

Mas antes de qualquer operação sobre estes dados, autenticação! Se faz favor… ok, não há problema. Uma vez que utilizamos a metatag de RequiredAuthentication() acima sobre as operações no serviço, a .net Ria Services Framework, uma vez que implementa “out of the box” o serviço de autenticação, gera os automatismos necessário, para em caso de pedido de autenticação, desenha sobre o ecrã actual a janela de autenticação, como se pode ver na imagem:

" border="0" style="display:inline;border-width:0px;" />

Introduzimos as nossas credenciais:

Username: gchaves

Password: 1234567/

E voilá, já podemos agora utilizar o nosso formulário sobre os dados disponíveis pela dataGrid. Aproveitamos também os novos controlos de validação de campos dados também “out of the Box” pela Framework. Assim para o campo “Gender”, só faz sentido que seja introduzido algo como “m” ou “f”, definimos no código da seguinte forma:

<dataForm:DataField Label="gender">

<TextBox Text="{Binding gender,

Mode=TwoWay,NotifyOnValidationError=True,

ValidatesOnExceptions=True }" />

</dataForm:DataField>

Com o NotifyValidationError e o Validates onExecptions definidos automaticamente pela geração do furmulário, os tipos de restrições sobre os campos são já conhecidos pelo nosso objecto de Entity, que contém toda a estrutura e restrições definidas na base de dados. Assim facilita-nos imenso o processo de validação e verificação… certo? Sim o campo “gender” tem como restrição “tamanho=1” portanto, já nos é dada alguma validação:

" border="0" style="display:inline;border-width:0px;" />

OK!

Podemos então observar, que para edição e visualização de dados, a .net Ria Services framework, dá-nos efectivamente uma colecção de controlos e serviços muito úteis e fáceis de personalisar para que a nossa aplicação responda às necessidades específicas de cada problema.

Aproveitamos a estrutura que este template nos oferece, e criamos a janela de “CastingCandidateRegistrationWindow”, pois permite facilmente ser manuseada em código, e uma vez que extende do novo controlo ChildWindow,o efeito de “Shadow” que vemos na imagem é também gerado automaticamente pela aplicação J.

O código que utilizámos para fazer o handle entre a acção de editar ou inserir dados, e o utilizador está autenticado, foi o seguinte:

void Authentication_LoggedIn(object sender, AuthenticationEventArgs e)

{

CastingCandidateResgistrationWindow addUser = new CastingCandidateResgistrationWindow();

addUser.Closed += new EventHandler(addUser_Closed);

addUser.Show();

}

void addUser_Closed(object sender, EventArgs e)

{

CastingCandidateResgistrationWindow user = (CastingCandidateResgistrationWindow)sender;

if (user.NewCastingUser != null)

{

PluralCastingContext _PluralnContext = (PluralCastingContext)(CastingDataSource.DomainContext);

_PluralnContext.PLURAL_CastingRegistrations.Add(user.NewCastingUser);

CastingDataSource.SubmitChanges();

}

}

Com estes dois métodos, definimos o comportamento após o utilizador se autentique, foi o redireccionamento sobre a acção dada pela Framework, que notifica a aplicação que o utilizador está autenticado. E sendo assim, é possível então instanciar a nossa janela de inserção e muito importante, é passar-lhe o objecto de DomainContext que trás consigo toda a informação actual sobre a “vista” que temos do nosso objecto de dados.

Behaviours e UX

Utilizámos alguns dos behaviours que o Silverlight 3 já nos disponibiliza, tais como, o drag and drop, fluid e drop shadow. Através do Expression Blend aplicámos aos vários controlos estes comportamentos. Sendo a sua definição em xaml assim:

<il:MouseDragElementBehavior/>

<il:FluidMoveBehavior Duration="00:00:03">

<DropShadowEffect Direction="310"/>

Com estes comportamentos, e utilizando a estrutura dada pela .net ria services, facilmente conseguimos um pequeno projecto aplicado a um cenário real, mas com uma interface e comportamento bastante atractivo.

Uma vez que estes behavious, são bastante intuitivos e fáceis de serem usados, muito em breve haverá uma vasta colecção que permita facilmente dar um bom aspecto e comportamento à aplicação.

Ex: http://gallery.expression.microsoft.com/en-us/MIXBehaviorPack

O floatable window (http://floatablewindow.codeplex.com/) é outro bom exemplo de como podemos dar um comportamento à lá Windows aos nossos controlos.

Duplo clique do rato: http://weblogs.asp.net/eecsaky/archive/2009/07/26/doble-click-en-silverlight-usando-behaviors.aspx

Conclusões

Sabemos que o desenvolvimento das RIAs “só agora começou”, e ainda muito se fala e pouco se vai vendo, contudo é muito importante que as ferramentas se preparem e ofereçam várias opções aos utilizadores, não só para que se desenvolvam novas aplicações com UX cada vez mais atractivas e funcionais, mas também, para contribuir na facilidade e disponibilização de serviços aos utilizadores.

A .NET Ria Services Framework é um “must have” na família .net. e posiciona-se numa área de extrema importância e utilização “Web”, e portanto é o primeiro passo da Microsoft nesta área e na minha opinião pessoal, um passo certo e no caminho direito Não só pelas funcionalidade “out of theBox” que nos dá, mas pela sua simplicidade e estruturação, da aplicação sobre a arquitectura ideal das aplicações para este tipo de cenários.

Com a próxima versão beta a ser lançada no PDC, estou expectante sobre o que mais esta Framework nos irá oferecer, e que novas tools venham a ser apresentadas.

Algumas referências externas e exemplos:

http://xamlpt.com/blogs/nunogodinho/archive/2009/07/21/net-ria-services.aspx

http://silverlight.net/forums/53.aspx

http://xamlpt.com/media/12/default.aspx

THE MODEL-VIEW-VIEWMODEL (MVVM) DESIGN PATTERN FOR WPF

http://www.riapt.org/

Some links to read…

Gonçalo Chaves — Thu, 23 Jul 2009 08:50:17 GMT

http://blogs.msdn.com/katriend/archive/2009/07/19/3-on-blend-3-7-sketchflow-composition-screens-and-navigation.aspx

http://www.silverlightshow.net/news/Import-Photoshop-Files-to-Blend-3.aspx

http://floatablewindow.codeplex.com/

http://www.microsoft.com/downloads/details.aspx?FamilyID=827122a5-3ca0-4389-a79e-87af37cbf60d&displaylang=en

http://blogs.msdn.com/expression/archive/2009/07/06/hatching-effect-shader-for-both-siverlight-and-wpf.aspx

http://timheuer.com/blog/archive/2009/07/17/build-silverlight-2-and-3-apps-with-visual-studio-2008.aspx

http://blogs.msdn.com/brada/archive/2009/07/20/simple-example-using-managed-extensibility-framework-in-silverlight.aspx

http://timheuer.com/blog/archive/2009/07/21/mix-keynote-bouncing-plane-demo-updated-for-silverlight-3.aspx

http://visualstudiomagazine.com/articles/2009/05/27/handling-concurrency-with-entity-framework.aspx

http://www.dotnetcurry.com/ShowArticle.aspx?ID=302&AspxAutoDetectCookieSupport=1

Evento XAMLPT - Launch

Gonçalo Chaves — Thu, 16 Jul 2009 20:53:41 GMT

Pois é :) Foi ontem que se realizou o primeiro evento XAMPT :)

Tivémos a presença da comunidade e de outras pessoas interessadas no evento. Podem consultar as informações sobre a agenda em: http://xamlpt.com /launch e ficam algumas fotografias, para mais tarde recordar

http://xamlpt.com/media/p/931.aspx

Obrigado a todos os que compareceram e a todos os que mostraram interesse em participar na comunidade.

um abraço.

Silverlight 3 Live now!!

Gonçalo Chaves — Thu, 09 Jul 2009 18:09:23 GMT

E ainda nem é dia 10 e já temos aí as versões finais RTW, do Silverlight 3 :)

Eis os links:

Plugin

Tools para o VS2008 SP1