DevFranca

Utilizando A API do Google Maps no ASP.NET

Bruno Bemfica — Tue, 04 May 2010 17:04:34 +0000

Este artigo destina-se a mostrar como utilizar a API do Google Maps integrada a um site ASP.NET, para que possamos exibir a localização de endereços diretamente na nossa página.

Primeiros passos

O primeiro passo é fazer um cadastro no próprio google para obter uma chave de acesso ao Maps. Isso pode ser feito aqui. Já tendo sua chave de acesso, pegaremos agora o Subgurim, uma biblioteca freeware para acesso à API dos mapas do Google. Faça o Download e extraia na pasta Projects do Visual Studio. Crie um novo projeto de ASP.NET webforms, e dê a ele o nome que preferir. Em seguida, no Solution Explorer, clique com o botão direito em References, e vá em Add Reference. Clique na aba Browse, navegue até a pasta onde foi extraída a DLL do Subgurim, e adicione-a ao projeto. Após isso, abra seu web.config e adicione a chave que você obteve:

Aqui cabe citar algo curioso: Eu modifiquei o nome da chave, de "googlemaps.subgurim.net" para apenas "googlemaps", e ao executar a página nos ambientes de teste e produção, obtive uma mensagem de erro dizendo que a chave estava sendo utilizada em outro site, embora estivesse rodando normalmente na minha máquina de desenvolvimento. Provavelmente há alguma dependência forte dentro da biblioteca com relação ao nome do atributo. Sugiro que deixem exatamente este nome.

Mãos à obra

Vamos supor que temos uma empresa, cuja matriz fica em Porto Alegre, com filiais em Curitiba e São Paulo. Queremos exibir nosso endereço no mapa, assim que o cliente selecionar a filial que deseja em um DropDownList. O mapa será inicialmente carregado com o endereço da matriz. Criaremos um DropDownlist cujo Value é o endereço da empresa, e o texto exibido é composto por cidade e estado. Note que é preciso registrar o assembly, logo após a diretiva inicial da página. O código do seu arquivo ASPX deve ficar assim:

<%@ Page Language="C#"
AutoEventWireup="true" CodeBehind="Default.aspx.cs"
Inherits="TesteComMapas._Default" %>
<%@ register assembly="GMaps"
namespace="Subgurim.Controles" tagprefix="maps" %>




    


    
    
    
    
    
      
         Matriz - Porto Alegre - RS
        Filial São Paulo - SP
        Filial Curitiba - PR

Adicionei aqui um UpdatePanel, para dar a impressão de atualização automática, e um ScriptManager para gerenciá-lo. Utilizaremos as propriedades Value de cada um dos itens da DropDownlist como parâmetro para obter o mapa do Google. Dessa forma, o usuário não terá de digitar o endereço para obter a localização no mapa, pois é a nossa intenção automatizar tudo. Reproduza o código abaixo, no seu arquivo CS de code-behind:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Subgurim.Controles;
using System.Configuration;
namespace TesteComMapas {

public partial class _Default : System.Web.UI.Page {

 protected void Page_Load(object sender, EventArgs e) {
           this.ExibirMapa();
        }
 protected void cboEnderecos_SelectedIndexChanged(object sender,
                                                  EventArgs e) {
            this.ExibirMapa();
        }

        protected void ExibirMapa() {
            //Adicionando nossa chave ao mapa
            GoogleMaps.Key = ConfigurationSettings.
                AppSettings["googlemaps.subgurim.net"];

            // Habilitando o zoom no mapa
            GoogleMaps.enableHookMouseWheelToZoom = true;

            //Obtendo as informações de latitude e longitura
            //à partir do endereço
            GLatLng latitudeLongitude = GoogleMaps.
                               getGeoCodeRequest(cboEnderecos.
                                    SelectedValue)
                                   .Placemark.coordinates;

            // Definir o tipo do mapa
            // Satellite, Hybrid, Physical, Normal
            GoogleMaps.mapType = GMapType.GTypes.Hybrid;

            // Definimos o ponto inicial do mapa para o endereço
            // e o segundo parâmetro é o zoom inicial
            GoogleMaps.setCenter(latitudeLongitude, 15);
            //Criando as marcações do mapa
            GIcon icon = new GIcon();
            icon.markerIconOptions =
		new MarkerIconOptions(50, 50,
                             System.Drawing.Color.Red);
            GMarker marker =
			new GMarker(latitudeLongitude, icon);

            //Criando o balão com o endereço do Mapa
            GInfoWindow window =
			new GInfoWindow(marker,cboEnderecos.
                                         SelectedValue,true);
            GoogleMaps.Add(window);

            // Criando controles referentes ao tipo de mapa,
            //tamanho e tipo de visão.
            //Esses controles serão melhor entendidos na
            //visualização do mapa:
            GControl mapType = new GControl(GControl.preBuilt.
                                               MapTypeControl);
            GControl overview = new GControl(GControl.preBuilt.
                                             GOverviewMapControl);
            GControl small = new GControl(GControl.preBuilt.
                                              SmallMapControl);
            GoogleMaps.addControl(mapType);
            GoogleMaps.addControl(overview);
            GoogleMaps.addControl(small);
        }
    }
}

Detalhamento

Importamos os namespaces Subgurim.controles para termos acesso aos webcontrols responsáveis pela exibição do mapa, e o System.Configuration para que pudéssemos acessar a chave do Google através do web.config. O Google maps necessita das coordenadas(Latitude e Longitude) para centralizar um ponto e/ou traçar dois pontos através da Teoria dos grafos, por isso enviamos uma requisição com o endereço inicialmente, obtivemos as coordenadas e só então as passamos como parâmetros para o mapa. É importante lembrar que o Google Maps não é 100% preciso. Às vezes, remover o bairro da string do endereço, ou trocar o endereço por "CEP:NumeroDoCep, Brasil" encontra endereços ditos desconhecidos, não encontrados como demonstrei aqui. Sugiro que, caso necessário, façam uma rotina condicional para contornar esse problema. Bem, por enquanto é isso. Críticas e sugestões, os comentários estão abertos. Abraços e keep coding!

Auto complete flex

Cristian Klauss — Sat, 01 May 2010 14:57:00 +0000

Olá! Quem já não precisou de um auto complete em uma aplicação. Foi pensando nisto que a Adobe desenvolveu um componente auto complete muito bom, neste exemplo vou mostrar como usá-lo. Segue abaixo o exemplo:

xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"

  xmlns:adobe="com.adobe.flex.extras.controls.*">

<mx:XMLList id="xml">

    <usuario>

        <nome>Joãonome>

    usuario>

     <usuario>

        <nome>Josénome>

    usuario>

    <usuario>

        <nome>Antonionome>

    usuario>

    <usuario>

        <nome>Marianome>

    usuario>

    <usuario>

        <nome>Aparecidanome>

    usuario>

mx:XMLList>

<adobe:AutoComplete labelField="nome" dataProvider="{xml}"

   x="357" y="231" width="453"/>

<mx:DataGrid id="dg" width="453"  height="203" dataProvider="{xml}" x="357" y="261">

  <mx:columns>

    <mx:DataGridColumn dataField="nome" headerText="Nome"/>

  mx:columns>

mx:DataGrid>

mx:Application>

Logo no inicio criamos um lista com XMLList, dentro dele existem vários objetos usuario com o atributo nome, é com este xml que nosso auto complete irá funcionar. Então vem nosso componente AutoComplete que é disponibilizado pela Adobe. No atributo labelField colocamos o nome do atributo onde será feito a pesquisa.

Em seguida colocamos nossos objetos em um grid para que os mesmos possam ser visualizados.

Fonte do componete: link

Até a próxima. Abraços.

Mudar cor do DataGridColumn

Cristian Klauss — Tue, 27 Apr 2010 17:35:00 +0000

Olá! Hoje venho falar um pouco sobre o componente DataGridColumn que representa uma coluna do DataGrid. O exemplo abaixo popula um DataGrid e muda a cor de uma coluna com referêrencia no seu status, se for ativo ficar verde, se for inativo fica vermelho. Segue o exemplo:

1.0" encoding="utf-8"?>

http://www.adobe.com/2006/mxml" layout="absolute">

xml">

        João

        <status>Ativostatus>

        José

        <status>Ativostatus>

        Antonio

        <status>Inativostatus>

dg" width="526" dataProvider="{xml}" x="321" y="169">

    nome" headerText="Nome"/>

    5" dataField="status" headerText="Status" sortable="false">

          off">

              
              ///Retorna uma cor determinada dependendo do status

              public function formataCorStatus(status:String):uint{

                switch(status){

                  case "Ativo":

                    return 0x009900; //cor verde

                  case "Inativo":

                    return 0xFF0000; //cor vermelha

                  default:

                    return 0x000000; //cor preta

                }

              }

              ]]>

            

            

              {data.status}" color="{formataCorStatus(data.status)}"/>

            

          

        

      

    

  






A função formataCorStatus que é responsável por pegar  os dados da campo status e verificar se o mesmo é ativo ou inativo, ela retorna um uint que é o valor númerico referente a um cor para ser colocado no atributo color do objeto Label. Repare que a função formataCorStatus está dentro do VBox que fica dentro do Componet, isto é feito para que o objeto Label consiga enxergar a função.
Foi necessário usar um objeto Label para que a cor não fosse atribuida a todas as linhas da coluna, para se colocar um objeto Label em um DataGrid também foi preciso de um itemRenderer. Lembrando que está é somente uma das maneiras de se conseguir este resultado.
Ate++.

Expressões regulares Flex

Cristian Klauss — Sat, 27 Mar 2010 13:12:00 +0000

Olá, hoje vou dar uma dica sobre expressões regulares no flex. É comum acontecer a necessidade de se executar uma substituição em um texto, no caso do flex usamos o replace para fazer isto ex:

meuTexto.replace (“[“, “”);

O código acima acha o primeiro conchete do texto e substitui por vazio, esta é uma forma de retirar o conchete de um texto. Mas digamos que temos mais de um conchete no nosso texto, então teriamos que repetir o replace várias vezes ? É ai que entra a expressão regular para achar todos os conchetes do texto.

Para criar uma expressão regular usamos a classe RegExp ela recebe um valor ex:

var expressao:RegExp = /\[/g;

A primeira barra é o inicio da expressão, a barra invertida a seguir é para que a expressão reconheça o conchete como um texto, não como um carecter especial da expressão, logo depois temos o caracter que desejamos retirar no caso o [, e a /g diz a expressão para procurar por todo o texto.

Pronto agora vamos ao exemplo de como utilizar a expressão acima.

1.0" encoding="utf-8"?>

http://www.adobe.com/2006/mxml" layout="absolute"

  creationComplete="init();">

  
  
    private function init():void{
      var texto:String = "[teste] [de] [retirada] [de] [conchetes]";
      //Atenção para utilizar o trace rode o projeto em modo debug, 
      //ao fim da execução olhe na janela console, lá estará a impressão do texto
      trace(retiraConchetes(texto));
    }
  
    private function retiraConchetes(str:String):String{
      //  retira o [  
      var expressao:RegExp = /\[/g;  
      str = str.replace(expressao, "");
      
      //  retira o ]  
      expressao = /\]/g;  
      str = str.replace(expressao, "");
      
      return str;
    }
  ]]>


No exemplo acima usamos a expressão criada no replace para que ela encontre todos os conchetes.
Abraços e até à próxima

Evento Realizado em Franca - Comunidade DevFranca e a Copa Microsoft

Danilo Zoneti — Wed, 24 Mar 2010 17:12:56 +0000

Agradecemos aos palestrantes Sr. Rodrigo Lopes e Sr.Fernando Andreazi , a equipe da DevFranca, Unifran e todas as 160 pessoas aproximadamente que passaram pelo evento de sábado 20/03/2010 na Universidade de Franca.

Onde foram apresentadadas as palestras de Windows Server 2008 R2 e o SCCM2007R2.
Como prometido os contados e fotos da palestra.
Fotos
http://fernandoandreazi.spaces.live.com/
http://rodrigollopes.spaces.live.com/

Abraços e até a próxima…….

Migrar dados de tabelas usando cursor no SQL Server

Cristian Klauss — Tue, 23 Mar 2010 00:14:00 +0000

Olá! Hoje venho com um exemplo para aqueles que já precisaram migrar seus dados de uma tabela para outra. Uma das formas de se fazer isto e usando um cursor, a lógica é simples, ele irá rodar em um tabela e em cada loop do cursor serão inserido os dados em outra tabela. Vamos ao código:

  --declara variaveis para pegar valores dos campos

  DECLARE @V_Campo1 bigint;

  DECLARE @V_Campo2 nvarchar(80);

  DECLARE @V_Campo3 nvarchar(256);

  --Declara o cursor, é já executa o select para preenche-lo

  DECLARE C_MeuCursor CURSOR FOR

  SELECT

    Campo1,

    Campo2,

    Campo3

  FROM

    MinhaTabelaOrigem;

  --Abre o cursor

  OPEN C_MeuCursor;

  --Pega os dados do select, note que os dados são pegos na mesma ordem do select.

  FETCH NEXT FROM C_MeuCursor INTO

    @V_Campo1,

    @V_Campo2,

    @V_Campo3;

  --Executa o loop enquanto houver registros

  WHILE (@@fetch_status = 0)

    BEGIN

    --em cada loop insere na tabela de destino as variaveis que foram carregadas pelo cursor.

    --Note que aqui deverá ser usado as variaveis que foram declaradas.

    INSERT INTO MinhaTabelaDestino(Codigo, Nome, Endereco)

    VALUES(@V_Campo1, @V_Campo2, @V_Campo3);

    --Caso o campo selecionado permita nulos trate o mesmo com a função ISNULL(@V_Campo1, 0)

    --para que o processo não pare no meio

    --Depois de executar a operação desejada, passa para o próximo registro.

    FETCH NEXT FROM C_MeuCursor INTO

      @V_Campo1,

      @V_Campo2,

      @V_Campo3;

    END;

  --Fecha o cursor e retira ele da memória

  CLOSE C_MeuCursor;

  DEALLOCATE C_MeuCursor;

Logo no inicio eu declarado o cursor, o select poderá ser em mais de uma tabela so é preciso definir os campos que deseja selecionar, no nosso caso foi executado em uma tabela só. Em seguida temos o loop, dependendo de quantos registros foram encontrados temos quantas vezes o loop irá rodar.

Dentro do loop nos chamamos o insert que irá passar os dados para outra tabela. Usamos as variáveis que carregamos com o cursor. Do mais cada parte do código já está com os comentários. Por hoje e só.

Espero que tenha ajudado. Até++

Evento em Franca - Comunidade DevFranca e a Copa Microsoft

Nelson Borges — Thu, 18 Mar 2010 17:12:25 +0000

No dia 20/03/2010 (NESTE SÁBAD !!!) teremos duas palestras na Universidade de Franca sobre o Windows Server 2008 e o System Center, nesta serão apresentados os produtos e as suas features assim como algumas dicas para desenvolvimento utilizando ambos.

O evento será gratuito, abaixo um descritivo das palestras:

- Windows Server 2008 - Neste o palestrante irá falar sobre as features, dicas e algumas novidades do AD. Será ministrado pelo Sr. Rodrigo Lopes que é profissional de TI a 9 anos e atua na Administração de Servidores de empresas de grande porte. Atuou em conceituadas empresas de tecnologia do mercado como Microsoft, HP e Unisys. Possui certificações Microsoft - MCITP: Enterprise Administrator, MCITP: Server Administrator, MCTS em Active Directory, Network Infra, Exchange 2007, ISA Server 2006, Virtualização, MDOP, MCDST e MCP

- System Center - Apresentação do Produto, dicas e as novidades desta versão, esta palestra será ministrada pelo Sr.Fernando Andreazi que é um profissional de TI há cinco anos, especialista em Tecnologias Microsoft em soluções de Infra Estrutura. Nomeado MSP (Microsoft Student Partners) palestrando sobre tecnologias Microsoft nas principais universidades de São Paulo e na Comunidade TechNet. Certificado em Windows XP, Windows Vista, MDOP, SCCM, Windows Server 2003 e Windows Server 2008 e Exchange Server 2007. MCP, MCSA, MCITP, MCTS e MCDST.

Faça sua inscrição, clicando aqui. Essa é mais iniciativa da comunidade DevFranca ( A primeira comunidade de desenvolvedores de Franca e Região)

Conto com todos lá. (:

INSTALANDO PROGRAMAS PARA DESENVOLVIMENTO MOBILE

Danilo Zoneti — Wed, 17 Mar 2010 12:51:16 +0000

Este artigo vamos instalar os programas para poder começar a trabalhar com o desenvolvimento para mobile com o Visual Studio.

1-> Instalar oSql Server.Utilizarei o Sql Server 2008.

2-> Instalar o Visual Studio.Utilizarei o Visual Studio 2008 Professional.

3-> Instalar o Windows Mobile 6 Professional SDk

4-> Instalar o ActiveSync 4.5.

Depois de tudo instalado, vamos fazer uma configuração no ActiveSync para utilizarmos o emulador do celular na ide. De dois cliques no atalho do ActiveSync.

Vá em Arquivos->Configurações de conexão.

Marque a opção-> Permitir conexao com um dos seguintes itens: -> escolha a opção DMA-> click em ok.

Está pronto para realizar já nosso primeiro exemplo (que será no próximo post) um HelloWord para depois criar um pequeno sistema.

Passando um método como parâmetro no flex

Cristian Klauss — Sat, 13 Mar 2010 14:07:00 +0000

Olá a todos, novamente venho mostrar uma dica que poderá ser usada em ocasiões específicas. Quem está acostumado a programar sempre usa metódos ou funções com passagens de parâmetros, objetos, string, int, long e por ai vai. Mas além de parâmetros em alguns casos também seria interessante passar o método todo e não somente um objeto, e isto é possivel no flex com as3. Abaixo segue o código de exemplo:

1.0" encoding="utf-8"?>

http://www.adobe.com/2006/mxml"

 layout="absolute" creationComplete="init();">

    
      import mx.controls.Alert;


      private function init():void{

        //Passa um metodo como parametro

        recebeMetodo(meuMetodo);

      }


      private function meuMetodo():void{

        Alert.show("Executou meu metodo");

      }


      private function recebeMetodo(fnc:Function):void{

        //Nesta linha e como se estive sendo chamando meuMetodo();

        fnc();

      }

    ]]>

  



No exemplo à cima logo no inicio chamamos o método “recebeMetodo” ele recebe como parâmetro uma Function, no nosso caso foi passo “meuMetodo” que simplemente joga uma mensagem na tela, mais poderia realizar qualquer operação tal com atualizar toda a tela.
Para efeito prático, imagine duas telas onde uma telas precisa chamar o método que esta na outra.
Por hoje e só, até à próxima.

Programador é Programador, Hype é Hype e Tradição é Tradição.

Mateus Martins — Thu, 11 Mar 2010 01:30:45 +0000

Qual é o ultimo grito da moda? o que aconteceu no "SPFashionWeekDeTecnologia" da semana passada que deixamos escapar? com qual tecnologia/produto novo fomos bombardeados e não percebemos? qual o último telefone lançado? o último tablet? a última linguagem que surgiu? Quantas perguntas, quantas respostas?

Talvez o número de respostas para estas perguntas seja tão grande que não caiba neste post, e talvez amanhã precisemos de um post novo para respondê-las novamente. É isso que chamamos de "hype", o último grito da moda, segundo o google, e tecnologia é isso, moda, disputa pelo novo, o grande engolindo o pequeno, a todo momento surge uma nova comunidade de relacionamento, um novo tipo de tecnologia que vai mudar o planeta e salvar as baleias, e ser conservador neste mercado é praticamente um crime digno de pena de morte, queima de processador e esvaziamento de pilha!

Ser conservador o suficiente para poder olhar para traz e prever o futuro.
No final de 54 surgiu uma linguagem chamada FORTRAN e, a partir daí, uma infinidade de novas linguagens foram surgindo: ALGOL(1958), COBOL(1959), BASIC(1964), Simula(1964), PASCAL(1970), SmallTalk(1971), C(1971), PostScript(1982), Perl(1987), Python(1991), Ruby(1993), PHP(1995), Java(1995), JavaScript(1995), entre dezenas de outras que não citei aqui.

E o que isto nos diz?

Uma das leituras que podemos fazer de nossa história é que a FORTRAN não trouxe grandes inovações, mas deixou o mundo mais simples de ser compreendido do que na época do ASSEMBLY. Depois, na década de 60, as linguagens mudaram, inovaram e trouxeram um novo conceito, o de linguagem estruturada, aos moldes de C, Pascal e Basic, e o mundo continuou a evoluir. Em 1967, foi apresentada a Simula67, primeira linguagem a implementar o novo conceito de orientação a objetos (OOP). Em 1980, foi lançada a versão SmallTalk80, inovando o conceito de OOP e dando força para esse novo paradigma. Já na década de 90, surgem as linguagens com suporte WEB. O mundo dá uma regredida, PHP/ASP nascem procedurais mas logo evoluem para o conceito OOP, assim como JAVA e outras. Hoje em dia, é altamente desaconselhável aprendermos uma linguagem que não seja OOP, a não ser por questões muito específicas, em casos muito raros.

Eu vi surgirem varios Hypes, puxados por pessoas atrás de fama; linguagens mortas renascerem para morrerem sem o menor sentido de ser, e creio que um programador ou um futuro programador deva fazer algumas reflexões sobre em qual tecnologia investir:

Qual é a história da linguagem que eu quero aprender?

Com qual frequência ela é atualizada?

Ela é OOP?

Qual a produtividade?

Existem Frameworks para ela?

Existe uma comunidade ou há uma empresa mantendo essa linguagem?

Como é a documentação dela?

Como o mercado remunera os programadores?

Quais softwares foram desenvolvidos usando essa linguagem?

O que estou falando aqui neste artigo tem mais a ver com mercado e investimento do seu valioso tempo. Apenas algumas dicas para avaliar e definir qual caminho você quer que sua carreira percorra. Cuidado com as armadilhas do mercado! Os hypes que surgem simplesmente desaparecem em pouco tempo ou, quando vingam, demoram anos para ganhar força no mercado.

Um exemplo simples e específico de uma linguagem que está em transformação hoje é o HTML5. Ele não é um milagre, mas vai melhorar muito a maneira como programamos hoje. No entanto, não teremos suporte a ele da forma como gostaríamos até o final do ano e talvez nem no próximo, porque dependemos das novas versões de navegadores e também dos usuários, que precisam atualizar seus navegadores. Quem quer entrar no mercado agora, tem que dominar XHTML, sem tirar os olhos do HTML5, claro! Mas vejam o I6, quase imortal. A inovação é lenta e isso não é ser conservador; é ser realista e antenado ao futuro próximo.

Não existe milagre, não vai surgir uma nova linguagem, um framework, uma tecnologia mágica que fará o mercado gastar bilhões migrando os seus sistemas em um curto espaço de tempo. Olhe para o passado para prever o futuro e duvide dos milagres.