Exibindo dados em gráfico utilizando MVC 3 Razor - PARTE 1

Olá,

Esse artigo explicará como apresentar gráficos em uma pagina ASP.NET (Razor).

Chart Helper

Quando você tiver a necessidade de apresentar o gráfico em sua pagina web, você pode usar o Chart Helper. O Chart Helper pode renderizar que exibe uma imagem em diversos formatos de gráficos, suportando muitas opções para formatação e rotulos, conforme sua necessidade. O Chart Helper pode gerar mais de 30 tipos de gráficos, incluindo todos os tipos de gráficos que você pode estar familiarizado com o Microsoft Excel ou de outras ferramentas - gráficos de área, gráficos de barras, gráficos de colunas, gráficos de linha e gráficos de pizza, juntamente com mais gráficos especializados como gráficos de ações.

Chart Elements

Gráficos mostram dados e elementos adicionais, tais como legendas, eixos, séries, e assim por diante.

Criar um gráfico a partir de dados

Os dados que você mostra em um gráfico pode ser de uma matriz, a partir dos resultados retornados de um banco de dados, ou a partir de dados que está em um arquivo XML.

Usando uma matriz

Uma matriz permite armazenar uma coleção de itens semelhantes em uma única variável. Você pode usar matrizes para conter os dados que você deseja incluir no seu gráfico.
Este procedimento mostra como você pode criar um gráfico a partir de dados armazenados em matrizes, usando o tipo de gráfico padrão. Ele também mostra como para exibir o gráfico dentro da página.

1. Crie um novo arquivo chamado ChartArrayBasic.cshtml .
2. Substituir o conteúdo existente com o seguinte:

@{    
var myChart = new Chart(width: 600, height: 400)        
.AddTitle("Chart Title")        
.AddSeries( name: "Employee",
xValue: new[] { "Peter", "Andrew", "Julie", "Mary", "Dave" },
  yValues: new[] { "2", "6", "4", "5", "3" }) .Write();
}

O primeiro código cria um novo gráfico e define sua largura e altura.

Você especifica o título do gráfico usando o AddTitle método.

Para adicionar dados, você usa o AddSeries método. Neste exemplo, você usar o nome , xValue , e yValues ​​parâmetros do AddSeries método.

O nome do parâmetro é exibido na legenda do gráfico. O xValue parâmetro contém uma matriz de dados que é exibida ao longo do eixo horizontal do gráfico. O yValues ​​parâmetro contém uma matriz de dados que é usado para traçar os pontos verticais do gráfico.

1. Executar a página no navegador. O navegador exibe o gráfico.

Usando uma consulta de banco de dados para dados de gráficos

Se a informação que você quer apresentar está em um banco de dados, você pode executar uma consulta de banco de dados e, em seguida, usar os dados a partir dos resultados para criar o gráfico.

1. Adicionar um App_Data pasta para a raiz do site, se a pasta não existir.
2. No App_Data pasta, adicione o arquivo de banco de dados chamado SmallBakery.sdf que está descrito na introdução ao trabalho com um banco de dados em páginas ASP.NET Web Sites .
3. Crie um novo arquivo chamado ChartDataQuery.cshtml .
4. Substituir o conteúdo existente com o seguinte:

   @ {  
       var db = Database.Open ("SmallBakery");  
       dados var = db.Query ("SELECT nome, preço de produto");  
       var myChart = novo Plano (largura: 600, height: 400)  
           . AddTitle (Produto " Venda ")  
           . DataBindTable (dataSource: dados, xField: "Nome")  
           . Write ();  
   }

O primeiro código abre o banco de dados SmallBakery e atribui a uma variável chamada db . Esta variável representa um banco de dados objeto que pode ser usado para ler e escrever para o banco de dados.

 

Em seguida, o código executa uma consulta SQL para obter o nome e preço de cada produto. O código cria um novo gráfico e passa a consulta de banco de dados a ele chamando o gráfico DataBindTable método. Este método tem dois parâmetros: o dataSource parâmetro é para os dados da consulta, e o xField parâmetro que permite definir qual coluna de dados é usado para o gráfico do eixo-x.

 

Como uma alternativa ao uso do DataBindTable método, você pode usar o AddSeries método do Gráfico ajudante. O AddSeries método permite que você defina os xValue e yValues ​​parâmetros. Por exemplo, em vez de usar o DataBindTable método como este:

 

DataBindTable ( dados , "Nome" )

 

Você pode usar o AddSeries método como este:

 

. AddSeries ( "Default" , xValue : dados , xField : "Nome" , yValues ​​: dados , yFields : "Preço" )

 

Ambos apresentam os mesmos resultados. O AddSeries método é mais flexível, pois você pode especificar o tipo de gráfico e os dados de forma mais explícita, mas o DataBindTable método é mais fácil de usar se você não precisa de flexibilidade extra.

 

Espero que tenha ajudado com esse exemplo de apresentação de gráficos no ASP.NET MVC.

 

Na conclusão deste artigo irei mostar como fazemos para trabalhar com XML e definir estilos ao gráficos.

 

Referencia: http://www.asp.net/web-pages/tutorials/data/7-displaying-data-in-a-chart

 

 

Configurando Log de Aplicação para registro no Event Viewer com C#

Olá Pessoal,

Nesse artigo vamos descrever como podemos criar um log de aplicação para monitoramento do seu sistema seja windows forms ou web site.

Existem diversas maneiras de criar um processo para registrar as operações do seu sistema para ser vizualizadas através do Event View do Windows.

Agora esse tópico é para você que tem extrema urgência em entregar essa funcionalidade.

Hoje vou mostrar como criar um log de aplicação utilizando o healt monitoring do web.config.

Para criar esse log vamos trabalhar com a sessão healthMonitoring do web.config.

Para habilitar é necessario efetuar o comando abaixo:

<healthMonitoring enable="true">

Para criar os logs vamos trabalhar com as sessões abaixo:

<rules>
  <add... />
  <remove... />
  <clear/>
</rules>

Add: Parametro opcional, mapea sua aplicação para monitorar o evento definido.
 
Clear: Parametro opcional, elimina todas as regras.
 
Remove: Parametro opcional, elimina a regra especifica.

Exemplo

A imagem abaixo mostra como configurar o web.config para capturar todos os logs da aplicação.

Após a configuração você pode gerar uma exceção em sua aplicação para visualizar o registro do erro no log de eventos do windows. Até a próxima.

Criptografando o WEB.CONFIG

Nesse mundo de Tecnologia da Informação a segurança da informação é a alma do negócio, geralmente publicamos nossos websites em lugares seguros e que nós somos administradores.

Agora um dia você pode deparar-se que uma situação inusitada! Você precisa publicar o site no client onde o mesmo solicita.

"Quero meu arquivo criptografado para não apresentar a senha do banco as demais administradores da reder". E agora???

Bom para resolver esse problema é muito simples, nesse artigo vou descrever como criptografar o arquivo WEB.CONFIG de maneira transparente para a aplicação. Vamos lá.

 A sessão connectionstring pode ser criptografada com a ferramenta aspnet_regiis. Na janela SDK Command Prompt do .NET Framwork.

Digite o comando abaixo:

aspnet_regiis -pe "connectionstring" -app "/MinhaAplicacaoWEB"

Tambem podemos utilizar o comando abaixo

aspnet_regiis -pe "connectionstring" "C:\MinhaAplicacaoWEB"

Após a executação do comando descrito acima o elemento no arquivo web.config será criptografado.

A opção app será executada com sucesso caso tenho um diretório virtual do IIS chamado MinhaAplicacaoWEB.

Engenharia de Requisitos - Grande recurso na maturidade de software

Modelos de Maturidade exigem implantação de processos e boas práticas da Engenharia de Software.

Engenharia de Requisitos é uma das principais atividades na construção de Software com qualidade e que agregue valor ao cliente.

Segundo Pressman "Enteder os requisitos de um problema está entre as tarefas mais dificies enfrentadas por um engenheiro de Software".

Segundo Brooks "A parte mais difícil ao construir um sistema de software é decidir o que construir. Nenhuma parte do trabalho afeta tanto o sistema resultante se for feita a coisa errada. Nenhuma outra parte é mais dificil de consertar depois".

Abaixo segue o fluxo de requisitos conforme a metodologia de desenvolvimento RUP.

Observando essas duas considerações podemos ver o quanto é importante a engenharia de requisitos no desenvolvimento de software.

Na engenharia de requisitos podemos obter o mecanismo apropriado para enteder a real necessidade do cliente, analisando o que deseja, avaliando a viabilidade, negociando a especificação e negociando uma solução viavel para o problema.

Na engenharia de requisitos temos 7 tarefas: (Concepção, Levantamento, elaboração, negociação, especificação, validação e gestão).

Concepção: Como podemos iniciar o desenvolvimento de um software, procurado evento catalizados onde pode gerar a necessidade de construção.

Levantamento:  Validar quais são os objetivos do sistema e ao demais usuários

Problemas que vocês podem se deparar nessa etapa:

Problemas de Escopo, Problema de entendimento, Problemas de Volatilidade.

Elaboração: As informações obtidas nas etapas de Concepção e Levantamento nessa etapa são melhores elaboradas e trabalhadas. Elaboração é o refinamento de cenários onde os usuários terão que interagir.

Negociação: Não é icomum usuários solicitarem mais do que podemos construir ou que realmente se adeque a sua real necessidade, quando ocorrer esse situação será necessario negociar a melhor solução e assim gerenciar o conflito, para encontrar um denominador comum entre as partes.

Especificação: Pode ser um documento escrito, um conjunto de modelos de gráficos, um modelo matematico, um cenário contendo diversos casos de usos (nesse caso aqui é melhor ter apenas um artigo para tratar sua importância) ou até mesmo um protótipo. Alguns autores da area solicita um modelo-padrão para ser utilizado, para apresentar uma especificação de forma consistente.

Validação: Os artefatos produzidos nos itens anteriores são validados quanto a qualidade e garantir que todos os requisitos foram descritos conforme o solicitado, assim garantindo a qualidade do software.

Gestão: Os requisitos são passiveis de mudanças, nesse caso gestão de requisitos é um conjunto de atividades que ajuda a identificar, controlar e acompanhar as necessidades e suas mudanças, isso em qualquer etapa do ciclo de vida do software.

Agora você que não conhece nenhum template segu um link onde podemos obter um modelo padrão.

http://www.wthreex.com/rup/portugues/webtmpl/templates/req/rup_srs.htm

Dentro desse cenário apresentado vamos agora fazer uma explanação sobre os tipos de requisitos, já que agora conhecemos as suas etapas.

Requisitos Funcionais: São requisitos diretamentes ligados a funcionalidade de software, descrevem as funções que o software deve executar.

Requisitos Não Funcionais: São requisitos que expressam condiçoes que o software deve atender ou qualidades especificas que o mesmo deve contemplar.

Para obter um controle de requisitos com qualidade vamos seguir a lista de controle descrita no livro do Pressman Engenharia de Software. Alias muito bom recomendo.

1. Os requisitos estão declarados de forma clara?
2. A fonte do requisito foi identificada?
3. O requisito está limitado em termos quantitativos?
4. Que outros requisitos se relacionam a este requisito?
5. O requisito viola quaisquer restrições de dominio de sistema?
6. O requisito pode ser testado?

Bom acredito que de posse da lista de controle de requisitos, fluxo global para engenharia de requisitos, as fases dessa disciplina de engenharia de software e um template podemos construir ou iniciar o desenvolvimento do software, já adotando uma metodologia, coisa que convenhamos que não é muito utilizada podemos chegar a um resultado que apenas 16% dos projetos alcaçam, o término do projeto.

Abraços acredito que ja ajude essa breve explanação sobre Engenharia de Requisitos.

Até a proxima.

 

Introdução às consultas do LINQ

Uma query (consulta) é uma expressão que recupera dados de um fonte de dados. As consultas normalmente são expressas em uma linguagem especializada de consulta. Diferentes linguagens foram desenvolvidas ao longo do tempo para os diversos tipos de fontes de dados, como por exemplo SQL para bancos de dados relacionais e XQuery para XML. 

Portanto, os desenvolvedores tiveram que aprender uma nova linguagem de consulta para cada tipo de fonte de dados ou formato de dados que eles devem oferecer suporte. LINQ simplifica essa situação, oferecendo um modelo consistente para trabalhar com dados em vários tipos de fontes de dados e formatos. Em uma consulta LINQ, você está sempre trabalhando com objetos. Você usa a mesma codificação de padrões básicos para a query e transformar dados em documentos XML, bases de dados SQL, ADO.NET Datasets,coleções .NET, e qualquer outro formato para o qual um provedor LINQ esteja disponível.

Três Partes de uma consulta

Todas as operações de consulta LINQ consistem em três ações diferentes:

1. Obter a origem de dados.
2. Crie a consulta.
3. executar a consulta.

O exemplo a seguir mostra como as três partes de uma operação de consulta são expressas em código-fonte. O exemplo usa uma matriz de inteiros como uma fonte de dados por conveniência; no entanto, os mesmos conceitos se aplicam a outras fontes de dados também.

class IntroToLINQ
{       
    static void Main()
    {
        // The Three Parts of a LINQ Query:
        //  1. Data source.
        int[] numbers = new int[7] { 0, 1, 2, 3, 4, 5, 6 };

        // 2. Query creation.
        // numQuery is an IEnumerable<int>
        var numQuery =
            from num in numbers
            where (num % 2) == 0
            select num;

        // 3. Query execution.
        foreach (int num in numQuery)
        {
            Console.Write("{0,1} ", num);
        }
    }
}

Consulta

A consulta especifica quais informações recuperar a partir da (ou das) fonte de dados.Opcionalmente, uma consulta também especifica como as informações devem ser classificadas, agrupadas e moldadas antes que algo seja retornado.Uma consulta é armazenada em uma variável de consulta e inicializada com uma expressão de consulta. 

Para tornar mais fácil escrever consultas, translation from VPE for Csharp apresentou a nova sintaxe de consulta.

A consulta no exemplo anterior retorna todos os números pares da matriz de inteiros. A expressão de consulta contém três cláusulas: from, where e select. 

(Se você estiver familiarizado com SQL, você terá observado que a ordem das cláusulas é invertida da ordem em SQL.) 

A cláusula from especifica o fonte de dados, a cláusula where aplica o filtro, e a cláusula select especifica o tipo dos elementos retornados.Essas e outras cláusulas de consulta são discutidas em detalhes na seção http://msdn.microsoft.com/pt-br/library/bb397676.aspx. 

Por enquanto, o ponto importante é que no LINQ, a variável de consulta não pratica nenhuma ação e não retorna dados. Ela apenas armazena as informações que são necessárias para produzir os resultados quando a consulta for executada em algum momento posterior

Exemplos

 var evenNumQuery =
    from num in numbers
    where (num % 2) == 0
    select num;

int evenNumCount = evenNumQuery.Count();

List<int> numQuery2 =
    (from num in numbers
     where (num % 2) == 0
     select num).ToList();

// or like this:
// numQuery3 is still an int[]

var numQuery3 =
    (from num in numbers
     where (num % 2) == 0
     select num).ToArray();


 

Expressões de consulta LINQ

LINQ (consulta integrada à linguagem) é o nome de um conjunto de tecnologias baseadas na integração de recursos de consulta diretamente para o idioma translation from VPE for Csharp (também no Visual Basic e potencialmente qualquer Outros linguagem .NET). Com LINQ, uma consulta é agora uma linguagem de construção de primeira classe como classes, métodos, eventos e assim por diante.

Para um desenvolvedor que grava consultas, o máximo visível " Language-integrated" parte do LINQ é a expressão de consulta.Expressões de consulta são gravados em um declarativa consulta sintaxe introduzido no C# 3.0.Usando a sintaxe de consulta, você pode executar mesmo complexos filtragem, classificação e operações de agrupamento em Fonte de Dados com um mínimo de código.Você usa os mesmos padrões de expressão de consulta básica para consultar e transformar dados em bancos de dados SQL, ADO.NET DataSets, documentos XML e fluxos e coleções do .NET.

O exemplo a seguir mostra a operação de consulta completa. A operação completa inclui criar uma fonte de dados, definir a expressão de consulta e executar a consulta em uma instrução foreach.

class LINQQueryExpressions
{
    static void Main()
    {

        // Specify the data source.
        int[] scores = new int[] { 97, 92, 81, 60 };

        // Define the query expression.
        IEnumerable<int> scoreQuery =
            from score in scores
            where score > 80
            select score;

        // Execute the query.
        foreach (int i in scoreQuery)
        {
            Console.Write(i + " ");
        }           
    }
}
// Output: 97 92 81

Necessidade de Metodologia para o sucesso de um Software

Analisando os dados abaixo.

Segundo estatísticas da Scientific American [Filho, 2000] que demonstram que o tempo empenhado nos projetos de softwares excede em 50% o prazo planejado no cronograma, e da estatitica Standish Groups [Standish, 2004] onde revela que apenas 16% dos projetos de software atingem seu objetivo dentro do cronograma e do orçamento previstos.

Diante desses números podemos considerar que mesmo nos dias de hoje com tanto avanço tecnologico e método para desenvolver software ainda temos um grande desavio pela frente no que refere-se a desenvolvimento de software.

Agora você que está lendo esse artigo pode estar se questioanando, "nossa eu pensei que apenas meus projetos atrasavam ou estorava o custo!!! Mas como resolver isso???"

Podemos dizer que existem diversos processos, métodos e etc para auxiliar você nessa tarefa, porem hoje vou aprensentar um site onde podemos obter um guia prático de como proceder na tarefa de construir um software sendo que tudo está de graça e ainda com diversos templates para vocÊ que nem sabe por onde começar.

Esse site aborda a metodologia de desenvolvimento de software baseado no RUP. Você irá se deparar com diversas informações, segue a dica faça uma análise exploratória dos assuntos. Feito isso garimpe as informações que no seu projeto será util, assim vocÊ não precisa entender todos os processos ou templates logo no inicio.

Dentro do RUP vocÊ poderá trabalhar seu projeto dentro das disciplinas abaixo:

Requisitos, Arquitetura, Desenvolvimento, Testes, Gestão de Projeto, Gestão de Configuração e Implantação.

Acredito que de posse deste material você terá subsidios para iniciar uma gestão confiavel durante todo o ciclo de vida de seu projeto, lembrando que isso não será a sua receita do sucesso, porem já serve de base para você ter uma metodologia com forte aceitação no mercado se adequando a esse mundo que tenta se organizar no que refere-se a desenvolvimento de software.

Segue o link.

http://www.wthreex.com/rup/OpenUP/index.htm

 

Exibindo Mensagem de Notificação com Jquery - MessageBox

Olá

Nesse artigo vamos aprender como apresentar mensagens de notificação em nossas paginas web, diferente da maneira convencional.

Quem não se lembra do famoso window.Altert('Hello World'). Pois é nesse caso aqui vamos fazer alguma coisa diferente.

Para esse artigo vamos utilizar o plugin jquery, que podemos obter no link abaixo:

https://github.com/akquinet/jquery-toastmessage-plugin

Abaixo segue exemplo das mensagens

Podemos observar como é diferente do padrão utilizado, o melhor é que temos como apresenta-las de maneira fixa ou temporaria.

Agora para que quebrar a cabeça se eu já fiz isso,segue o código fonte.

Para funcionar basta salvar o codigo como HTML e fazer o download do link acima no mesmo diretório, caso fiquem com alguma duvida de como fazer funcionar mandem e-mail.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>IF Consulters Solutions</title>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
   
    <script src="jquery.toastmessage.js" type="text/javascript"></script>
   
    <link href="jquery.toastmessage.css" rel="stylesheet" type="text/css" />
   
    <script type="text/javascript">

        function showSuccessToast() {
            $().toastmessage('showSuccessToast', "Dialogo Exibido com Sucesso...");
        }
        function showStickySuccessToast() {
            $().toastmessage('showToast', {
                text: 'Dialogo Exibido com Sucesso - Dialogo Fixo',
                sticky: true,
                position: 'top-right',
                type: 'success',
                closeText: '',
                close: function () {
                    console.log("toast is closed ...");
                }
            });

        }
        function showNoticeToast() {
            $().toastmessage('showNoticeToast', "Notice  Dialog ");
        }
        function showStickyNoticeToast() {
            $().toastmessage('showToast', {
                text: 'Notice Dialog Fixo',
                sticky: true,
                position: 'top-left',
                type: 'notice',
                closeText: '',
                close: function () { console.log("toast is closed ..."); }
            });
        }
        function showWarningToast() {
            $().toastmessage('showWarningToast', "Warning Dialog ");
        }
        function showStickyWarningToast() {
            $().toastmessage('showToast', {
                text: 'Warning Dialog Fixo',
                sticky: true,
                position: 'middle-right',
                type: 'warning',
                closeText: '',
                close: function () {
                    console.log("toast is closed ...");
                }
            });
        }
        function showErrorToast() {
            $().toastmessage('showErrorToast', "Error Dialog  ...");
        }
        function showStickyErrorToast() {
            $().toastmessage('showToast', {
                text: 'Error Dialog Fixo',
                sticky: true,
                position: 'center',
                type: 'error',
                closeText: '',
                close: function () {
                    console.log("toast is closed ...");
                }
            });
        }

</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>

   
    <p>
        <span class="description">Dialogo de Sucesso</span> <a href="javascript:showSuccessToast();"> Temporario </a>|<a href="javascript:showStickySuccessToast();"> Fixo </a>
        </p>

        <p>
            <span class="description">Dialogo de Informação</span> <a href="javascript:showNoticeToast();"> Temporario </a>|<a
                href="javascript:showStickyNoticeToast();"> Fixo </a>
        </p>

        <p>
            <span class="description">Dialogo de Atenção </span> <a href="javascript:showWarningToast();"> Temporario </a>|<a href="javascript:showStickyWarningToast();">Fixo</a>
        </p>

        <p>
            <span class="description">Dialogo de Erro </span> <a href="javascript:showErrorToast();"> Temporario </a>|<a
                href="javascript:showStickyErrorToast();"> Fixo </a>
        </p>
       
    </div>
    </form>
</body>
</html>

fonte original: http://www.ashishblog.com/blog/display-notification-messages-using-jquery/

Criando e Acessando WebService Delphi

http://imasters.com.br/artigo/11863/linguagens/criando-e-acessando-webservice-parte-1

Curso online SQL Server 2008 Gratis - 1 Aula

Olá,

Vamos iniciar uma série de vídeo aula mostrando como trabalhar com consultas no SQL Server 2008.

Nesse artigo segue a primeira aula dessa série que no final estaremos aptos para trabalhar com consultas SQL.

• Usando T-SQL Select
• Filtrando Dados
• Trabalhando com valores Nulos
• Formatando Resultados