Pues la primer aplicación es acerca de buscar ciudades, cualquier ciudad alrededor del planeta, aquí tienes el link de referencia.

Buscar ciudades

Las especificaciones técnicas son:

Uso de la API de localización de Bing Maps (vía REST y regresando un XML).

Uso adecuado de como manejar un GeoCoordinateWatcher para poder publicar sin problemas.

Manejo básico de Isolated Storage para recordar una decisión del usuario.

Manejo de colores en las fuentes y fondos de acuerdo al color y tipo de tema utilizados por el teléfono.

Ya que tienes estas grandes ventajas no te deberían rechazar alguna aplicación que se te ocurra publicar de manera similar, al menos no deberías pasar por las 4 “bateadas” que a mi me tocaron.

Descarga aquí el código fuente de la aplicación.

Ok, no me detendré a explicar que onda con como funciona, simplemente te daré y diré todo lo necesario para que puedas implementarla, obviamente tendrás el código y podrás meterle cualquier nueva herramienta.

Primero comienza con crear la base de datos, las tablas que necesitarás son dos, “Ubicación” y “Mensajes”, con la siguiente estructura.

Tabla MENSAJES

Tabla UBICACION

Solo como comentario, el campo “ID_MENSAJE” es un campo de identidad, pero para evitarte un rato, te paso igual los scripts para crear las tablas, así que un “copiar y pegar” y listo, tendrás tus tablas listas.

Script MENSAJES

Script UBICACION

Ok, ya después de tener las tablas, crea un servicio web, el servicio cuenta con los siguientes métodos.

En esta parte me disculpo, por cuestiones de mi servicio de hosting y su framework, no puedo usar WCF, así que lo hago a la antigua, con servicios web de ASP.NET

Descarga aquí el servicio web.

Por último, nos vamos con la aplicación, en esencia usas dos pantallas, una que te permite poder visualizarte y a tu compañer@, aquí podrás ver igual la dirección hacía donde se dirige cada quien.

Y la otra en donde pueden conversar.

Bien hay algunas líneas que deberás modificar en este caso, así como la URL del servicio web que estarás consumiendo, te digo que partes son las “estáticas” para que las adaptes a tu gusto, aclaro que cuando me refiero a “tu nombre” es el valor con el que tu te vas a identificar en tu tabla “UBICACION” y cuando digo “tu pareja” me refiero al valor de tu compañer@, en esa misma tabla.

1.- En el code behind de MainPage ve a la línea 65 y coloca en ese valor de tipo string tu nombre.

2.- En el code behind del UserControl “Conversación”, coloca en la línea 31 tu nombre y en la 36 el de tu pareja.

3.- En el code behind del UserControl “Apuntador”, coloca en la línea 45 tu nombre y en la 47 el de tu pareja. (Aquí igualmente debes considerar la URL de las imágenes que vas a usar para verse en el mapa y en el control del chat.

4.- En la clase “GPS”, coloca en la línea 46 tu nombre.

5.- En la clase “AppBar”, coloca en la línea 101 tu nombre, en la línea 115 el de tu pareja y por último en la 151 de nuevo tu nombre.

Descarga aquí la aplicación.

Ya con todo listo, nada mas falta que hagas la última parte de manera inversa para poder correr la aplicación en el otro teléfono y listo!! A disfrutar!!!

Debido a que se que algunos quizá prefieran bajarlo todo completo en un archivo, aquí pueden hacerlo.

NOTA: Esta aplicación fue hecha con fines de entretenimiento, al momento de crear este post pensé en la opción de mejorarla, pero se los dejaré a ustedes, hay mucho por hacer, nuevas herramientas, el servicio en la versión WCF, así que sería genial que si gustan contribuir con ella solo me avisen para ir publicando los cambios, sería genial hacer una mucho mas grande entre todos, ¿como  ven?

Si no sabes que es la realidad aumentada, un buen inicio sería comenzar desde leyendo el siguiente link acerca de qué es la realidad aumentada.

Bien, ahora si podrás comenzar, pero en esta ocasión no iniciaremos desde un proyecto nuevo, hay que ir un poco mas allá, para poder tener acceso a la cámara del teléfono.

Comienza descargando una librería desde aquí, esta librería es Windows.Phone.Media.Extended, y servirá para poder acceder al uso de la cámara.

Ya que la tienes, extrae la .dll y colócala en la siguiente ruta

C:\Program Files\Reference Assemblies\Microsoft\Framework\Silverlight\v4.0\Profile\WindowsPhone

Abre el archivo FrameworkList.xml que esta dentro de la carpeta RedistList (recuerda que seguimos dentro de la ubicación anterior), e inserta la siguiente línea.

<File AssemblyName=”Microsoft.Phone.Media.Extended” Version=”7.0.0.0″ Culture=”neutral” ProcessorArchitecture=”MSIL” InGac=”false” />

Imagino que como buen desarrollador tienes un editor algo mas avanzado que el Bloc de notas, de lo contrario yo recomiendo enfáticamente Notepadd++, me encanta desde la primera vez que lo usé.

Ya que terminaste con esto ahora si, ve a Visual Studio, pero antes de iniciar con cualquier proyecto, debes comenzar por descargar el complemento para ejecutar una consola desde Visual Studio.

Ok, entonces ahora si, ya con tu .dll añadida y tu complemento inicia un nuevo proyecto en Windows Phone 7 y vete por la opción Landscape, será la mas adecuada, después de eso añade la librería, que como verás ya está dentro de las preestablecidas.

Si te tomas la libertad de compilar tu proyecto, es muy posible que tu IDE no haya reconocido tu librería recién incorporada, para ello da click derecho sobre tu proyecto y ahí selecciona la opción de abrir una consola.

Y ahí en tu consola, ve primero a la ruta siguiente (por medio del comando “cd”).

C:\Program Files\Reference Assemblies\Microsoft\Framework\Silverlight\v4.0\Profile\WindowsPhone

y ahora si escribe el siguiente comando.

sn -Vr Microsoft.Phone.Media.Extended dll

esto dará “de alta” definitivamente a tu librería para poder usarla dentro de tu proyecto.

Por último para terminar debes agregar dos librerías mas las cuales son:

SlarToolkit.dll (librería diseñada para el manejo y reconocimiento de patrones)

Matrix3DEx.dll (librería que extiende la funcionalidad del elemento PlaneProjection de Silverlight)

Puedes obtener las dos desde aquí aunqque te recomiendo que les des un vistazo para comprender un poco mas de su funcionalidad.

De acuerdo, hemos terminado con la parte de configuración y requerimientos del proyecto, ahora si, al fin, a escribir el código, primero ve por el XAML

<phone:PhoneApplicationPage x:Class=”Escaner.MainPage”
xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation”
xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”
xmlns:phone=”clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone”
xmlns:shell=”clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone”
xmlns:media=”clr-namespace:Microsoft.Phone;assembly=Microsoft.Phone.Media.Extended”
xmlns:d=”http://schemas.microsoft.com/expression/blend/2008″
xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006″
mc:Ignorable=”d” d:DesignWidth=”800″ d:DesignHeight=”480″
FontFamily=”{StaticResource PhoneFontFamilyNormal}”
FontSize=”{StaticResource PhoneFontSizeNormal}”
Foreground=”{StaticResource PhoneForegroundBrush}”
SupportedOrientations=”Landscape” Orientation=”Landscape”
shell:SystemTray.IsVisible=”False”>

<Grid x:Name=”LayoutRoot” Background=”Transparent”>
<media:CameraVisualizer x:Name=”visorCamara”/>
<Canvas>
<Image x:Name=”img” Source=”Materiales/ethereal.png” Stretch=”None”  Width=”129″ Height=”123″/>
</Canvas>
</Grid>
</phone:PhoneApplicationPage>

En donde simplemente colocas el espacio para visualizar la cámara y después un contenedor para la imagen que quieres ver, no es la gran ciencia, hasta aquí puedes compilar sin mayor problema, ahora podremos pasar al lado de C#.

Comienza declarando dos objetos globales

private VideoCamera camara;
private BitmapMarkerDetector detectorRealidad;

Y después utilizarás los eventos OnNavigatedTo y OnNavigatedFrom que se ejecutan al aparecer la página en cuestión y al salir.

protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)
{
base.OnNavigatedTo(e);
IniciarDetectorRealidad();
IniciarCamara();
}

protected override void OnNavigatedFrom(System.Windows.Navigation.NavigationEventArgs e)
{
base.OnNavigatedFrom(e);
camara.Dispose();
camara = null;
}

Como puedes ver en una función solo inicias dos funciones, y en el otro eliminas el uso de la cámara, las funciones en uso son las siguientes.

private void IniciarDetectorRealidad()
{
detectorRealidad = new BitmapMarkerDetector();
var marker = Marker.LoadFromResource(“Materiales/probando.pat”, 16, 16, 80);
detectorRealidad.Initialize(640, 480, 1, 4000, marker);
}

private void IniciarCamara()
{
camara = new VideoCamera();
camara.Initialized += OnCameraInitialized;
visorCamara.SetSource(camara);
}

El detector de realidad manda llamar a un archivo de tipo .pat, es un patrón, ese patrón lo puedes crear por diferentes métodos, por ahora no te preocupes por ello y descarga el patrón que usamos aquí.

Al momento de añadir ese patrón a tu proyecto, es bien importante que además de añadirlo, modifiques sus propiedades para que quede añadido como un recurso.

Así también puedes notar que usas un event handler para la inicialización de la cámara, el cual incluirá lo siguiente.

void OnCameraInitialized(object sender, EventArgs e)
{
camara.Initialized -= OnCameraInitialized;
Dispatcher.BeginInvoke(() => { GrabFrame(); });
}

Lo primero que hacemos es eliminar el manejador, para después al momento de invocar el reconocimiento de elementos llamemos a nuestra última función.

private void GrabFrame()
{
if (camara != null)
{
Debug.WriteLine(“GrabFrame”);
WriteableBitmap wb = new WriteableBitmap(640, 480);

camara.GetCurrentFrame(wb);
wb.Invalidate();

var sw = new Stopwatch();
sw.Start();
var results = detectorRealidad.DetectAllMarkers(wb);

Debug.WriteLine(“Has results: {0}”, results.HasResults);

if (results.HasResults)
{
img.Opacity = 1;
var centerAtOrigin = Matrix3DFactory.CreateTranslation(-img.ActualWidth * 0.5, -img.ActualHeight * 0.5, 0);
var scale = Matrix3DFactory.CreateScale(0.5, -0.5, 0.5);
var world = centerAtOrigin * scale * results[0].Transformation;

var vp = Matrix3DFactory.CreateViewportTransformation(visorCamara.ActualWidth, visorCamara.ActualHeight);
var m = Matrix3DFactory.CreateViewportProjection(world, Matrix3D.Identity, detectorRealidad.Projection, vp);

img.Projection = new Matrix3DProjection { ProjectionMatrix = m };
}
sw.Stop();
Debug.WriteLine(“Time to scan frame: {0}ms”, sw.ElapsedMilliseconds);
}

Dispatcher.BeginInvoke(() => { GrabFrame(); });
}

Aquí me declaro un completo ignorante en la materia, simplemente aprendí lo necesario, pero fue sencillo, usando la librería de Matriz 3DEx vas a darle la posición al elemento (en este caso una imagen) basándote en la posición del patrón, es así de sencillo en este caso particularmente.

Ahora si, a probarlo (aclaro que solo he podido probarlo en un dispositivo real, en el emulador solo me aparece un cuadro en blanco).

Listo!!! Ahora a disfrutar de tu nueva aplicación

El código fuente lo puedes descargar desde aquí.

El patrón en su versión para imprimir es este.

NOTA: Hay que mencionar que esta librería NO forma parte de la API para el entorno de  desarrollo de Windows Phone 7, por lo mismo, cualquier intento por publicar una aplicación de este tipo en el Marketplace será rechazado por violar los términos del contrato de publicación de aplicaciones.

Descargar código.

Bien antes de comenzar aquí nos iremos a SQL, necesitas crear una tabla de la siguiente manera

Como verás, tengo la tabla Lugares, de la base de datos Lugares (si, ya se, no tengo mucha imaginación, perdón!!), en donde guardaré los registros de cada uno de los elementos que ya tengo en mi interfaz, para eso bríncate a Visual Studio y desde ahí seguirás.
Da click derecho sobre la carpeta de Site de tu proyecto y selecciona “Agregar” y “Nuevo elemento”.

En la ventana auxiliar selecciona la opción de Web Service, en este caso lo llamé Servicio Datos

Hago un pequeño paréntesis para aclarar que este tipo de servicio web es una forma que los desarrolladores de ASP encontrarán muy familiar, además de que su uso es muy extendido dada su antigüedad, pero ahora han sido reemplazados por los maravillosos servicios WCF, esos los verás mas adelante, pero la idea es que seas capaz de usar ambos.

Bien después del breviario, continua con el servicio web, en donde quedará de la siguiente manera

;using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Data.SqlClient;

[WebService(Namespace = "<a href="http://tempuri.org/&quot;)]">http://tempuri.org/")]</a>
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class ServicioDatos : System.Web.Services.WebService {

public ServicioDatos ()
{
}

[WebMethod]
public int InsertarNuevoLugar(string NOMBRE, string DESCRIPCION, byte[] IMAGEN, string TELEFONO, double LATITUD, double LONGITUD)
{
string cadenaActualizar = "INSERT INTO Lugares (NOMBRE, DESCRIPCION, IMAGEN, TELEFONO, LATITUD, LONGITUD) VALUES " +
"(@nombre, @descripcion, @imagen, @telefono, @latitud, @longitud)";
int t = 0;
using (SqlConnection conexion = new SqlConnection("Data Source=EQUIPOAMIN;Initial Catalog=Lugares;Integrated Security=True;"))
{
SqlCommand comando = new SqlCommand(cadenaActualizar, conexion);
conexion.Open();
comando.Parameters.AddWithValue("@nombre", NOMBRE);
comando.Parameters.AddWithValue("@descripcion", DESCRIPCION);
comando.Parameters.AddWithValue("@imagen", IMAGEN);
comando.Parameters.AddWithValue("@telefono", TELEFONO);
comando.Parameters.AddWithValue("@latitud", LATITUD);
comando.Parameters.AddWithValue("@longitud", LONGITUD);
t = comando.ExecuteNonQuery();
conexion.Close();
}
return t;
}

}

Como puedes ver esto es sencillo, simplemente escribir una función, anteponiendo [WebMethod] para especificar que se trata de un método accesible, igualmente importante es el que el método sea público, también te comento que debes siempre regresar un valor en este tipo de elementos, en este caso la confirmación de que la operación fue realizada por medio de un comando, dentro del método, usamos sentencias base de SQL para poder insertar la información que estamos recibiendo por medio de los parámetros del método, al terminar ejecutamos el proyecto y tendremos una vista así.

Como puedes ver señalé en la imagen la dirección, dado que necesitamos usarla, copia esa dirección y después regresa a Visual Studio, en tu proyecto de desarrollo da click derecho sobre el y escoge la opción de “Agregar referencia de servicio”.

Es en la siguiente ventana en donde deberás copiar la URL que te mencioné en el paso anterior y además ponerle un nombre de referencia, yo lo dejé como Servicio1.

Ya solo hace falta que te vayas al evento click del botón de actualizar de tu interfaz, y escribas el siguiente fragmento de código.

private void btnGuardar_Click(object sender, RoutedEventArgs e)
{
Servicio1.ServicioDatosSoapClient miServicio = new Servicio1.ServicioDatosSoapClient();
miServicio.InsertarNuevoLugarCompleted += (s, a) =>
{
if (a.Error == null)
MessageBox.Show("Tu información ha sido actualizada");
else
MessageBox.Show("Hubo un problema al subir tu información");
};
miServicio.InsertarNuevoLugarAsync(txtNombre.Text, txtDescripcion.Text, arreglo, Convert.ToInt16(txtTelefono.Text),
Math.Round(Convert.ToDouble(txtLatitud.Text), 5), Math.Round(Convert.ToDouble(txtLongitud.Text), 5));
}

Bien, entonces creas una instancia del cliente SOAP de tu servicio web y por medio de ese objeto mandarás llamar al método web que creaste hace unos pasos así como pasarle los parámetros necesarios, al completar la operación si no hay ningún error simplemente mandas un mensaje de texto diciendo que todo está en orden.

El día de hoy han sido liberadas las herramientas de Visual Basic .NET para Windows Phone 7.  Tomen en cuenta que estas no funcionarán en Visual Studio Express para Windows Phone, sino que requieren la versión Professional en adelante.  Si no la tienen, siempre está la opción que se inscriban al programa de apoyo WebsiteSpark  (software gratuito durante 3 años… chequen la información).

También cabe mencionar que se liberaron en diferentes idiomas, entre ellas en Español.

Las pueden descargar de esta dirección.

Salu2!

P.D. Sabías que, Visual Basic está en el lugar #7 de los lenguajes de programación más usados, mientras que C# está en #5? Más información en el Índice Tiobe.

Windows Phone 7 es la próxima versión del sistema operativo para dispositivos móviles de Microsoft.  Debido a que su liberación está muy próxima las herramientas de desarrollo para Visual Studio .NET 2010 han sido liberadas en su fase Beta.  Esta es una excelente oportunidad para que puedan meterse en esta plataforma, que cabe mencionar, usa Silverlight como tecnología para sus aplicaciones!

Así es, si ustedes son desarrolladores de Silverlight ya saben cómo construir aplicativos para Windows Phone 7.  Las instalación de las herramientas incluye una versión de Blend 4 para WP7, las plantillas para VS.NET y el Emulador de WP7.  Pueden descargar las herramientas aquí.

Además de las herramientas, se ha actualizado el Training Kit de Windows Phone 7 a esta última versión Beta.  El Training Kit cuenta con una serie de Prácticas y Documentación para que aprendan rápidamente los conceptos para desarrollar soluciones en el télefono.  Lo pueden descargar aquí.

Es bastante emocionante ser hoy en día un desarrollador de Silverlight, y mucho más aún sabiendo que tus conocimientos los puedes aplicar en esta plataforma móvil.  ¿Deseas iniciar en Silverlight y no sabes cómo?  Revisa el Curso de Introducción a Silverlight 4 – totalmente en Español!

Salu2!!!

Silverlight 2 (y parte de Silverlight 3) ahora disponible en Linux!

Salu2

No obstante hay una manera rápida de pasarnos de una versión a otra, y es ejecutar un archivo de procesamiento por lotes incluido en un archivo .zip que podemos descargar de aquí.  Básicamente lo que hace el archivo es crearnos un par de archivos .bat (VS_2-TO-3.BAT y VS_3-TO-2.BAT) que podremos ejecutar posteriormente cuando necesitemos tener activa una versión de Silverlight en específico. Estos archivos .bat no hacen más que desinstalar la versión actual e instalar la otra; por lo tanto necesitamos tener los siguientes archivos en un mismo fólder en nuestra máquina:

• Silverlight.2.0_Developer.exe (Runtime de Silverlight 2)
• Silverlight.3.0_Developer.exe (Runtime de Silverlight 3)
• Silverlight_Tools.exe (Herramientas de VS para Silverlight 2)
• Silverlight3_Tools.exe (Herramientas de VS para Silverlight 3)
• Setup_SLTools_Util.bat (está dentro del archivo zip anteriormente indicado)

Al ejecutar Setup_SLTools_Util.bat se crearán los archivos .bat necesarios para pasarnos de una versión a otra (tanto para Visual Studio como para Visual Web Developer):

Figura 1: Fólder con todos los archivos necesarios

Tomen en cuenta que deberán ejecutar los archivos .bat con permisos elevados para que no tengan ningún problema.  Además no deberá estar ejecutándose Visual Studio / VWD en el momento que ejecuten los .bat

Otra cosa importante mencionar es que el cambio de una versión a otra no es silenciosa, es decir, aparecerán las cajas de diálogo para la instalación y tendrán que aceptar la licencia, etc.

Figura 2: Herramientas de Silverlight 2 habilitadas en Visual Studio

Figura 3: Herramientas de Silverlight 3 habilitadas en Visual Studio

Supongo que un futuro no muy lejano tendremos mejores opciones que esta, pero por el momento funciona y es un camino rápido para cuando necesitemos desarrollar aplicaciones de Silverlight 3 sin perder la opción de desarrollar para la versión 2.

Salu2!

Para que puedan apreciar más su funcionalidad chequen este video que fue grabado durante el MIX09:

 http://silverlight.live.com/

No pierdan de vista toda la información de los servicios de nube que microsoft esta desarollando y ofreciendo en su etapa de beta, entre los que se encuentran el servicio de live framework y de mesh, entre otros.

Buena herremienta para exportar archivos vectorizados hechos en Adobe Illustrator a Xaml para ser usados en Silverlight:

http://www.mikeswanson.com/xamlexport/

Saludos…

El projecto en cuestión es llamado Silverlight File Upload, y pueden encontrarlo aqui.

Apenas lo he instalado y probado en mi máquina. Aún me falta analizarlo más detenidamente, pero les puedo decir que mi primera impresión ha sido altamente agradable.

La interfaz de buen gusto, eso si algo típica, pero que a la vez está bien:

Y lo mejor de todo, su instalación/uso, muy sencillo (al menos en mi maquina).

Todavia no he tenido mucha chansa de analizar el proyecto a fondo, pronto lo hare. Pero eso si, no quise dejar pasar la oportunidad de hacer notar que de codeplex podemos obtener buenos proyectos.

Saludos…

Kaxaml es una gran herramienta de edición de XAML para nuestras aplicaciones Silverlight o WPF, es ligero y corre bastante rápido.  No es una herramienta de desarrollo como Visual Studio .NET 2008 o de diseño como Expression Blend sin embargo es una aplicación que debe estar en tu cinturón si es que deseas convertirte en un experto desarrollador de aplicaciones Silverlight / WPF.

Si ya lo has usado, o apenas estás iniciándote en el tarea de usarlo te recomiendo que cheques los siguientes videos lo cuales muestran características bastante interesantes (y poco conocidas) de esta herramienta.

Espero les sirva.

Salu2!