Cuestionario de Mapas

RichieCarmichael

<\/HEAD>

<\/A>

Map Quiz es un divertido geo-juego basado en JavaScript desarrollado por el Laboratorio de Prototipos de Aplicaciones. El juego pone a prueba tu conocimiento geográfico con seis imágenes satelitales seleccionadas al azar. ¡Demuestra que eres un genio de la geografía en casa, en la escuela o en tu lugar de trabajo!

Haz clic aquí<\/A> para acceder a la aplicación en vivo.

Haz clic aquí<\/A> para descargar el código fuente.<\/P>

Introducción<\/H2>
Este proyecto es una versión adaptada de una aplicación inicialmente desarrollada como una aplicación para Windows Store.  El propósito de la aplicación es presentar un juego divertido enfocado en la geografía (o "geo-juego") basado en la tecnología de Esri<\/A>.  La aplicación se basa principalmente en la API ArcGIS para JavaScript<\/A> de Esri y está potenciada por servicios alojados de ArcGIS Online<\/A> (AGOL) para puntuaciones y preguntas.  Originalmente, la aplicación basada en Windows Store usaba autenticación basada en AGOL, pero en la edición JavaScript decidimos usar autenticación de Facebook para atraer a una audiencia más amplia.<\/P>

¿Por qué Facebook?<\/H2>
Una de las motivaciones del juego es la emoción de la competencia, ya sea personal o con otros.  Para identificar a los usuarios y poder monitorear sus puntuaciones o las de otros, se necesitaba algún tipo de autenticación.  La elección obvia es AGOL.  AGOL es la opción perfecta cuando se necesita colaboración dentro de la comunidad GIS, pero un gran porcentaje del público objetivo de esta aplicación puede no tener credenciales AGOL. Se podría argumentar que Facebook no es completamente ubicuo, pero ciertamente es común.  Por ello, decidimos usar Facebook y la API de Facebook para autenticar a los usuarios.  Para aliviar preocupaciones sobre privacidad, esta aplicación solicita y muestra solo un pequeño subconjunto de información del perfil, específicamente, la foto del perfil, el apellido y la inicial del nombre.<\/P>Controlando el Acceso a los Servicios Alojados<\/H2>
Las preguntas, respuestas y puntuaciones del juego se almacenan en dos servicios alojados de entidades en ArcGIS Online.  Los servicios alojados son fáciles de crear y permiten consultas espaciales potentes.  Sin embargo, el acceso a un servicio alojado es o bien sin restricciones, o confinado a una organización o a usuarios que pertenecen a grupos específicos.  Como este juego está destinado a usuarios que no tienen AGOL, necesitábamos una forma de restringir el acceso a los servicios alojados solo a la<\/EM> aplicación web Map Quiz.

Esto se logró registrando la app<\/A> en AGOL.  El id y secreto resultantes se usaron luego en un proxy web que otorgó acceso exclusivo a los servicios alojados solo a la aplicación web Map Quiz.  El proxy y las instrucciones para implementarlo están aquí<\/A>.<\/P>

Rotación<\/H2>
El mapa giratorio en la página principal o el zoom gradual de cada pregunta se logra usando animación CSS3 y la biblioteca animo JavaScript (ver arriba).  En navegadores modernos los efectos de animación son suaves y consistentes.  Con respecto al mapa giratorio, los bordes del mapa debieron expandirse hacia afuera para evitar que aparecieran parches blancos en las esquinas.  Para evitar esto aplicamos márgenes negativos usando un cálculo pitagórico.  Una desventaja del mapa giratorio es que ocasionalmente se observan costuras en las imágenes.<\/P>Silverlight vs. JavaScript<\/H2>
Como desarrollador reformado de Silverlight, me ha sorprendido gratamente el rendimiento y las capacidades de las aplicaciones web basadas en JavaScript.  Hasta ahora, no he encontrado ninguna capacidad de Silverlight que no pueda lograrse con HTML5\/?CSS3.  El mayor problema ha sido el cambio de paradigma desde el gran marco bien documentado de Silverlight hacia la necesidad de trabajar con media docena de bibliotecas open source con poca documentación.<\/P>Bibliotecas Usadas<\/H2>
Como se mencionó arriba, este proyecto se basa en algunas bibliotecas open source, estas bibliotecas están listadas y descritas abajo.<\/P>animo.js<\/A> por Daniel Raftery<\/A>Esta es una biblioteca pequeña pero poderosa que proporciona creación programática y gestión de animaciones CSS.<\/EM><\/LI><\/UL><\/DIV><\/>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.