09 - Academia de Ensino Superior - Sorocaba

By rdorta at agosto 27, 2010 10:56
Filed Under: Silverlight, Palestras

Nos dias 25/09 e 26/09 realizei 2 palestras na Academia de Ensino Superior em Sorocaba.

Convidado pelo Professor Sérgio Júnior, realizei as palestras sobre RIA e Realidade Aumentada para turmas de Sistemas de Informação.

Muito legal ver os alunos da faculdade criando projetos já visualizando a introdução de Realidade Aumentada no âmbito de negócios.

Obrigado aos alunos pela paciência e pelas excelentes perguntas e conversas realizadas durante as palestras.

Abaixo o PPT que utilizei.

Palestra AES - RIA.pptx (2,35 mb)

02361398-2994-4c64-941a-2c5bb9dbc712|0|.0

Tags: palestra, ria, silverlight

Comentários (1) E-mail Kick it! DZone it! del.icio.us Permalink Post RSS

Silverlight 4 Dica do do Dia #8 Criando um CRUD com MVVM e Silverlight Parte 1 – Retrieve

By rdorta at julho 10, 2010 10:55
Filed Under: Arquitetura, Silverlight, MVVM

Olá,

Uma das coisas que sempre tenho dito em palestras e artigos é que um dos maiores potenciais do Silverlight, se não o maior, é a contrução de aplicações LOB(Line-of-business).

Aplicações deste tipo são aplicações que podem chegar a um grande nível de complexidade dependendo das regras de negócio da empresa que está precisando da aplicação.

Após grandes apelos da comunidade, o Silverlight 4 agora tem suporte a comandos. Isso facilita e muito a implementação de MVVM.

Pensando nisso e atendendo a alguns pedidos de clientes e amigos, vou criar aqui um exemplo sobre como construir um CRUD simples com Silverlight utilizando o padrão de arquitetura MVVM.

Para iniciar, leiam o post que escrevi sobre MVVM para entender um pouco melhor este padrão.

Em nosso exemplo vamos usar a famosa base Northwind, para gerar as operações de CRUD(Create,Retrieve,Update, Delete). Vamos criar um WCF RIA SERVICE baseado em um modelo criado com Entity Framework.

Montando a Solução

Agora no Visual Studio vamos criar um novo projeto com o template Silverlight Businnes Application

Em nosso projeto Silverlight, vamos criar 3 novas pastas, uma para nossas ViewModel,outra para nossos Command e outra para nossas Interfaces.(eu gosto de organizar assim, mas fica a gosto de vocês)

Criando a Model de Dados

Agora vamos criar nosso modelo de dados e o serviço que irá recuperar estes dados.

Para manter o exemplo simples, vamos utilizar apenas a tabela Product da base Northwind.

No projeto Web, na pasta Models, clique com o botão direito depois em Add –> New File.

Na aba Data selecione ADO.Net Entity Data Model.

No Wizard de criação do EF, selecione Generate from Database e crie/escolha sua conexão com a base Northwind

Selecione a tabela de Produto e clique em Finalizar

Temos agora nossa Model de Produtos

Agora, vamos criar o serviço que expõe os dados dessa model.

NESTE PONTO VOCÊ DEVE COMPILAR SUA APLICAÇÃO PARA QUE NOSSO SERVIÇO ENXERGUE NOSSA MODEL.

Novamente no projeto Web, clique com o botão direito na pasta Services e adicione um novo Domain Service Class

No wizard de criação do serviço clique selecione a nossa model de produtos e habilite a edição

Agora temos a nossa classe de serviço:

  

namespace BlogSLMVVM.Web.Services

{

    using System;

    using System.Collections.Generic;

    using System.ComponentModel;

    using System.ComponentModel.DataAnnotations;

    using System.Data;

    using System.Linq;

    using System.ServiceModel.DomainServices.EntityFramework;

    using System.ServiceModel.DomainServices.Hosting;

    using System.ServiceModel.DomainServices.Server;

    using BlogSLMVVM.Web.Models;

  

  

    // Implements application logic using the NorthwindEntities context.

    // TODO: Add your application logic to these methods or in additional methods.

    // TODO: Wire up authentication (Windows/ASP.NET Forms) and uncomment the following to disable anonymous access

    // Also consider adding roles to restrict access as appropriate.

    // [RequiresAuthentication]

    [EnableClientAccess()]

    public class NorthwindService : LinqToEntitiesDomainService<NorthwindEntities>

    {

  

        // TODO:

        // Consider constraining the results of your query method.  If you need additional input you can

        // add parameters to this method or create additional query methods with different names.

        // To support paging you will need to add ordering to the 'Products' query.

        public IQueryable<Product> GetProducts()

        {

            return this.ObjectContext.Products;

        }

  

        public void InsertProduct(Product product)

        {

            if ((product.EntityState != EntityState.Detached))

            {

                this.ObjectContext.ObjectStateManager.ChangeObjectState(product, EntityState.Added);

            }

            else

            {

                this.ObjectContext.Products.AddObject(product);

            }

        }

  

        public void UpdateProduct(Product currentProduct)

        {

            this.ObjectContext.Products.AttachAsModified(currentProduct, this.ChangeSet.GetOriginal(currentProduct));

        }

  

        public void DeleteProduct(Product product)

        {

            if ((product.EntityState == EntityState.Detached))

            {

                this.ObjectContext.Products.Attach(product);

            }

            this.ObjectContext.Products.DeleteObject(product);

        }

    }

}

  



MVVM RLZ – cRud - Retrieve

Agora vamos ao core do negócio, criar as VielModel e os Comandos.

Vamos começar pela interface.

No projeto Silverlight na pasta Views, adicone uma nova Silverlight Page chamada ProductsView.

Compile e abra o projeto no Expression Blend 4 e abra a ProductsView.xaml.

Adicione 3 botões (Novo,Editar e Excluir), 1 BusyIndicator e 1 DataGrid em sua page.

Adicione a seguinte expressão a propriedade ItemsSource da Datagrid : {Binding AllProducts}

Adicione a seguinte expressão a propriedade IsBusy do BusyIndicato : {Binding IsLoading}

Eis o XAML

<navigation:Page 

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

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

           xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

           xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

           xmlns:navigation="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Navigation"

           xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk" xmlns:toolkit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit" x:Class="BlogSLMVVM.Views.ProductsView"

           mc:Ignorable="d"

           d:DesignWidth="640" d:DesignHeight="480"

           Title="ProductsView Page">

    <Grid x:Name="LayoutRoot">

  

        <sdk:DataGrid x:Name="dtgDados" Margin="43,149,48,22" ItemsSource="{Binding AllProducts}"/>

  

        <toolkit:BusyIndicator x:Name="bsiCarregando" Content="BusyIndicator" Height="32" Margin="52,108,71,0" VerticalAlignment="Top" IsBusy="{Binding IsLoading}"/>

        <Button x:Name="btnNovo" Content="Novo" HorizontalAlignment="Left" Height="27" Margin="52,64,0,0" VerticalAlignment="Top" Width="97"/>

        <Button x:Name="btnEditar" Content="Editar" HorizontalAlignment="Left" Height="27" Margin="165,64,0,0" VerticalAlignment="Top" Width="97"/>

        <Button x:Name="btnExcluir" Content="Excluir" Height="27" Margin="275,64,268,0" VerticalAlignment="Top"/>

  

    </Grid>

</navigation:Page>

Vamos criar o link para nossa nova página.

Abra o arquivo MainPage.xaml, localize o StackPanel chamado LinksStackPanel e adicione um divisor e um link para nossa página:

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

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

                NavigateUri="/ProductsView" TargetName="ContentFrame" Content="Products"/>

Agora vamos criar nossa ViewModel.

No projeto Silverlight, na pasta ViewModel adicione uma nova classe com o nome ProductsViewModel

Abaixo segue o código final da classe, vou comentar os pontos principais mais abaixo.

using System;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Ink;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

using System.ComponentModel;

using BlogSLMVVM.Web.Services;

using BlogSLMVVM.Web.Models;

using System.Linq;

using System.ServiceModel.DomainServices.Client;

  

namespace BlogSLMVVM.ViewModel

{

    public class ProductsViewModel : INotifyPropertyChanged

    {

  

        #region Propriedades Privadas

        private NorthwindContext gctxNorthwind = null;

        private bool gIsLoading = false;

        #endregion

  

        #region Propriedades Públicas

        /// <summary>

        ///     Indica se o serviço está ocupado recuperando a listagem

        /// </summary>

        public bool IsLoading

        {

            get { return gIsLoading; }

            set { gIsLoading = value; }

        }

  

        /// <summary>

        ///     Retorna a lista de todos os produtos

        /// </summary>

        public EntitySet<Product> AllProducts

        {

            get { return GetAllProducts(); }

        }

        #endregion

  

        #region Construtor

        public ProductsViewModel()

        {

            gIsLoading = true;

            this.gctxNorthwind = new NorthwindContext();

            this.gctxNorthwind.Load<Product>(

                               this.gctxNorthwind.GetProductsQuery(),

                               delegate(LoadOperation<Product> loadOperation)

                               {

                                   this.IsLoading = false;

                                   RaisePropertyChanged("IsLoading");

                               }, null);

        }

        #endregion

  

        #region Chamadas do Serviço

        /// <summary>

        ///     Chamada para os produtos

        /// </summary>

        /// <returns></returns>

        private EntitySet<Product> GetAllProducts()

        {

            return this.gctxNorthwind.Products;

        }

        #endregion

  

  

        #region INotifyPropertyChanged Members

  

        public event PropertyChangedEventHandler PropertyChanged;

  

        private void RaisePropertyChanged(string propertyname)

        {

            if (PropertyChanged != null)

            {

                PropertyChanged(this, new PropertyChangedEventArgs(propertyname));

            }

        }

  

        #endregion

    }

}

A primeira coisa é reparar que a classe está implementando a interface INotifyPropertyChanged. Estamos fazendo isso para que a view entenda que houve uma alteração e que ela deve se atualizar.

Em nosso construtor, estamos inicializando o serviço que criamos anteriormente e carregando os Produtos, note que estamos utilizando a propriedade IsLoading para manter a view informada de que o serviço está em execução.

Por fim temos a propriedade AllProducts que retorna a lista de produtos carregada pelo serviço.

Agora vamos ao código da nossa view:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

using System.Windows.Navigation;

using BlogSLMVVM.ViewModel;

  

namespace BlogSLMVVM.Views

{

    public partial class ProductsView : Page

    {

  

        private ProductsViewModel vmdProduto = null;

  

        public ProductsView()

        {

            InitializeComponent();

            this.vmdProduto = new ProductsViewModel();

            this.DataContext = this.vmdProduto;

        }

  

        // Executes when the user navigates to this page.

        protected override void OnNavigatedTo(NavigationEventArgs e)

        {

        }

  

    }

}

Bem simples, apenas instanciamos a nossa ViewModel e a indicamos como contexto da View.

Pronto!!!

Já estamos com a nossa listagem :)

Eis o fonte utilizado até aqui:

BlogSLMVVM - Parte 1.zip (4,77 mb)

Em breve o próximo post com introdução aos Commands, as outras letras do CRUD e o código fonte final :)

Silverlight 4 Dica do do Dia #8 Criando um CRUD com MVVM e Silverlight Parte 2 – Commands e Insert/Update/Delete

6c1f543f-bc2d-4ca8-9e92-0a85f36b7115|1|5.0

Tags: silverlight, silverlight 4, mvvm, dica do dia, crud, codigo, ria services, domain service, blend

Comentários (6) E-mail Kick it! DZone it! del.icio.us Permalink Post RSS

Silverlight 4 Dica do Dia #7 – Pivot Viewer Basics

By rdorta at julho 01, 2010 18:08
Filed Under: Silverlight

Após mais uma excelente twitada e blogada do Rene de Paula – User Experience Evangelist da Microsoft, conferi o lançamento do Pivot Viewer.

O assunto é bem extenso, vou criar uma série de posts em breve para detalhar um pouco melhor o controle. Neste post vou apenas mostar o que consegui fazer em algumas horas com alguns conhecimentos que eu já tinha.

Inicialmente alguns testes e esse exemplo básico abaixo, buscando as pessoas que você segue em seu twitter :p Os code snippets estão abaixo assim como o fonte.

De início vocês irão ver que eu estou seguindo no Twitter, mas caso queiram, é só digitar o usuário de vocês e aguardar ele gerar o Deep Zoom(pode demorar um pouco dependendo de quantas pessoas você segue)

O Pivot Viewer é um controle que permite ao desenvolvedor disponibilizar GRANDES (mas grandes MESMO) quantidades de informações de uma só vez e também visualizar a conexão entre elas.

O controle Pivot exibe “coleções” de informações, utilizando DEEP ZOOM em sua máxima performance.

Mais informações sobre o Pivot Viewer você encontra em:

http://www.getpivot.com/

E para baixar as assemblys vá em http://www.getpivot.com/download/

Vamos criar um exemplo de Pivot Viewer com essas assemblys.

Outro SDK que vamos utilizar neste exemplo é o http://linqtotwitter.codeplex.com/

Este é um excelente SDK para comunicação com o Twitter. Não pretendo me alongar demais sobre o Deep Zoom Dinamico e o LINQ to Twitter neste post. Talvez em outro post caso queriam, me peçam no Twitter

Enfim, vamos começar.

Após baixar e instalar o Pivot, as assemblys vão estar disponíveis no diretório de SDKS da Microsoft, no meu caso (Windows 7 x64) estão em:

C:\Program Files (x86)\Microsoft SDKs\Silverlight\v4.0\PivotViewer\Jun10\Bin

Vamos criar um projeto Silverlight com um Pivot Viewer que leia uma coleção básica. Nos próximos posts vamos melhorar um pouco a aplicação colocando alguns filtros mais legais. (Deem sugestões de filtros de Twitter para nossa aplicação no Twitter)

Adicione as referências do Pivot Viewer no seu projeto Silverlight:

Vamos adicionar o controle Pivot em nosso XAML. E também um textbox para obter o id do twitter de nosso usuário e um TextBlock para informar que o serviço de DeepZoom está sendo executado.

<UserControl x:Class="SLPivotViewer.MainPage"

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

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

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d"

    xmlns:local="clr-namespace:System.Windows.Pivot;assembly=System.Windows.Pivot"

    d:DesignHeight="300" d:DesignWidth="400">

  

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

r: black; font-size: 8pt; overflow: visible; border-style: none; padding: 0px;">  11:  

        <Grid Grid.Row="0" Grid.Column="0">

            <StackPanel Orientation="Horizontal"  Height="30" VerticalAlignment="Top">

                <TextBlock Text="Digite o seu usuário do twitter:"></TextBlock>

                <TextBox x:Name="txtUser" Width="200"></TextBox>

                <Button x:Name="btnBuscar" Content="Buscar" Click="btnBuscar_Click"></Button>

            </StackPanel>

            <TextBlock x:Name="txbAguarde" Text="Aguarde, o DeepZoom de amigos está sendo gerado" Height="18" Visibility="Collapsed" VerticalAlignment="Top" Margin="0,34,0,0"/>

        </Grid>

        <Grid Grid.Column="0" Margin="0,65,0,0" d:LayoutOverrides="GridBox">

           <local:PivotViewer x:Name="pvtViewer"></local:PivotViewer>

        </Grid>

  

    </Grid>

</UserControl>

Antes de mais nada é interessante que você leia o post que fiz ano passado sobre como criar coleções DEEP ZOOM Dinamicamente:

Deep Zoom Dinamico

Agora em nosso projeto Web, vamos adicionar um serviço Domain Service que irá gerar as imagens do DeepZoom caso as mesmas não existam, aqui vamos usar o Linq to Twitter e o Deep Zoom Dinamico

  

namespace SLPivotViewer.Web.Services

{

    using System;

    using System.Collections.Generic;

    using System.ComponentModel;

    using System.ComponentModel.DataAnnotations;

    using System.Linq;

    using System.ServiceModel.DomainServices.Hosting;

    using System.ServiceModel.DomainServices.Server;

    using LinqToTwitter;

    using System.IO;

    using System.Web;

    using System.Xml.Linq;

    using Microsoft.DeepZoomTools;

    using System.Security.Principal;

    using System.Net;

  

    [EnableClientAccess()]

    public class TwitterService : DomainService

    {

  

        [Invoke]

        public void GenerateUsersCollection(string pstrUserName)

        {

            //LOGANDO OS PASSOS

            StreamWriter writer = new StreamWriter(HttpContext.Current.Server.MapPath("~/log.txt"));

            try

            {

                //GARANTINDO A EXISTENCIA DOS DIRETORIOS

                if (!File.Exists(HttpContext.Current.Server.MapPath("~/Collections/" + pstrUserName + ".cxml")))

                {

                    writer.Write("INICIO - CRIAR DIRETORIOS");

                    if (!Directory.Exists(HttpContext.Current.Server.MapPath("~/Collections/")))

                    {

                        Directory.CreateDirectory(HttpContext.Current.Server.MapPath("~/Collections/"));

                    }

  

                    if (!Directory.Exists(HttpContext.Current.Server.MapPath("~/imgs/")))

                    {

                        Directory.CreateDirectory(HttpContext.Current.Server.MapPath("~/imgs/"));

                    }

  

                    if (!Directory.Exists(HttpContext.Current.Server.MapPath("~/Collections/")))

                    {

                        Directory.CreateDirectory(HttpContext.Current.Server.MapPath("~/Collections/"));

                    }

  

                    if (!Directory.Exists(HttpContext.Current.Server.MapPath("~/ClientBin/")))

                    {

                        Directory.CreateDirectory(HttpContext.Current.Server.MapPath("~/ClientBin/"));

                    }

  

                    if (!Directory.Exists(HttpContext.Current.Server.MapPath("~/ClientBin/" + pstrUserName + "/")))

                    {

                        Directory.CreateDirectory(HttpContext.Current.Server.MapPath("~/ClientBin/" + pstrUserName + "/"));

                    }

  

                    if (!Directory.Exists(HttpContext.Current.Server.MapPath("~/ClientBin/" + pstrUserName + "/GeneratedImages/")))

                    {

                        Directory.CreateDirectory(HttpContext.Current.Server.MapPath("~/ClientBin/" + pstrUserName + "/GeneratedImages/"));

                    }

  

                    if (!Directory.Exists(HttpContext.Current.Server.MapPath("~/ClientBin/" + pstrUserName + "/GeneratedImages/output_images/")))

                    {

                        Directory.CreateDirectory(HttpContext.Current.Server.MapPath("~/ClientBin/" + pstrUserName + "/GeneratedImages/output_images/"));

                    }

  

  

                    writer.Write("FIM - CRIAR DIRETORIOS");

  

                    writer.Write("INICIO - CONEXAO TWITTER");

  

                    //INICIANDO A CONSULTA A API DO TWITTER

                    TwitterContext twitterCtx = new TwitterContext();

                    //CARREGANDO OS USUARIOS QUE ESTÃO SENDO SEGUIDOS PELO USUARIO DA APLICAÇÃO

                    var users =

                        from tweet in twitterCtx.User

                        where tweet.Type == UserType.Friends &&

                              tweet.ID == pstrUserName

                        select tweet;

  

  

                    writer.Write("FIM - CONEXAO TWITTER");

                    //CRIAÇÃO DO DEEP ZOOM

                    List<string> lstXMLs = new List<string>();

  

                    string strCaminhoImagensGeradas = HttpContext.Current.Server.MapPath("/Collections/" + pstrUserName + "/GeneratedImages/");

  

                    writer.Write("INICIO - CRIAR DEEP ZOOM");

                    CollectionCreator cc = new CollectionCreator();

  

                    //CRIAÇÃO DO XML DA COLEÇÃO

                    XDocument doc = new XDocument();

                    XElement elCollection = new XElement("Collection");

                    XElement elFacetCateogies = new XElement("FacetCategories");

                    XElement facet = new XElement("FacetCategory");

                    XElement elItems = new XElement("Items");

                    XAttribute at = new XAttribute("Name", "Teste");

                    XAttribute at2 = new XAttribute("Type", "String");

                    facet.Add(at);

                    facet.Add(at2);

                    elFacetCateogies.Add(facet);

                    elCollection.Add(elFacetCateogies);

  

                    //ADICIONANDO OS NÓS DAS IMAGENS

                    int intContador = 0;

                    foreach (User objUser in users)

                    {

                        XElement elItem = new XElement("Item");

                        writer.Write("    INICIO - CRIAR IMAGEM");

                        ImageCreator ic = new ImageCreator();

                        ic.TileSize = 256;

                        ic.TileFormat = ImageFormat.AutoSelect;

                        ic.ImageQuality = 1;

                        string target = strCaminhoImagensGeradas + "output_images\\" + intContador;

  

                        if (!File.Exists(HttpContext.Current.Server.MapPath("~/imgs/" + objUser.Identifier.ScreenName + ".jpg")))

                        {

                            WebClient client = new WebClient();

                            client.DownloadFile(objUser.ProfileImageUrl, HttpContext.Current.Server.MapPath("~/imgs/" + objUser.Identifier.ScreenName + ".jpg"));

                        }

  

                        ic.Create(HttpContext.Current.Server.MapPath("~/imgs/" + objUser.Identifier.ScreenName + ".jpg"), target);

                        writer.Write("    FIM - CRIAR IMAGEM");

                        lstXMLs.Add(Path.ChangeExtension(target, ".xml"));

                        elItem.Add(new XAttribute("Img", "#" + intContador.ToString()));

                        elItem.Add(new XAttribute("Id", intContador.ToString()));

                        elItem.Add(new XAttribute("Href", "http://www.twitter.com/" + objUser.Identifier.ScreenName));

                        elItem.Add(new XAttribute("Name", objUser.Name));

                        elItems.Add(elItem);

                        intContador++;

                    }

  

                    cc.TileSize = 256;

  

                    cc.TileFormat = ImageFormat.Jpg;

  

                    cc.MaxLevel = 8;

  

                    cc.ImageQuality = 1;

  

                    cc.Create(lstXMLs, strCaminhoImagensGeradas + "output");

                    writer.Write("FIM - CRIAR DEEPZOOM");

                    elItems.Add(new XAttribute("ImgBase", pstrUserName + @"\GeneratedImages\output.xml"));

                    elCollection.Add(elItems);

                    doc.Add(elCollection);

                    string strFinal = doc.ToString();

                    strFinal = strFinal.Replace("<Collection>", "<Collection xmlns:xsi=\"http://www.w3.org/2001/XMLSchema-instance\" xmlns:xsd=\"http://www.w3.org/2001/XMLSchema\" SchemaVersion=\"1\" xmlns:d1p1=\"http://schemas.microsoft.com/livelabs/pivot/collection/2009\" xmlns=\"http://schemas.microsoft.com/collection/metadata/2009\">");

                    StreamWriter final = new StreamWriter(HttpContext.Current.Server.MapPath("~/Collections/" + pstrUserName + ".cxml"));

                    final.Write(strFinal);

                    final.Close();

                }

            }

            catch (Exception ex)

            {

                writer.Write(ex.Message);

            }

            finally

            {

                writer.Close();

            }

        }

  

  

    }

}

  



O código está bem comentado, mas basicamente o que fiz foi utilizar o meu artigo de Deep Zoom Dinamico e os exemplos básicos do LINQ To Twitter.

Por fim, basta apenas chamar o serviço e passar a coleção para o Pivot Viewer

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

using SLPivotViewer.Web.Services;

using System.ServiceModel.DomainServices.Client;

using System.Windows.Pivot;

  

namespace SLPivotViewer

{

    public partial class MainPage : UserControl

    {

        public MainPage()

        {

            InitializeComponent();

            //Carregando a coleção do Dorta

            this.pvtViewer.LoadCollection("http://localhost:19227//Collections/dortaway.cxml", string.Empty);

        }

  

        InvokeOperation opeListagem = null;

        void btnBuscar_Click(object sender, RoutedEventArgs e)

        {

            //Instanciando o serviço que irá gerar o coleção

            TwitterContext ctx = new TwitterContext();

            //executando o método

            opeListagem = ctx.GenerateUsersCollection(this.txtUser.Text);

            //atribuindo o método que será disparado quando o serviço completar

            opeListagem.Completed += opeListagem_Completed;

            //avisando o usuário que o serviço está em execução

            txbAguarde.Visibility = System.Windows.Visibility.Visible;

        }

  

        void pvtViewer_CollectionLoadingFailed(object sender, CollectionErrorEventArgs e)

        {

            //em caso de erro vamos avisar o usuário

            MessageBox.Show(e.Exception.Message);

        }

  

        void opeListagem_Completed(object sender, EventArgs e)

        {

            if (opeListagem.HasError)

            {

                //em caso de erro vamos avisar o usuário

                MessageBox.Show(opeListagem.Error.Message);

                opeListagem.MarkErrorAsHandled();

            }

            else

            {

                //vamos carregar a coleção

                txbAguarde.Visibility = System.Windows.Visibility.Collapsed;

                this.pvtViewer.LoadCollection("http://localhost:19227/Collections/" + this.txtUser.Text + ".cxml", string.Empty);

                this.pvtViewer.CollectionLoadingFailed += new EventHandler<CollectionErrorEventArgs>(pvtViewer_CollectionLoadingFailed);

            }

            

        }

    }

}

Abaixo segue o fonte que usei. Bom divertimento :)

SLPivotViewer.zip (13,83 mb)

[]´s

39b2dcef-1548-4ee2-a841-73bbaba09f59|0|.0

Tags: silverlight, silverlight 4, dica do dia, pivot viewer, twitter

Comentários (2) E-mail Kick it! DZone it! del.icio.us Permalink Post RSS

Silverlight 4 Dica do Dia #6 – Mapas do BING Maps no Silverlight

By rdorta at junho 25, 2010 15:46
Filed Under: Arquitetura, Silverlight

Olá,

Estive trabalhando em uma prova de conceito para um cliente da Makesys, que envolve a utilização de Bing Maps, e resolvi compartilhar com vocês como fazer para utilizar o controle de Mapas do Bing Maps.

Vamos criar uma aplicação que contenha o controle de mapas e que adicione Pins a medida que o usuário clica no mapa.

Para começar, acesse o site do Bing Maps destinado a Devs e de uma olhada em todas as opções, em nosso exemplo vamos utilizar o controle Silverlight e o SOAP Services:

http://www.microsoft.com/maps/developers/

Depois acesse o site portal do Bing Maps, para criar o seu token de desenvolvimento, você irá precisar do seu Windows Live Id:

https://www.bingmapsportal.com/

Baixe as assemblys do controle Silverlight aqui:

http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=beb29d27-6f0c-494f-b028-1e0e3187e830

Crie um projeto do tipo Silverlight Application, Conforme mostra a figura abaixo:

Gere a solução e adicione as referências para as dlls do Bing Maps que no meu caso (Windows 7 64 bits) se encontram em:

C:\Program Files (x86)\Bing Maps Silverlight Control\V1\Libraries

Agora clique no botão Salvar Tudo. E vamos para o Expression Blend 4. Abra sua solução.

Abra a MainPage.xaml e clique no botão de procura de controles, navegue até a dll Microsoft.Maps.MapControl.dll e você verá os controles abaixo:

Vamos utilizar o controle map. Selecione o mesmo e adicione em sua MainPage

De um nome ao controle e adicione um handler ao evento MouseClick:

(IMPORTANTE!!!!)Agora, adicione a chave de registro que você obteve no primeiro passo, ficará algo assim:

   1: <Microsoft_Maps_MapControl:Map CredentialsProvider="SEUTOKENDEAPLICACAOAQUI" x:Name="mapMapa" d:LayoutOverrides="Width, Height" MouseClick="mapMapa_MouseClick"/>

De volta ao Visual Studio, eis o código final comentado:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

using Microsoft.Maps.MapControl;

  

namespace BlogBingMaps

{

    public partial class MainPage : UserControl

    {

        public MainPage()

        {

            InitializeComponent();

        }

  

        private void mapMapa_MouseClick(object sender, Microsoft.Maps.MapControl.MapMouseEventArgs e)

        {

            //Criando o pin

            Pushpin pspPin = new Pushpin();

            //Obtendo a localização com latitude e longitude do ponto em que o usuário clicou

            pspPin.Location = mapMapa.ViewportPointToLocation(e.ViewportPoint);

            //Adicionando o pin ao mapa

            mapMapa.Children.Add(pspPin);

        }

    }

}

Perfeito!!!

Já temos uma aplicação em Silverlight com integração ao Bing Maps.

Para deixar a coisa mais interessante, vamos mostrar o endereço da Microsoft em SP como visualização inicial, utilizando o SOAP Service para obter o código geográfico(latitude e longitude) através do endereço:

Adicione um Service Reference ao seu projeto para o endereço:

http://dev.virtualearth.net/webservices/v1/geocodeservice/geocodeservice.svc?wsdl

Vamos nomear o serviço como GeocodeService:

Adicone o import para o namespace do serviço:

   1: using BlogBingMaps.GeocodeService;

Abaixo segue o código completo comentado:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

using Microsoft.Maps.MapControl;

using Microsoft.Maps.MapControl.Core;

using BlogBingMaps.GeocodeService;

  

namespace BlogBingMaps

{

    public partial class MainPage : UserControl

    {

        public MainPage()

        {

            InitializeComponent();

  

            //cria a instancia do serviço

            GeocodeServiceClient cliServico = new GeocodeServiceClient();

            //dimensiona a chave de desenvolvimento

            string strChave = "SUA CHAVE AQUI";

            //cria o objeto de request

            GeocodeRequest reqGeoRequest = new GeocodeRequest();

            // cria as credenciais

            reqGeoRequest.Credentials = new Credentials();

            reqGeoRequest.Credentials.ApplicationId = strChave;

  

            //endereço que queremos buscar

            string strEndereco = "Av Das Nacoes Unidas, 12901, São Paulo";

            reqGeoRequest.Query = strEndereco;

  

            //adicina handler para o completed

            cliServico.GeocodeCompleted += new EventHandler<GeocodeCompletedEventArgs>(cliServico_GeocodeCompleted);

            cliServico.GeocodeAsync(reqGeoRequest);

        }

  

        void cliServico_GeocodeCompleted(object sender, GeocodeCompletedEventArgs e)

        {

            GeocodeResponse resResultado = e.Result;

            //define a latitude, longitude e fator de zoom da visualização

            mapMapa.SetView(new Location(resResultado.Results[0].Locations[0].Latitude, resResultado.Results[0].Locations[0].Longitude), 14);

        }

  

        private void mapMapa_MouseClick(object sender, Microsoft.Maps.MapControl.MapMouseEventArgs e)

        {

            //Criando o pin

            Pushpin pspPin = new Pushpin();

            //Obtendo a localização com latitude e longitude do ponto em que o usuário clicou

            pspPin.Location = mapMapa.ViewportPointToLocation(e.ViewportPoint);

            //Adicionando o pin ao mapa

            mapMapa.Children.Add(pspPin);

        }

    }

}

Por fim, no arquivo ServiceReferences.config, remova o endpoint binaryhttp:

<configuration>

    <system.serviceModel>

        <bindings>

            <basicHttpBinding>

                <binding name="BasicHttpBinding_IGeocodeService" maxBufferSize="2147483647"

                    maxReceivedMessageSize="2147483647">

                    <security mode="None" />

                </binding>

            </basicHttpBinding>

            <customBinding>

                <binding name="CustomBinding_IGeocodeService">

                    <binaryMessageEncoding />

                    <httpTransport maxReceivedMessageSize="2147483647" maxBufferSize="2147483647" />

                </binding>

            </customBinding>

        </bindings>

        <client>

            <endpoint address="http://dev.virtualearth.net/webservices/v1/geocodeservice/GeocodeService.svc"

                binding="basicHttpBinding" bindingConfiguration="BasicHttpBinding_IGeocodeService"

                contract="GeocodeService.IGeocodeService" name="BasicHttpBinding_IGeocodeService" />

        </client>

    </system.serviceModel>

</configuration>

Espero que gostem, abaixo o silvelright final e o fonte :)

Até a próxima

BlogBingMaps.zip (661,48 kb)

5c8e27a2-8f1e-4001-9cb7-11e0cc466526|0|.0

Tags: silverlight, silverlight 4, dica do dia, bing, maps

Comentários (0) E-mail Kick it! DZone it! del.icio.us Permalink Post RSS

Silverlight 4 Dica do Dia #5 - Realidade Aumentada – YES WE CAN!!!

By rdorta at junho 21, 2010 16:43
Filed Under: Arquitetura, Silverlight

Após meu último post, sobre integração com WebCam recebi muitas perguntas referentes a Realidade Aumentada.

Portanto, resolvi escrever este post sobre o assunto como forma de iniciar as pessoas que querem aprender mais sobre o assunto.

Sugiro que quem ainda não leu meu último post, que comece por ele, porque neste post vou assumir que você já sabe como capturar as imagens vindas da sua WebCam.

Depois de ler o post anterior, imprima a imagem abaixo:

Essa imagem é a que vamos identificar dentro da nossa aplicação.

Bom, partindo do programa gerado no último post, temos uma aplicação que captura os dados da webcam e exibe na tela.

Vamos utilizar o SLARToolkit, como nosso framework de identificação de padrão de imagem e substituição.

Adicione as referências das 2 dlls do toolkit no projeto.

Agora baixe o arquivo Pattern que representa a imagem acima: http://blogs.makesys.com.br/dorta/makesys.pat. Adicione ela ao projeto, clique em cima dela, vá até a aba propriedades e troque a sua Build Action para Resource.

Adicione o pattern no projeto.

Agora, a partir do projeto que criamos no meu último post, vamos adicionar um canvas após o Rectangle que serviu como ViewPort, dentro deste canvas, vou adicionar uma imagem, mas pode ser adicionado qualquer outro objeto Silverlight, eis o XAML completo:

<UserControl x:Class="SLRealidadeAumentada.MainPage"

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

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

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d"

    d:DesignHeight="550" d:DesignWidth="700"

    Loaded="UserControl_Loaded">

  

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

        <StackPanel>

            <Grid Width="640" Height="480">

                <Rectangle Name="Viewport" Stroke="Black" StrokeThickness="2" />

                <Canvas>

                    <Grid Background="White" x:Name="imgMakesys" Visibility="Collapsed"  >

                        <Image Source="logo_makesys.png" Height="91" Width="261"/>

                    </Grid>

                </Canvas>

            </Grid>

            <Button Content="IniciarCaptura" HorizontalAlignment="Center" Click="Button_Click" />

        </StackPanel>

    </Grid>

</UserControl>

Abaixo o código final:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

">  10: using System.Windows.Media.Animation;

using System.Windows.Shapes;

using SLARToolKit;

using System.Windows.Media.Media3D;

  

namespace SLRealidadeAumentada

{

    public partial class MainPage : UserControl

    {

  

        CaptureSource cpsVideo;

        CaptureSourceMarkerDetector cmkDetectorPattern;

  

        public MainPage()

        {

            InitializeComponent();

        }

  

        private void UserControl_Loaded(object sender, RoutedEventArgs e)

        {

            // Instancia o objeto que manipula a WebCam

            cpsVideo = new CaptureSource();

            // Define qual webcam será o alvo do objeto, no caso a câmera padrão do Sistema

            cpsVideo.VideoCaptureDevice = CaptureDeviceConfiguration.GetDefaultVideoCaptureDevice();

  

            //Cria o objeto que recebe os dados do video

            var vbsVideo = new VideoBrush();

            vbsVideo.SetSource(cpsVideo);

            // Preenche o retangulo com os dados capturados do video

            Viewport.Fill = vbsVideo;

  

            //  Initialize the o detector

            cmkDetectorPattern = new CaptureSourceMarkerDetector();

            // Carrega o pattern que deve ser procurado, ele tem 64 segmentos e 80 milimetros de 

            var patPattern = Marker.LoadFromResource("makesys.pat", 64, 64, 80);

            // Cria a parspectiva com planos de 1 a 4000

            cmkDetectorPattern.Initialize(cpsVideo, 1, 4000, patPattern);

  

            // Vincula o handler de captura do pattern

            // O evento é disparado se pelo menos um pattern é identificado na imagem

            cmkDetectorPattern.MarkersDetected += (senderDelegate, eDelegate) =>

            {

                // Cria uma nova tread para manipular a projeção do objeto que está no canvas

                Dispatcher.BeginInvoke(() =>

                {

                    // Calcula a matrix de projeção

                    var dreResultado = eDelegate.DetectionResults;

                    if (dreResultado.HasResults)

                    {

                        // Centro do Objeto

                        Matrix3D mtdCentro = Matrix3DFactory.CreateTranslation(-imgMakesys.ActualWidth * 0.5, -imgMakesys.ActualHeight * 0.5, 0);

                        // Troca o eixo Y e diminui a escala pela metade

                        Matrix3D mtdEscala = Matrix3DFactory.CreateScale(0.5, -0.5, 0.5);

                        // Calcula a matriz final de transformação baseada no ponto centro original

                        Matrix3D mtdFinal = mtdCentro * mtdEscala * dreResultado[0].Transformation;

  

                        // Calcula a projeção utilizando o SLARToolkit

                        Matrix3D mtdViewPort = Matrix3DFactory.CreateViewportTransformation(Viewport.ActualWidth, Viewport.ActualHeight);

                        Matrix3D mtdProjecao = Matrix3DFactory.CreateViewportProjection(mtdFinal, Matrix3D.Identity, cmkDetectorPattern.Projection, mtdViewPort);

  

                        // Aplicaca a transformação 3D ao objeto final

                        imgMakesys.Projection = new Matrix3DProjection { ProjectionMatrix = mtdProjecao };

                        imgMakesys.Visibility = Visibility.Visible;

                    }

                });

            };

        }

  

        private void Button_Click(object sender, RoutedEventArgs e)

        {

            // Efetua a requisição de acesso a WebCam

            if (CaptureDeviceConfiguration.RequestDeviceAccess())

            {

                cpsVideo.Start();

            }

        }

    }

}

Deixei o código bem comentado, note que estamos utilizando o objeto Matrix3D para adicionar uma projeção ao nosso grid que contém a imagem.

A grande mágica na realidade é realizada pelo SLARToolkit que identifica a imagem e dispara o delegate que criamos na linha 50.

Notem também que estamos utilizando Multi-Threading para renderizar a projeção, isso evita que a aplicação trave com o processamento.

Abaixo uma imagem minha(galã!!!) utilizando o código acima.

Agora o código final para você brincarem :)

Segue o fonte: SLRealidadeAumentada.zip (618,51 kb)

Até a próxima

558034e6-f9ec-45a0-a080-0c26e9a19719|0|.0

Tags: dica do dia, silverlight, realidade aumentada, yes we can, design, silverlight 4

Comentários (2) E-mail Kick it! DZone it! del.icio.us Permalink Post RSS

Silverlight 4 Dica do dia #4 – Capturando as imagens da Webcam

By rdorta at junho 18, 2010 13:54
Filed Under: Arquitetura, Silverlight

&g

Olá,

Hoje vou mostrar para vocês como capturar as imagens camera do usuário no Silverlight.

Primeiro vamos ao XAML:

<UserControl x:Class="SLWebCam.MainPage"

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

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

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d"

    d:DesignHeight="550"t; d:DesignWidth="700"
-CRLF-->
    Loaded="UserControl_Loaded">

  

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

        <StackPanel>

            <Grid Width="640" Height="480">

                <Rectangle Name="Viewport" Stroke="Black" StrokeThickness="2" />

            </Grid>

            <Button Content="IniciarCaptura" HorizontalAlignment="Center" Click="Button_Click" />

        </StackPanel>

    </Grid>

</UserControl>

Notem que temos neste XAML apenas 2 controles, 1 Rectangle, que servirá de ViewPort para a câmera ou seja, onde será exibida a imagem da camera e um obtão que irá disparar o início da captura.

Agora vamos ao código:

using System.Windows;

using System.Windows.Controls;

using System.Windows.Media;

  

namespace SLWebCam

{

    public partial class MainPage : UserControl

    {

        CaptureSource cpsVideo;

  

        public MainPage()

        {

            InitializeComponent();

        }

  

        private void UserControl_Loaded(object sender, RoutedEventArgs e)

        {

            // Instancia o objeto que manipula a WebCam

            cpsVideo = new CaptureSource();

            // Define qual webcam será o alvo do objeto, no caso a câmera padrão do Sistema

            cpsVideo.VideoCaptureDevice = CaptureDeviceConfiguration.GetDefaultVideoCaptureDevice();

  

            //Cria o objeto que recebe os dados do video

            VideoBrush vbsVideo = new VideoBrush();

            vbsVideo.SetSource(cpsVideo);

            // Preenche o retangulo com os dados capturados do video

            Viewport.Fill = vbsVideo;

        }

  

        private void Button_Click(object sender, RoutedEventArgs e)

        {

            // Efetua a requisição de acesso a WebCam

            if (CaptureDeviceConfiguration.RequestDeviceAccess())

            {

                cpsVideo.Start();

            }

        }

    }

}

Os grandes objetos que fazem a mágica são o CaptureSource, CaptureDeviceConfiguration e o VideoBrush.

Primeiro, instanciamos o CaptureSource e definimos qual camera ele irá utilizar atraves do CaptureDeviceConfiguration.GetDefaultVideoCaptureDevice().

Depois criamos o VideoBrush e informamos a ele que sua fonte de imagens é o recém-criado CaptureSource.

Definimos que a saída do VideoBrush será o retangulo que criamos no XAML.

Pedimos a permissão do usuário para usar a câmera e pronto!!!

Muito easy esse tal de Silverlight.

08004986-df53-41ad-ab3b-eff343c70907|2|3.0

Tags: arquitetura, codigo, dica do dia, inovação, silverlight, news, yes we can

Comentários (0) E-mail Kick it! DZone it! del.icio.us Permalink Post RSS

Silverlight 4 Dica do dia #2 - Isolated Storage

By rdorta at junho 12, 2010 10:18
Filed Under: Silverlight, Arquitetura

Olá pessoal,

Vamos a mais uma dica do dica, utilizando o Isolated Storage como cache de arquivos no computador do client,

O que é Isolated Storage?

O Isolated Storage é um sistema de arquivos que o Silverlight usa, para armazenar dados/arquivos no computador do client da aplicação. É uma espécie de “cache” , onde você pode guardar strings, para serem recuperados a qualquer momento de sua aplicação.

É interessante usar em cenários onde você quer que o seu usuário visualize alguns dados de uma forma mais rápida. Como todo tipo de acesso a dado realizado pelo SIlvelright é dado através de serviços, você pode guardar o retorno de algum serviço no Isolated Storage para uma exibição mais rápida.

Como Funciona?

O Isolated Storage precisa ser habilitado pelo usuário do Silverlight, já que o mesmo utiliza arquivos físicos dentro da máquina para guardar as informações.

Para verificar as configurações referentes ao Isolated Storage, basta o usuário clicar com o botão direito na aplicação Silverlight, selecionar Silverlight, navegar até Application Storage e habilitar o uso do storage:

Abaixo um link com uma introdução legal ao Isolated Storage (em inglês):

http://msdn.microsoft.com/en-us/library/3ak841sy(VS.80).aspx

I Want Some CODE!!!

Então vamos lá:

Abaixo segue o código de 2 métodos simples para Salvar e Carregar dados do Isolated Storage:

Salvar Dados:

        1: private void SalvarDados(string pstrDados, string pstrNomeArquivo)

       2:         {

       3:  

       4:             using (IsolatedStorageFile objStorage = IsolatedStorageFile.GetUserStoreForApplication())

       5:             {

       6:                 using (IsolatedStorageFileStream objStreamStorage = new IsolatedStorageFileStream(pstrNomeArquivo, FileMode.OpenOrCreate, objStorage))

       7:                 {

       8:  

       9:                     using (StreamWriter objWriter = new StreamWriter(objStreamStorage))

      10:                     {

      11:                         sw.Write(pstrDados);

      12:                         sw.Close();

      13:                     }

      14:                 }

      15:             }

      16:         }

Carregar Dados:

       1: public string CarregarDados(string pstrNomeArquivo)

       2: {

       3:     string strRetorno = String.Empty;

       4:  

       5:     try

       6:     {

       7:         using (IsolatedStorageFile objStorage = IsolatedStorageFile.GetUserStoreForApplication())

       8:         {

       9:             using (IsolatedStorageFileStream objStreamStorage = new IsolatedStorageFileStream(pstrNomeArquivo, FileMode.Open, objStorage))

      10:             {

      11:                 using (StreamReader objReader = new StreamReader(objStreamStorage))

      12:                 {

      13:                     string strLinha = String.Empty;

      14:                     while ((strLinha = objReader.ReadLine()) != null)

      15:                         strRetorno += strLinha;

      16:                 }

      17:             }

      18:         }

      19:  

      20:         return strRetorno;

      21:     }

      22:     catch (Exception ex)

      23:     {

      24:         return string.Empty;

      25:     }

      26: }

Lembrando que você pode criar diretórios para sua aplicação, dentro do sistema de arquivos do Isolated Storage.

Em breve posto algum exemplo mais complexo de utilização.

Espero que seja útil.

Até a próxima!!!!

7f8dff23-8472-45c5-b4cc-d26e894e1181|0|.0

Tags: dica do dia, silverlight, isolated storage

Comentários (0) E-mail Kick it! DZone it! del.icio.us Permalink Post RSS

I´m back. Silverlight 4 Dica do dia #1 – Realizando impressões com o SIlverlight

By rdorta at junho 11, 2010 15:53
Filed Under: Silverlight

Olá pessoal!!!

Após algum tempo afastado, que realmente foi necessário, estou voltando a publicar novamente.

Estive envolvido em grandes projetos com Silverlight, utlizando muita coisa de SL, WCF RIA Services e mais.

Dei uma cara nova ao blog, mais light e profissional, e estou lançando séries de dicas rápidas e demos mais complexas em Silverlight.

Inaugarando a série, algo que me foi muito útil em alguns projetos, impressão em Silverlight.

Nas outras versões do Silverlight as impressões de relatórios tinham de ser feitas por algum meio externo como por exemplo HTML.

Agora com o Silverlight 4 nossa vida foi muito facilitada já que agora temos uma classe que imprime diretamente o conteúdo de algum objeto do nosso sistema.

Portanto você pode montar um relatório dentro de qualquer painel como um Grid ou StackPanel, e imprimir exatamente o que está dentro desse painel(imagens, controles etc…), utilizando o código abaixo

PrintDocument doc = new PrintDocument();

doc.DocumentName = "Teste de Impressão 1";

doc.PrintPage += new EventHandler<PrintPageEventArgs>(doc_PrintPage);

doc.Print();

2 coisas com o código acima chamam a nossa atenção:

1) Onde estou definindo o que vou imprimir?

2) Que evento PrintPage é esse?

Acontece que no Silverlight 4 existe um fluxo de impressão que é seguido, utilizando o código acima, quando enviamos o comando Print para o objeto PrintDocument o fluxo abaixo é seguido:

1) Um dialog de escolha de impressora é exibido ao usuário.

2) O usuário escolhe uma impressora

3) o Evento PrintPage é disparado, recebendo como parametro os dados da impressora selecionada.

Agora abaixo, o código de como lidar com a impressão:

void doc_PrintPage(object sender, PrintPageEventArgs e)

{

  

  // Define o objeto que será impresso, no caso tenho um StackPanel em meu XAML com o nome de stkPainelImpressao

  e.PageVisual = stkPainelImpressao;

  

  // Especifica se existem mais páginas a serem impressas.

  e.HasMorePages = false;

}

Pronto!!! Seu objeto cheio de imagens e textos sobrepostos está sendo impresso!!!

Note que você pode controlar quantas páginas devem ser impressas através da propriedade HasMorePages além disso você pode delimitar o seu objeto de acordo com o tamanho da página da impressora escolhida, utilizando a propriedade PrintableArea.

Espero que gostem, vou continuar postando diversas dicas simples nessa série, e em breve venho com alguns demos mais complexos utilizando RIA Services para o desenvolvimento de aplicações de negócio.

[]´s

42b4d281-6b02-4b4f-9e82-62209a1a0821|0|.0

Tags: silverlight, printing, dica do dia

Comentários (0) E-mail Kick it! DZone it! del.icio.us Permalink Post RSS

Screen Casts sobre Prism

By rdorta at outubro 28, 2009 10:31
Filed Under: Arquitetura, Silverlight

No Channel 9 está disponível uma série de screencasts sobre Prism.

http://channel9.msdn.com/posts/mtaulty/Prism--Silverlight-Part-1-Taking-Sketched-Code-Towards-Unity/

Começa falando de diversas coisas legais de arquitetura como injeção de dependência com Unity e depois leva isso ao mundo do Silvelrlight utilizando Prism

Muito boa referencia para quem está começando a se aprofundar no mundo de Silverlight e WPF.

Até a próxima Arqinovação

159db4d4-8863-41e5-bcee-5cb82682c63b|0|.0

Tags: silverlight, patterns, arquitetura, prism, ria

Comentários (1) E-mail Kick it! DZone it! del.icio.us Permalink Post RSS

Exibição de página para quem não tem o plugin do Silverlight instalado – Parte 1 - .Net

By rdorta at outubro 27, 2009 14:56
Filed Under: Arquitetura, Silverlight

Ainda vejo muitos sites por aí, sofrerem com a publicação de sites em Silverlight. Eu digo sofrerem porque na verdade são “sofríveis” para quem não tem o plugin Silverlight instalado.

Não culpo os usuários finais. Imaginem a situação, você entra em um site feito e silverlight e da de cara com:

UOU!!! Que máximo!! Parece um vírus!!! Quem vai clicar nisso???? Ninguém!!!

No assistente do Extra.com utilizamos uma técnica simples mas que ficou muito legal.

Olhem a diferença:

Isso chama a atenção, mostra que vale a pena instalar o Silverlight para ver o que é isso, incentiva as pessoas a instalarem o plugin.

Como obter esse resultado? Simples… principalmente se sua aplicação for criada em .Net.

Basta utilizar a tag abaixo e colocar o html que você deseja. Em tempo, não se pode usar dentro dessa tag scripts, apenas html.

<asp:Silverlight Windowless="true" ID="Xaml1" runat="server" Source="SeuSilverlight.xap"
                    MinimumVersion="2.0.31005.0" Width="100%" Height="100%">
                        <PluginNotInstalledTemplate>
                                SEU HTML AQUI!!!!
                        </PluginNotInstalledTemplate>
</asp:Silverlight>

Portanto a grande chave é utilizar a tag <PluginNotInstalledTemplate> em seu silvelright, colocando ali o html que deseja exibir para o usuário da aplicação.

Vamos ajudar nossos usuários a entender o que eles precisam fazer para ter uma excelente experiência com nossas aplicações Silverlight.

Até a próxima Arqinovação!!!

941b6bcc-f1c1-4832-98cb-3231882272ae|0|.0

Tags: silverlight, plugin, codigo

Comentários (5) E-mail Kick it! DZone it! del.icio.us Permalink Post RSS

ARQINOVATION

Arquitetura e Inovação .NET

Palestra 25/09 e 26/09 - Academia de Ensino Superior - Sorocaba

Silverlight 4 Dica do do Dia #8 Criando um CRUD com MVVM e Silverlight Parte 1 – Retrieve

Montando a Solução

Criando a Model de Dados

MVVM RLZ – cRud - Retrieve

Silverlight 4 Dica do Dia #7 – Pivot Viewer Basics

Silverlight 4 Dica do Dia #6 – Mapas do BING Maps no Silverlight

Silverlight 4 Dica do Dia #5 - Realidade Aumentada – YES WE CAN!!!

Silverlight 4 Dica do dia #4 – Capturando as imagens da Webcam

Silverlight 4 Dica do dia #2 - Isolated Storage

O que é Isolated Storage?

Como Funciona?

I Want Some CODE!!!

I´m back. Silverlight 4 Dica do dia #1 – Realizando impressões com o SIlverlight

Screen Casts sobre Prism

Exibição de página para quem não tem o plugin do Silverlight instalado – Parte 1 - .Net

Sobre mim

RecentPosts

Month List

Twitter

Arquitetura e Inovação .NET

Montando a Solução

Criando a Model de Dados

MVVM RLZ – cRud - Retrieve

O que é Isolated Storage?

Como Funciona?

I Want Some CODE!!!

Sobre mim

RecentPosts

Tag cloud

Month List

Blogroll

Twitter