Olá Galera,
Estou disponibilizando os slides da apresentação do Seminário Bing Maps da disciplina WEB 2.0.
Apresentação
Apresentação realizada no dia 17/04/2010.
Alunos:
Luiz Eduardo
Marcelo Damasceno
Saulo Antônio
quinta-feira, 29 de abril de 2010
Aplicativos do Bing Maps
O Microsoft Bing Maps contem alguns aplicativos disponíveis para seus usuários, até o momento são 24 opções para serem aplicadas nos mapas e acessar as informações sobre os mais variados locais do mundo a partir de perspectivas diferentes. Neste post comentarei sobre alguns aplicativos disponíveis.
Para acessar os aplicativos disponíveis, você precisa acessar o endereço http://www.bing.com/maps/explore/ ter o Silverlight instalado no seu navegador. Clicar no botão Maps App como mostra a imagem abaixo, carregando a tela com todos os aplicativos disponíveis.
Bing Map Apps
Streetside Photos
Publicado em 11 de fevereiro de 2010, com este aplicativo é possível caminhar por algumas cidades que já foram fotografadas pelo carro “Streetside” da Microsoft ( igual ao da Google Streetview) e vê-las integradas às fotos de milhares de internautas no Flickr.
Usando a tecnologia de geolocalização, assim que o Streetside tira uma foto, uma coordenada busca uma imagem do mesmo lugar, com ângulo parecido na base de dados do Flickr e a exibe. Com isso, é possível ver com mais qualidade determinados locais.
Corrent Traffic
O aplicativo Corrent Traffic ajudas os motoristas a evitar engarrafamentos ou estradas que estão em obras.
Twitter Maps
Com o Twitter Maps é possível visualizar atualizações em tempo real de usuários do Twitter em todo mundo. Esse serviço é ótimo especialmente para empresas e serviços que precisam estudar e pesquisar tendências em redes-sociais.
Restuarants Finder
Com essa ferramenta você pode localizar restaurantes e também ler opiniões e detalhes para poder fazer uma boa escolha.
Esses são alguns dos 25 aplicativos disponíveis no Bing Maps.
Com todos esse aplicativos concluímos que o Bing continua com seu foco em ajudar seus usuários na tomada de decisões. Nem todas as novidades ainda estão disponíveis aqui no Brasil. Nos EUA o Bing e seus Apps torna-se mais robusto.
Para acessar os aplicativos disponíveis, você precisa acessar o endereço http://www.bing.com/maps/explore/ ter o Silverlight instalado no seu navegador. Clicar no botão Maps App como mostra a imagem abaixo, carregando a tela com todos os aplicativos disponíveis.
Bing Map Apps
Streetside Photos
Publicado em 11 de fevereiro de 2010, com este aplicativo é possível caminhar por algumas cidades que já foram fotografadas pelo carro “Streetside” da Microsoft ( igual ao da Google Streetview) e vê-las integradas às fotos de milhares de internautas no Flickr.
Usando a tecnologia de geolocalização, assim que o Streetside tira uma foto, uma coordenada busca uma imagem do mesmo lugar, com ângulo parecido na base de dados do Flickr e a exibe. Com isso, é possível ver com mais qualidade determinados locais.
Corrent Traffic
O aplicativo Corrent Traffic ajudas os motoristas a evitar engarrafamentos ou estradas que estão em obras.
Twitter Maps
Com o Twitter Maps é possível visualizar atualizações em tempo real de usuários do Twitter em todo mundo. Esse serviço é ótimo especialmente para empresas e serviços que precisam estudar e pesquisar tendências em redes-sociais.
Restuarants Finder
Com essa ferramenta você pode localizar restaurantes e também ler opiniões e detalhes para poder fazer uma boa escolha.
Esses são alguns dos 25 aplicativos disponíveis no Bing Maps.
Com todos esse aplicativos concluímos que o Bing continua com seu foco em ajudar seus usuários na tomada de decisões. Nem todas as novidades ainda estão disponíveis aqui no Brasil. Nos EUA o Bing e seus Apps torna-se mais robusto.
Exemplo de Bing Maps através do Silverlight Interactive SDK
Bom dia, nessa minha segunda postagem, eu lhes mostrarei um exemplo de como usar o Bing Maps através do Silverlight Interactive SDK no Microsoft Expression Blend 3.
Primeiro é necessário baixar o Microsoft Silverlight, o Microsoft Expression Blend 3 e o Bing Maps Silverlight Control SDK.
O Silverlight é a tecnologia da Microsoft para competir com o Adobe Flash. Com esta é possível visualizar animações, vídeos e aplicativos de interfaces ricas (RIA - Rich Interface Application). O Microsoft Expression Blend 3 é uma ferramenta de design de interface de usuário para criar interfaces gráficas para aplicações web e desktop que mistura características desses dois tipos de aplicações através da forma interativa WYSIWYG front-end para desenhar interfaces baseadas em XAML para aplicações com Silverlight e WPF - Windows Presentation Fundation. E o Bing Maps Silverlight Control SDK, como o nome já diz, é um pacote que contém os controles/componentes Silverlight do Bing Maps para ser integrado no Microsoft Expression Blend 3.
Depois de instalar os 3 aplicativos, execute o Microsoft Expression Blend 3 e vá em File > New Project.
Depois adicione as bibliotecas do Bing Maps Silverlight Control SDK que estão no diretório (padrão): "C:\Program Files\Bing Maps Silverlight Control\V1\Libraries"
Os controles/componentes do Bing Maps são organizados na aba Assets, no menu Locations.Microsoft.Maps.MapControl.dll.
No exemplo foi adicionado o controle/componente Map que permite a visualização de mapa.
Ao rodar o projeto com F5, a página da web é aberta com o mapa adicionado, porém uma mensagem é exibida informando que é necessário o cadastro para uma conta de desenvolvedor por Credenciais Inválidas, ou seja, é necessário criar uma conta no site Bing Maps Account Center e obter uma chave válida.
Depois de obter uma chave válida, é preciso vinculá-la ao mapa. Para isso, clique no objeto Map criado, vá na aba Properties, menu Miscellaneous, propriedade CredentialsProvider.
Clique com o botão esquerdo do mouse no quadrado do lado direito da propriedade e entre no menu "Convert to New Resource..."
Uma janela será aberta, então selecione a opção "This document", selecione o objeto Map que fora antes adicionado ao projeto e clique em OK para criar o "ApplicationIdCredentialsProvider" nomeado "CredentialsProvider1".
Feito isso, alterne a visibilidade para Split (menu View > Active Document View > Split View) e cole a chave válida adquirida no site do Bing Maps na propriedade "ApplicationId" do objeto "CredentialsProvider1" criado.
Agora com a chave válida vinculada ao projeto, é possível utilizar o Bing Maps sem problemas.
Primeiro é necessário baixar o Microsoft Silverlight, o Microsoft Expression Blend 3 e o Bing Maps Silverlight Control SDK.
O Silverlight é a tecnologia da Microsoft para competir com o Adobe Flash. Com esta é possível visualizar animações, vídeos e aplicativos de interfaces ricas (RIA - Rich Interface Application). O Microsoft Expression Blend 3 é uma ferramenta de design de interface de usuário para criar interfaces gráficas para aplicações web e desktop que mistura características desses dois tipos de aplicações através da forma interativa WYSIWYG front-end para desenhar interfaces baseadas em XAML para aplicações com Silverlight e WPF - Windows Presentation Fundation. E o Bing Maps Silverlight Control SDK, como o nome já diz, é um pacote que contém os controles/componentes Silverlight do Bing Maps para ser integrado no Microsoft Expression Blend 3.
Depois de instalar os 3 aplicativos, execute o Microsoft Expression Blend 3 e vá em File > New Project.
Depois adicione as bibliotecas do Bing Maps Silverlight Control SDK que estão no diretório (padrão): "C:\Program Files\Bing Maps Silverlight Control\V1\Libraries"
Os controles/componentes do Bing Maps são organizados na aba Assets, no menu Locations.Microsoft.Maps.MapControl.dll.
No exemplo foi adicionado o controle/componente Map que permite a visualização de mapa.
Ao rodar o projeto com F5, a página da web é aberta com o mapa adicionado, porém uma mensagem é exibida informando que é necessário o cadastro para uma conta de desenvolvedor por Credenciais Inválidas, ou seja, é necessário criar uma conta no site Bing Maps Account Center e obter uma chave válida.
Depois de obter uma chave válida, é preciso vinculá-la ao mapa. Para isso, clique no objeto Map criado, vá na aba Properties, menu Miscellaneous, propriedade CredentialsProvider.
Clique com o botão esquerdo do mouse no quadrado do lado direito da propriedade e entre no menu "Convert to New Resource..."
Uma janela será aberta, então selecione a opção "This document", selecione o objeto Map que fora antes adicionado ao projeto e clique em OK para criar o "ApplicationIdCredentialsProvider" nomeado "CredentialsProvider1".
Feito isso, alterne a visibilidade para Split (menu View > Active Document View > Split View) e cole a chave válida adquirida no site do Bing Maps na propriedade "ApplicationId" do objeto "CredentialsProvider1" criado.
Agora com a chave válida vinculada ao projeto, é possível utilizar o Bing Maps sem problemas.
sábado, 17 de abril de 2010
Exemplo de Bing Maps através da Ajax Interactive SDK
Boa noite, essa é a minha primeira vez que estou postando no Blog do “Bing Maps” do curso de “Desenvolvimento de Aplicações Web” da “Universidade Tiradentes - UNIT” e espero este seja útil para quem estiver pesquisando sobre essa ferramenta.
O Bing Maps disponibiliza duas ferramentas para criar ricas aplicações através da sua API: o Ajax Interactive SDK (http://www.microsoft.com/maps/isdk/ajax/) e o Silverlight Interactive SDK (http://www.microsoft.com/maps/isdk/silverlight/).
Explorando o Ajax Interactive SDK, vemos que podemos acessar de forma simples os recursos do Bing Maps através de Javascript como no exemplo abaixo o qual exibe um mapa:
Como podemos ver, a função LoadMap() carrega um mapa e sua definição é a seguinte (todos os parâmetros são opcionais):
LoadMap(VELatLong, zoom, style, fixed, mode, showSwitch, tileBuffer, mapOptions);
Onde:
VELatLong – representa o centro do mapa através de um objeto da classe VELatLong.
zoom – define o nível de zoom que vai de 1 a 19 e o padrão é 4.
style – especifica o estilo do mapa e o padrão é VEMapStyle.Road (VEMapStyle Enumeration).
fixed – define se o usuário pode ou não mudar o mapa. O padrão é false.
mode – define se o mapra é exibido em 2D ou 3D. O padrão é VEMapMode.Mode2D (VEMapMode Enumeration).
showSwitch - define se os controles podem ser desativados ou não. O padrão é true.
tileBuffer - especifica quantas camadas de imagens extras são usadas enquanto o mapa é carregado. O padrão é 0 (nenhuma camada). Este parâmetro é ignorado no modo 3D.
mapOptions - especifica outras opções de mapa através da classe VEMapOptions.
Se o parâmetro mode for Mode3D então o usuário precisará baixar um plugin no site da Microsoft para que este seja exibido, mas caso não o tenha, o usuário somente visualizará em 2D.
A função onLoadMap permite que uma função seja executada quando o mapa é inicialmente carregado. No exemplo acima é usada uma função que exibe uma mensagem no mapa.
Em breve estarei publicando aqui um Exemplo de Bing Maps através do Silverlight Interactive SDK.
O Bing Maps disponibiliza duas ferramentas para criar ricas aplicações através da sua API: o Ajax Interactive SDK (http://www.microsoft.com/maps/isdk/ajax/) e o Silverlight Interactive SDK (http://www.microsoft.com/maps/isdk/silverlight/).
Explorando o Ajax Interactive SDK, vemos que podemos acessar de forma simples os recursos do Bing Maps através de Javascript como no exemplo abaixo o qual exibe um mapa:
Como podemos ver, a função LoadMap() carrega um mapa e sua definição é a seguinte (todos os parâmetros são opcionais):
LoadMap(VELatLong, zoom, style, fixed, mode, showSwitch, tileBuffer, mapOptions);
Onde:
VELatLong – representa o centro do mapa através de um objeto da classe VELatLong.
zoom – define o nível de zoom que vai de 1 a 19 e o padrão é 4.
style – especifica o estilo do mapa e o padrão é VEMapStyle.Road (VEMapStyle Enumeration).
fixed – define se o usuário pode ou não mudar o mapa. O padrão é false.
mode – define se o mapra é exibido em 2D ou 3D. O padrão é VEMapMode.Mode2D (VEMapMode Enumeration).
showSwitch - define se os controles podem ser desativados ou não. O padrão é true.
tileBuffer - especifica quantas camadas de imagens extras são usadas enquanto o mapa é carregado. O padrão é 0 (nenhuma camada). Este parâmetro é ignorado no modo 3D.
mapOptions - especifica outras opções de mapa através da classe VEMapOptions.
Se o parâmetro mode for Mode3D então o usuário precisará baixar um plugin no site da Microsoft para que este seja exibido, mas caso não o tenha, o usuário somente visualizará em 2D.
A função onLoadMap permite que uma função seja executada quando o mapa é inicialmente carregado. No exemplo acima é usada uma função que exibe uma mensagem no mapa.
Em breve estarei publicando aqui um Exemplo de Bing Maps através do Silverlight Interactive SDK.
segunda-feira, 5 de abril de 2010
Integração do Bing maps com o Foursquare
O BING (serviço de buscas na internet da Microsoft), ganhará integração com a rede social Foursquare, cujo forte é a geolocalização. A Microsoft demonstrou o recurso no SES-Search Engine Strategies New York.
…
Serão utilizados mapas com tecnologia Silverlight para mostrar localização e mensagens de usuários. A novidade permitirá visualizar as notificações do Foursquare, em tempo real, sobre mapas de cidades fornecidos pelo Bing com a tecnologia Silverlight.
…
Estar em um lugar e ter acesso de alguma forma aos posts mais próximos em redes sociais é uma excelente referência. Digamos que um assalto esteja em andamento em um estabelecimento comercial e algumas pessoas estejam tuitando.
…
Bastaria acessar um mapa para saber por onde não passar, por exemplo.
…
Pensando além disso, os reflexos dos eventos na região, em aspectos como o trânsito, poderiam ser tagueados (do neoverbo taguear, de tag) de uma forma específica e informar visualmente desvios e bloqueios.
…
Só não me agrada que seja com Silverlight, não tive boas experiências com ele. Mas, pela novidade, valem novas tentativas.
Localizar Tweetrs pelo Bing Maps
Hoje em dia é possível, em vários aplicativos, mandar informações de localização aproximada de uma pessoa e exibir isso em um mapa, seja de forma pública ou particular, só para algumas pessoas, como é o caso do Google Latitude. O Twitter também tem uma modalidade que envia os dados de sua localização aproximada (se você permitir) para o Bing Maps.
Para isso podemos utilizar o Geotag no Twitter, então a pessoa aparecerá nesse mapa e todo tweet pode ser visualizado, inclusive em pontos específicos do mapa ou procurando por alguém determinado.
Antes de tudo precisamos autorizar as Geotags no Twitter para que as suas informações apareçam (ou se você quiser bloquear essa função). Abra a sua conta na página da web do Twitter e clique no link no canto superior direito da tela onde diz "Settings" para definir suas preferências:
Procure a palavra "Geotagging" e marque a opção "Enable geotagging" para que seus tweets possam ser localizados. Se não quer enviar essas informações, basta desmarcar e clicar em "Delete al location data".
Após habilitar ou desabilitar o Geotags, o serviço necessita de pelo menos 24h para surtir efeito, ou seja, é necessário aguardar um dia para que a pessoa possa receber ou não a localização pelo tweet.
sábado, 27 de março de 2010
Bing Maps API - Mostrar um mapa específico
Segue abaixo o código mostrando como incorporar o Bing Maps em uma pagina HTML.
Assinar:
Comentários (Atom)