Silverlight Experience

Mudança de blog

2011-02-04T22:37:00.001-02:00

Novo domínio e novo blog!

Por favor, atualizem o RSS. O novo endereço é: http://alexandretadashi.net/ .

O primeiro post já está publicado e é uma introdução ao desenvolvimento para o Windows Phone 7, passando pela configuração do ambiente, deploy e registro de conta no Windows Phone Marketplace. Confira!

Obrigado a todos que acompanham o Silverlight Experience, vou continuar escrevendo sobre Silverlight, WPF, Windows Phone 7 e outras tecnologias no novo blog.

Abraços!

Animações no WP7 - Artigo WebMobile Magazine 33

2010-12-23T10:05:00.000-02:00

É com grande prazer que recebo a notícia que o meu primeiro artigo para a revista Web Mobile Magazine saiu na edição 33, o assunto é a criação de aplicativos móveis para o Windows Phone 7. O Silverlight junto com o Windows Phone 7 possibilita a criação de aplicativos com um visual rico, mais atraente e interativo. É possível criar animações para os elementos visuais, seja uma animação simples, com por exemplo, a troca suave da cor de fundo de um botão ao ser clicado, ou até mesmo uma animação visual complexa, como um desenho animado, neste artigo será explorado a classe Storyboard do Silverlight, que é um dos meios de desenvolvimento para o Windows Phone 7.

Saiba mais sobre está edição.

Deep Zoom - Artigo easy .net Magazine 7

2010-12-23T08:51:00.001-02:00

Realizar um zoom em imagens com qualidade e interatividade é um dos recursos que o Silverlight Deep Zoom permite executar com facilidade. Através da ferramenta Deep Zoom Composer vamos conhecer como criar aplicativos que utilizem esse recurso.

Link para o artigo: Deep Zoom

Silverlight 5

2010-12-15T21:43:00.003-02:00

Durante o evento Silverlight Firestarter que ocorreu no dia 02 de Dezembro, foram apresentados novos recursos referente a próxima versão do Silverlight. A versão 5 da tecnologia ainda está em desenvolvimento, mas assim como aconteceu com as versões anteriores, ela promete chegar com uma série de melhorias e novos recursos, buscando sempre atender os pedidos da comunidade.

Assim como foi na versão atual do Silverlight, as evoluções nos recursos relacionados a áudio e vídeos são um destaque a parte, como por exemplo, o controle na velocidade dos vídeos e melhorias para a preservação do tom de áudio. No desenvolvimento de aplicações houve melhorias no Databinding, tornando a aplicação mais fácil de ser codificada via XAML, outra novidade interessante é que a nova versão traz uma nova classe de segurança que permite as aplicações executarem tarefas complexas sem sair do Browser, como por exemplo, acessar o Microsoft Office ou outros aplicativos desktop.

O fantástico recurso Pivot Viewer também está previsto para a nova versão do SKD do Silverlight, o Pivot Viewer é uma das grandes novidades do momento, ele permite criar coleções de dados que podem ser manipuladas visualmente.

No site do Tim Heuer você encontra uma lista com mais detalhes técnicos sobre os novos recursos previstos no Silverlight 5, a nova versão do Silverlight está previsto para 2011, enquanto não sai uma versão para download você poderá votar nas solicitações da comunidade ou sugerir novas funcionalidades no site http://silverlight.mswish.net/ .

Mais informações em The Future of Microsoft Silverlight

.net Magazine 80 - WebMatrix e Razor

2010-12-15T18:57:00.000-02:00

O WebMatrix é uma ferramenta que contém tudo que você precisa para desenvolver Web Sites em ambiente Windows. Este artigo mostra uma introdução ao WebMatrix e alguns exemplos práticos. Também aborda uma introdução ao Razor, uma nova view engine para o ASP.NET. WebMatrix é muito mais que uma simples ferramenta, trata-se do resultado de uma nova estratégia de soluções na plataforma Windows, incluindo dentro de seu ambiente de desenvolvimento aplicações que interoperam com tecnologias também open source como PHP ou MySQL.

Link do artigo: http://www.devmedia.com.br/post-18768-WebMatrix-e-Razor.html

BPOS

2010-11-06T15:31:00.001-02:00

Conheça o BPOS (Business Productivity Online Suite), um conjunto de produtos corporativos, fornecidos como serviços por assinatura, com baixo custo, hospedados pela Microsoft e vendidos por parceiros.

O BPOS disponibiliza ferramentas de colaboração e comunicação hospedadas que apresentam os seguintes benefícios:

* Alta disponibilidade
* Segurança abrangente
* Gerenciamento simplificado de TI

O BPOS é composto dos seguintes serviços online:

Implemente rapidamente mensagens de email que fornecem aos seus funcionários acesso online a calendários e contatos compartilhados, com modernas proteções de segurança, como filtragem de spam e antivírus através do Exchange Hosted Filtering, tem suporte ao Microsoft Office Outlook®, Outlook Anywhere e Outlook Web Access, permitindo que você tenha o melhor dos dois mundos, você tem o controle total da caixa dos emails de cada funcionário, podendo ter caixas de entrada de até 25 GB por usuário, o serviço tem suporte a dispositivos Windows Mobile® 6.0 e outros dispositivos Exchange ActiveSync® 12 , você terá flexibilidade para acessar de onde e como quiser os seus e-mails.

Compartilhe documentos, contatos, calendários e tarefas em um único local. Baseado no Microsoft Office SharePoint® Server 2007, o SharePoint Online fornece uma grande capacidade de colaboração possibilitando aos membros da equipe o trabalho eficiente em conjunto, encontrar recursos organizacionais, fazer buscas no site da Intranet e gerenciar conteúdo e fluxos de trabalho, com o SharePoint Online é possível criar portais de equipe de trabalho, gerenciar e personalizar formulários, administrar conteúdos, compartilhar documentos em um único local, assim como contatos, calendários e tarefas, ter acesso offline dos documentos através do Outlook, criar sites baseado em modelos , como um blog ou site wiki, entre outros recursos que possibilitam realizar de forma eficiente qualquer tarefa em equipe, gerenciar fluxo de documentos com segurança e melhorar de forma significativa a comunicação na empresa.

Permite aos usuários encontrar e se conectar rapidamente com a pessoa certa nos aplicativos que eles mais usam. O Office Communications Online proporciona acesso eficiente a programas de mensagem instantânea e presença que são gerenciados de maneira centralizada pelo departamento de TI e trabalham de forma transparente com um grande número de programas do Microsoft Office, possue mensagens instantâneas com chat baseado em texto usando Microsoft Office Communicator 2007, tem reconhecimento de presença contínua permitindo que usuários chequem a disponibilidade de outros usuários na rede, contém sensor de presença quando o usuário está utilizando aplicativos como Microsoft Office, com Outlook e sites do SharePoint, toda segurança corporativa com conexão diretamente ao serviço pela Internet sem conexões RAS ou VPN.

Conecta você com funcionários, clientes e convidados através de reuniões em tempo real, sessões de treinamento e eventos usando apenas um computador conectado à Internet. Os serviços de conferência hospedados na rede do Microsoft Office Live Meeting fornecem aos seus funcionários o poder de trabalhar juntos onde estiverem, agendar reuniões de projetos, trocar ideias e colaborar em quadros de comunicação sem os custos de viagem.

O Microsoft Office Live Meeting tem suporte ao cliente via Web para flexibilidade de atendimento remoto, você poderá compartilhar sua área de trabalho e ferramentas de quadro de comunicação, tem recursos que possibilitam criar apresentações em mídia avançada, vídeo conferência, permite gravar a reunião com alta fidelidade e possibilidade de uso de Web cam, sendo uma ferramenta completa e ideal para realizar qualquer atividade em grupo onde os usuários não estão no mesmo local.

Se você deseja implantar o BPOS em sua empresa e precisa de serviços de configuração, migração, treinamento e suporte ao BPOS, entre em contato comigo.

Expression Studio 4 - Artigo .Net Magazine 79

2010-11-06T14:08:00.000-02:00

Este artigo trata de um overview da mais nova versão das ferramentas contidas no pacote Microsoft Expression. Lançado recentemente, o Expression 4 possui importantes ferramentas para o dia-a-dia do desenvolvedor, designer e híbridos (profissionais que atuam tanto na criação e concepção de conceitos e design, até navegação, experiência do usuário e desenvolvimento da aplicação e/ou websites).

Escrevi o artigo junto com o Fernando Martin (Caverna), evangelista de desenvolvimento web com foco em ferramentas e prototipagem, integrante de time de de especialistas e comunidades da Microsoft Brasil.

Saiba mais: http://www.devmedia.com.br/post-18487-Revista--net-Magazine-Edicao-79.html

Silverlight - Crie suas primeiras animações

2010-11-06T13:46:00.000-02:00

Está disponível a nova edição da easy .net Magazine, a edição 6 contém cinco artigos:
• AJAX, CSS e JavaScript
• Silverlight
• Introdução ao GridView - Parte 1
• Delegates
• Introdução ao desenvolvimento em .NET

Nesta edição colaborei com o artigo sobre silverlight, será apresentado um poderoso recurso do silverlight que é chamado de Storyboard, que possibilita criar animações em Silverlight. Durante o artigo vamos conhecer os tipos de animações disponíveis. O artigo irá também fazer uma breve introdução a ferramenta Expression Blend 4.

link: http://www.devmedia.com.br/post-18470-Silverlight.html

ADO.NET - Introdução ao acesso a dados.

2010-11-06T13:25:00.000-02:00

Na edição 5 da revista easy .net Magazine eu contribui com o artigo "ADO.NET - Introdução ao acesso a dados no .NET Framework". Neste artigo será apresentada uma introdução ao ADO.NET e sobre persistência em banco de dados de forma geral, desde conceitos relacionados à tecnologia até exemplos de conexão com base de dados e manipulação dessas informações.

saiba mais em:

http://guintherpauli.blogspot.com/2010/10/revista-easy-net-magazine-5.html

.net Magazine 77 - Windows Phone 7 e Silverlight 4

2010-09-15T15:17:00.000-03:00

Windows Phone 7 e Silverlight 4

A Revista .net Magazine de número 77 já está disponível, colaborei com o artigo Windows Phone 7 e Silverlight 4, que escrevi com o Robson Fernandes, neste artigo você conhecerá os principais fundamentos do Windows Phone 7, seus recursos e arquitetura.

Link para o artigo: Windows Phone 7 e Silverlight 4

Link para a revista: .net Magazine Edição 77

Easy .net Magazine - Crie sua primeira aplicação com WPF

2010-09-13T18:56:00.000-03:00

O destaque da quarta edição da revista Easy .net Magazine é o Windows Presentation Foundation, a tecnologia Microsoft para a criação de aplicativos para o Windows.

Link para a revista: clique aqui.

WPF
A tecnologia WPF (Windows Presentation Foundation) apesar de não ser muito nova começa a ganhar espaço entre os desenvolvedores .net para a criação de aplicações para a plataforma Windows, substituindo o desenvolvimento em Windows Forms.
por: Alexandre Tadashi Sato

Introdução ao T-SQL
Essa série de artigos apresentará uma introdução ao T-SQL, a linguagem para desenvolvimento em banco de dados criados no Microsoft SQL Server. Através de exemplos práticos veremos como podemos utilizar o SQL Server Management Studio para aprender os fundamentos e conceitos de desenvolvimento em banco de dados.
por: Leandro Daniel

C# Primeiros passos com a linguagem
Neste artigo serão tratados os principais elementos para que se use herança com a linguagem C#.
por: Vladimir Rech

Tipos de projetos disponíveis no .NET
Neste artigo serão abordadas as principais áreas de desenvolvimento presentes na plataforma .NET 4.0, que em conjunto com o Visual Studio 2010, solucionam grande parte das necessidades existentes em aplicações do mundo real, e trazem grande flexibilidade para o desenvolvedor.
por : Everton Coimbra de Araujo e Fábio Augusto Pandolfo

Criando uma aplicação WPF - Parte Final

2010-09-08T20:49:00.000-03:00

Nesta última parte da série "Criando uma aplicação WPF", vamos inserir as funcionalidades de cada botão, ou seja, a execução dos processos de inclusão, alteração e exclusão de registros, no inicio da classe ContatoViewModel, adicione as variaveis do tipo RelayCommand , conforme abaixo:

        
        //Suporte ao ICommand
        private RelayCommand _updateCommand;
        private RelayCommand _deleteCommand;
        private RelayCommand _insertCommand;
        private RelayCommand _saveCommand;

A classe RelayCommand é uma das classes de apoio escritas por Josh Smith, em seguida vamos implementar o suporte a ICommand e criar os métodos que executarão as chamadas de cada processo.


        #region Comandos

        public ICommand UpdateCommand
        {
            get
            {
                if (_updateCommand == null)
                {
                    _updateCommand = new RelayCommand(param => Update());
                }

                return _updateCommand;
            }
        }

        public ICommand DeleteCommand
        {
            get
            {
                if (_deleteCommand == null)
                {
                    _updateCommand = new RelayCommand(param => Delete());
                }

                return _updateCommand;
            }
        }

        public ICommand InsertCommand
        {
            get
            {
                if (_insertCommand == null)
                {
                    _insertCommand = new RelayCommand(param => Insert());
                }

                return _insertCommand;
            }
        }

        public ICommand SaveCommand
        {
            get
            {
                if (_saveCommand == null)
                {
                    _saveCommand = new RelayCommand(param => Save());
                }

                return _saveCommand;
            }
        }
        #endregion

        #region Métodos

        public void Update()
        {
            
            _base.Update(contatoSelecionado);

            _base.Save(contatoSelecionado);

        }

        public void Delete()
        {
            _base.Delete(contatoSelecionado);

            _base.Save(contatoSelecionado);

            listaContatos.Remove(contatoSelecionado);


        }

        public void Insert()
        {

            contatoSelecionado = new Contato();
            contatoSelecionado.Id = 0;
            
            _base.Add(contatoSelecionado);

            OnPropertyChanged("ContatoSelecionado");
            
        }

        
        public void Save()
        {

            listaContatos.Add(_base.Save(contatoSelecionado));
            
            OnPropertyChanged("ContatoSelecionado");

        }

        #endregion

E para finalizar vamos inserir o código XAML que liga os botões ao comando através de Binding:

O Botão insert cria uma nova instância da entidade Contato, limpando a tela, após digitar as informações na tela e clicar no botão Commit, as informações são registradas na base de dados, os botões Delete e Update apagam e atualizam o registro,com isso finalizamos esta pequena série, existe muita coisa ainda para aperfeiçoar no projeto, o controle de acesso aos botões, a validação dos dados, etc... mas o objetivo foi apresentar uma introdução ao desenvolvimento de aplicações com WPF + EF4 com o padrão MVVM, esse padrão pode parecer um pouco complexo e trabalhoso, cada projeto deve ser analisado quanto os beneficios que ele ganhará adotando o padrão, espero ter introduzido o leitor do blog no mundo do WPF.

As outras partes do tutorial podem ser acessadas nos links:
Criando uma aplicacao WPF >> Parte 1
Criando uma aplicacao WPF >> Parte 2
Criando uma aplicacao WPF >> Parte 3
Criando uma aplicacao WPF >> Parte 4
Criando uma aplicacao WPF >> Parte 5

O meu muito obrigado à todos que postaram cometários no blog ou enviaram mensagens por e-mail sobre este tutorial, são esses comentários que motivam um profissional a continuar a escrever.

Thanks

Criando uma aplicação WPF - Parte 5

2010-09-08T19:32:00.000-03:00

A camada View da aplicação é onde vamos aplicar o padrão MVVM (Model-View-ViewModel) , adicione um projeto do tipo WPF Application em sua Solution, coloque o nome de Contatos.View.

Crie duas pastas neste projeto, uma com o nome de Apoio, onde vamos inserir duas classes de apoio ao projeto, a outra pasta coloque o nome de ViewModel, onde vamos criar a classe que servirá de ponte entre a View e o Modelo.

Adicione uma classe ao projeto com o nome de ContatoViewModel:

No arquivo MainWindow.xaml vamos criar o layout da aplicação, não vou me preocupar com o designer pois não é o foco deste tutorial, adicione quatro objetos do tipo Button, três TextBlock, três TextBox e uma ListBox, deixe conforme a Figura abaixo:

Na pasta Apoio vamos adicionar duas classes escritas por Josh Smith, um dos gurus do WPF, seu blog é http://joshsmithonwpf.wordpress.com/ , como o foco do tutorial e apresentar uma introdução ao conceito, não vou utilizar de frameworks, o que pode ser interessante em um projeto real, mas para este tutorial, quanto mais simples, melhor para entender, essas duas classes são simples, a primeira servirá de base para a classe ContatoViewModel e a segunda de apoio ao suporte de ICommand.

Faça o download das classes aqui.

Na pasta ViewModel crie um arquivo do tipo Class com o nome de ContatoViewModel e adicione as duas referências aos dois projetos que criamos anterioramente:

Agora vamos herdar algumas funcionalidades da classe de apoio chamada BaseViewModel que implementa a interface INotifyPropertyChanged, que permite monitorar as mudanças que ocorrem em algumas propriedades na classe ContatoViewModel.

public class ContatoViewModel : BaseViewModel

Crie uma instância do acesso ao modelo a dados no inicio da classe ContatoViewModel, uma ObservableCollection chamada listaContatos, que auxiliará na ligação através de databinding com o ListBox e uma entidade Contato chamada contatoSelecionado, que também estará auxiliando na ligação através de databinding ao ListBox e ao DataContext de um Stackpanel, este Stackpanel é o layout control que contém os TextBox com o databinding das propriedades.

        ContatoDAO _base = new ContatoDAO();

        //Lista de Contatos
        ObservableCollection listaContatos;

        //Contato Selecionado
        public Contato contatoSelecionado = null;

No construtor da classe ContatoViewModel vamos carregar os dados do modelo para uma ObservableColletion alimentando a variável listaContatos.

            # region Dados

            //Carrega todos os contatos cadastrados
            ObservableCollection lista =
            new ObservableCollection();

            IQueryable rev = _base.GetAll();

            foreach (var item in rev.ToList())
            {
                lista.Add(item);
            }
            
            listaContatos = lista;

            # endregion

Agora chegou o momento de criar os métodos que serão utilizados como databinding na View :

        # region Propriedades

        //Método que retorna uma lista de contatos
        //que será utilizado
        //na View via databinding        
        public ObservableCollection ListaContatos
        {
            get
            {
                return listaContatos;
            }
        }




        //Método que retorna um contato
        //Selecionado que será utilizado
        //na View via databinding
        public Contato ContatoSelecionado
        {
            get { return contatoSelecionado; }
            set
            {
                //seta o contato selecionado
                contatoSelecionado = value;

                //Avisa a View que a 
                //propriedade foi alterada
                OnPropertyChanged("ContatoSelecionado");

            }

        }

        # endregion

No code-behind do arquivo MainPage.xaml, dentro do método MainWindow(), crie uma instância do ContatoViewModel e ligue ao DataContext do Layout Control Grid.

        public MainWindow()
        {
           
            InitializeComponent();

            ContatoViewModel vm = new ContatoViewModel();

            LayoutRoot.DataContext = vm;

         }

No código XAML que cria a ListBox vamos ligar duas propriedades através de databinding , a primeira é a propriedade ItemsSource, criando um Binding com ListaContatos, a segunda propriedade é o SelectedItem, criando um Binding com ContatoSelecionado.

Os TextBox estão posicionados dentro de um Layout StackPanel, a proprieadade DataContext está ligada através de Binding com o ContatoSelecionado, cada TextBox tem sua propriedade Text ligado com as propriedades da entidade Contato.

Copie o App.config do projeto Contatos.Data para a projeto Contatos.View, marque a camada View como Set as StartUp Project, adicione algumas informações na base de dados e em seguida execute a aplicação, o ListBox será carregado e ao clicar em um item, os TextBox serão alimentados com as informações do item selecionado.

Na próxima parte do tutorial estaremos finalizando a série, inserindo as funcionalidades dos botões.

Criando uma aplicação WPF - Parte 4

2010-08-22T22:59:00.002-03:00

Nesta etapa do tutorial podemos separar as entidades geradas pelo T4 em um projeto separado, que posteriormente vamos utilizar na camada visual da aplicação, para realizar essa tarefa, adicione um novo projeto do tipo Class Library em sua Solution, com o nome de Contatos.Entities, em seguida delete o arquivo Class1.cs, pois não vamos utilizá-lo.

Na camada Contatos.Data, localize o arquivo ModeloContato.tt, que contém a classe Contato.cs, e mova o arquivo para a camada Contatos.Entities, para mover, arraste o arquivo com a tecla Shift pressionada e solte na camada Contatos.Entities.

O Resultado será :

Modifique os namespaces da nova camada, de Contatos.Data para Contato.Entities, e em seguida, na camada Contato.Entities adicione uma referencia a System.Runtime.Serialization.

Na camada Contatos.Data adicione uma referência ao projeto Contatos.Entities.

Se tiver dificuldades em separar as camadas, dê uma olhada neste tutorial:

http://blogs.msdn.com/b/adonet/archive/2010/01/25/walkthrough-poco-template-for-the-entity-framework.aspx

View e MVVM

O padrão de design MVVM (Model-View-ViewModel) é muito utilizado em aplicações Silverlight e WPF, principalmente em aplicações LOB, apesar de ser um padrão avançado, ele não resolve todos os problemas do desenvolvimento de um projeto, porém proporciona uma forma interessante de separar a camada View da camada Model de sua aplicação.

Resumidamente este padrão proporciona separar o modelo (Model) da interface visual do projeto (View), tanto o WPF como o Silverlight, tem um forte suporte a databinding, com esse modelo o desenvolver poderá trabalhar separado do designer na aplicação, ou seja, o designer terá uma maior flexibilidade, podendo utilizar por exemplo o Expression Blend e se concentrar no layout.

Existem diversas ferramentas disponíveis para você aplicar o padrão MVVM com as melhores práticas para uma aplicação em produção, como por exemplo, o framework MVVM Light Toolkit e o Prism, este último tem uma documentação interessante no link http://compositewpf.codeplex.com/, porém neste tutorial não vou utilizar nenhum framework, para simplificar, vou criar um exemplo básico, com o objetivo de explicar o conceito do padrão.

Para separar a View do Model, uma terceira classe será criada, essa classe será a ViewModel, ou seja, será a ponte entre essas duas camadas, o ViewModel pode implementar a interface INotifyPropertyChanged, ICommand, fazer validações, escutar eventos, possibilitar testes direto no ViewModel e fazer a adaptação entre a View e o Model.

Dessa forma a View, mais precisamente o arquivo XAML, fica com o mínimo de code-behind em C#, através de binding, ligamos a View com o ViewModel, dessa forma, por exemplo, o código que estaria dentro do evento click de um botão no code-behind do XAML, estará no ViewModel, sendo ligado através de ICommand, na teoria, ao abrir o code-behind de um arquivo XAML não teríamos códigos em C# para a manipulação dos dados e eventos, dessa forma o layout da aplicação fica mais flexível para sofrer mudanças.

O Padrão tem a seguinte arquitetura:

Dica Silverlight #1: Abrindo arquivos no Microsoft Word

2010-08-22T01:56:00.003-03:00

O Silverlight 4 permite acessar objetos COM (Component Object Model), com esse recurso se tornou possível interagir com o Microsoft Office, nesta dica, vou mostrar como abrir um arquivo com extensão rtf no Microsoft Word.

Abra o Visual Studio 2010, crie um projeto Silverlight e arraste um botão, no evento Click do botão vamos codificar para abrir o documento no Word.

Para conseguir acessar o Microsoft Word, a aplicação deverá rodar fora do Browser (OOB), clique com o botão direito do mouse em seu projeto, e em seguida clique nas propriedades (Properties).

Na aba Silverlight, marque o checkbox “Enable running application out of the browser” e em seguida clique no botão “Out-of-Browser Setting…”.

Marque a opção “Require elevated trust when running outside the browser”, assim sua aplicação poderá acessar o Microsoft Word através de COM Interop.

Adicione o código abaixo no evento Click do botão, o código está comentado para melhor entendimento da rotina :

            //Verifica se o objeto COM está disponível, é confiável
            //e se executando em modo OOB(Out-Of-Browser)
            if (AutomationFactory.IsAvailable &&
                Application.Current.HasElevatedPermissions &&
                Application.Current.IsRunningOutOfBrowser)
            {   
                
                 //Criando um objeto COM com acesso ao Word
                 dynamic word = 
                 AutomationFactory.CreateObject("Word.Application");

                 //Caminho do arquivo rtf
                 object fileName;
                 fileName = "c:\\alexandre\\artigoX.rtf";

                 object missing = System.Reflection.Missing.Value;
                 object readOnly = true;
                 object isVisible = true;

                 //Abre o Documento
                 word.Documents.Open(ref fileName,
                                     ref missing,
                                     ref readOnly,
                                     ref missing,
                                     ref missing,
                                     ref missing,
                                     ref missing,
                                     ref missing,
                                     ref missing,
                                     ref missing,
                                     ref missing,
                                     ref isVisible);


                  //Mostra no Word
                  word.Visible = true;


            }

Gráficos 3D - Silverlight, WPF e WP7

2010-08-16T18:33:00.002-03:00

Existem diversas ferramentas que facilitam a vida do desenvolvedor quando a tarefa é a criação de gráficos para apresentação de dados, essas ferramentas são bem completas e visualmente ricas, geralmente possibilitam criar gráficos de diversos formatos, por exemplo, gráficos de pizza, linhas e colunas, que são os mais comuns e até gráficos combinados na mesma visualização.

Uma das ferramentas mais conhecidas é o Silverlight Toolkit , que além de criar gráficos, tem uma série de outros componentes interessantes, sua licença é a Microsoft Public License (Ms-PL).

O amCharts também é um excelente projeto, tem uma licença comercial e outra free, contém belos gráficos com animações e interações com o usuário, vale a pena dar uma conferida.

Neste artigo vou mostrar como criar um gráfico simples usando a ferramenta Visifire, essa ferramenta tem uma licença comercial e outra GPL, os gráficos são visualmente ricos, animados e interativos, permite de forma simples a criação de gráficos de atualização online, no site do fabricante tem uma página onde você poderá testar como o gráfico vai ficar.
Faça o download do visifire no site do fabricante, não é necessário instalar nada, o download contém os binários para o WPF, Silverlight e Windows Phone 7.

Crie uma aplicação Silverlight 4 no Visual Studio 2010, adicione uma referência ao binários do visifire para o Silverlight (SL.Visifire.Charts ), no código XAML, dentro do Layout Grid, adicione um elemento do tipo gráfico com o nome de Pizza:

Agora na sua MainPage_Loaded, adicione o código abaixo:

Title titulo = new Title();
titulo.Text = "Gráfico de Pizza";
titulo.FontSize = 40;

Pizza.Titles.Add(titulo);

DataSeries dataSeries = new DataSeries();
dataSeries.RenderAs = RenderAs.Pie;
DataPoint dataPoint;

for (int i = 0; i < 5; i++)
{
        dataPoint = new DataPoint();
        dataPoint.YValue = 1000 + i;
        dataPoint.LabelText = "Item:" + i;
        dataSeries.DataPoints.Add(dataPoint);
}

Pizza.Series.Add(dataSeries);

Pizza.View3D = true;

O Código acima adiciona o título “Gráfico de Pizza” ao gráfico, depois acrescenta 5 itens que vão compor o gráfico de Pizza, em RenderAs definimos o tipo do gráfico como Pie e por fim habilitamos a visualização em 3D do gráfico.

Sem modificar nada no código fonte em C#, você também poderá criar o mesmo gráfico para WPF e Windows Phone 7, para Windows Phone por exemplo, basta você criar um projeto do tipo Windows Phone Application, se esse tipo de projeto não estiver disponível no seu Visual Studio 2010, instale o seguinte pacote, depois é só fazer uma referência aos binários do visifire para Windows Phone, e adicionar o gráfico da mesma forma que fizemos para o Silverlight.

Silverlight Toolkit .net Magazine 76

2010-08-08T23:16:00.001-03:00

Acaba de ser lançada a nova edição da revista .net Magazine, a edição de número 76, o destaque é a programação com Design Patterns.

Segue a lista de artigos:

• 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)

O Robson Fernandes (RIA Software) escreveu junto comigo um artigo sobre o Silverlight Toolkit que está nesta edição da .net Magazine, o Silverlight Toolkit é um conjunto de componentes que enriquece os aplicativos desenvolvidos com a tecnologia Silverlight. Além de conhecer a ferramenta, durante o artigo criamos exemplos práticos de alguns dos principais componentes.

Revista Easy .net Magazine Edição 3

2010-08-08T02:32:00.001-03:00

Confira nessa edição da Easy .net Magazine:

• Web Services
• Introdução à T-SQL
• C#
• .NET Framework

Nesta edição colaborei com o artigo que apresenta o tema Web Services, que são serviços que podem ser disponibilizados para serem acessados através da Web a partir de outras aplicações. Veremos como criar Web Services (a parte servidora) e também como consumir serviços (a parte cliente), usando tecnologias .NET e o Visual Studio.

Link para o artigo: Web Services
Link para a revista: Easy .net Magazine Edição 3

Criando uma aplicação WPF - Parte 3

2010-08-02T21:12:00.005-03:00

Nesta terceira parte do tutorial vou criar uma Interface e uma classe que servirão de apoio para a manipulação dos dados com o Entity Framework 4, a Interface eu vou chamar de IDAO.cs , e ela será implementada pela classe ContatoDAO.cs, que vai conter os métodos CRUD da aplicação.
O objetivo dessa série de tutoriais é apresentar uma forma simples de trabalhar com o Entity Framework 4 em um projeto em camadas com WPF, utilizando o padrão MVVM, existem diversas maneiras de criar uma aplicação WPF, neste tutorial simplifiquei alguns passos para que fique mais fácil para quem está começando com a tecnologia.

Na camada de dados da aplicação, adicione uma interface chamada IDAO, para isso, clique com o botão direito do mouse no projeto Contatos.Data e em Add – New Item, em Installed Templates, selecione Visual C# Items, clique em Interface, dê o nome de IDAO.cs e adicione ao projeto.

clique na foto para ampliar

Esta interface servirá de contrato para que a classe ContatoDAO.cs implemente todos os métodos CRUD .

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace Contatos.Data
{
    public interface IDAO< T >
    {
        void Add(T pEntity);
        T Save(T pEntity);
        void Delete(T pEntity);
        void Update(T pEntity);
        IQueryable < T > GetAll();

    }
}

Neste exemplo o método Add será responsável pela inclusão de um registro na base de dados, o método retornará a entidade adicionada na base, já setado com o Id do registro, os métodos Update e Delete, recebem o objeto, com o objetivo de atualizar e deletar respectivamente e o método GetAll retornará todos os registros na tabela Contato.

Vou adicionar agora a classe ContatoDAO.cs, para isso, clique com o botão direito do mouse no projeto Contatos.Data e em Add – New Item, em Installed Templates, selecione Visual C# Items, clique em Class, dê o nome de ContatoDAO.cs e adicione ao projeto.

A Primeira modificação que vou fazer no projeto é implementar a interface IDAO e passar a entidade Contato como T:

Em seguida vou criar uma instância do modelo do EntityFramework, o arquivo ModelContato.Context.cs contém o nome na string ContainerName, neste exemplo o nome da classe é ModelContatoContainer:

ModelContatoContainer model = new ModelContatoContainer();

Agora basta implementar as quatro operações CRUD conforme abaixo:

# region CRUD

        public void Add(T pEntity)
        {
            model.ContatoSet.AddObject(pEntity);
        }

        public T Save(T pEntity) 
        {            
            model.SaveChanges();
            return pEntity;
        }
        
        
        public void Delete(T pEntity)
        {
            model.ContatoSet.Attach(pEntity);
            model.DeleteObject(pEntity);
            
        }


        public void Update(T pEntity)
        {
            model.ContatoSet.Attach(pEntity);
            model.ObjectStateManager.ChangeObjectState(pEntity,
                             System.Data.EntityState.Modified);

        }

        public IQueryable < T > GetAll()
        {
            return model.CreateObjectSet();
        }

# endregion

Uma visão geral da classe pode ser vista na figura abaixo:

Neste momento nosso projeto está com a seguinte estrutura:

continua...

Criando uma aplicação WPF - Parte 2

2010-07-18T02:19:00.004-03:00

Nesta segunda parte do tutorial vou continuar a trabalhar na camada de dados da aplicação, o Entity Framework já disponibiliza um meio padrão para o acesso a dados, que funciona perfeitamente com aplicações WPF, porém neste artigo quero ter uma maior flexibilidade na aplicação e por isso vou comentar duas outras formas de acessar os dados com Entity Framework:

ADO.NET POCO Entity Generator
ADO.NET Self-Tracking Entity Generator

A Primeira forma permite a possibilidade de trabalhar com POCO (Plain Old CLR Object) , esse padrão pode ser implementado através de uma extensão do Visual Studio 2010, para instalar basta ir no menu Tools - Extension Manager , clique em Online Gallery e digite no campo de busca a palavra T4, T4 (Text Template Transformation Toolkit) é um editor que possui um template POCO para o ADO.NET Entity Framework 4.

Instale as seguintes opções:

• tangible T4 Editor
• ADO.NET C# POCO Entity Generator
• ADO.NET C# Web Site POCO Entity Generator

Agora clique no seu ModelContato.edmx e com o botão direito do mouse, seleciona Add Code Generation Item, conforme a Figura Abaixo:

Selecione o opção ADO.NET POCO Entity Generator e dê o nome de ModeloPOCO.tt e clique em Add.

Note que em seu projeto foram adicionados dois arquivos com extensão tt, são eles ModelPOCO.Context.tt e ModelPOCO.tt, dentro de ModelPOCO.tt temos os arquivos ModelPOCO.cs e Contato.cs . Esse último é a classe entidade que você poderá utilizar em outras camadas do seu projeto.

Em nosso projeto vamos implementar o padrão MVVM, que veremos mais detalhes nos próximos tutoriais, esse padrão permite separar de uma forma mais elegante o designer da aplicação do acesso aos objetos que manipulam os dados, para auxiliar nesse processo nossas entidades podem implementar a interface INotifyPropertyChanged , essa interface auxilia a informar qualquer mudança nas propriedades de nossas entidades, assim uma mudança via código refletirá na tela sem que o programador precise informar ao elemento que o apresenta, por exemplo, vamos supor que um ListBox tenha uma listagem de e-mails, e um dos itens é o email alexandre.ts@gmail.com e dentro de um botão você modifica via código a propriedade email do seu objeto para alexandre@silverlight.net.br, através de binding essa mudança via código refletirá no ListBox sem que precise criar algum código C# para essa finalidade, para que isso ocorra, nossas entidades podem implementar a interface INotifyPropertyChanged.

Para implementar a interface INotifyPropertyChanged em nossas entidades de forma automática vamos utilizar o ADO.NET Self-Tracking Entity Generator, para isso remova os dois arquivos gerados pelo template anterior, que são ModelPOCO.Context.tt e ModelPOCO.tt, e clique novamente em Add Code Generation Item e selecione a opção ADO.NET Self-Tracking Entity Generator e dê o nome de ModelContato e clique em Add, os arquivos ModelContato.Context.tt e ModelContato.tt foram adicionados ao projeto e dentro de ModelContato.tt temos a entidade Contato.cs que implementa as interfaces IObjectWithChangeTracker e INotifyPropertyChanged.

No próximo tutorial veremos como utilizar essas novas classes que foram geradas pelo ADO.NET Self-Tracking Entity Generator, neste momento nosso projeto possui a seguinte estrutura:

Revista .net Magazine Edição 75

2010-07-13T21:38:00.000-03:00

A edição da revista .net Magazine número 75 já está disponível no portal DevMedia. O destaque da capa é o artigo SQL Azure com NHibernate e Entity Framework.

Artigos desta edição:

* Quick Update
Rodrigo Sendin

* WPF e Expression Blend 4
Alexandre Tadashi Sato e Robson Fernandes

* WPF para aplicações comerciais - Parte 2
Paulo Quicole

* SQL Azure com NHibernate e Entity Framework
Rodrigo Sendin

* Processo Unificado Aberto
Fábio Lúcio Meira

* Windows Phone 7
Vinicius Quaiato

* Pirataria: as leis nacionais protegem o seu trabalho
Celso Jefferson Messias Paganelli

Link para a versão digital:
http://www.devmedia.com.br/post-17465-Revista--net-Magazine-Edicao-75.html

Criando uma aplicação WPF - Parte 1

2010-07-12T00:46:00.008-03:00

Vou iniciar neste artigo o desenvolvimento de uma aplicação bem simples com WPF 4, o projeto consiste em um cadastro de contatos, onde o usuário poderá incluir, alterar ou deletar um contato, por questões didáticas, o exemplo terá somente 3 campos e 1 tabela, apesar de simples, estarei trabalhando em um sistema organizado em camadas, o projeto utilizará o Entity Framework 4 e será desenvolvido seguindo o padrão MVVM (Model View View-Model), que terá uma parte do tutorial somente para explicar o assunto conceitualmente e na prática.

Na primeira parte do mini tutorial nós veremos a camada de dados do projeto, nessa camada vamos programar a forma que o nosso sistema vai persistir os dados em uma base de dados, neste caso, o MS SQL Server Express 2008.

Atualmente existem diversas formas de realizar essa tarefa, o que dificulta um pouco saber qual a melhor, porem é comum fazer uso de frameworks para facilitar a persistência de dados, os frameworks O/R ajudam a manter o seu projeto padronizado, auxiliando muito em boas práticas quando temos sistemas orientados a objetos e banco de dados relacionais.

A escolha do melhor framework para um determinado projeto merece um estudo, sendo para a camada de persistência, seja para o padrão MVVM, Inversão de Controles, entre outros, uma das preocupações com o uso de frameworks é a descontinuação do mesmo por parte dos proprietários ou comunidade envolvida, mas por diversas vezes, o uso de frameworks é uma grande vantagem dependendo da situação.

Para a camada de persistência , dois frameworks tem se destacado, o nHibernate, projeto maduro, que teve sua origem no famoso framework Hibernate para Java e o Entity Framework 4, projeto da Microsoft e com vasta documentação disponível.

Recentemente iniciei meus estudos com o Entity Framework 4, e neste tutorial estarei utilizando o framework , o EF4 oferece o mapeamento objeto relacional (O/R), ou seja, permite mapear as tabelas do banco de dados como objetos, podemos criar o modelo de classes do projeto utilizando técnicas de orientação a objetos, como herança por exemplo, e neste momento não vamos nos preocupar em como o modelo de classes será registrado na base de dados.

Para iniciar, vamos criar uma Solution para guardar os projetos que farão parte dessa solução, abra o Visual Studio 2010, e clique em File - New -Project, em Installed Templates, clique em Other Project Types, e selecione Visual Studio Solutions e em seguida Blank Solution, ou seja, uma solução vazia, dê o nome de SolutionContato e clique em OK.

Clique na imagem para ampliar

Agora vamos adicionar um projeto que servirá como camada de dados, para isso clique com o botão direito do mouse em sua solution e Add - New Project, e em Visual C#, clique em Class Library e dê o nome de Contatos.Data e clique em OK.

Clique na imagem para ampliar

Em seguida delete o arquivo Class.cs, pois não vamos utiliza-lo. Agora chegou o momento de criar o modelo de classes do entity framework 4, para isso , clique com o botão direito do mouse no projeto Contatos.Data , e em Add - New Item.

Selecione a opção ADO.NET Entity Data Model e dê o nome de ModelContato.edmx e clique em Add para adicionar no projeto.

Agora aparecerá a tela Entity Data Model Wizard, nesta tela temos a opção de escolher entre “Generate from database” e “Empty Model”, a primeira opção permite você gerar o modelo de dados através de uma base de dados já existente, e a segunda opção, vai criar um modelo vazio, onde você poderá modelar as classes e posteriormente gerar as tabelas na base de dados, neste tutorial, vamos criar tudo do zero, selecione a opção , “Empty Model” e clique em Finish.

Clique na imagem para ampliar

No centro da tela temos o ModelContato.edmx, neste local vamos desenhar o modelo de entidades do projeto, como nosso exemplo é muito simples, selecione na janela Toolbox um elemento Entity e arraste e solte para dentro do ModelContato.edmx, note que uma classe já com uma propriedade Id foi visualmente inserida no ModelContato.edmx

Se um projeto tem mais entidades, você pode inserir da mesma forma e utilizar as associações entre as classes (Association) e Herança (Inheritance) disponíveis no painel Toolbox.

Em nosso projeto, vamos criar 3 propriedades para a entidade, o nome, telefone e email do contato, para isso , selecione a entidade, clique com o botão direito do mouse em Add - Scalar Property, e digite o nome da primeira propriedade “Nome”, repita o processo para adicionar as propriedades telefone e e-mail, altere também o nome da entidade, clicando em Entity1 e digitando Contato.

Chegou o momento de criar a base de dados do modelo criado, o entity framework e o Visual Studio 2010 facilitam muito esse trabalho, veja como é simples o processo , clique com o botão direito do mouse no ModelContato.edmx que está no centro da tela, e selecione Generate Database from Model...

Em Generate Database Wizard clique no botão New Connection para criar uma nova conexão com o SQL Server Express.

Clique na imagem para ampliar

Em Connection Properties, digite o nome do servidor em Server Name, e em Select or enter a database name, informe o nome de uma nova base de dados, neste exemplo, informe ContatoDB. Uma mensagem vai aparecer perguntando se deseja criar a base de dados, clique em Sim.

Clique na imagem para ampliar

Pronto, deixe marcado a opção “Save entity connection setting in App.Config as” para que os dados da sua conexão sejam inseridos no arquivo App.Config e clique em Next.

Clique na imagem para ampliar

Um tela vai aparecer com todos os script para a criação das tabelas no SQL Server, clique em Finish, localize no Visual Studio 2010 o botão “Execute SQL” e clique para gerar a base de dados, se tudo ocorrer com sucesso, você receberá a mensagem Command(s) completed successfully.

Nesta primeira parte do tutorial vimos como adicionar o modelo de entidades utilizando o Entity Framework 4, segue a estrutura do projeto nesta etapa :

Criando sua primeira aplicação Silverlight

2010-06-22T13:01:00.000-03:00

A edição número 2 da easy .net Magazine, a única revista voltada para quem está começando com a plataforma .net, já está disponível no portal DevMedia, você pode acessar o conteúdo através do leitor digital do portal.

Nesta edição temos os seguintes artigos e vídeos:

Silverlight
Criando sua primeira aplicação
Alexandre Tadashi Sato

Visual Studio
Conheça os principais elementos do IDE criando uma aplicação prática
Vitor Luiz Rubio

Vídeo - Tratamento de Exceções em aplicações .NET
Guinther Pauli

C#
Primeiros passos com a linguagem – Parte 2
Vladimir Rech

Acessando dados em aplicações .NET
Entendendo as formas de acesso a dados mais utilizadas
Leandro Daniel

Vídeo - Mapeamento Objeto / Relacional
Guinther Pauli

Nesta edição escrevi uma introdução ao Silverlight, você aprenderá como criar o seu primeiro projeto usando a tecnologia Silverlight, conhecerá como criar o layout das telas, os principais componentes disponíveis e finalizar criando um pequeno projeto que servirá como introdução a essa tecnologia.

Este mês a tecnologia Silverlight é capa de duas das revistas do grupo DevMedia, a easy .net Magazine e a .net Magazine.

easy .net Magazine 2 – Introdução ao Silverlight

.net Magazine 74 – Silverlight 4

Mais informações em http://guintherpauli.blogspot.com/2010/06/revista-easy-net-magazine-02.html

Silverlight 4 - .Net Magazine 74

2010-06-16T21:44:00.000-03:00

A Revista .net Magazine de número 74 já está disponível, essa edição está repleta de artigos interessantes, como o desenvolvimento de aplicativos comerciais com WPF (Windows Presentation Foundation), transações com NHibernate, MEF (Managed Extensibility Framework), EF (Entity Framework 4) passo a passo, o desenvolvimento de um web chat em ASP.NET e AJAX e para quem está começando a programar, a revista tem um artigo com uma introdução a programação com C# .NET.

Nesta edição eu contribuí com um artigo sobre as novidades do Silverlight 4, através de um overview sobre os principais recursos adicionados desde a versão final do Silverlight 3. Além das novidades o artigo tem alguns exemplos para que você possa aplicar na prática.

O artigo sobre as novidades do Silverlight 4 foi escrito junto com o Robson Fernandes, que conheci através da comunidade redeRIA, o Robson trabalha com Expression Blend 4 e seu conhecimento está mais focado na área de Design, realizando excelentes trabalhos com essa ferramenta, para mais informações visitem o blog http://www.riasoftware.com.br/ , provavelmente novos artigos ainda vão surgir dessa parceria.

Fiquei muito feliz em ter o artigo como capa da .net Magazine 74, destaco aqui um merecido agradecimento a todos os profissionais da DevMedia pelo apoio. Clique aqui para acessar o artigo sobre as novidades do Silverlight 4.

A Revista .net Magazine 74 tem uma versão digital disponível no site da DevMedia, veja o resumo desta edição no link http://www.devmedia.com.br/resumo/default.asp?ed=74&site=1 e mais informações como vídeo-aulas de brindes da revista, apresentações (ppt) da versão digital, vídeo-aulas e artigo extra na versão digital no blog do Guinther Pauli (Editor Chefe da .net Magazine ) - http://guintherpauli.blogspot.com/2010/06/revista-net-magazine-74.html

Download dos arquivos para iniciar com o desenvolvimento em Silverlight 4

2010-05-24T02:35:00.002-03:00

Segue a lista de links das principais ferramentas, tutoriais, comunidades e blogs para quem quer começar com o desenvolvimento de aplicativos em Silverlight.

Para quem ainda não tem o ambiente de desenvolvimento instalado:

IDE de desenvolvimento : Visual Studio 2010 RC
Complemento para o Visual Studio: Silverlight 4 Tools para Visual Studio 2010
(Contém o Runtime do Silverlight 4, SDK, Tooling para o Visual Studio e o WCF RIA Services RC)
Ferramenta de auxílio para o design de aplicativos em Silverlight/WPF : Expression Blend 4
Conjunto de componentes para o Silverlight 4 : Silverlight Toolkit

Outros sites interessantes:

Sites Oficiais do Silverlight : link e link
Curso de Silverlight 4: link
Exemplos online do Silverlight 4 Toolkit: link
Hello World: link
Comunidade Silverlight Brasil : link
Silverlight Developer Center (em português) : link
Innovation Lab (em português) : link
o UAU nosso de cada dia : link
Comunidade RedeRIA : link
DevMedia: link
RIASoftware: link
Desenvolvendo para Web : link
Shine Draw : link
Project Rosetta : link
Expression Blend : link

easy .net Magazine 1 - acesse agora, grátis!

2010-04-19T22:06:00.008-03:00

Segue o link do lançamento da revista easy .net Magazine, com a capa "Crie seus primeiros aplicativos ASP.NET", se você deseja começar com a plataforma .net acesse todos os artigos totalmente grátis e entre agora mesmo no mundo .net, parabéns ao grupo DevMedia pela excelente qualidade e conteúdo do novo projeto.

Link: Revista easy .net Magazine número 1

Na edição número 1 você encontra 5 artigos:

ASP.NET Introdução ao desenvolvimento Web com Visual Studio
Introdução ao SQL Server
Aplicações Desktop no .NET
C# Primeiros passos com a linguagem
ASP.NET para desenvolvedores Desktop

Agradeço ao Guinther Pauli, editor geral das revistas .net Magazine Brasil e ClubeDelphi, pelo convite para colaborar com a primeira edição da revista com o artigo "ASP.NET Introdução ao desenvolvimento Web com Visual Studio", acesse o link abaixo e dê o seu feedback :

http://www.devmedia.com.br/assgold/post-16588-Artigo-Easy--net-magazine-1-ASP-NET.html

Alterando a aparência de um CheckBox com WPF e C#

2010-03-05T20:30:00.003-03:00

Neste tutorial vou criar um UserControl simples com um CheckBox e modificar a aparência inserindo uma imagem no lugar do layout padrão do CheckBox, dessa forma podemos utilizar qualquer imagem e criar CheckBox com um apelo visual mais sofisticado. O conceito pode ser aplicado em diversos outros objetos WPF.

No exemplo vou utilizar o Microsoft Expression Blend 3 para auxiliar no design do tutorial, vou carregar duas imagens png, a primeira com o desenho de uma lâmpada ligada e a segunda com outra lâmpada desligada, quando o checkbox for clicado a lâmpada vai acender e um efeito de luz suave vai aparecer.

Primeiro crie uma aplicação em WPF e adicione um UserControl com o nome de UserControlCheckBox.xaml, modifique a altura e o tamanho para 100: Height="100" Width="100" e altere o fundo do layout GRID para “Black”. Dentro do layout GRID adicione uma Ellipse com o tamanho e altura de 20.

Agora vamos criar um Style herdando as propriedades de um objeto CheckBox, selecione a Ellipse com o botão direito do mouse e clique em Make into Control... conforme a figura abaixo:

Selecione o CheckBox e dê o nome do Style de CheckBoxStyle1:

Localize o resources do UserControl e adicione um ImageBrush que vai “pintar” a Ellipse com uma imagem que iniciamente será a lâmpada apagada:

Agora vamos adicionar Triggers que vão habilitar os eventos check e uncheck acionando Storyboards que vão animar as propriedades Opacity e Radius da Ellipse e criar um efeito interessante simulando uma luz. Clique em Triggers, depois em Event para adicionar um evento, selecione o objeto Checkbox e depois Checked e por fim clique no sinal de + para adicionar uma Storyboard, conforme a figura abaixo:

Repita o processo para o evento Unchecked, neste momento temos o trigger conforme a listagem abaixo:

     Duas Storyboards foram criadas, para trocar a imagem quando o CheckBox é acionado adicione o evento Completed na Storyboard OnChecked1 e adicione o código C# abaixo:

ImageBrush brush = (ImageBrush)this.Resources["imgb"];
Image image1 = new Image();
brush.ImageSource =
new BitmapImage(new Uri("luz_apagada.png", UriKind.Relative));

    Repita o processo no evento Completed da Storyboard OnUnchecked1 mudando somente a imagem:

brush.ImageSource = new BitmapImage(new Uri("luz_ligada.png", UriKind.Relative));

     Para finalizar o tutorial vamos animar as propriedades Opacity e Radius para simular uma luz no CheckBox inserindo um novo efeito ao controle, na Storyboard OnChecked1 adicione o código:

E adicione o código abaixo na Storyboard OnUnchecked1:

Adicione uma Ellipse entre o GRID Layout e o CheckBox e utilize o efeito BlurEffect que vai dar o efeito de luz no CheckBox:

Agora é só adicionar o UserControl em seu projeto e testar.

Código fonte do tutorial : Clique aqui
Expression Blend 3 / Visual Studio 2008

Games em Silverlight

2010-02-05T18:59:00.002-02:00

Já está disponível a nova edição da revista .net Magazine número 70 com diversos artigos interessantes, na capa o destaque para o artigo “Performance com PLINQ”, eu escrevi um artigo para essa edição com o título "Games em Silverlight" apresentando uma introdução ao desenvolvimento de jogos com essa tecnologia.

No artigo tem um exemplo completo e básico de um jogo de nave, onde o usuário comanda uma nave através do teclado atirando em inimigos aleatórios, o jogo é simples e ideal para uma introdução, segue o link do artigo no site da DevMedia : Games em Silverlight

Silverlight + PostgreSQL 8

2009-11-18T18:21:00.001-02:00

Rich Internet Application (RIA) é o assunto do momento, junto com a computação nas nuvens espera-se uma experiência mais rica com os aplicativos na web, e o Silverlight é a aposta da Microsoft para as tecnologias RIAs.

O PostgreSQL vem chamando bastante atenção ultimamente, e a cada dia vem ganhando destaque por ser um banco de dados robusto, livre, sendo uma alternativa interessante para vários tipos de situações, reduzindo os custos de uma implantação.

Existem algumas maneiras de trabalhar com aplicações Silverlight que acessam uma base de dados. Da forma que fizemos nesse artigo você facilmente consegue fazer um CRUD utilizando o PostgreSQL 8 e pode aprimorar esse exemplo para a utilização em um projeto real.

Mostrarei uma forma de criar uma aplicação Silverlight que acessa informações de um banco de dados. Ao invés de utilizar uma base de dados SQL Server, vou usar um excelente banco de dados, o PostgreSQL.

Tutorial : IMasters
Linha de Código

Silverlight 3

2009-11-06T22:08:00.005-02:00

Em Julho de 2009 foi disponibilizado o Silverlight 3, representando uma grande evolução se comparado ao Silverlight 2, pois está cada vez mais prático criar aplicações web (ria), principalmente se você já tem conhecimento em ambientes de desenvolvimento Microsoft. Escrevi um artigo para a revista .Net Magazine, o qual sou leitor assíduo pelo excelente conteúdo dos artigos, o artigo serve para dar um overview rápido ao leitor sobre as algumas novidades.

Link: Artigo

Bing ganha busca visual com Silverlight

2009-09-15T12:27:00.009-03:00

O Buscador Bing inseriu um novo recurso que permite buscar informações de uma forma diferente, através de categorias de imagens. Ainda em fase beta o novo recurso do Bing disponibiliza 50 categorias de imagens e somente está disponível na versão americana do Bing. Para testar é necessário modificar as preferencias de idiomas para United States.

http://www.bing.com/visualsearch

Silverlight 4

2009-09-11T11:39:00.007-03:00

A Microsoft continua investindo firme no Silverlight, a versão 3 que saiu em Julho de 2009 foi um grande avanço em relação a versão anterior, e agora a versão Preview do Silverlight 4 está para sair e alguns novos detalhes já foram revelados, um deles é a tecnologia DRM (digital rights management) - Gerenciamento de Direitos Digitais, que vai permitir que as empresas ofereçam a mesma experiência rica de DVDs e discos Blu-ray nas cópias digitais e distribuições via internet. Outro recurso é o suporte nativo a multicast que possibilita a transmissão de um sinal simultaneamente para diferentes receptores.

Diversos sites na internet discutem quais são as principais melhorias para as próximas versões do Silverlight, como por exemplo:

http://silverlight.uservoice.com/pages/4325-feature-suggestions

http://forums.silverlight.net/forums/p/102856/234574.aspx

Fontes:

CNET
Baboo

Documentação Offline do Silverlight 3

2009-09-06T10:45:00.003-03:00

Segue o link para a documentação Offline do Silverlight 3 :

Microsoft Silverlight 3 Offline Documentation (28/08/2009)

Silverlight - Como carregar um feed RSS

2009-08-13T10:50:00.002-03:00

Carregar um RSS do seu blog ou site com Silverlight não é uma tarefa muito difícil.

Primeiro vou adicionar uma referência chamada System.ServiceModel.Syndication e depois vou criar uma instância de uma ObservableCollection para guardar os feeds retornados :

private ObservableCollection _feeds = new ObservableCollection();

Usei um Uri com o caminho do feed RSS , neste exemplo "http://www.progweb.com.br/?feed=rss2" e em seguida utilizei o WebClient para efetuar o download do feed:

Uri rssUri;
Uri.TryCreate("http://www.progweb.com.br/?feed=rss2", UriKind.Absolute, out rssUri);
WebClient request = new WebClient();
request.DownloadStringCompleted += AddFeedCompleted;
request.DownloadStringAsync(rssUri);

Após o Download ser completado o metodo AddFeedCompleted é acionado, esse é o momento que podemos tratar o resultado, primeiro vamos passar o resultado para uma variavel string chamada xml e em seguida trabalhar no tratamendo do retorno:

private void AddFeedCompleted(object sender, DownloadStringCompletedEventArgs e)
{
string xml = e.Result;

StringReader sr = new StringReader(xml);
XmlReader rd = XmlReader.Create(sr);
SyndicationFeed rss = SyndicationFeed.Load(rd);

_feeds.Add(rss);

var query = from f in _feeds
from i in f.Items
orderby i.PublishDate descending
select new SyndicationItemExtra { FeedTitle = f.Title.Text, Item = i };

var items = query.ToList();

TituloPost.Text = items[0].Item.Title.Text.ToString();

}

Agora é trabalhar no layout para apresentar o feed retornado.

Se tiver problemas com o download do feed leia : http://timheuer.com/blog/archive/2008/04/06/silverlight-cross-domain-policy-file-snippet-intellisense.aspx

Silverlight SDK for Bing 1.0 beta

2009-07-28T13:52:00.001-03:00

Saiu o SDK do Silverlight para o desenvolvimento de
aplicativos com o Bing, buscador da Microsoft.

Agora é possível criar uma aplicação integrada com o
Bing usando alguns componentes do buscador da Microsoft, como o CloudView, TileView, BandCloudView e StackView

A Licença é a Microsoft Public License (Ms-PL) e a documentação está no download.

Para mais informações e Download do SDK visitem o site
http://silverbing.codeplex.com/

Silverlight 3 - BasedOn Styles

2009-07-20T22:13:00.009-03:00

Com esse recurso podemos alterar com mais facilidade o estilo dos componentes do Silverlight, vamos supor que existe a necessidade de criar botões com algumas características semelhantes, porem em um ou outro botão alguma propriedade como a cor do texto ou o fundo deve ser modificado, para auxiliar nessa tarefa existe o recurso BasedOn.

O BaseON herda as propriedades de um Style permitindo criar um Style com propriedades e caracteristicas personalizadas.

Exemplo:

1. Primeiro vamos criar um Style comum a todos os elementos:

2. Agora vamos criar um segundo Style que usa o BasedOn para herdar as
propriedades do primeiro Style que possui a chave Style_Controls.
Adicionei uma propriedade do TexBox chamada CaretBrush que é mais uma novidade
do Silverlight 3 (Modificar a cor do cursor)

3. Para testar basta inserir dois TextBox e chamar os Styles, no primeiro TextBox eu sobrescrevi as propriedades CaretBrush e Foreground e no segundo mantive conforme o Style:

4. O Resultado ficou assim:

Versão Oficial do Silverlight 3

2009-07-10T11:46:00.002-03:00

A Microsoft liberou hoje para download a versão oficial do Silverlight 3, disponivel no link
http://www.microsoft.com/silverlight/get-started/install/default.aspx .

Michael Jackson em Deep Zoom

2009-07-06T15:31:00.007-03:00

Centenas de imagens do rei do pop Michael Jackson estão nesse deep zoom muito criativo. clique aqui e confira.

Twitter do Teched 2009

2009-06-14T01:18:00.006-03:00

Já está no ar o Twitter oficial do evento da Microsoft chamado Teched Brasil 2009 que acontecerá em São Paulo nos dias 25 a 27 de agosto.

Twitter : http://twitter.com/techedbrasil

No site oficial www.teched.com.br tem as trilhas técnicas do evento, uma delas é o desenvolvimento web, onde cita as tecnologias ou produtos XAML, Microsoft Expression Studio e Microsoft Silverlight.

Na semana passada ainda estava no ar um teaser desenvolvido todo em silverlight que agora está no link www.teched.com.br/lp

Pelo que ouvi dizer, a Microsoft vai investir pesado no Twitter oficial do evento em breve serão sorteados prêmios como entradas para o teched, consoles XBOX 360 e até concorrer a trabalhar ou estagiar na Microsoft.

Fiquem ligados no Twitter do teched, eu mesmo comecei a usar o Twitter só nesse final de semana, o link é http://twitter.com/atsh2

Lançamento do Silverlight 3 em Julho

2009-06-02T13:47:00.005-03:00

A Microsoft anunciou que o Silverlight 3 será lançado no dia 10 de julho, o mesmo acontece com a ferramenta Expression Blend 3. Um versão beta foi apresentada em março de 2009, quem quiser fazer o download tem um post no blog http://silverlightexperience.blogspot.com/2009/04/download-silverlight-3.html

Inserindo um vídeo em um projeto Silverlight

2009-05-28T20:23:00.011-03:00

Neste tutorial vamos aprender a inserir um vídeo dentro de um projeto Silverlight.

Vou utilizar o Silverlight Live Streaming, esse projeto gratuito da Microsoft permite que você possa publicar vídeos na internet, você ganha 10GB de espaço para suas publicações. Acesse http://silverlight.live.com/ e faça o cadastro ou entre com o seu Windows Live ID para acessar.

Clique em Manage Vídeos, neste área você pode gerenciar os seus vídeos publicados, para incluir um novo vídeo clique em upload a vídeo, cada vídeo deve ser menor que 105Mb. Após o upload clique no título do vídeo e dois métodos de publicação serão apresentados, o primeiro é o Embed the vídeo into a web Page, que serve para você inserir o seu vídeo dentro de um código HTML, e o segundo é o Link directly to the vídeo, onde temos o acesso direto a Url do Vídeo, neste tutorial vamos utilizar a Url para acessar o vídeo com Silverlight.

Crie um novo projeto Silverlight e insira um objeto MediaElement conforme a listagem abaixo:

No código C# do seu projeto informe a Url obtida no Silverlight Live Streaming para o seu objeto MediaElement:

media.Source = new Uri("http://silverlight.services.live.com/649875/Silverlight/video.wmv", UriKind.Absolute);

Neste momento já é possível executar o projeto e visualizar o vídeo publicado no Silverlight Live Streaming no Projeto Silverlight.

O MediaElement permite que você manipule o vídeo através do código em .NET, exemplo :

media.Play(); // Inicia o Video
media.Stop(); // Para o Video
media.Pause(); // Pausa o Video

Este tutorial também pode ser visto em ComunidadeTI

Layouts - Canvas, StackPanel e Grid

2009-05-19T18:39:00.004-03:00

Nesse tutorial vamos aprender o básico sobre o gerenciamento de layouts em Silverlight.

Clique aqui!

Exemplos on line do Silverlight Toolkit

2009-05-14T00:07:00.006-03:00

O Silverlight Toolkit é um conjunto de componentes muito útil para auxiliar na criação de projetos em Silverlight. Segue dois links para os exemplos on-line onde é possível visualizar os componentes e baixar os códigos em C# e XAML.
Silverlight 2
http://silverlight.net/samples/sl2/toolkitcontrolsamples/run/default.html
Silverlight 3 (necessário ter o SDK instalado para visualizar)
http://silverlight.net/samples/sl3/toolkitcontrolsamples/run/default.html

Gráficos 3D com Silverlight :
http://silverlightexperience.blogspot.com/2010/08/graficos-3d-com-silverlight.html

Gráficos com Silverlight

2009-05-13T23:01:00.011-03:00

Podemos criar gráficos em Silverlight utilizando do Microsoft Silverlight Toolkit, com essa ferramenta temos uma coleção de componentes que facilitam muito o trabalho com gráficos, nesse tutorial vou explicar o básico para criar um grafíco de barras.

obs: estou utilizando o silverlight 3.

Os dados do gráfico serão linkados com um classe, a classe Vendas será utilizado para auxiliar no preenchimento do gráfico neste exemplo.

A classe VendasDados contém as informações propriamente ditas, que podem ser carregadas de um banco de dados, por questões didaticas vamos carregar desta forma:

Depois de criarmos as classes acima, vamos para a página inicial do projeto , abaixo segue o código XAML para gerar o gráfico:

Clique para ampliar.

Comparativo entre Flash e Silverlight

2009-05-13T11:15:00.005-03:00

A Revista Smashing Magazine publicou dia 09 desse mês um comparativo dos recursos do Flash e Silverlight, comparando a criação de animações, tamanho do arquivo gerado, recursos de audio e video, etc.

Estamos entrando em uma nova era de aplicações ricas na internet, a concorrência é bem vinda pois cada dia mais essas tecnologias estão evoluindo mais rápido.

No site da revista tem os detalhes http://www.smashingmagazine.com/2009/05/09/flash-vs-silverlight-what-suits-your-needs-best/

Segue abaixo o resumo final:

Preenchendo um objeto Ellipse com uma imagem

2009-05-08T21:09:00.006-03:00

Continuando a série de posts para iniciantes,

neste tutorial simples vamos preencher um objeto do tipo Ellipse com uma imagem, para isso crie um novo projeto silverlight no Visual Studio 2008 e inclua uma imagem no projeto, agora em seguida vamos na aba toolbox do Visual Studio arraste um objeto Ellipse para dentro do Laytou Grid.

Informe o nome do objeto x:Name="Elipse1", o tamanho Width="200", a altura Height="200", cor da borda Stroke="Cornsilk" e tamanho da borda StrokeThickness="12".

Para preencher o objeto Ellipse com uma imagem usamos o Ellipse.Fill e dentro dele o ImageBrush ImageSource="simpsons.jpg", neste momento estamos informando o arquivo imagem "simpson.jpg".

Clique na imagem para ampliar.

Criando botões em Silverlight

2009-05-03T23:54:00.007-03:00

Vou iniciar no blog uma série de pequenos tutoriais para os iniciantes em Silverlight, no primeiro post vou explicar como criar um botão, no tutorial Hello World em Silverlight aprendemos como inserir um objeto Button, porém em um botão temos várias propriedades que podemos utilizar, vou mostrar as principais:

x:Name=Definimos o nome do botão
Content=Texto que aparece dentro do botão
BorderThickness=Tamanho da borda
Width=Tamanho do botão
Height=Altura do botão
HorizontalAlignment=Alinhamento do botão (center, left, right e stretch)
FontFamily=Nome da fonte utilizada para apresentar o texto
FontSize=Tamanho da fonte utilizada para apresentar o texto
Background=Cor de fundo do botão
FontStyle=Estilo da fonte do botão
BorderBrush=Cor da borda
Cursor=Tipo do cursor
FontWeight=Define a grossura da fonte
Foreground=Cor do texto
IsEnabled=Habilita ou desabilita o botão
Opacity=Permite deixar o botão transparente controlando a opacidade
Visibility=Deixa o botão visível ou invisível

O Resultado será :

Silverlight Showcase

2009-05-03T21:58:00.005-03:00

O Site http://silverlight.net/showcase/ tem mais de 500 aplicações em silverlight desenvolvidas por diversas pessoas, para quem quiser conhecer um pouco sobre os resultados que o silverlight pode proporcionar esse site é bem interessante, tem jogos, sites e aplicativos diversos.

Se você tiver um projeto em silverlight é possível enviar para o showcase.

Deep Zoom

2009-04-21T13:39:00.011-03:00

Segue o passo a passo para você criar o seu primeiro Deep Zoom em Silverlight. Para isso você vai precisar ter instalador o Deep Zoom Composer que é um programa gratuito da Microsoft que permite utilizar imagens em alta resolução para criar incríveis galerias em páginas da Web.

O resultado do nosso tutorial pode ser visto aqui.

Abra o Deep Zoom Composer clique em "New Project" :

O Próximo passo é informar o nome do Projeto, neste caso é DeepZoomSL.

Clique em Import e depois em Add Image e adicione todas as imagens do projeto.

Agora arraste uma imagem para o centro da tela, dê um zoom na imagem e arraste outra imagem para dentro imagem:

Salve o projeto e clique em Export, Custom, Silverlight Deep Zoom, Export as Colletion e clique em Export.

Selecione "Preview in Browser" para ver o resultado:

Silverlight Widget Map Stats

2009-04-18T22:18:00.004-03:00

Map Stats mostra de onde são os visitantes que estão no seu site num controle Silverlight, exemplo:

Link do Projeto: Map Stats

Flash ou Silverlight, quem é o melhor?

2009-04-14T22:10:00.004-03:00

Navegando na internet hoje encontrei dois videos no site Olhar Digital que me chamaram a atenção.

O Primeiro com um título "Silverlight, o ‘rival’ do Flash" o e segundo com um título mais polêmico "Flash ou Silverlight, quem é o melhor?".

O primeiro video é do ano passado porém é muito interessante principalmente para quem não conheçe o Silverlight, os comentários no video são do René de Paula, um evangelista da internet.

Algumas semanas atrás o René me apresentou na Microsoft as novidades do Silverlight....valeu René.

Silverlight, o ‘rival’ do Flash

Flash ou Silverlight, quem é o melhor?

Hello World em Silverlight

2009-04-14T18:00:00.006-03:00

Abaixo o link de um artigo que ensina como criar o seu primeiro projeto em silverlight, o famoso Hello World.

O objetivo do artigo é ensinar a criar um projeto silverlight no visual studio 2008 mostrando como criar uma tela e um botão com um evento click.

Hello World em Silverlight

Download Silverlight 3

2009-04-14T12:00:00.004-03:00

Para quem quiser iniciar o desenvolvimento com Silverlight 3 segue os links para o download :

Microsoft® Silverlight™ 3 Tools Beta 1 for Visual Studio 2008 SP1

Microsoft® Silverlight™ 3 SDK Beta 1

Microsoft Expression Blend 3 Preview

Silverlight ToolKit

Nessa última versão do Silverlight diversos novos recursos foram inseridos, abaixo um link para os videos do site oficial:

Videos tutoriais de Silverlight 3

Um destaque nessa nova versão é a possibilidade de rodar a aplicação silverlight fora do browser, veja em OUT-OF-BROWSER .

Iniciando no mundo Silverlight

2009-04-13T11:09:00.008-03:00

Silverlight é uma tecnologia Microsoft que oferece uma nova experiência para aplicativos ricos e interativos na internet. Ainda existem poucos sites que estão utilizando essa tecnologia mas ela está evoluindo muito rápido e acredito que em breve varios sites já estarão utilizando.

Escrevi outro artigo que mostra quais os programas necessários para iniciar no desenvolvimento de projetos em silverlight:

Introdução ao Silverlight