Usando los controles de Coding4Fun

Estándar

En el siguiente post veremos como utilizar los controles de Coding4Fun en Windows Phone para mostrar alertas, avisos y notificaciones a los usuarios de nuestra aplicación.

Para empezar podemos descargar el paquete con todas las herramientas desde la siguiente página –> http://coding4fun.codeplex.com/

C1

Al terminar la descarga nos encontraremos con un varios archivos .dll a los cuales procederemos a desbloquearlos de la siguiente manera:

C2

Nuestro siguiente paso es agregar las referencias a nuestra solución:

C4

Para usar los controles de Coding4Fun debemos llamar su namespace, y para ello usaremos la directiva using:

C5

El primer control que utilizaremos es un AboutPrompt que me permitirá mostrar información de mi aplicación o de los autores de la misma. En el siguiente ejemplo se demostrar cómo realizar un ‘acerca de’, mostrando los datos del autor, el nombre de la aplicación, y la versión. Así mismo se provee una guía de como agregar múltiples autores:

C6

El resultado de cómo se vería un AboutPrompt es el siguiente:

C7

Un control aún más interesante es el InputPrompt que permite que el usuario pueda escribir un texto en un mensaje. En el siguiente caso lo utilizaré para preguntarle el nombre y utilizare ese mismo dato para saludar al usuario de mi aplicación.

C8

Ahora, InputPrompt en ejecución:

C9

Otro control para interactuar con el usuario es el MessagePrompt, en el siguiente caso lo veremos desplegando un mensaje sencillo.

C10

MessagePrompt en acción!:

C11

PasswordInputPrompt es un control muy parecido al InputPrompt con la salvedad de que no permite ver los caracteres que son ingresados, he aquí un ejemplo de su utilización:

C12

Ahora, PasswordInputPrompt en ejecución:

C13

Sin lugar a dudas, uno de los controles más interesantes que tiene Coding4Fun es ToastPrompt, funciona de una manera que un Toast Notification. Aquí podemos un pequeño ejemplo:

C14

ToastPrompt en ejecución:

C15

El pase de diapositivas requiere JavaScript.

Hasta la próxima!

J. Rodrigo Puca {MSP Lead Latam/MSP Lead Argentina}

Geolocalización en WP7 – Parte II

Estándar

Si aún no han visto la primera parte de Geolocalización en WP7, los invito a verlo en http://j.mp/UkvytQ

En este post veremos agregar zoom-in, zoom-out y cargar lugares en la aplicación.

Para empezar lo haremos en Expression Blend agregando botones en el ApplicationBar (esto lo podemos hacer desde la parte visual, pero veremos como hacerlo utilizando algo de código XAML)
L23

Si vamos al XAML de nuestra página principal (MainPage.xaml), podremos agregar botones (por ejemplo los de zoom-in, zoom out, vista) y los elementos del menú (iniciar, terminar servicio) de la siguiente manera:
L24

Necesitaremos agregarle un cierto comportamiento para cada uno de los elementos que hemos agregado recientemente, y esto lo podemos realizar de la siguiente manera en el mainpage.xaml.cs:
L25

Continuaremos esta vez agregando el comportamiento correspondiente al inicio y terminación del servicio y al cambio de vista
L17

Si a todo ha salido correctamente podremos ver las nuevas funcionalidades al ejecutar la aplicación:
L26

Es muy probable de que si tenemos que realizar una aplicación orientada al turismo, y en la cual debemos resaltar ciertos lugares en especial, debemos tenerlos disponibles en la aplicación. Para ello lo que podemos hacer es marcar los lugares que deseamos mostrar en la herramienta de localización (que se encuentra en Additional Tools), y guardar los datos.
L27

Por defecto los datos se guardaran en un archivo xml, con la siguiente estructura:
L28

Y para agregar estos datos, debemos crear una colección de los lugares (el código para agregar es el de ‘Mis Lugares’) de la siguiente manera:
L29

Y para que los puntos a mostrar puedan ser vistos les agregamos un pushpin a cada uno de ellos:
L30

Si ejecutamos la aplicación, podremos ver los puntos que hemos sugerido que visite a nuestro usuario:
L31

Pero también es muy probable que nosotros queremos dejar que el usuario agregue sus propios lugares. En mi caso lo haré sobre el evento DoubleTap tal como muestra la imagen:
L32

Para hacer lo propuesto, debo crear un punto con la posición que el usuario proporciona, y luego asignarle un pushpin para que pueda ser visible en el mapa.
L33

Si hemos realizado correctamente los pasos, veremos que el usuario puede también agregar nuevos lugares! (detalle: los nuevos lugares se almacenarán de manera temporal)
L34

Geolocalización en WP7 – Parte I

Estándar

En este tutorial crearemos una aplicación para Windows Phone 7 en la cual utilizaremos Bing Maps para realizar la geolocalización.

El tutorial lo estoy planteando desde cero y paso a paso para que nadie se pierda..

Nuestro primer paso es crear la aplicación en Visual Studio, es decir vamos a File>New Project>Windows Phone Application , y allí veremos la siguiente pantalla en donde agregaremos el nombre de la aplicación (en mi caso lo he llamado «Geo»):

L02

Al haber creado la aplicación, el siguiente paso es arrastrar el control Map (lo podemos encontrar en toolbox) hacia nuestra aplicación:

L03

Si pulsamos la tecla F5, la aplicación correrá pero tendremos un problema, nos aparecerá una leyenda que nos dice que no tenemos las credenciales para usar el control.

L04

Para solucionar esto visitaremos la página bingmapsportal.com, en la cual nos crearemos una cuenta para poder obtener las credenciales.

L05

Una vez creada la cuenta, nos dirigimos a «Create or view keys» y una vez allí completamos el formulario. En mi caso el nombre de mi aplicación es «Geo», el tipo de clave es «Basic», y el tipo de aplicación es «Mobile»

L06

Luego de haber completado el formulario, obtendremos la credencial que nos permitirá usar el mapa de Bing de manera correcta:

L07

El siguiente paso es abrir la solución desde Expression Blend, seleccionar el control Mapa, y en la propiedad «CredentialsProvider» seleccionar «Convert to New Resource»

L08

Al Crear un nuevo recurso para la credencial, aprovecharemos para crear un diccionario de recursos, tal como muestra la imagen:

L09

Una vez creado lo anterior, si accedemos al archivo ResourceDictionary.xml encontraremos el lugar para agregar la clave o credencial que nos ha proporcionado Bing:

L10

Si hacemos un F5 luego de agregar la clave, veremos que al mapa ya no le aparecerá ninguna leyenda.

L11

Regresando a Visual Studio, empezaremos a agregar el código básico a nuestra aplicación: Los Namespaces, instancias, y eventos que usaremos
*Los detalles del código están en la imagen

L12

Continuando con el código agregaremos un indicador de los estados en los que se puede encontrar el servicio de localización:

L13

El siguiente paso es determinar que hacer cuando el usuario de la aplicación cambie su posición:

L14

Si probamos nuestra aplicación la veremos de la siguiente manera:
*Nos podemos ayudar con las herramientas adicionales que provee el emulador para simular con distintas ubicaciones geográficas:

L15

Para personalizar un poco más a la aplicación crearemos un template para tener un Pushpin Personalizado, el cual lo podemos agregar en el diccionario de recursos, de la siguiente manera:

L20

Para que los cambios sean visibles debemos especificarlos de la siguiente manera:

L21

Si ejecutamos la aplicación podremos ver a nuestra aplicación en funcionamiento con el pushpin personalizado:

L22

*Detalle: la última captura contiene un ‘application bar’ con algunas de las funcionalidades que veremos en el siguiente post!

Espero que les haya servido..

Edición #4 Latam Technology

Estándar

Sabias que? La cuarta edición ya esta disponible!

Screenshot (991)

Los expertos de Latinoamérica regresan para mostrarte lo último de la tecnología!

lt42

En esta edición de la revista tendremos:

-«#ConcursoLT: Sesión III»
-«Office 2003 alcance RTM» por Eliseo Ortega Villalba
-«App University»
-«Windows 8 más seguro – Parte I» por Andres Galvan
-«En búsqueda de la aplicación» por Jorge Luis Bojorges
-«Generation App»
-«Novedades de Directory Services en Windows Server 2012» por Leonardo Ponti
-«F#» por José Luis Cervantes
-«Virtualizamos?» por Silvio Duarte
-«Seguimiento del esqueleto con Kinect» por Maleny Abrego
-«Instalando el SDK de WP8 en W8» por quien escribe (Juan Angel Rodrigo Puca)
-«Entrevista a Marylin Alarcon» por Eduardo Ramírez
-Detalles del #concursoLT

Puedes leer la revista desde aquí –> http://bit.ly/RLT4e

lt41