logo
  • Home
  • Acerca
  • Autores
  • Faq
  • Rede
  Twitter   Feed-me! RSS!
Set 12

Como foi a 1ª aula de ASP.NET…

Escrito por Igor Musardo em .NET, 1, AR, Asp.Net, blog, control, Controles, CRUD, Curso, Cursos, Desenvolvimento, Desenvolvimento Web, Download, exemplo, Exemplos, for, Geral, IE, int, Java, Mercado, Microsoft, O, on, pt, RIA, Ria’s Geral, site, Software, Sun, Tecnologia, Tema, Treinamento, UI, Visual Studio, web @ 09 12th, 2010 | via http://www.igormusardo.com.br | Sem comentários
Igor Musardo
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »

No dia 11/09/2010 foi a primeira aula de ASP.NET que ministrei para a turma de Pós-Gradução de Desenvolvimento de Sistemas Web. A turma tem em torno de 20 alunos porém muito interessada no assunto, eles que vieram do módulo de Desenvolvimento Web em Java com JSP, ficaram um espantados com a quantidade de funcionalidades que fizemos em tão pouco tempo em sala da aula.

O assunto foi uma abordagem geral de WebForms e como funcionam os controles básicos para CRUD, funcionalidade obrigatória na maioria esmagadora dos softwares desenvolvidos no mercado.

O website que montamos durante a aula vou disponiblizar aqui no blog para caso você queria aprender ASP.NET Webforms e assim como eu aprende com exemplos funcionais.

Faça o download do conteúdo desenvolvido em sala de aula.

Bons estudos!

Set 4

O que é o Silverlight

Escrito por Ebercom em .NET, 1, 4, 6, Animações, app, AR, BI, blog, Blogs, browser, C#, cliente, Componente, Componentes, control, Controles, dados, demo, Desenvolvimento, Desktop, Diversos, exemplo, Exemplos, for, framework, html, IE, image, int, interface, internet, Language Runtime, mg, Microsoft, networking, O, on, Plugin, pt, RIA, Ria’s Geral, Rich Internet Application, runtime, servidor, silverlight, smooth streaming, streaming, UI, web, Wordpress, WPF, XAML, XML, XP @ 09 4th, 2010 | via http://www.flexdev.com.br/home | Sem comentários
Ebercom
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »

Silverlight é um plugin multibrowser e multiplataforma para o desenvolvimento de aplicações RIA e para facilitar a integração com media. Ele reuniu as capacidades de aplicações desktop, aplicações web, funcionalidades do servidor e do cliente, desenvolvimento com linguagens scripts ou orientada a objetos.

O que devemos ter em mente é que o Silverlight é mais do que simplesmente um container para executar aplicações ricas e interativas na web. O silverlight é uma plataforma para desenvolvimento de aplicações, cross-plataforma e cross-browser.

No silverlight o conteúdo é declarado utilizando o XAML. O XAML é um arquivo XML onde é possível declarar elementos visuais da interface, incluindo animações.

O Silverlight contém um subset do .Net Framework que inclui bibliotecas e componentes para integração de dados, networking, controles WPF e CLR (Common Language Runtime). Isso permite que desenvolvamos as nossas aplicações utilizando as linguagens mais comuns em .Net, VB.Net e C#, compiladas.

Não é necessário ter o .Net Framework instalado no cliente ou no servidor. Apenas o plug-in do silverlight é necessário.

Para mais informações sobre Rich Internet Application, veja: http://en.wikipedia.org/wiki/Rich_Internet_application

Exemplos de aplicações em silverlight:

HARD ROCK – MEMORABILIA

image

 Calculadora interessante…

image

 Microsoft Health

image

 

Experience IIS Smooth Streaming

image

 Out of Browser

image

Mais exemplos em http://www.silverlight.net/community/samples/silverlight-samples/.

Ago 9

.NET Magazine 76 – Silverlight Toolkit

Escrito por Robson Fernandes em .NET, .Net Magazine, 1, 4, 6, AR, arte, Artigo, Artigos, blog, Blogs, class, Componente, Componentes, control, Controles, dados, Desenvolvedor, desenvolvedores, Design, Design Pattern, Design Patterns, DRE, Excel, exemplo, Exemplos, git, IE, image, kit, lista, mg, Microsoft, Microsoft Silverlight, NaN, noticia, O, on, pattern, Pessoal, RIA, Ria’s Geral, silverlight, Silverlight - Charts, Silverlight - Core, Silverlight - Dicas, SilverLight - News, Silverlight - Tools, Silverlight 3, Silverlight 4, skins, Software, Tema, tool, toolkit, UI, Vários, Ved, XP @ 08 9th, 2010 | via http://www.riasoftware.com.br/blog/ | Sem comentários
Robson Fernandes
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »

Boa noite pessoal!

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

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

.NET Magazine 76

Lista de artigos desta edição:

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

Grande Abs.

Robson Fernandes

Jul 13

Criando a Sua Primeira Aplicação em Silverlight

Escrito por Ebercom em .NET, 1, 2009, 4, 6, Access, análise, app, AR, Artigo, Artigos, back, BI, Blend, blog, Botões, C#, class, código, control, Controles, dados, Desenvolvimento, Design, Diversos, Download, email, err, expression, Expression Blend, Flex, fonte, fonts, for, Formação, framework, Frameworks, IE, if, image, int, layout, lista, menu, mg, Microsoft, Microsoft Expression, Microsoft Silverlight, MSDN, mudanças, mysql, NaN, O, on, Pessoal, pt, Release Candidate, RIA, Ria’s Geral, SDK, serviço, silverlight, Silverlight 4, site, Software, tag, TAT, Tecnologia, Tema, template, tool, UI, uint, Visual Studio, Visual Studio 2010, WCF, web, Wordpress, XAML, XML, XP, zend @ 07 13th, 2010 | via http://www.flexdev.com.br/home | Sem comentários
Ebercom
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »

Olá, pessoal esse é uns dos primeiros POST’s que estarei fazendo aqui na FlexDev sobre Silverlight e tecnologias .NET, meu nome é Rodrigo da Silva Brito e trabalho na flexdev desde abril de 2009, comecei a trabalhar com desenvolvimento de sistemas em 2004 na TreinaSoftware, trabalhava com Visual Basic 6, MySQL e o grande e famoso Microsoft Access. Em 2006 comecei a estudar .NET e C#, me apaixonei por C# e estou até hoje nessa caminhada de estudos. No momento estou terminando o bacharelado em ASTI (Análise de Sistemas e Tecnologias da Informação) pelo Centro Paula Souza – FATEC Ourinhos, e escrevendo a minha monografria sobre frameworks de persistência. Possuo um blog do qual estou ressuscitando, você pode acessá-lo através do seguinte endereço http://rodrigobrito.wordpress.com. Agora vamos ao que interessa!

Para começarmos você vai precisar ter instalado em sua máquina o Microsoft Visual Studio 2010. Neste artigo estarei utilizando a versão Premium, precisaremos também do Microsoft Silverlight 4 Tools for Visual Studio 2010 que é um pré requisito para desenvolver aplicações em Silverlight 4 e aplicações Ria Services através do Visual Studio 2010. Precisaremos também do Microsoft Expression Blend® 4 Release Candidate (RC).

1. Inicie o Microsoft Visual Studio 2010

2. No menu File passe o mouse sobre New, e então selecione New Project

clip_image002

3. A caixa de diálogo New Project será exibida

clip_image004

4. Em Installed Templates no lado esquerdo da janela selecione Visual C# e então selecione Silverlight. Selecione Silverlight Application e verifique se na caixa de seleção superior está selecionado o .NET Framework 4. Em Name colocaremos o nome de nossa aplicação no caso FirstSilverlightApplication e então click em OK.

5. Na caixa de diálogo New Silverlight Application desselecione Host the Silverlight application in a new Web site e em Silverlight Version verifique se Silverlight 4 está selecionado e então click em OK.

clip_image006

6. Após clicado em OK você terá uma tela como esta.

 clip_image008

Criando Controles

Os controles podem ser adicionados a aplicação usando o ToolBox do Visual Studio ou editando o texto XAML diretamente no editor XAML.

1. Selecione o controle TextBlock e o arraste a MainPage.xaml.

A. Altere a propriedade Text do controle para Contatos.

B. Altere o tamanho da fonte do controle para 14, através da propriedade FontSize.

C. Deixe a fonte em negrito através da propriedade FontWeight selecionando Bold.

2. Selecione o controle Border e o arraste a MainPage.xaml, altere a propriedade CornerRadius para 5.

clip_image010

3. Arraste o controle Grid para dentro do controle Border, então resete as propriedades Height e Width do Grid.

clip_image012

4. Arraste controles TextBlock e TextBox para dentro do controle Grid de forma que a página fique conforme a figura abaixo.

clip_image014

Como você já deve ter percebido, todas as mudanças feitas através da ToolBox Properties são refletidas instantaneamente no código XAML. Veja abaixo o código XAML referente ao controles TextBlock e TextBox que adicionamos dentro do grid.

 <Grid>
         <TextBlock Height="20" HorizontalAlignment="Left" Margin="6,9,0,0" VerticalAlignment="Top" Width="74" Text="Nome:" TextAlignment="Right" />
         <TextBox Height="23" HorizontalAlignment="Left" Margin="86,6,0,0" Name="txtNome" VerticalAlignment="Top" Width="282" />
         <TextBlock Text="Empresa:" Height="20" HorizontalAlignment="Left" Margin="6,37,0,0" VerticalAlignment="Top" Width="74" TextAlignment="Right" />
         <TextBlock Text="Cargo:" Height="20" HorizontalAlignment="Left" Margin="6,66,0,0" VerticalAlignment="Top" Width="74" TextAlignment="Right" />
         <TextBlock Text="E-mail:" Height="20" HorizontalAlignment="Left" Margin="6,94,0,0" VerticalAlignment="Top" Width="74" TextAlignment="Right" />
         <TextBlock Text="Telefone:" HorizontalAlignment="Left" Margin="6,123,0,107" Width="74" TextAlignment="Right" />
         <TextBlock Text="Observações:" Height="20" HorizontalAlignment="Left" Margin="0,149,0,0" VerticalAlignment="Top" Width="80" TextAlignment="Right" />
         <TextBox Height="23" HorizontalAlignment="Left" Margin="86,35,0,0" Name="txtEmpresa" VerticalAlignment="Top" Width="282" />
         <TextBox Height="23" HorizontalAlignment="Left" Margin="86,64,0,0" Name="txtCargo" VerticalAlignment="Top" Width="282" />
         <TextBox Height="23" HorizontalAlignment="Left" Margin="86,92,0,0" Name="txtEmail" VerticalAlignment="Top" Width="282" />
         <TextBox Height="23" HorizontalAlignment="Left" Margin="86,121,0,0" Name="txtDDI" VerticalAlignment="Top" Width="41" />
         <TextBox Height="23" HorizontalAlignment="Left" Margin="133,121,0,0" Name="txtDDD" VerticalAlignment="Top" Width="41" />
         <TextBox Height="23" HorizontalAlignment="Left" Margin="180,121,0,0" Name="txtTelefone" VerticalAlignment="Top" Width="188" />
         <TextBox Height="95" HorizontalAlignment="Left" Margin="86,149,0,0" Name="txtObservacoes" VerticalAlignment="Top" Width="282" />
 </Grid>

5. Aumente o tamanho da página “Height” e arraste dois controles Button, botões Salvar e Cancelar. Altere as suas propriedades Content e Name respectivamente.

clip_image018

Imagem da página criada:

clip_image020

Código XAML completo da página:

<UserControl x:Class="FirstSilverlightApplication.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="328" d:DesignWidth="400" xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk">

    <Grid x:Name="LayoutRoot" Background="White">
        <TextBlock Height="28" HorizontalAlignment="Left" Margin="12,12,0,0" VerticalAlignment="Top" Width="120" Text="Contatos" FontSize="14" FontWeight="Bold" />
        <Border BorderBrush="Silver" BorderThickness="1" Height="252" HorizontalAlignment="Left" Margin="12,36,0,0" Name="border1" VerticalAlignment="Top" Width="376" CornerRadius="5">
            <Grid>
                <TextBlock Height="20" HorizontalAlignment="Left" Margin="6,9,0,0" VerticalAlignment="Top" Width="74" Text="Nome:" TextAlignment="Right" />
                <TextBox Height="23" HorizontalAlignment="Left" Margin="86,6,0,0" Name="txtNome" VerticalAlignment="Top" Width="282" />
                <TextBlock Text="Empresa:" Height="20" HorizontalAlignment="Left" Margin="6,37,0,0" VerticalAlignment="Top" Width="74" TextAlignment="Right" />
                <TextBlock Text="Cargo:" Height="20" HorizontalAlignment="Left" Margin="6,66,0,0" VerticalAlignment="Top" Width="74" TextAlignment="Right" />
                <TextBlock Text="E-mail:" Height="20" HorizontalAlignment="Left" Margin="6,94,0,0" VerticalAlignment="Top" Width="74" TextAlignment="Right" />
                <TextBlock Text="Telefone:" HorizontalAlignment="Left" Margin="6,123,0,107" Width="74" TextAlignment="Right" />
                <TextBlock Text="Observações:" Height="20" HorizontalAlignment="Left" Margin="0,149,0,0" VerticalAlignment="Top" Width="80" TextAlignment="Right" />
                <TextBox Height="23" HorizontalAlignment="Left" Margin="86,35,0,0" Name="txtEmpresa" VerticalAlignment="Top" Width="282" />
                <TextBox Height="23" HorizontalAlignment="Left" Margin="86,64,0,0" Name="txtCargo" VerticalAlignment="Top" Width="282" />
                <TextBox Height="23" HorizontalAlignment="Left" Margin="86,92,0,0" Name="txtEmail" VerticalAlignment="Top" Width="282" />
                <TextBox Height="23" HorizontalAlignment="Left" Margin="86,121,0,0" Name="txtDDI" VerticalAlignment="Top" Width="41" />
                <TextBox Height="23" HorizontalAlignment="Left" Margin="133,121,0,0" Name="txtDDD" VerticalAlignment="Top" Width="41" />
                <TextBox Height="23" HorizontalAlignment="Left" Margin="180,121,0,0" Name="txtTelefone" VerticalAlignment="Top" Width="188" />
                <TextBox Height="95" HorizontalAlignment="Left" Margin="86,149,0,0" Name="txtObservacoes" VerticalAlignment="Top" Width="282" />
            </Grid>
        </Border>
        <Button Content="Cancelar" Height="23" HorizontalAlignment="Left" Margin="93,294,0,0" Name="btnCancelar" VerticalAlignment="Top" Width="75" />
        <Button Content="Salvar" Height="23" HorizontalAlignment="Left" Margin="12,294,0,0" Name="btnSalvar" VerticalAlignment="Top" Width="75" />
    </Grid>
</UserControl>

Nos próximos artigos de Silverlight estaremos complementando essa pequena aplicação, iremos criar o Grid para a listagem de contatos, botões de inclusão, edição e deleção. Utilizaremos WCF para acesso aos dados.

O WCF para quem não conhece é um poderoso framework para a criação de aplicações orientadas a serviço.

Até o próximo artigo!

Jul 12

Criando uma aplicação WPF – Parte 1

Escrito por Alexandre Tadashi em .NET, 1, 4, 6, abas, app, AR, Arquitetura, arte, Artigo, Banco de Dados, blog, Blogs, botão, C#, camp, class, Class Library, classe, classes, comunidade, control, Controles, dados, demo, Desenvolvimento, Documentação, email, Entity Framework, exemplo, for, framework, Frameworks, git, Google, Hibernate, IE, if, image, Java, library, map, mg, Microsoft, O, on, Orientação, Orientação a Objetos, Outros, padrão, painel, processo, Projetos, pt, RIA, Ria’s Geral, server, servidor, silverlight, SQL Server, Sun, tag, TAT, Tema, template, tool, Tutoriais, Tutorial, UI, UX, Visual Studio, Visual Studio 2010, WPF, XP @ 07 12th, 2010 | via http://alexandretadashi.net/ | 1 comentário
Alexandre Tadashi
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »

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 Contato.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 Contato.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
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 :

Jul 3

DataValidation – Silverlight 4

Escrito por Robson Fernandes em 1, 4, 6, app, AR, back, BI, blog, C#, camp, carregar, case, class, classe, cliente, código, control, Controles, CSharp, Curso, Cursos, dados, demo, Design, Dica, Dicas, Download, err, erro, error, exemplo, fonte, for, Google, ide, IE, if, image, int, interface, Java, Javascript, layout, library, mg, Microsoft, MSDN, NaN, News, O, on, override, padrão, Pessoal, pt, Review, RIA, Ria’s Geral, RoR, Scroll, silverlight, Silverlight - Core, SilverLight - Design, Silverlight - Dicas, SilverLight - News, Silverlight - XAML, Silverlight 3, Silverlight 4, Software, string, TAT, UI, validação, vs, wow, XAML, XML @ 07 3rd, 2010 | via http://www.riasoftware.com.br/blog/ | 3 comentários
Robson Fernandes
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »



INTRODUÇÃO

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

PREVIEW

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

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

DataValidation - Silverlight 4


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

robson_fernandes_riasoftware_datavalidation_silverlight_02

CÓDIGO C#

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

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

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

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

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

					//Por padrão, retorna null
                    default:

                                     return null;

                }
             }
        }
    }

CÓDIGO XAML

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

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

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

CÓDIGO C#

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

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

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


APLICAÇÃO – RUN

Abaixo temos a aplicação final executando.

DOWNLOAD

Fontes Silverlight Completo-> DataValidationApp

Abraços pessoal!

Robson Fernandes


Jun 23

Behavior de Fullscreen para Silverlight

Escrito por Kelps Sousa em .NET, 1, 4, 6, action, app, AR, Asp.Net, Behavior, Behaviors, BI, Blend, blog, class, codeplex, código, control, Controles, Download, event, exemplo, expression, Expression Gallery, full screen, FullScreen, Google, helpers, IE, image, int, library, Links, mg, Microsoft, monitor, News, novidade, Novidades, O, on, padrão, pt, RIA, Ria’s Geral, screen, silverlight, Silverlight 4, UI, Vídeo, window, windows, WPF, XP @ 06 23rd, 2010 | via http://kelps-sousa.blogspot.com/ | Sem comentários
Kelps Sousa
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »

Publiquei mais uma behavior no Expression Gallery hoje. Dessa vez foi uma behavior bem simples que serve para mudar o estado de full screen da aplicação. Essa behavior é do tipo Action, ou seja, você pode escolher qual trigger vai dispará-la. A trigger padrão que o Blend coloca é a EventTrigger, mas qualquer outra trigger pode ser utilizada.

image

A behavior também tem um segunda propriedade que serve para definir que a aplicação deve continuar em full screen caso perda o foco. Esse comportamento é uma das novidades do Silverlight 4 e pode ser usado, por exemplo, para deixar um vídeo rodando em fullscreen em um monitor enquanto trabalhamos no outro.

O código usado para realizar essas tarefas é muito simples, como pode ser visto abaixo:

1
//Código para mudar o fullscreen Application.Current.Host.Content.IsFullScreen = !Application.Current.Host.Content.IsFullScreen;    <p></p> //Código para manter a janela em fullscreen em outro monitor Application.Current.Host.Content.FullScreenOptions = System.Windows.Interop.FullScreenOptions.StaysFullScreenWhenUnfocused;

Seguem abaixo os links:

  • Página com exemplo no Expression Gallery : http://gallery.expression.microsoft.com/en-us/FullScreenAction
  • Projeto no Codeplex : http://cnzklibrary.codeplex.com/

O projeto do Codeplex onde está essa behavior vai continuar recebendo adições como essa. Tenho várias outras behaviors que estou planejando migrar pra lá assim como bibliotecas de controles e helpers que também terão versões para WPF e ASP.NET quando fizer sentido.

Abr 23

Novidades – JavaFX 1.3 Released!

Escrito por Robson Fernandes em 1, 3d, 4, 6, action, Actionscript, ActionScript 3, Adobe, Adobe Flex, Animação, Animações, api, Aplicativos, app, apple, AR, back, Beta, BI, blog, class, classe, classes, cliente, control, Controles, Controls, css, Curso, Cursos, custom, dados, desempenho, Desenvolvimento, development, exemplo, Flex, fonte, for, Google, html, ide, IE, image, int, interface, Java, JavaFX, JavaFx - Core, JavaFx - Design, JavaFx - Dicas, JavaFx - Plugins, JavaFx - Tools, layout, lista, Mac, mg, mobile, NaN, News, noticia, novidade, Novidades, Number, O, on, padrão, Pessoal, platform, pt, RIA, Ria’s Geral, SEO, Software, state, string, Sun, TAT, tool, tooltip, tv, UI, Ved @ 04 23rd, 2010 | via http://www.riasoftware.com.br/blog/ | Sem comentários
Robson Fernandes
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »

JavaFX News

Boa noite pessoal!

Super noticia!!! Foi lançado ontem 22/04/2010, a versão release do JavaFX 1.3, e novidades muito interessantes foram adicionadas, que vão desde a performance dos aplicativos, até a inclusão de novos controles.



NOVOS RECURSOS

* Novos controles de interface de usuário, CSS, e layout
* A família de fontes nativas no JavaFX chamado Amble
* Suporte para o desenvolvimento de aplicações em TV
* Melhorias para aplicações móveis, com a disponibilidade do emulador móvel na plataforma Mac
* Melhorias nos recursos de edição no NetBeans IDE 6.9 Beta
* Novas funcionalidades e melhor desempenho no JavaFX Production Suite
* O desempenho Bind: 2-3x mais rápido
* O tempo Applet start-up: 20% mais rápido (com o Java SE 6u18 +)
* Texto de Animação: 5-10x mais rápido
* Animações altamente complexas: até 10x mais rápido
* Memória: 20-33% de redução
(com o Java SE 6u18 +)
* UI Controls: 50% mais rápido, 33% -50% menos memória (típico)



UI CONTROLS

A classe

1
ChoiceBox

fornece suporte para a criação de uma lista de opções . Por padrão, o ChoiceBox tem a caixa de opções fechada, e o primeiro item é selecionado. Você pode manipular os itens através das propriedades 

1
selectedIndex

e

1
selectedItem

. Idêntico ao ActionScript 3 do Adobe Flex. hehehe…

Choice Box UI Control

1 – Choice Box UI Control



A classe

1
ListView

exibe uma lista horizontal ou vertical de itens a partir da qual o usuário pode selecionar ou interagir. A

1
ListView

é construído a partir de uma seqüência de “itens”, que pode ser qualquer tipo de dados. Por exemplo, pode ser uma seqüência de

1
String

,

1
Number

, ou classes customizadas como “Clientes” por exemplo.

ListView Control Vertical e Horizontal

2 – ListView Control Vertical e Horizontal



A classe

1
Tooltip

pode ser usada para exibir informações adicionais sobre um determinado controle de interface. O Tooltip é apresentado, a partir do momento que o cursor do mouse passar sobre determinado controle.

Tooltip

3 – Tooltip


Acessem agora mesmo, e confira todas as novidades do JavaFX
Obrigado! E viva o mundos das RIAs!

Robson Fernandes

Abr 21

Silverlight 4 – Novo xaml parser e suporte namespaces xml

Escrito por Kelps Sousa em .NET, 1, 4, 6, api, AR, arte, BI, Blend, blog, Blogs, class, codeplex, código, código fonte, control, Controles, Controls, Curso, Cursos, custom, demo, Dica, Dicas, Diversos, dll, exemplo, expression, Expression Blend, fonte, for, framework, Frameworks, Geral, Google, ide, IE, if, image, int, kit, mg, Microsoft, MSDN, News, novidade, Novidades, O, on, padrão, procura, Projetos, pt, referencia, RIA, Ria’s Geral, SDK, silverlight, Silverlight 4, TAT, tool, toolkit, UI, UX, Vários, Visual Studio, Visual Studio 2010, window, windows, XAML, XML, XP @ 04 21st, 2010 | via http://kelps-sousa.blogspot.com/ | Sem comentários
Kelps Sousa
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »

O Silverlight 4 foi lançado na semana passada é já existe uma tonelada de posts com informações a respeito das novidades. Eu estava lendo um post do blog do Silverlight SDK e encontrei uma novidade interessante sobre a qual não se está falando muito. O parser de xaml do Silverlight 4 agora respeita corretamente as definições de namespace xml. Isso tem várias implicações:

  • Agora o namespace padrão dos seus arquivos xml não precisa mais ser “http://schemas.microsoft.com/winfx/2006/xaml/presentation”. Você pode mudar se for útil/necessário para sua aplicação (por exemplo, se você estiver gerando xaml dinamicamente utilizando apenas controles customizados).
  • Com esse suporte, agora é possível criar os seus próprios namespaces, agrupando vários namespaces da sua apliação ou mesmo de diversos assemblies distintos.
  • Frameworks como o Silverlight Toolkit e o SDK já estão tirando proveito disso, definindo seus próprios namespaces para simplificar sua utilização e eliminar a necessidade de ter que conhecer toda a estrutura desses projetos para saber onde estão os controles que queremos usar.

Ou seja, agora é possível ter acesso a todos os controles do Silverlight Toolkit ou SDK acrescentando apenas 2 namespaces na sua tela, como abaixo (mas lembre-se que ainda é necessário fazer referencias as dlls):

1
xmlns:toolkit=”http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit xmlns:sdk=”http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk

Tudo isso é muito interessante e muito legal mas o que me deixou intrigado é que eu não estava conseguindo encontrar informações em nenhum lugar que explicassem como é que eu poderia fazer meus frameworks e apis tirarem proveito desses recursos. Cheguei até a achar por um momento que esses novos namespaces estivesses fixos no Silverlight 4, mas como não era esse o discurso, tinha que have um jeito de implementarmos isso em nossas aplicações.

Foi então que eu tive a idéia de seguir um conselho que o Scott Hanselman vive repetindo quase como um mantra que é “ler código alheio para se tornar um programador melhor”. Tendo isso em mente eu fui ao codeplex e comecei a fuçar no código fonte do Silverlight Toolkit, até que achei o que estava procurando. Para que você possa tirar proveito desse recurso em suas próprias aplicações e frameworks, basta marcar o assembly com os atributos XmlnsPrefix e XmlnsDefinition, como demonstrado abaixo:

1
[assembly: XmlnsPrefix(http://schemas.wf.com.br/sdk, &quot;wf&quot;)] [assembly: XmlnsDefinition(http://schemas.wf.com.br/sdk, &quot;WF.Silverlight&quot;)] [assembly: XmlnsDefinition(http://schemas.wf.com.br/sdk, &quot;WF.Silverlight.Controles&quot;)]

O lugar ideal para definir esses atributos é no arquivo AssemblyInfo do projeto. Para poder utilizar esses atributos é necessário referenciar o namespace System.Windows.Markup nas instruções de using no top da página.

O atributo XmlnsPrefix serve para criar um namespace e pré-definir qual será o seu prefixo quando um controle for adicionado diretamente pelo Visual Studio ou Expression Blend. Geralmente haverá apenas 1 atributo desse por projeto.

O atributo XmlnsDefinition é o responsável por vincular um namespace xml com um namespace do assembly. Esse atributo pode ser adicionado ao assembly quantas vezes for necessário. Geralmente haverá um atributo desse para cada namespace do assembly que contenha controles ou elementos que se deseja disponibilizar no xaml.

Uma coisa muito interessante que eu descobri é que os namespaces que você criar aparecem no intellisense do Visual Studio 2010, como pode ser visto abaixo:

 image

Espero que essas dicas tenham sido úteis. Eu sei que vou tirar proveito dessa nova funcionalidade nos meus próximos projetos.

Mar 24

Treinamento Online – Desenvolvendo com Flex e .Net

Escrito por Vinícius Sandim em .NET, 1, 6, action, Action Script, Adobe, Adobe Flex, app, Apresentação, AR, back, botão, C#.net, comparação, control, Controles, DataGrid, Desenvolvimento, developer, Flex, fluorine, FluorineFx, for, framework, game, ide, IE, int, internet, Microsoft, MXML, O, on, Outros, pagamento, pagSeguro, programação, pt, Revisão, RIA, Ria’s Geral, Rich Internet Application, Sugestões, tag, TAT, Treinamento, UI, Vagas, Visual Studio, web, XML, XP, zend @ 03 24th, 2010 | via http://www.viniciussandim.com | Sem comentários
Vinícius Sandim
? X
  • Bookmarks

Blinkbits BlinkLists BlogLines Blogmarks Buddymarks CiteULike Co.mments Del.icio.us Digg Diigo

Fark Feed Me Links Furl Google Linkagogo ma.gnolia Mister Wong Newsvine Propeller Rawsugar

Reddit Rojo Simpy Sphinn Spurl Squidoo StumbleUpon Tailrank Technorati Yahoo

More »

Depois de muitas promessas, finalmente estou abrindo uma nova turma do treinamento de Flex com .Net.

Assim como os outros, este será um treinamento VIP, limitado a 12 participantes, para que todas as dúvidas sejam solucionadas durante o desenrolar do treinamento.

Mais detalhes:

CONTEÚDO

  • Rich Internet Applications;
  • Soluções que implementam RIA’s atualmente;
  • Quem usa Flex™;
  • Flex™ Buider 3;
  • Anatomia de um projeto Flex™;
  • MXML e Action Script;
  • Tour de Flex;
  • Principais controles;
  • Containers;
  • Datagrid;
  • Integração com back-end;
  • Comparação entre formas de integração;
  • Integração com Microsoft® .net™;
  • FluorineFx;
  • Serialização de objetos.
  • Trazendo informações dinâmicas via Remote Object;
  • Desenvolvimento de aplicação (Agenda de Contatos);
  • Publicando minha aplicação;
  • Framework caching;
  • Finalizando;

REQUISITOS

  • Conhecimentos básicos em Programação Orientada a Objeto;
  • Visual Studio 2005 ou Visual Web Developer Express 2005 instalado;
  • Adobe Flex Buider 3 instalado;

OBJETIVO

  • Capacitar todos os participantes a criar aplicações ricas para a internet usando o Flex™ como camada de apresentação e Microsoft® .net™ como camada de persistência.

PROGRAMAÇÃO

  • Carga Horária: 16 Horas;
  • Horário Previsto: 09:00 as 13:00hs;
  • Dia da Semana: Sábado;
  • Previsão Início: Abril/2010;
  • Previsão Fim: Maio/2010;
  • Vagas: 12 participantes;
  • Local: Adobe Connect;
  • Investimento: R$ 285,00;
  • Forma de Pagamento:
    • Boleto Bancário;
    • Cartão de Crédito (Em até 12x com PagSeguro);

Para se inscrever, use o botão abaixo e escolha a melhor forma de pagamento:

Dúvidas ou sugestões, entre em contato através do e-mail treinamento@viniciussandim.com.

« Entradas anteriores | Entradas recentes »

ACERCA

O que é o RedeRIA ?

O redeRIA não é nada mais que um agregador de feed's que disponibiliza o conteudo de varios blogs e autores ao redor do mundo RIA, actualmente agregamos mais de 2791 entradas vindas de 53 blogs especializados em ria’s, pelo que só fica a ganhar em assinar o feed ou seguir a comunidade no twitter.

Se acha que o seu blog ou um blog de um amigo é interessante e util para os leitores o redeRIA, faça a sua submissão aqui.

Feed: assine já
Twitter: siga-nos

GOOGLE

Votação


Deveria o RedeRia agregar conteúdo em inglês?
Ver Resultados

AUTORES


Eduardo KrausAlexandre TadashiBindableCognitiva SoluçõesDaniel LopesDaniel SchmitzDanielPedrinhaDClick TeamEbercomEdgard DavidsonElvis FernandesErko BrideeFabiel PrestesFábio Batista da SilvaFabio da SilvaFabriccio BernardesFelipe BorellaFlavia MoreiraGabriel VersalliniGabriela T. PerryIgor MusardoJanderson CardosoJoão AugustoJose Carlos FielKelps SousaLeonardo FrançaLucas MarçalLuis MessiasLuiz TarabalMario JuniorMário SantosMauro MartinsPablo SouzaPedro ClaudioreneRia BrazilriaPTRicardo CerqueiraRobson FernandesRodrigo Pereira FragaSaintBrSamuelFacchinelloSergio SouzaSilva DeveloperStefan HorochovecTech CaffeTecinforThiago BuenoVedVinícius SandimWillian ManoXAML Cast

PUBLICIDADE








Powered by Wordpress & msdevstudio.com