Quiz de Mapa

RichieCarmichael

<\/HEAD>

<\/A>

Map Quiz é um divertido geo-jogo baseado em JavaScript desenvolvido pelo Applications Prototype Lab. O jogo testa seu conhecimento geográfico com seis imagens de satélite selecionadas aleatoriamente. Prove que você é um geo-gênio em casa, na escola ou no seu local de trabalho!

Clique aqui<\/A> para acessar a aplicação ao vivo.

Clique aqui<\/A> para baixar o código-fonte.<\/P>

Introdução<\/H2>
Este projeto é uma porta de uma aplicação inicialmente desenvolvida como um aplicativo da Windows Store.  O propósito da aplicação é apresentar um jogo divertido focado em geografia (ou "geo-jogo") baseado na tecnologia Esri<\/A>.  A aplicação é baseada principalmente na ArcGIS API for JavaScript<\/A> da Esri e é alimentada por serviços hospedados do ArcGIS Online<\/A> (AGOL) para pontuação e perguntas.  Originalmente, a aplicação baseada na Windows Store usava autenticação baseada no AGOL, na edição JavaScript decidimos usar autenticação do Facebook numa tentativa de atrair um público maior.<\/P>

Por que Facebook?<\/H2>
Uma das motivações dos jogos é a emoção da competição, seja pessoalmente ou com outros.  Para identificar os usuários para que pudessem monitorar suas pontuações, ou as de outros, era necessário algum tipo de autenticação.  A escolha óbvia é o AGOL.  O AGOL é a escolha perfeita quando colaboração é necessária dentro da comunidade GIS, mas uma grande porcentagem do público-alvo desta aplicação pode não ter credenciais AGOL. Pode-se argumentar que o Facebook pode não ser completamente onipresente, mas certamente é comum.  Assim, decidimos usar o Facebook e a API do Facebook para autenticar os usuários.  Para aliviar preocupações com privacidade, esta aplicação solicita e exibe apenas um pequeno subconjunto de informações do perfil, especificamente, a foto do perfil da pessoa, sobrenome e inicial do primeiro nome.<\/P>Controlando o Acesso aos Serviços Hospedados<\/H2>
As perguntas, respostas e pontuações do jogo são armazenadas em dois serviços de feição hospedados no ArcGIS Online.  Serviços hospedados são fáceis de criar e permitem consultas espaciais poderosas.  No entanto, o acesso ao serviço hospedado é ou irrestrito, ou confinado a uma organização ou a usuários que pertencem a grupos específicos.  Como este jogo é destinado a usuários não-AGOL, precisávamos de uma forma de restringir o acesso aos serviços hospedados apenas para a<\/EM> aplicação web Map Quiz.

Isso foi alcançado registrando o app no AGOL.  O id do app resultante e o segredo foram então usados em um proxy web que concedeu acesso exclusivo aos serviços hospedados somente à aplicação web Map Quiz.  O proxy e instruções sobre como implementá-lo estão aqui<\/A>.<\/P>

Giro<\/H2>
O mapa giratório na página inicial ou o zoom gradual de cada pergunta é conseguido usando animação CSS3 e a biblioteca JavaScript animo (veja acima).  Nos navegadores modernos os efeitos de animação são suaves e consistentes.  Com respeito ao mapa giratório, as bordas do mapa precisaram ser expandidas para fora para evitar que manchas brancas aparecessem nos cantos.  Para evitar isso aplicamos margens negativas usando um cálculo pitagórico.  Uma desvantagem do mapa giratório é que costuras da imagem são ocasionalmente observadas.<\/P>Silverlight vs. JavaScript<\/H2>
Como um desenvolvedor reformado de Silverlight fiquei agradavelmente surpreso com o desempenho e capacidades das aplicações web baseadas em JavaScript.  Até hoje, ainda não encontrei nenhuma capacidade do Silverlight que não pudesse ser alcançada com HTML5\/_CSS3.  O maior problema tem sido a mudança de paradigma do grande framework bem documentado do Silverlight para a necessidade de trabalhar com meia dúzia de bibliotecas open source pouco documentadas.<\/P>Bibliotecas Usadas<\/H2>
Como mencionado acima, este projeto é baseado em algumas bibliotecas open source, estas bibliotecas estão listadas e descritas abaixo.<\/P>animo.js<\/A> por Daniel Raftery<\/A>Esta é uma biblioteca pequena mas poderosa que fornece criação programática e gerenciamento de animações CSS.<\/EM><\/LI><\/UL><\/DIV><\/P>ArcGIS API for JavaScript<\/A> por <A href="http:\/\/www.esri.com\/

Nore8429

Hello, I'm trying to use the app but the button to log in doesn't appear. Can any one tell what it's wrong please.

Thank you.