Mais uma excelente noticia!
Foi lançado a edição número 76 da revista .NET Magazine, no qual tive o grande prazer de colaborar com o Alexandre Tadashi Sato (Silverlight Experience), na escrita de mais um artigo, sendo que o tema proposto foi sobre Silverlight Toolkit!

O Silverlight Toolkit proporciona aos desenvolvedores uma gama de controles extras ao Microsoft Silverlight, que vão desde componentes para dashboards, skins, controles de navegação, visualização de dados e muito mais. Você encontrará vários exemplos práticos de alguns dos principais componentes, e muito mais!

Lista de artigos desta edição:

• Silverlight Toolkit
• Design Patterns na prática – Parte 1
• Design Patterns
• Code Contracts
• Estimando seus Requisitos
• Pesquisa de objetos na memória
• É possível ganhar dinheiro com licença GPL?(Artigo Exclusivo Digital)

Grande Abs.

Robson Fernandes

INTRODUÇÃO

Boa noite Galera!

Hoje gostaria de compartilhar com vocês, uma postagem com as principais características, das mais comentadas tecnologias de desenvolvimento de aplicações RIA(Rich Internet Applications) do mercado, o Microsoft Silverlight e o Adobe Flex.
São ao todo 20 características destacadas, sendo que elas foram aplicadas nas últimas versões das plataformas destacadas.
Gostaria da opinião de vocês, meus amigos leitores e desenvolvedores, até mesmo para que possam avaliar o conteúdo, caso eu tenha descrito algo errado. Lembrando que a intenção desta postagem, não é denegrir nenhuma tecnologia, mas sim, apresentar suas características!

Abaixo, segue a tabela:

Obrigado pessoal!

Abs.

Robson Fernandes

Boa noite galera!
Veremos neste post, como se trabalhar com validações de campos no Silverlight 4. Há várias maneiras de se validar um campo no Silverlight, seja por DataAnnotations , ou através da interface IDataErrorInfo, que nos fornece métodos para validar dados de forma personalizada.

PREVIEW

Abaixo, temos o exemplo que será demonstrado. Os campos validados serão, campo “Nome” e “Idade”, sendo que a regra aplicada, teremos:

Nome ::    Será um campo obrigatório.
Idade ::    Aceitará somente valores maiores que zero.

Observe na imagem abaixo, o momento de validação de um dos campos, e o feedback ao usuário pelo erro encontrado.

CÓDIGO C#

Abaixo, temos o código em C# que irá constituir a classe Cliente, sendo que ela terá duas propriedades, “Nome” e “Idade”. A classe Cliente implementa a interface IDataErrorInfo, que nos fornece métodos para validação de dados.
Abaixo temos um método que valida as propriedades da Classe, nele passamos como parâmetro qual a propriedade que desejamos validar, e posteriormente criamos nossas regras de negócio referente a mesma, retornando uma “string” do erro personalizado que adotarmos.

    public class Cliente : IDataErrorInfo
    {
		//Propriedades da Classe
        public string Nome        { get; set; }
        public int Idade          { get; set; }

		//Método implementado através da
		//interface IDataErrorInfo
		//Retorna uma mensagem de erro indicando o que
		//está errado com esse objeto.
        public string Error
        {
            get { return null; }
        }
		//Método implementado através da
		//interface IDataErrorInfo
		//Através dele, passamos o nome da propriedade
		//que desejamos validar
        public string this[string columnName]
        {
            get
			{
                switch (columnName)
                {
					 //Validando a Propriedade Nome
					 //e retornando a mensagem de erro
                     case "Nome":

							if ((Nome.Length == 0) || Nome.Trim() == "")
                                   return "O campo Nome é obrigatório.";
                            else
                                   goto default;

					//Validando a Propriedade Idade
					//e retornando a mensagem de erro
                    case "Idade":
                            if (Idade < 0)
                                    return "O campo Idade deve ser maior que 0.";
                            else
                                    goto default;

					//Por padrão, retorna null
                    default:

                                     return null;

                }
             }
        }
    }

CÓDIGO XAML

No código XAML abaixo, temos os dois elementos TextBox que serão validados, observe que o primeiro elemento, o “textBoxNome”, está com a propriedade “Text” vinculada através de Binding, com a Propriedade “Nome”, da classe Cliente; E a propriedade “Text” do elemento “textBoxIdade”, vinculado através de Binding, com a Propriedade “Idade”.
Ambos os elementos estão com as meta-propriedades do Binding, “ValidatesOnDataErrors” e “ValidatesOnExceptions”, setados para “True”, pois é através dessa ativação, que os controles estarão aptos a utilizar os recursos de validação do Silverlight.

		 <!-- Elemento TextBox, vinculado
		  por Binding, a propriedade Nome -->
		<TextBox x:Name="textBoxNome"
				Margin="80,40,16,0"
				Height="25"
				VerticalAlignment="Top"
				Text="{Binding Nome,
					   Mode=TwoWay,
					   ValidatesOnDataErrors=True,
					   ValidatesOnExceptions=True}"
				d:LayoutOverrides="GridBox" />

		  <!-- Elemento TextBox, vinculado
		  por Binding, a propriedade Idade -->
		<TextBox x:Name="textBoxIdade"
				Margin="80,90,190,34"
				Height="25"
				Text="{Binding Idade,
					   Mode=TwoWay,
					   ValidatesOnDataErrors=True,
					   ValidatesOnExceptions=True}"
			   d:LayoutOverrides="GridBox" />

CÓDIGO C#

No código C# abaixo, vamos carregar o DataContext da nossa MainPage, através de alguns dados de exemplo, utilizando a classe “Cliente” implementada, para que os elementos TextBox possam ter suas propriedades “Text”, carregadas e possam utilizar os recursos de validação personalizada que implementamos.

	public partial class MainPage : UserControl
	{
		public MainPage()
		{

			InitializeComponent();
			//Adiciono objeto ao DataContext, para
			//carregar elementos que estão na View,
			//por Binding
            DataContext = new Cliente() {	Nome="Robson Fernandes",
				                            Idade = 21
				                        };
		}
	}

APLICAÇÃO – RUN

Abaixo temos a aplicação final executando.

DOWNLOAD

Fontes Silverlight Completo-> DataValidationApp

Abraços pessoal!

Robson Fernandes

Boa noite galera!
Hoje irei falar sobre a API de impressão, que foi adicionada ao Microsoft Silverlight 4, usarei um exemplo para demonstrar as funcionalidades da classe PrintDocument. Todos os fontes estarão disponíveis para download.

PREVIEW

Abaixo, temos uma imagem do projeto que será utilizado como exemplo, entretanto eu não irei me prender tanto ao aspecto visual neste post, mas sim, na API de impressão em si. Observe, que o projeto terá um botão com um título “Imprimir”, sendo que ao acionar o evento Click, será invocado o método Print(), da classe PrintDocument.

CÓDIGO C#

Abaixo, temos o código em C#, que irá acionar a impressão. Observe, que ele está contido no evento Click do botão do projeto, o código se inicia com a instância da classe PrintDocument, para que possamos fazer o uso da API, abaixo temos a ação quando a página for impressa, através do evento PrintPage, abaixo, passamos qual o conteúdo será impresso, para a propriedade PageVisual, sendo que o objeto “ContentPrint” é uma instância de um Grid, que agrupa o layout da aplicação, e por fim, temos o método “Print”, que recebe o nome do documento como parâmetro.

Obs: Nesta versão final do Silverlight 4, a classe PrintDocument não possui mais a propriedade “DocumentName”, que havia em versões Beta do mesmo, a propriedade foi substituída por um parâmetro que é passado ao método “Print”, como observamos abaixo.

private void buttonPrint_Click(object sender, System.Windows.RoutedEventArgs e)
{
      //Instância do PrintDocument
      PrintDocument document = new PrintDocument();

      //Adicione a região, no qual desejo realizar
      //a impressão
      document.PrintPage += (s, args) =>
      {
           args.PageVisual = ContentPrint;
      };

      //Invoco o método imprimir, passo como parâmetro
      //o nome do documento
      document.Print("PrintDocument - Silverligth 4");
}

APLICAÇÃO – RUN

Abaixo, temos a aplicação executando no Microsoft Silverlight 4, clique no botão “Imprimir”, e confira.

DOWNLOAD

Fontes Silverlight Completo-> PrintDocumentApp

Abraços pessoal!

Robson Fernandes

Boa noite a todos!

Mais uma vez volto a compartilhar minhas experiências, e momentos felizes que tenho passado nestes anos, principalmente com o Microsoft Silverlight!.

Estou escrevendo este post, para agradecer toda equipe do SilverlightShow, que é mediada pela CompletIT. Pois tive o prazer de receber deles, uma camisa muito demais, diretamente da Bulgária (ps: Tenho que admitir…eu fiquei sem palavras na hora.. rsrs..), essa gratificação foi devido a minha colaboração com dicas de melhorias para o portal, a respeito do Silverlight e outras informações de usabilidade do site.

Para aqueles que não conhecem, o SilverlightShow é um portal de referência do Microsoft Silverlight, com centenas de materiais, como: novidades, dicas, livros, publicação de vagas de trabalho, artigos, eventos, entre outros. O SilverlightShow é mediado pela CompletIT que se localiza na cidade de Sofia na Bulgária.

FOTOS

Abaixo, temos eu (rsrs), e fotos da camisa que recebi. Muito demais!

Obrigado a todos!

Robson Fernandes

Boa noite pessoal!
Novamente estou aqui, graças a deus, podendo compartilhar com vocês algumas experiências que tenho passado com o Microsoft Silverlight. Neste post, irei abordar o componente BusyIndicator.

O QUE É O BusyIndicator

O BusyIndicator é um controle que acompanha o SilverlightToolKit, e é utilizado como um meio de mostrar feedbacks ao usuário, sobre o tempo de aguardo de operações que são realizadas, e que exigem alto processamento.
Como por exemplo: Imagine que você queira efetuar uma pesquisa de um usuário em banco de dados com meio milhão de registros, é muito provável que isso demore um pouco, então, nós podemos utilizar o BusyIndicator, que poderá apresentar uma notificação ao usuário, indicando o tempo que faltará para realizar o processamento.

ONDE ENCONTRAR?

Você irá encontrá-lo no CodePlex, clique aqui

Exemplo do controle BusyIndicator, que será apresentado neste Post, e disponibilizado para download.

CÓDIGO XAML

Abaixo, temos o código XAML do BusyIndicator, sendo que a propriedade BusyContent, refere-se ao texto que será apresentado ao usuário, como neste exemplo, “Aguarde por favor…”; A propriedade IsBusy, que indica se o controle está em modo operante ou não, como neste caso, “False”, pois faremos com que ele entre em modo operante, somente quando o usuário efetuar uma ação, que envolva alto processamento.

<toolkit:BusyIndicator x:Name="busyIndicator"
                               BusyContent="Aguarde por favor..."
                               IsBusy="False"
/>

CÓDIGO C#

Abaixo, temos o código em C#, que foi implementado no evento Click do botão Entrar. Neste exemplo não houve nenhuma interação com o banco de dados, ele foi implementado para que vocês possam entender a lógica do controle BusyIndicator. Percebam que ao clicar no botão, ele ativa o modo isBusy do controle, e inicia uma Thread em paralelo, que aguarda um tempo de 3 segundos, e posteriormente inativa o modo isBusy, fazendo então, uma simulação de consulta do usuário ao banco de dados.

private void btnEntrar_Click(object sender, System.Windows.RoutedEventArgs e)
{
         //Inicia modo operante
         busyIndicator.IsBusy = true;

         //Inicia Thread
        ThreadPool.QueueUserWorkItem((state) =>
        {
              //Aguarda 3s
             Thread.Sleep(3 * 1000);
             //Altera BusyIndicator, para modo inoperante
             Dispatcher.BeginInvoke(() => busyIndicator.IsBusy = false);
        });

}

APLICAÇÃO – RUN

Abaixo, temos a aplicação executando em Microsoft Silverlight 4, clique no botão “Entrar”, para ativar o BusyIndicator

DOWNLOAD

Fontes Silverlight Completo-> BusyIndicatorApp

Abraços pessoal!

Robson Fernandes

Muito show mesmo! Eu sou fascinado por skins e temas no Silverlight, estava pesquisando na internet agora a pouco, e encontrei essa maravilha de skin.

Para aqueles que adoram aplicações com o lema “Dark” (como eu…rsrs), irão se apaixonar por essa skin. Segue abaixo, de uma imagem demonstrativo do BlackSpike Skin e seu respectivo link, para download. Bom proveito a todos!

Acessem BlackSpike

Abs.

Robson Fernandes

Segue alguns sites muito bons, para aqueles que tiverem interesse em compreender melhor, conceitos e práticas da UX(User eXperience).

Independente da tecnologia adotada, seja Microsoft Silverlight, Adobe Flex ou AJAX, é interessante que nós desenvolvedores e designers, tenhamos consciência destes padrões e arquiteturas, para que possamos construir o que há de melhor e mais interativo na nova Web. Abaixo, temos 10 Blogs de referência em UX(User eXperience):

1 – PatternTap
2 – MiniAjax
3 – UITrends
4 – UXBooth
5 – DesignForService
6 – EverydayUX
7 – UsabilityPost
8 – AdaptivePath
9 – InspireUX
10 – Cimex

Abs.

Robson Fernandes

Galera, vejam que massa! Eu estava a pesquisar na internet sobre UX (User eXperience), e me deparo com esta aplicação desenvolvida em Microsoft Silverlight, o Quince.

O Quince, é um diretório on-line de UX – design patterns, criado pela Infragistics. Nele você encontrará mais de 100 exemplos de padrões de UX, utilizados em aplicações Web, Desktop e outras. O mais interessante, até mesmo para fins didáticos, é que este aplicativo aborda cada padrão, informando ao desenvolvedor qual a melhor situação em usá-lo, narrando de forma a exemplificar um “Problema encontrado”, a “Solução, através do padrão”, “Contexto de aplicação.”

Fantástico!

Segue o link Quince : http://quince.infragistics.com

Boa noite Galera!

Muito show! Para aqueles que não tiveram a oportunidade de baixar a nova versão do Expression Studio, não perca tempo, pois está muito demais.
Há varias melhorias nos aplicativos, que incluem o:

- Microsoft Expression Blend 4
- Microsoft Expression Design 4
- Microsoft Expression Web 4
- Microsoft Expression Encoder 4

Acesse aqui, e baixe agora mesmo Microsoft Expression Studio 4

Abs.

Robson Fernandes