O MVC para ASP.NET já era Open Souce desde a primeira versão 1.0. Devido a isso não entrei no barulho que foi feito quando anunciaram recentemente que o MVC teria sido colocado sobre licença Open Souce. Fiz minha primeira palestra sobre o MVC no Eco Developers em Junho de 2009, na época ouvi comentários: “Não sei se isso vai pegar”, “Isso é voltar ao ASP3”, “Vou ter mais trabalho com o MVC”. Não sei se virou modinha usar MVC hoje em dia mas os comentários positivos e gurus sobre o assunto crescerem bastante.

Independente das mudanças de comportamento vamos ao que interessa:

1. O ASP.NET MVC é open source desde a versão 1.0
2. Outros produtos foram incorporados ao framework, produtos esses também sob licença open source: jQuery, jQuery UI, jQuery Mobile, jQuery Validation, Modernizr.js, NuGet, Knockout.js eJ SON.NET
3. O que foi públicado recentemente é que o ASP.NET Web API e ASP.NET Web Pages (conhecido como Razor) foram liberados sobre a licença Apache 2.0 e que seus códigos fontes estão publicados no codeplex.

E daí? O que ganho com isso? (Uma vez falei isso em uma lista e tomei muita porrada)

O ASP.NET MVC é ainda um produto suportado pela Microsoft e vai ser liberado em suas entregas do .NET Framework e do Visual Studio, seu desenvolvimento vai ser realizado pelo time da própria Microsoft, no entanto podemos baixar atualizações e correções sem precisar esperar a próxima versão ou update, basta estar ligado no projeto pelo codeplex.

Para conhecer o projeto open souce acesse o codeplex:

http://aspnetwebstack.codeplex.com/

[]´s

Lino

Referências:

http://weblogs.asp.net/scottgu/archive/2012/03/27/asp-net-mvc-web-api-razor-and-open-source.aspx

http://www.hanselman.com/blog/ASPNETMVC4

Outro recurso interessante sobre o Bundling e Minification é a capacidade de explorar recursos do browser do cliente para gerar uma cache local dos seus arquivos de estilo e javascript. Ou seja, quando o cliente acessar nosso site pela primeira vez vamos enviar todo conteúdo necessário para apresentação do site, com esse conteúdo o browser vai armazenar localmente na máquina do cliente a versão dos nossos estilos e scripts para que a próxima vez que o site receber essa visita o desempenho vai ser superior, pois não vai ser necessário baixar novamente esse conteúdo.

O Framework 4.5 do ASP.NET e inclusive o MVC 4 possuem esse recurso, para utilizarmos precisamos colocar:

<link href="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Content/css")" rel="stylesheet" type="text/css" />
 <link href="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Content/themes/base/css")" rel="stylesheet" type="text/css" />
 <script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Scripts/js")"></script>

O próprio gerente de produto do ASP.NET comentou que é um pouco grande esse helper: System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl . No entanto ele é o responsável para que a cache seja criada no browser.

Olhando o código fonte da página vamos observar uma string mágica que é um hash dos arquivos que estão sendo feito o Bundling e Minification, esse hash vai ser gerado automaticamente a partir dos arquivos, ou seja, caso alguma modificação seja realizada em qualquer arquivo de estilho ou de script o hash a ser gerado vai ser outro e automaticamente o browser do cliente ao verificar esse hash vai perceber a modificação e então vai baixar os novos arquivos limpando a cache anterior.

Podemos realizar esses mesmos recursos via código para uma maior customização. Veja mais no blog do Scott Guthrie

Veja mais sobre o assunto em:

Referências:

http://weblogs.asp.net/scottgu/archive/2011/11/27/new-bundling-and-minification-support-asp-net-4-5-series.aspx

http://weblogs.asp.net/scottgu/archive/2012/02/19/asp-net-mvc-4-beta.aspx

Não deixe de ver esse vídeo:

http://channel9.msdn.com/Events/TechDays/Techdays-2012-the-Netherlands/2364/player?w=956&h=484

Abraço e até a próxima.

Lino

O MVC 4 já chegou, está em beta e pode ser baixado e testado publicamente. Para isso aqui vai o link para conhecer mais: http://www.asp.net/mvc/mvc4

Algumas novidades do MVC4 são também novidades do Framework ASP.NET, logo muita coisa que vai vir no ASP.NET 4.5 vai beneficiar tanto os projetos desenvolvidos em MVC ou WebForms.

Um recurso interessante lançado e que podemos já testar é o Bundling and Minification. Uma breve explicação:

Bundling: É o processo de agrupar em apenas um arquivo javascript todos os outros arquivos existentes na solução web, ou seja, se temos dez arquivos javascript que vão ser utilizados no site vamos enviar apenas um com o objetivo de otimizar a solução reduzindo o tempo de envio de arquivos. Serve para folhas de estilo também (css).

Minification: É o processo de remover todos os caracteres em branco (espaços), comentários, quebras de linha. O objetivo para reduzir a quantidade de caracteres e consequentemente o tamanho final do arquivo, com isso otimizar o desempenho de um site reduzindo o tamanho dos arquivos de javascript e estilos (css) enviados ao cliente.

Por que realizar Bundling and Minification?
- Para otimizar o desempenho de recebimento dos arquivos essenciais do site para a máquina do cliente.

Por que otimizar esse envio?
- Para melhorar experiência do usuário e em cenários onde há acessos via smartphones é imprescindível para reduzir o trafego de dados.

Desafios:

• Automatizar o processo de Bundling and Minification
• Manter versões reduzidas para o deploy da solução e ao mesmo tempo manter versões em alto nível para facilitar desenvolvimento e manutenção dos códigos pelo time de desenvolvimento.

Com a versão beta do MVC4 já podemos testar e resolver esses desafios de forma nativa. O próprio Visual Studio faz o Bundling and Minification dos arquivos de forma natural e mantêm as versões em alto nível para a equipe de desenvolvimento e desing.

Vamos aos exemplos para demonstrar a otimização de acesso:

O exemplo abaixo foi realizado com o projeto padrão do próprio ASP.NET MVC 4 Beta. Com o novo template que o mesmo trouxe, foi feito acesso a página inicial com o tempo de duração e tamanho dos arquivos necessários para execução da página e estilos. Comparando os resultados observe a melhoria em performance.

Imagem 01 – Observem a quantidade de arquivos e o tempo de download dos arquivos.

Imagem 02 – Menor quantidade de arquivos, tempo e dados para baixar o mesmo conteúdo

E como usamos o recurso de Bundling and Minification? É simples basta usar a sintaxe a seguir no momento de referenciar os arquivos de javascript e css:

Ao invés de continuar referenciando as folhas de estilo dessa forma:

Imagem 03 – Referência Folha Estilo

Faça:

Imagem 04 – Bundling and Minification com folhas de estilo no MVC 4 Beta

Onde o diretório styles foi mencionado e o conteúdo dele com folhas de estilo css

Da mesma forma para arquivos JavaScript:

Imagem 05 – Bundling and Minification com arquivos Javascript

Onde o diretório scripts foi mencionado e conteúdo dele com javascript js

É isso aí espero otimizar os sites de vocês.

No próximo post vou mostrar como fazer Bundling and Minification e ainda explorar recursos do browser do cliente para fazer cache dos nossos arquivos de javascript e css no browser do cliente. Aguardem…

Abraços

Lino

Referências:

http://weblogs.asp.net/scottgu/archive/2011/11/27/new-bundling-and-minification-support-asp-net-4-5-series.aspx

http://weblogs.asp.net/scottgu/archive/2012/02/19/asp-net-mvc-4-beta.aspx

MVA (Microsoft Virtual Academy) oferece formação profissional através de carreiras inteiras em diferentes níveis (iniciante, intermediário ou avançado) e cursos especiais em produtos e tecnologias Microsoft. Os participantes também recebem apoio através de fóruns específicos, e uma biblioteca técnica, propriamente dita. Você pode treinar, por exemplo, Windows 7, Implementação de Nuvem Privada, VDI e MED-V, entre outros temas, de forma gratuita e prática.

Conheça o MVA www.microsoftvirtualacademy.com

Como todos sabem o Visual Studio 2010, seja com o SP1 ou não, tem por padrão instalado o MVC 2.  No entanto, muitos projetos já estão sendo desenvolvidos em MVC 3, devido as várias melhorias e novas funcionalidades (Razor, Global Filters, etc).
Quando precisamos realizar deploy das nossas aplicações encontramos host’s com suporte ao MVC 3, porém esse “suporte” dos servidores não possuem as dll’s globais registradas e utilizadas pelo MVC3.

Para contornar essa situação basta enviar as dll’s com suas versões utilizadas pela versão três e sua aplicação estará funcionando perfeitamente. Incluindo versões mais atualizadas do Entity Framework 4.1.

Você tem duas opções para enviar todas referências necessárias:

1- Tentativa e erro. (Mande as que você acha que são necessárias, colocando “Copy Local = True” e vai evoluindo os erros do server até conseguir, com o risco de enviar coisas desnecessárias e ser considerado um newbie).

2- Ler essa dica e aprender fazer do jeito certo.

Para incluir no seu projeto as “Deployable Dependencies” basta clicar com o botão direito do mouse sobre o seu projeto MVC 3 e selecionar a opção: Add Deployable Dependencies. Ou então no menu do Visual Studio em Project > Add Deployable Dependencies

Imagem01: Opção do Menu

Imagem02: Dependências resolvidas e prontas para o deploy.

Referências:

http://haacked.com/archive/2011/05/25/bin-deploying-asp-net-mvc-3.aspx

Um metrô de New York tem capacidade de 1.200 pessoas por vez. Esse blog recebeu 4.200 visitas em 2011. Se esse blog fosse um metrô, teria que haver 04 viagens para levar todos visitantes.

Clique aqui e veja o relatório completo.

Gostaria de alertar a comunidade para um grande evento a ser realizado em Goiânia no final do mês de outubro de 2011.
O objetivo desse post é divulgar o evento e também convidar os senhores para minha apresentação no dia 29/10/2011, Sábado. Eu irei falar sobre o Team Foundation Server e especificamente sobre a customização dos templates utilizados pela ferramenta. Esse template pode ser customizado e este será o objetivo da minha apresentação mostrar como a ferramenta é flexível e pode ser utilizada para diversos ambientes de desenvolvimento independente da plataforma utilizada. Não deixe de conferir na trilha .NET a palestra:

14:10 às 15:00 Customizando templates de projetos (MSF, CMMI, Scrum) do Team Fountation Server para adaptação ao processo de desenvolvimento de software.
José Lino Neto (Pensou.NET)

O TDC é um evento muito maior e possui trilhas em diversos segmentos e diferentes plataformas, então não deixe de conferir tudo que o evento vai oferecer e participe.

Esse link é para conferir as trilhas que vão ocorrer:
http://www.thedevelopersconference.com.br/tdc/2011/index.html#goiania

Esse link é para a agenda da trilha de .Net o qual estou envolvido:
http://www.thedevelopersconference.com.br/tdc/2011/goiania/trilha-dot-net#programacao

Lembrando que o TDC é um evento que aconteceu em outras cidades do país e agora chegou em Goiânia, então não fique de fora desse mega evento. Confira esses outros links algumas fotos, vídeos que rolaram em outras cidades:
http://www.thedevelopersconference.com.br/tdc/2011/florianopolis/fotos
http://www.thedevelopersconference.com.br/tdc/2011/saopaulo/videos/

Para fazer sua inscrição acesse esse outro link, no entanto como participante tenho uma entrada para ser presenteada a algum amigo ou cliente, logo me enviem um email até o dia 23 de Outubro que irei sortear entre os interessados. Não percam tempo.

#TDC2011 – Participem!

Como definir um elemento <select>  <option></option>  </select> do HTML conhecido em ASP.NET como DropDownlist tendo como selecionado o item desejado?

Por exemplo, temos duas entidades relacionadas entre si, Produto e Categoria. Cada produto tem então um relacionamento com categoria.

Vamos então imaginar uma View onde vamos editar um Produto. Precisamos oferecer a opção de trocar também a categoria do produto, para isso precisamos informar quais categoria temos cadastradas e o mais importante para usabilidade, pré-selecionar a categoria (dentre as listadas) o qual o produto se relaciona.

Vamos imaginar um produto (Xbox 360) relacionado com uma categoria (Consoles), ao editar esse produto a DropDownList precisa ter todas as categorias e deve estar selecionada a categoria (Consoles), mesmo que não seja ela a primeira da lista.

Se fosse em ASP.NET no code behind iriamos definir o SelectedIndex de acordo com o Id da categoria, o controle DropDownlist iria salvar o dia.

E em ASP.NET MVC?

Temos um extension method definido nos Html Helpers conhecido como Html.DropDownList

O mesmo tem uma implementação que espera um SelectList (veja mais sobre SelectList em: MSDN Library http://msdn.microsoft.com/en-us/library/system.web.mvc.selectlist.aspx ).

Ficou simples agora, precisamos então criar uma SelectList e retornar para a View a mesma, para que o Helper crie o elemento <select> e possa selecionar a opção desejada.

Mas como?

Esse mesmo helper espera um item presente na ViewData do MVC com um identificador contendo a lista de itens e o qual deles é o selecionado. Então vamos aos exemplos:

No controller você vai selecionar todos os registros existentes de categorias e informar quais são as propriedades que possuem o valor e o texto a ser apresentado no <select> e também qual o item a ser selecionado. E ao mesmo tempo retornar isso para ViewData, nesse caso utilizando o dinâmico ViewBag.

Exemplo:

ViewBag.Categoria = new SelectList(negocioCategoria.Listar(), "CategoriaId", "Nome", entidade.Categoria.CategoriaId);

• O primeiro parâmetro desse construtor recebe um IEnumerable com todos elementos, ou seja, são todas as minhas categorias.
• O segundo parâmetro recebe qual propriedade vai conter o Valor do <select>
• O terceiro recebe qual propriedade vai conter o texto desse valor
• O quarto e último recebe qual código é o selecionado, ou seja, aquele que esta relacionado com o produto no caso. Nesse exemplo o objeto entidade já foi preenchido e já tem o objeto relacionado também preenchido.

Depois disso na View precisamos apenas chamar o nosso Helper e passar para ele o campo dinâmico que criamos na ViewBag, aqui no exemplo ViewBag.Categoria. Exemplo:

@Html.DropDownList("Categoria", string.Empty)

Espero que ajudem os desenvolvedores leitores desse blog.

Aguardo feedback.

[]´s

Lino

Como realizar o handle de exceptions de suas actions presentes nos controles do ASP.NET MVC?

Podemos herdar o HandleErrorAttribute e criar nosso próprio atributo. E podemos então sobrepor o evento OnException e codificar o que devemos ou não fazer com a exceção que foi disparada.

Abaixo um exemplo de código onde faço a herança e implemento o evento. O seu conteúdo está usando o Enterprise Library para tomar outras ações como registrar log e informar ao usuário mensagens amigáveis e não de sistema. Outro post comentamos sobre o EL.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using MensagemException;
using Microsoft.Practices.EnterpriseLibrary.ExceptionHandling;

namespace ViewMvc
{
    public class ErroSistema : HandleErrorAttribute
    {
        public override void OnException(ExceptionContext filterContext)
        {
            Exception erro = filterContext.Exception;
            Exception novoErro;
            bool rethrow = ExceptionPolicy.HandleException(erro, "Policy", out novoErro);

            base.OnException(filterContext);
        }
    }
}

Para utilizar o atributo basta ir à declaração da Action e colocar a declaração do atributo:

        [HttpPost]
        [ErroSistema]
        public ActionResult Novo(FormCollection colecao, Contato entidade)
        {
           // Aqui tem código...
           // ....
        }

Ou então se estiver usando o MVC 3 pode registrar esse atributo para toda aplicação devido aos Global Filters presente no seu Global.asax Exemplo:

public static void RegisterGlobalFilters(GlobalFilterCollection filters)
{
    //filters.Add(new HandleErrorAttribute());
    filters.Add(new ErroSistema { View = "Error" });
}

Lembre-se: Sempre colocar o web.config para mostrar custom errors e não aquela página de erro tradicional do .net.

<customErrors mode="RemoteOnly" />

A instalação padrão do TFS vem com dois templates: MSF Agile e CMMI. O guia de ambos podem ser encontrados em:

MSF for Agile Software Development Process Guidance

MSF for CMMI Process Improvement Guidance

Veja o fluxo de ambos em:

http://msmvps.com/blogs/vstsblog/archive/2009/01/09/workflows-of-msf-agile-and-cmmi-process-templates-for-tfs.aspx

Outro processo agora oficial da Microsoft e não da comunidade como versão anteriores do TFS é o template para SCRUM. O mesmo pode ser baixado pelo link a seguir:

http://visualstudiogallery.msdn.microsoft.com/59ac03e3-df99-4776-be39-1917cbfc5d8e

No entanto o TFS é uma ferramenta e as ferramentas devem se adaptar ao processo da organização e não o contrário. Termos, o fluxo da atividade e o padrão de um novo projeto devem seguir o padrão e processo da organização.

Como então personalizar um desses templates ou então criar um novo para atender a essa adaptação ao processo?

Customizar o template. Podemos fazer isso manualmente editando o arquivo xml (grande esforço) ou visualmente através TFS Power Tools instalado.

Imagem 01: Interface do TFS power tools para edição do processo.

Podemos ainda customizar os campos que existem em uma atividade. O exemplo a seguir mostra criando um novo campo em um item de bug. Estou por exemplo criando um campo que é o número de chamado utilizado pela equipe do suporte.

Imagem 02: Novo Campo Número Chamado.

Podemos também personalizar o desing dos itens de tarefa.

Imagem 03: Layout do work item com o recem criado campo e também a tradução do nome da tarefa:

Outra capacidade é mudar a estrutura dos diretórios e bibliotecas a serem criadas no projeto de Sharepoint criado.

Imagem 04: Bibliotecas e Diretórios para o Sharepoint

A essa estrutura do Sharepoint podemos anexar documentos de texto, planilhas, apresentações e qualquer tipo de documento de exemplo ou templates a serem utilizados no projeto. Ou seja, da mesma forma que mudamos a estrutura e nomes de diretórios podemos colocar arquivos no interior desses diretórios.

Podemos controlar os relatórios padrões a serem criados no início de um projeto.

Imagem 05: Relatórios

Outra várias opções estão disponíveis como o processo a ser utilizado na Build, configuração de grupos e permissões e também integração com os campos do MS Project.

Depois de terminado podemos importar o nosso novo template ao servidor e criar um novo projeto de acordo com as nossas recém-personalizações.

Imagem 06: Novo modelo processo.

Novo work item no visual studio e também no team web acess

Imagem 07: Novo Work Item no Visual Studio e Team Web Acess

Imagem 08: Sharepoint e a estrutura de acordo com o template

Espero que esses exemplo inspirem a personalização da ferramenta e adaptação ao processo de cada organização.

Espero o feedback dos leitores.

Abraço

Lino