miércoles, 23 de agosto de 2017

Pasando datos entre activities (IParcelable, JSON y ISerializable)

Hace unas semanas durante una sesión de apoyo del diplomado de Xamarin en la que estuve como asistente, alguien pregunto cómo podía pasar objetos entre dos Activities en lugar de pasar solamente datos primitivos. En esa ocasión yo me comprometí a hacer un post sobre el tema y aun ya pasaron muchas semanas aquí está el post.

En Android no es posible pasar mediante los extras de un Intent elementos que no sean tipos primitivos que nosotros generemos. Al intentar hacerlo obtendremos el siguiente error.



Existen varias manera de poder pasar objetos, cada una con sus ventajas y desventajas. En este post hablaremos de 4, las cuales son las siguientes:

1. Usar elementos estáticos: 
Esta es la forma más fácil pero la menos limpia y es simplemente crear un elemento publico estático en nuestro primer Activity y desde el segundo Activity lo leemos. A este mecanismo no le daremos mucha importancia debido a que es muy simple y en realidad no estamos pasando nada y aunque parezca increíble hace algunos años cuando comencé con Xamarin y me encontré con esta problemática me encontré con esta solución en muchos foros y grupos sobre Android.

2. Serializar (JSON o XML) 
Una segunda manera muy simple es serializar nuestro objeto y enviarlo como si fuera una cadena y luego hacer el proceso inverso en el Activity que recibe. Este método es muy simple, mucho más limpio que el método anterior sin embargo es “costoso” en recursos, para el poder de procesamiento actual probablemente ese no sea un gran problema.

3. Crear un objeto Parcelable. 
Esta es la solución óptima para esta problemática, en Android existe la interfaz Parcelable lo cual en Xamarin se traduce como IParcelable para mantener la nomenclatura de C#. IPacerlable requiere de dos cosas tener un método “WriteToParcel” el cual se encarga de serializar nuestro objeto y tener definido un “Creator” el cuál es el encargado de deserializar el objeto. Este mecanismo es mucho más rápido que serializar a JSON.

4. Serializable 
En Java existe una interfaz con este nombre y al igual que el caso anterior en Xamarin la tenemos disponible con la nomenclatura de C# como ISerializable, este mecanismo es soportado en Android por temas de compatibilidad con Java pero no es recomendado.

Además, existe una gran diferencia entre usarlo en Java y en Xamarin y es que en Java esta interfaz puede hacer uso de Reflection para serializar el objeto, esto hace que el proceso sea costoso a cambio de no tener que implementar la serialización de forma manual como sucede con IParcelable. En Xamarin no tenemos esta opción y si debemos implementar los métodos de la interfaz de manera manual, los métodos son “WriteObject” y “ReadObject” por esta razón el proceso termina siendo casi igual que con IParcelable y eso nos deja prácticamente sin razones para hacer uso de Serializable para el tema que estamos tratando en este post.


Vamos a hacer código


Vamos a revisar cómo implementar cada uno de los escenarios y haremos una pequeña y no muy formal prueba de rendimiento para comparar cómo se comporta cada escenario (Solo dejaremos fuera el uso de elementos estáticos debido a que en la mayoría de los casos si no es que en todos no es recomendable usarlo)


Para el ejemplo usare un proyecto en blanco de Xamarin.Android



Y simplemente agregare un Activity nuevo al proyecto llamado “SecondActivity” y lo dejare tal cual como es generado, es decir no le pondré interfaz gráfica.

A lo largo de los ejemplos trabajaremos con esta clase llamada “Employee”

```
public class EmployeeJson
    {

  public string Name
  {
   get;
   set;
  }


  public JobPosition Position
  {
   get;
   set;
  }



  public string Email
  {
   get;
   set;
  }


  public EmployeeJson(JobPosition position, string name, string email)
  {
   Name = name;
   Position = position;
   Email = email;
  }
}
}

```

1. Serialización con JSON

Comencemos con el más simple de los escenarios, para este caso la clase “Employee” se mantiene intacta y todo el trabajo lo haremos en el Activity.

Primero debemos instalar el paquete NuGet Json.NET



El proyecto por defecto tiene un botón que al ser presionado modifica un contador, haremos uso de ese mismo botón y su evento clic para el ejemplo.

Al final el manejador queda de esta manera

```
button.Click += delegate
            {
    EmployeeJson myEmployeeJson = new EmployeeJson(JobPosition.Operator, "Alan Lopez", "alan@mail.com");
    Intent secondActivityIntentJson = new Intent(this, typeof(SecondActivity));
    secondActivityIntentJson.PutExtra("employee", Newtonsoft.Json.JsonConvert.SerializeObject(myEmployeeJson));
    StartActivity(secondActivityIntentJson);  
   }; 
```
Con esta solución solo utilizamos 4 líneas de código para enviar el elemento (las líneas de Stopwatch son para medir el tiempo), en el segundo Activity en el método OnCreate recibiremos ese elemento serializado y lo regresamos a ser un objeto con la siguiente lógica

```
EmployeeJson myEmployeeJson = Newtonsoft.Json.JsonConvert.DeserializeObject(Intent.GetStringExtra("employee"));
```
En este caso solo con una línea retornamos los datos a una instancia del objeto.

En mi equipo ejecute este código varias veces, siempre cerrando e iniciando de nuevo la app en modo debug y estos son los resultados.


Intento | Escritura| Lectura
---------|----------|---------
 1 | 1245 ms | 159 ms
 2 | 1235 ms | 120 ms
 3 | 1189 ms | 177 ms
 4 | 1199 ms | 160 ms
 5 | 1286 ms | 155 ms

En todos los casos supero los 1000ms en serializar y supero los 120 realizar el proceso inverso.

Como comenté anteriormente es una medición poco formal, simplemente ejecute en el primer emulador (Android 7.1.1 con 2GB de RAM) que se inició y con ese mismo realizare las pruebas a los demás escenarios, todos en las mismas condiciones. (El código está disponible en GitHub al final está el enlace)


2. IParcelable 
Para este escenario creare una nueva clase que implementa IParcelable, esta clase tiene las siguietes características:

- Hereda de Java.Lang.Object, esto debido a que IParcelable implementa las interfaces IJavaObject y también IDisposable, con la clase Object cubrimos los métodos de esas interfaces.
- Implementa el método WriteToParcel, en este metodo serializamos el objeto escribiendo una a una las propiedades en un objeto de tipo Parcel. Aquí es importante el orden en que escribimos las propiedades, el orden en que estén escritas es el orden en que deben leerse cuando regeneremos el objeto.
- Tiene un método público y estático llamado InititalizeCreator que retorna un element de tipo EmployeeParcelableCreator. Este método es el que nos devuelve la instancia del objeto a la hora de deserializarlo. En Android debemos definir un método llamado CREATOR que sea publico estatico que implemente la interfaz “Parcelable.Creator”, en Xamarin usamos el atributo [ExportField("CREATOR")] (dentro del namespace Java.Interop) para indicar que este es el método que requiere IParcelable, también en nuestro caso el método retorna un objeto que implementa la interfaz “IParcelableCreator”, el cual explico más adelante.
*El atributo export sirve para hacer que un método de código manejado pueda ser invocado desde Android, como parámetro le indicamos el nombre con el que lo exponemos. A esto se le llama un método Android Callable Wrapper (ACW)

Así queda definida nuestra clase EmployeeParcelable

```
public class EmployeeParcelable: Java.Lang.Object, IParcelable
    {
  public string Name
  {
   get;
   set;
  }

 
  public JobPosition Position
  {
   get;
   set;
  }

  
 
  public string Email
  {
   get;
   set;
  }

       
        public EmployeeParcelable(JobPosition position, string name,  string email)
  {
   Name = name;
   Position = position;
   Email = email;
  }

        public int DescribeContents()
        {
            return 0;
        }

        public void WriteToParcel(Parcel dest, [GeneratedEnum] ParcelableWriteFlags flags)
        {
            dest.WriteInt((int)Position);
            dest.WriteString(Name);
            dest.WriteString(Email);
        }

  [ExportField("CREATOR")]
        public static EmployeeParcelableCreator InititalizeCreator()
  {
   return new EmployeeParcelableCreator();
  }
    }
```

Nuestra otra clase necesaria es EmployeeParcelableCreator, esta tiene las siguientes características:

- Hereda de Java.Lang.Object por las razones mencionadas en la clase anterior, e implementa IParcelableCreator.
- Implementa el método CreateFromParcel que debe retornar un objeto del tipo desde el cual es llamado este objeto, para este ejemplo un “EmployeeParcelable”.
- Es importante que leamos los datos en el orden en que los escribimos en el método WriteToParcel, para este ejemplo los escribi y los leo en el orden en que los espera el constructor del objeto “EmployeeParcelable”
- La interfaz nos obliga a implementar el método “NewArray” pero ese es un tema que no entra en el alcance de este post por lo cual lo dejaremos con una implementación simple.

```
public class EmployeeParcelableCreator : Java.Lang.Object, IParcelableCreator
 {
  public Java.Lang.Object CreateFromParcel(Parcel source)
  {
            return new EmployeeParcelable((JobPosition)source.ReadInt(),source.ReadString(), source.ReadString());
  }

  public Java.Lang.Object[] NewArray(int size)
  {
   return new Java.Lang.Object[size];
  }


    }
```
Hasta este punto ya escribimos mucho más que en el ejemplo con JSON, ahora falta hacer uso de esta implementación para enviar los datos entre activities

En nuestro MainActivity enviamos de esta manera

```
button.Click += delegate
            {
             EmployeeParcelable myEmployeeParcelable = new EmployeeParcelable(JobPosition.Operator, "Alan Lopez", "alan@mail.com");
                Intent secondActivityIntentParcelable = new Intent(this, typeof(SecondActivity));
                secondActivityIntentParcelable.PutExtra("employee", myEmployeeParcelable);
                StartActivity(secondActivityIntentParcelable); 
   }; 
```

En el Segundo Activity leemos con la siguiente línea

```
EmployeeParcelable myEmployeeParcelable = (EmployeeParcelable)Intent.GetParcelableExtra("employee"); 

```
Al hacer las pruebas los tiempo de respuesta fueron los siguientes:

Intento | Escritura| Lectura
---------|----------|---------
 1 | 239 ms | 12 ms
 2 | 220 ms | 13 ms
 3 | 253 ms| 14 ms
 4 | 229 ms | 13 ms
 5 | 240 ms| 9 ms


Usando IParcelable el ejemplo se ejecutaba entre 1/4 y 1/5  del tiempo que le tomaba a la solución con JSON

3. ISerializable 
Para este caso crearemos una clase EmployeeSerializable con las siguientes características.

- Implementa ISerializable y hereda de Java.Lang.Object esto ultimo por las mismas razones que IParcelable.
- ISerializable nos obliga a implementar WriteObject y ReadObject al igual que con IParcelable es importante el orden de escritura y de lectura y usamos el atributo Export para exponerlos a Android.
- Además tenemos unos métodos muy simples para poder reutilizar la escritura y lectura de los datos que serializamos dentro de los Stream que se utilizan para este trabajo.

La clase EmployeeSerializable está definida de este modo

```
public class EmployeeSerializable : Java.Lang.Object, ISerializable
    {

  public EmployeeSerializable(IntPtr handle, JniHandleOwnership transfer)
            : base (handle, transfer)
        {
  }

        [Export("readObject", Throws = new[] {
        typeof (Java.IO.IOException),
        typeof (Java.Lang.ClassNotFoundException)})]
        private void ReadObject(Java.IO.ObjectInputStream source)
        {
            Position = (JobPosition)ReadInt(source);
            Name = ReadNullableString(source);
            Email = ReadNullableString(source);
        }

        [Export("writeObject", Throws = new[] {
        typeof (Java.IO.IOException),
        typeof (Java.Lang.ClassNotFoundException)})]
        private void WriteObject(Java.IO.ObjectOutputStream destination)
        {
            WriteInt(destination, (int)Position);
            WriteNullableString(destination, Name);
            WriteNullableString(destination, Email);
        }

  static void WriteNullableString(Java.IO.ObjectOutputStream dest, string value)
  {
   dest.WriteBoolean(value != null);
   if (value != null)
    dest.WriteUTF(value);
  }

  static void WriteInt(Java.IO.ObjectOutputStream dest, int value)
  { 
            dest.WriteInt(value);
  }

  static string ReadNullableString(Java.IO.ObjectInputStream source)
  {
   if (source.ReadBoolean())
    return source.ReadUTF();
   return null;
  }

  static int ReadInt(Java.IO.ObjectInputStream source)
  {
            return source.ReadInt();
  }

        public string Name
        {
            get;
            set;
        }


        public JobPosition Position
        {
            get;
            set;
        }



        public string Email
        {
            get;
            set;
        }


        public EmployeeSerializable(JobPosition position, string name, string email)
        {
            Name = name;
            Position = position;
            Email = email;
        }


    }
```

Para enviar los datos, en el MainActivity el evento clic quedo de esta manera

```
button.Click += delegate
            {
             EmployeeSerializable myEmployeeSerializable = new EmployeeSerializable(JobPosition.Operator, "Alan Lopez", "alan@mail.com");
 Intent secondActivityIntentSerializable = new Intent(this, typeof(SecondActivity));
 secondActivityIntentSerializable.PutExtra("employee", myEmployeeSerializable);
 StartActivity(secondActivityIntentSerializable);
   }; 
```
Para leer en el segundo Activity el código es:

```
EmployeeSerializable myEmployeeSerializable = (EmployeeSerializable)Intent.GetSerializableExtra("employee");

```

Los resultados de tiempo de ejecución son los siguientes:


Intento | Escritura| Lectura
---------|----------|---------
 1 | 267 ms | 22 ms
 2 | 253 ms| 29 ms
 3 | 254 ms| 23 ms
 4 | 236 ms | 25 ms
 5 | 240 ms|  21 ms


Se puede considerar que ISerializable fue ligeramente superior en promedio comparado con IParcelable pero los resultados fueron muy similares en la serialización y un muy poco mas lentos en la lectura.


## Conclusión ##

Después de realizar los ejercicios y ver sus tiempos de ejecución podría decir que si es fundamental el rendimiento lo mejor es usar IParcelable el cual es mucho más rápido que serializar objetos en JSON, a cambio de este rendimiento amarramos nuestras clases a algunos elementos propios de Android, podríamos reducir este impacto mediante el uso de herencia sin embargo esto conlleva más tiempo de desarrollo del que por sí solo requiere implementar IParcelable. Por otro lado, el uso de JSON nos permite tener nuestras clases limpias de referencias a elementos de Android además de que es mucho más rápido de implementar. No hay razones para usar ISerialization.

Otro aspecto importante es que realice las pruebas reiniciando la app porque al volver al MainActivity y navegar al SecondActivity con el mismo objeto por segunda vez el tiempo se reducía drásticamente.

Puedes revisar y hacer tus propia comparativa con el código en este enlace, el mismo proyecto contiene los tres escenarios solo es necesario des comentar y comentar los símbolos de compilación en el MainActivity y el SecondActivity según el caso que queramos.





viernes, 10 de marzo de 2017

Xamarin ¿Dónde comienzo?

Última actualización Marzo de 2017

He conocido mucha gente a la que le interesa aprender sobre Xamarin y me contactan para preguntarme sobre donde pueden encontrar contenido para iniciar a aprender, por esta razón decidí escribir este post.

En esta ocasión solo voy a hablar de contenido online y lo voy a dividir en dos partes, primero hablaré sobre el contenido en inglés del cual hay mucho y luego hablaré un poco del contenido en español, que si bien no hay mucho, podemos encontrar una base para comenzar y aprender algunas cosas.

*Actualización 18/04/2016: Como dato adicional, para los que no sepan programar en C# recomiendo los cursos del canal de youtube de Ti Capacitación  estos son gratuitos, yo hace como 5 años aprendí con el curso Introducción al lenguaje de Programación C#

Contenido en inglés

Si tienes 2000 USD para pagar la suscripción anual puedes comprar esta y dejar de leer todo lo que sigue, Xamarin University ofrece sesiones en vivo y grabadas con temas sobre todos los productos Xamarin, así como de C#, también tiene definido un listado de clases que al cursar dan acceso al examen de certificación. En pocas palabras con la suscripción puedes aprender todo lo básico y muchas cosas avanzadas sobre Xamarin, lo cual es suficiente para crear apps complejas ya solo necesitando consultar cosas específicas en la red.

Como la mayoría de la gente no puede pagar esta cantidad (incluyéndome) o en algunos casos la inversión es muy fuerte para alguien que quiere explorar la plataforma, Xamarin University también tiene algo de material gratuito el cual es suficiente para comenzar, creando una cuenta desde Visual Studio Dev Essentials podemos obtener el código de acceso a estos recursos

sábado, 18 de febrero de 2017

Webinar: Diseñando en diferentes tamaños de pantalla para Xamarin.Android y Xamarin.iOS

El día 8 de Febrero de este año (2017) Yordi Agustín y yo hablamos sobre el tema de cómo diseñar para que nuestras apps se ejecuten en pantallas de diferentes tamaños, la grabación es la siguiente:




Si quieren ver alguno de los otros webinar sigan el canal https://www.youtube.com/c/HumbertoJaimes 

domingo, 25 de diciembre de 2016

Error inflating class android.support.v7.widget.Toolbar (Xamarin.Forms 2.3.3.175)

El día de hoy (25/12/2016) actualice a la última versión de Xamarin (4.2.2.6) disponible en el canal estable en Visual Studio. Después de esto al crear un proyecto de Xamarin.Forms (2.3.3.175) al querer ejecutar en Android obtuve el siguiente error cuando la app inicio.

Android.Views.InflateException: Binary XML file line #1: Error inflating class android.support.v7.widget.Toolbar


La forma resumida es:
  • Reinstalar la última versión de Xamarin.Forms para que se instalen las dependencias faltantes
  • Limpiar el proyecto
  • Reconstruir el proyecto

Si quieren ver paso a paso y revisar los paquetes que deben estar instalados a continuación pongo paso a paso cómo hacer la corrección.

martes, 22 de noviembre de 2016

¿Cómo ser un Xamarin MVP?

En este post voy a hablar un poco sobre algo que me han preguntado en varias ocasiones, ¿cómo es que uno se vuelve Xamarin MVP?

Lo primero que siempre aclaro es que yo entre al proceso antes de que Xamarin dejara de ser un producto costoso (1000 USD al año por plataforma) y por lo tanto había mucho menos interés del que hay actualmente sobre todo lo relacionado a la plataforma Xamarin (incluido ser MVP). Por lo cual es probable que el esfuerzo requerido para convertirse en MVP, o en mi caso para mantener el reconocimiento, sea mayor al que se necesitaba cuando yo aplique. Por esta razón no describiré muy a detalle cada actividad que realice.

El MVP es un reconocimiento para las personas que hacen actividades que ayuden a la comunidad de desarrolladores Xamarin.

El sitio oficial (https://www.xamarin.com/mvp ) menciona que se toma en cuenta lo siguiente:

-       Escribir artículos, libros y blog posts.
-       Hablar en público o de manera online.
-       Ayudar a los desarrolladores en el foro oficial, twitter, Stack Overflow y/u otras comunidades.
-       Crear apps excepcionales.

viernes, 11 de noviembre de 2016

Webinar. Mapas en Xamarin.Forms

Hola,

La cuarta semana del diplomado trata sobre Xamarin.Forms, para complementar los temas del diplomado daremos un webinar sobre el tema de mapas en apps con Xamarin.Forms

Actualización (17/02/2017) Se agrega el vídeo


martes, 18 de octubre de 2016

¿Qué debo saber antes de iniciar el diplomado o comenzar con Xamarin?

Me comentaba mi amigo Jose Saturnino (Visiten su blog sobre C# y un poco de Xamarin )  que una de las preguntas frecuentes de la gente que se registra o se quiere registrar al diplomado es sobre qué nivel de C# o que conceptos deberían conocer a manera de que puedan aprovechar mejor el diplomado de Xamarin.

Desde mi punto de vista algunos de los conceptos importantes son los siguientes (no están ordenados con base en algún criterio):

Enumeraciones
Constructores
Interfaces
Herencia
Eventos (aprendan también a crearlos y no solo como suscribirse y cancelar la suscripción)
Delegados este otro enlace también es muy bueno
Linq
Expresiones Lambda  (Aquí otro post explicado de una manera mas simple)
Directivas de compilación (comenzando por #if) 
Conversiones de datos (sobre todo entender cómo funcionan Byte[], Stream, MemoryStream)
Inyección de dependencias
Manejo de excepciones
Genéricos
Async y Await


Probablemente no todos esos conceptos se toquen directamente en el diplomado, sin embargo, a lo largo de mi experiencia con Xamarin, todos me han facilitado mucho las cosas.

¡Algunos recursos!


Hace tiempo vi esta pequeña serie de vídeos subidos por José Luis Estrada. Estos videos justo servían para preparar a la gente antes de un curso de Xamarin.


 Si quieren aprender un nivel aún más básico, este curso de Miguel Muñoz Serafín los puede ayudar.


Los temas son solo una recomendación, no es obligatorio conocerlos todos para poder sacar provecho del diplomado. Así que si no conocen alguno o tienen alguna duda sin problema pueden contactarme antes, durante o después del diplomado y buscamos la manera de resolver esas dudas.

Si aún no te has registrado a este diplomado gratuito aún puedes hacerlo en este sitio




lunes, 12 de septiembre de 2016

Meetup Xamarin + UX + DevOps CDMX

El próximo 24 de Septiembre en las instalaciones del Tecnológico Gustavo A. Madero se realizará otra de las reuniones sobre la plataforma donde además del desarrollo con Xamarin hablaremos de UX y DevOps que son temas muy importantes para mejorar nuestros desarrollos.



La agenda es la siguiente:

• Mobile DevOps por Cristian González, el hace apps por comida y sabe Xamarin

• Charla por definir por Alejandro Martínez, Technical Evangelist en Microsoft México

• Charla sobre UX por definir  por Fabián Miranda

Al final habrá un tiempo para convivir.


lunes, 5 de septiembre de 2016

Error Page Not Found en Team Foundation Server

Después de instalar la última versión de Xamarin, al abrir uno de mis proyectos, el cual tengo en Visual Studio Team Services, obtuve el siguiente error "Team Foundation Error"  Page "GUID" not found" :


Este error no me permitía conectarme a Team Services ni abrir el Source Control explorer, investigando vi que la solución es, ejecutar el siguiente comando en la consola con privilegios de administrador:

"C:\Program Files (x86)\Microsoft Visual Studio 14.0\Common7\IDE\devenv.exe" /setup

Según la versión de Visual Studio que este fallando hay que escribir el numero correcto en el comando.

Visual Studio 2005 = 8
Visual Studio 2008 = 9.0
Visual Studio 2010 = 10.0
Visual Studio 2012 = 11.0
Visual Studio 2013 = 12.0
Visual Studio 2015 = 14.0

El comando permite recrear algunos settings de Visual Studio entre los cuales se encuentra el que esta dañado, este comando es el que se ejecuta al finalizar la instalación de Visual Studio.

Para mas información pueden revisar este enlace 

Después de ejecutar este comando ya funciono mi acceso a Team Services.

miércoles, 17 de agosto de 2016

Errores "Unzipping failed" al compilar un proyecto Xamarin.Android

Uno de los errores más comunes que ocurren para quien inicia con Xamarin.Android es durante la primera compilación del proyecto. 

Cuando nosotros compilamos por primera vez se descargan de algunas librerías propias de Android, estas librerías se descargan en .zip y luego son descomprimidas durante el proceso de compilación. Estas librerías se almacenan en "%LOCALAPPDATA%\Xamarin\zips"

En este aspecto Visual Studio no es muy explícito acerca de lo que está haciendo mientras compila y dependiendo de nuestra conexión este proceso puede ser muy tardado, en muchas ocasiones esta lentitud causa que cancelemos el proceso pensando en que Visual Studio ya no está haciendo nada, sin embargo, lo que logramos es que las descargas queden a medias y esos archivos se mantienen dañados en la ruta que mencione hace poco.

En la siguiente compilación obtendremos errores como estos:
Error      2             Unzipping failed. Please download https://dl-ssl.google.com/android/repository/android_m2repository_r22.zip and extract it to the C:\Users\User\AppData\Local\Xamarin\Xamarin.Android.Support.Design\23.0.1.3\content directory.                DemoForms.Droid

Error      3             Reason: C:\Users\User\AppData\Local\Xamarin\zips\96659D653BDE0FAEDB818170891F2BB0.zip is not a valid zip file            DemoForms.Droid

Error      4             Please install package: 'Xamarin.Android.Support.Design' available in SDK installer. Java library file C:\Users\User\AppData\Local\Xamarin\Xamarin.Android.Support.Design\23.0.1.3\embedded\classes.jar doesn't exist.     DemoForms.Droid

Para solucionarlo hay que eliminar de manera manual los archivos dañados y recompilar la solución ahora si esperando a que se descargue todo.

Yo cree un archivo bat que ayuda a automatizar un poco esta tarea, el código es el siguiente.

cd %LOCALAPPDATA%\Xamarin\zips\
del /P *.zip


A este código le estoy indicando que solicite confirmación antes de eliminar.


lunes, 15 de agosto de 2016

MVVM con Xamarin Forms

Hola,

Hace uno días comencé con el primero de una serie de webinar sobre desarrollo con Xamarin, este fue sobre los principios de MVVM con Xamarin.Forms.

Aquí les dejo la grabación del webinar.




Ya esta la parte 2 publicada hablamos sobre behaviors, el view model y navegación entre paginas.

jueves, 28 de abril de 2016

Lo bueno, lo malo y lo feo de Xamarin (Mi experiencia con Xamarin)

Decidí escribir este post para hablar un poco como me ha ido estos últimos años trabajando con Xamarin y compartir algunos aspectos que pueden ser de ayuda cuando hay que decidir entre usar esta plataforma o crear apps nativas.

Los últimos tres años he trabajado con Xamarin (Xamarin.Android y Xamarin.iOS no he usado Xamarin.Forms en proyectos "reales") creando todo tipo de apps y en distintos escenarios, he creado apps para las plataformas móviles, otra que solo son Android y Desktop, una mas que además de los móviles comparte código con una pagina web, apps que se ejecutan en tabletas Android con hardware a la medida, he integrado dispositivos de hardware de terceros, entre otras cosas.

A lo largo de esos desarrollo me he encontrado con muchos retos, retos técnicos relacionados directamente al código que estoy creando y otros relacionados a los factores que son importantes durante el desarrollo, por ejemplos los entornos de desarrollo, la documentación, la calidad del soporte técnico de Xamarin, etc.

Básicamente en ese contexto ha sido mi trabajo y partiendo de eso voy a escribir sobre las cosas que mas me han gustado y las que no me han gustado sobre esta plataforma, por supuesto hay mas cosas que puedo no estar mencionando.



Lo bueno


1 – Uso de código .NET

La causa por la que se decidió usar Xamarin en la empresa en la que trabajo fue porque ya se tenía una lógica de negocios en C# (mas de 50 clases), la cual llevaba muchos años funcionando en ambientes “tradicionales” (desktop y servidor). Para usar esta lógica en Xamarin.Android y Xamarin.iOS fue tan simple como compartir el proyecto Core con estas plataformas usando un plugin para Visual Studio (Project Linker, *ya VS permite hacerlo sin plugins), en el caso de WP hubo que modificar algunas clases por unas mas modernas para el manejo de XML, lo mejor es que esta actualización de clases funcionaba en las demás plataformas, de este modo no hubo que mantener varias versiones del Core.


2 – El soporte técnico

Otra de las ventajas es el soporte técnico, en general cuando he preguntado algo al mail de soporte obtengo respuesta al siguiente día hábil y siempre me ha respondido gente con toda la disponibilidad de resolver el resolver el problema.


3 – La documentación

La documentación es muy completa, prácticamente todo lo necesario para comenzar se encuentra en su sitio web para desarrolladores, también los errores mas comunes ya tienen respuesta en su foro o en sitios como stackoverflow. Si eso no funcionaba había mucha documentación buscando como MonoDroid y MonoTouch (antecesores de Xamarin.Android y Xamarin.iOS) aunque hace mucho tiempo que no he tenido que recurrir a eso.


4 – Uso de código Java y Objective C

Algo que me ha parecido muy bueno es la capacidad de poder utilizar librerías nativas en los proyectos Xamarin, por ejemplo si por cuestiones de tiempo o falta de experiencia es necesario el apoyo de alguien que solo conoce de Android con Java u iOS con Objective C, para mi ha sido muy sencillo que esta persona de apoyo encapsule todo en una librería nativa y yo consumirla desde Xamarin. 


5 – Curva de aprendizaje para iOS

De las cosas que mas me han gustado de iOS es que no es necesario conocer Objective C para poder crear apps si solo usaremos código C# sin usar alguna librería creada en Objective C podemos manejar métodos, el ciclo de vida, objetos, etc. como en cualquier programa .Net con C#, por ejemplo no es necesario crear outlets y actions de manera manual cuando se trabaja con interfaces gráficas, Xamarin hace esto transparente para nosotros.


6 - ALM

Finalmente algo que me ha funcionado perfectamente bien es la integración con Visual Studio Team Services para el control de código fuente, nunca he tenido problemas con los diferentes archivos que se usan para el trabajo con las apps Xamarin.Android o Xamarin.iOS. Hace poco comencé a probar HockeyApp en una de mis apps y ha funcionado de maravilla.


Lo malo y lo feo


1 – Actualizaciones

Creo que una de las cosas que deben mejorar es el tema de las actualizaciones, en ocasiones cuando he actualizado cualquier cosa del entorno (principalmente la Mac) todo deja de funcionar, por ejemplo una vez salió una versión nueva de Xamarin Studio en el canal “estable” de actualizaciones y dejo de funcionar todo mi proyecto de iOS, tuve que regresar a la versión anterior (un proceso muy tedioso) y esperar a una versión mas actual para poder actualizar. Contactando al soporte me pedían usar una versión Beta, lo cual para una app empresarial conlleva ciertos riesgos.  Creo que si el instalador de actualizaciones y/o el IDE verificaran las versiones compatibles de ambiente (Sistema Operativo, XCode, Java, etc. ) se evitarían estos problemas o sería mas fácil saber que corregir.


2 – Soporte técnico

Otro tema es que aunque el soporte es muy amable y busca solucionar los problemas, siempre solicitan el código fuente de tu proyecto que falla, lo cual es difícil porque no siempre puedo obtener autorización para andar enviando proyectos por correo. Algo importante que mencionar es que generalmente los problemas son del entorno de desarrollo y no del código por lo cual no me hace sentido que me pidan el código si les informo de un problema de con el diseñador de interfaces de Android o si Visual Studio se cierra cuando quiero ver las propiedades del proyecto y eso no sucede en Xamarin Studio. Los logs que genera Xamarin tanto en PC o en Mac tiene mucha información y muy rara vez los solicitan, por lo cual si uno no sabe de su existencia puede perder mucho tiempo antes de que ellos los soliciten, explicando de donde se deben obtener.


3 – Dificultad para usar librerías Objective C

Es muy útil poder usar código nativo sin embargo en el caso de iOS es un poco complicado hacer los binding para utilizar librerías nativas en el proyecto Xamarin,   hay que tener conocimientos medianamente solidos de Objective C, lo cual quita la ventaja de la curva de aprendizaje si nuestro proyecto depende de algo ya creado de manera nativa, por ejemplo el SDK de un dispositivo de hardware.


4 – Dificultad para ejecutar un proyecto nuevo

Uno de los temas que no me parece muy grave pero si es un poco molesto es lograr que un proyecto se ejecute por primera vez, sobre todo Xamarin.Forms. Entre errores por la descarga de paquetes nuget, errores con las API de Android seleccionadas por defecto, etc. podemos perder un par de horas (sobretodo si estamos empezando a conocer la plataforma) en lograr ejecutar el proyecto en blanco. La parte rescatable es que mucho errores son comunes y la solución es fácil de encontrar en los foros de Xamarin, la otra parte buena es que después de que logramos ejecutarlo casi nunca vuelve a haber problemas de este tipo a lo largo del desarrollo.


5 – Integración con Visual Studio

Por último algo que creo debe mejorar mucho (sobretodo ahora que están pidiendo que se use Visual Studio y nos olvidemos de Xamarin Studio para PC) es el soporte para Visual Studio, este es demasiado inestable cuando se trabaja con Xamarin, en ocasiones un mismo proyecto puede funcionar perfecto en Xamarin Studio y no en Visual Studio. Es importante aclarar que no he tenido ningún problema de estabilidad con las apps ya empaquetadas,.



Al final ¿recomiendas Xamarin?

Si lo recomiendo, les puedo decir que es una plataforma muy buena para el desarrollo de apps iOS y Android (Mac no lo he usado) y fácilmente se integra con proyectos Microsoft .NET (Desktop, Web, Consola, ensamblados dll, etc.). La plataforma aun tiene mucho por mejorar (en ocasiones hay que tener mucha paciencia, sobretodo siendo nuevo) sin embargo al día de hoy no tengo quejas en cuanto a la estabilidad de los productos finales y creo que la clave para lograr crear aplicaciones que aprovechen esta plataforma esta en entender los conceptos básicos sobre los diferentes tipos de proyectos y las estrategias para compartir el código, de lo contrario se terminan haciendo aplicaciones nativas independientes con la diferencia de usar C# en lugar de Objective C y Java.

miércoles, 6 de abril de 2016

Haciendo deployment a un dispositivo Android mediante la red TCP IP

En este pequeño tutorial voy a demostrar como se puede hacer la instalación de una app a un dispositivo Android usando la red en lugar del cable USB. Hay varios escenarios donde esto puede ser útil, dos de los casos con los que me he encontrado son los siguientes:
  • Alguna vez tenia que instalar y debuggear una app en un dispositivo hecho a la medida, que tenia Android como Sistema Operativo y del cual no me dieron los driver para el USB y el dispositivo tenia acceso Root y la Terminal funcionando.
  • Actualmente trabajo con una MacBook Pro donde tengo virtualizado Windows con Parallels, esto para poder trabajar con Visual Studio conectado a los Visual Studio Team Services. Para no instalar dentro de la maquina virtual el emulador “Android Player” que provee Xamarin, lo cual no parece una buena idea, lo que hice fue instalar el Android Player en la maquina host y conectarlo a la maquina virtual mediante la red que se crea entre las dos maquinas.
Como lo mencione hace unas líneas para este ejemplo estoy utilizando lo siguiente:
  • Una MacBook Pro con OS X El Capitan
  • Windows 10 virtualizado con Parallels
  • Android Player con una instancia de un Nexus 4 con Lollipop
  • En ambos sistemas tengo Xamarin con todas sus actualizaciones tanto de Xamarin como de XCode en el caso de OS X
En el caso del emulador ya viene configurado con las opciones de desarrollador activadas y listo para el debug mediante TCP. En el caso de un dispositivo físico hay que usar estos comandos antes de realizar la conexión

En un dispositivo con acceso Root desde la terminal usamos los siguientes comandos
su
setprop service.adb.tcp.port 5555
stop adbd
start adbd

En este caso no hablare de un dispositivo sin acceso Root el cual de inicio debe conectarse por USB para habilitar el Debug por TCP.

Ya que tengamos nuestro dispositivo listo continuamos abriendo la consola “Android ABD” desde Visual Studio, podemos hacer la ejecución desde la consola normal solo si tenemos las variable de entorno bien configuradas o si usamos la ruta completa de donde tengamos abd.exe. En el caso de abrir la consola desde Visual Studio esta consola ya esta lista para trabajar sin escribir toda la ruta, para hacerlo presionamos el siguiente icono

image

O podemos acceder desde el menú Tools/Android/Android Adb Command Prompt
En nuestro Android Player presionamos el siguiente botón para obtener la dirección IP asignada al emulador

image
image

Ahora en la consola realizamos la conexión con el siguiente comando
adb connect <Dirección_IP>

image

Si obtenemos las respuesta “connected to” ya se realizo la conexión, tras esto ya podríamos hacer el deployment en el dispositivo conectado como lo hacemos normalmente seleccionando el dispositivo desde la barra de herramienta de VS

image

NOTA: si no aparece el dispositivo hay que intentar reiniciando VS para que lo muestre.

martes, 9 de febrero de 2016

Fundamentos de .NET y C# en TelmexHub

El día sábado 6 de Febrero comencé un curso de C# en TelmexHub. La idea de esta primera sesión era mostrar a los asistentes los fundamentos teóricos del lenguaje C# y la paltaforma Microsoft .NET, esto con la finalidad de que en un futuro cercano se de un curso de Xamarin donde se puedan aprovechar estos conocimientos desarrollando apps móviles.








También les comparto la presentación que utilice durante la primera sesión del curso.

Los temas que abarca son:

  •  Fundamentos de .NET (CLR, CLI, CIL, proceso de compilación, componentes de .NET) 
  • ¿Qué es C#? 
  • Variables y tipos de datos 
  • Expresiones Operadores


 

viernes, 29 de enero de 2016

Universal Windows Platform con Xamarin

Hola,

Les comparto este vídeo con el procedimiento de como utilizar Xamarin.Forms para crear aplicaciones para Windows 10 o de la llamada Plataforma Universal de Windows.


lunes, 21 de diciembre de 2015

Xamarin 4 Party Ciudad de México

WP_20151217_10_10_49_Pro
El pasado jueves 17 de Diciembre se llevo a cabo una Xamarin 4 Party en la ciudad de México.
En las oficinas de Microsoft México tuve la oportunidad de dar una serie de charlas sobre las novedades que tiene la versión 4 de Xamarin la cual fue lanzada en noviembre de este año.
Los temas fueron:
  • La plataforma Xamarin y Xamarin University
  • Xamarin.Forms 2.0
  • Xamarin Insigths
  • Xamarin UI Test
A continuación les dejo la galería de fotos del evento.
 
Y también les comparto las presentaciones que sirvieron de apoyo para mis exposiciones.

sábado, 28 de noviembre de 2015

Usando SQLite .NET multiplataforma en Xamarin Android, Xamarin IOS, Windows Phone y Windows Store (Parte 3 Android)

En este tercera publicación el turno es para Xamarin Android al igual que la parte anterior no voy a entrar a fondo a los pasos que ya se hicieron anteriormente (Parte 1 y Parte 2).
El primer paso igual que en ocasiones anteriores es crear un proyecto para Xamarin Android
3CreandoDroid
El paso siguiente es enlazar Core mediante el project linker, como lo explique en la primer publicación.
Utilizando SQLite .NET en el proyecto de Android
Con Xamarin Android no hay que agregar referencias extra para hacer funcionar SQLite, por lo cual podemos pasar a desarrollar la interfaz y funcionalidad con solo enlazar Core que contiene los archivos de SQLite .Net.
La interfaz va a contener los mismos campos que las aplicaciones de WP y WS.
image
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <TextView
        android:text="Nombre"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/textView4" />
    <EditText
        android:inputType="textPersonName"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/edtName" />
    <TextView
        android:text="Edad"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/textView3" />
    <EditText
        android:inputType="number"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/edtAge" />
    <TextView
        android:text="Correo Electrónico"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/textView2" />
    <EditText
        android:inputType="textEmailAddress"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/edtMail" />
    <TextView
        android:text="Teléfono"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/textView1" />
    <EditText
        android:inputType="phone"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/edtPhone" />
    <Button
        android:id="@+id/btnSave"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Guardar" />
    <Button
        android:text="Búsqueda"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/btnSearch" />
</LinearLayout>
El código de la funcionalidad es muy parecido, lo único que es diferente es lo referente a la interacción con la interfaz de usuario.
using System;
using Android.App;
using Android.Content;
using Android.Runtime;
using Android.Views;
using Android.Widget;
using Android.OS;
using SQL.Core.Core;
using System.IO;

namespace SQL.Droid
{
    [Activity(Label = "SQL.Droid", MainLauncher = true, Icon = "@drawable/icon")]
    public class MainActivity : Activity
    {
        

        protected override void OnCreate(Bundle bundle)
        {
            base.OnCreate(bundle);

            // Set our view from the "main" layout resource
            SetContentView(Resource.Layout.Main);

            // Get our button from the layout resource,
            // and attach an event to it
            Button btnSave = FindViewById<Button>(Resource.Id.btnSave);
            btnSave.Click += btnSave_Click;
            
            Button btnSearch = FindViewById<Button>(Resource.Id.btnSearch);
            btnSearch.Click += btnSearch_Click;

            InitializateDB();
        }

        void btnSearch_Click(object sender, EventArgs e)
        {
            Intent intent = new Intent(this,typeof(SearchActivity));
            StartActivity(intent);
        }
       
        void btnSave_Click(object sender, EventArgs e)
        {
            var edtName = FindViewById<EditText>(Resource.Id.edtName);
            var edtAge = FindViewById<EditText>(Resource.Id.edtAge);
            var edtPhone = FindViewById<EditText>(Resource.Id.edtPhone);
            var edtMail = FindViewById<EditText>(Resource.Id.edtMail);

            Contact contact = new Contact(edtName.Text,int.Parse(edtAge.Text), edtPhone.Text, edtMail.Text);
            crud.SaveValue<Contact>(contact);

        }

        CRUDManager crud;
        void InitializateDB()
        {
            var sqliteFilename = "ContactsDb";
            var path = Path.Combine(System.Environment.GetFolderPath(System.Environment.SpecialFolder.Personal), sqliteFilename); ;

            crud = new CRUDManager(path);

           

        }

    }
}

Para la segunda pantalla la cual muestra los resultados, voy a agregar el código de dos componentes uno es la plantilla xml con la que se mostraran los diferentes campos en la lista de resultados.
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
           android:orientation="horizontal"
           android:minWidth="25px"
           android:minHeight="25px"
           android:layout_width="match_parent"
           android:layout_height="wrap_content"
           android:id="@+id/Container"
           android:layout_marginTop="15dp"
           
           android:paddingLeft="20dp">
  <LinearLayout
      android:orientation="vertical"
      android:minWidth="25px"
      android:minHeight="25px"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:id="@+id/linearLayout28">
    <TextView
        android:text="Text"
        android:layout_height="match_parent"
        android:layout_width="wrap_content"
        android:id="@+id/txvName"
        android:textSize="20sp"
        android:textColor="#005DAA" />
    <TextView
        android:text="Text"
        android:layout_height="match_parent"
        android:layout_width="wrap_content"
        android:id="@+id/txvAge" />
    <TextView
      android:text="Text"
      android:layout_height="match_parent"
      android:layout_width="wrap_content"
      android:id="@+id/txvMail" />
    <TextView
        android:text="Text"
        android:layout_height="match_parent"
        android:layout_width="wrap_content"
        android:id="@+id/txvPhone" />
  </LinearLayout>

</LinearLayout>

El otro es la clase “Adapter” que va a funcionar como fuente de datos de la lista que mostrara los resultados.
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

using Android.App;
using Android.Content;
using Android.OS;
using Android.Runtime;
using Android.Views;
using Android.Widget;
using SQL.Core.Core;

namespace SQL.Droid
{
    class ContactAdapter : BaseAdapter
    {

        private Activity activity;
        private List<Contact> data;
        private static LayoutInflater inflater = null;


        public ContactAdapter(Activity activity, List<Contact> data)
        {
            this.activity = activity;
            this.data = data;
            inflater = (LayoutInflater)activity.GetSystemService(Context.LayoutInflaterService);

        }

        public Contact GetContact(int position)
        {
            return data[position];
        }


        public override int Count
        {
            get { return data.Count; }
        }

        public override Java.Lang.Object GetItem(int position)
        {
            return position;
        }

        public override long GetItemId(int position)
        {
            return position;
        }

        public override View GetView(int position, View convertView, ViewGroup parent)
        {
            View vi = convertView;
            if (convertView == null)
                vi = inflater.Inflate(Resource.Layout.ContactRow, null);

            TextView name = (TextView)vi.FindViewById(Resource.Id.txvName);
            TextView age = (TextView)vi.FindViewById(Resource.Id.txvAge);
            TextView mail = (TextView)vi.FindViewById(Resource.Id.txvMail);
            TextView phone = (TextView)vi.FindViewById(Resource.Id.txvPhone);
            

            name.Text = data[position].Name;
            age.Text = data[position].Age.ToString();
            mail.Text = data[position].Mail;
            phone.Text = data[position].PhoneNumber;
          

            return vi;
        }
    }
}

Finalmente la pantalla creada es la siguiente:
image
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <EditText
        android:inputType="textPersonName"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/edtName" />
    <Button
        android:text="Buscar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/btnSearch" />
    <Button
        android:text="Mostrar Todos"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/btnAllItems" />
    <ListView
        android:minWidth="25px"
        android:minHeight="25px"
        android:layout_width="match_parent"
        android:layout_height="350dp"
        android:id="@+id/lvResults" />
    <Button
        android:text="Eliminar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/btnDelete" />
</LinearLayout>
Y su respectiva clase C# para la funcionalidad, al igual que con la primer pantalla la mayoría de los cambios son relativos a la interfaz de usuario
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

using Android.App;
using Android.Content;
using Android.OS;
using Android.Runtime;
using Android.Views;
using Android.Widget;
using SQL.Core.Core;
using System.IO;

namespace SQL.Droid
{
    [Activity(Label = "SearchActivity")]
    public class SearchActivity : Activity
    {
        ListView lvResults;
        Contact selected;
        protected override void OnCreate(Bundle bundle)
        {
            base.OnCreate(bundle);

            SetContentView(Resource.Layout.Search);
            Button btnSearch = FindViewById<Button>(Resource.Id.btnSearch);
            btnSearch.Click += btnSearch_Click;

            Button btnAllItems = FindViewById<Button>(Resource.Id.btnAllItems);
            btnAllItems.Click += btnAllItems_Click;

            Button btnDelete = FindViewById<Button>(Resource.Id.btnDelete);
            btnDelete.Click += btnDelete_Click;

            lvResults = FindViewById<ListView>(Resource.Id.lvResults);
            lvResults.ItemClick += lvResults_ItemClick;

            InitializateDB();
        }

        void lvResults_ItemClick(object sender, AdapterView.ItemClickEventArgs e)
        {
            selected = ((ContactAdapter)lvResults.Adapter).GetContact(e.Position);
        }

        

        void btnDelete_Click(object sender, EventArgs e)
        {
            if (selected != null)
            {
                crud.DeleteValue<Contact>(selected);
                lvResults.Adapter = new ContactAdapter(this, crud.GetAllItems<Contact>());

            }
        }

        


        void btnAllItems_Click(object sender, EventArgs e)
        {

            lvResults.Adapter = new ContactAdapter(this,crud.GetAllItems<Contact>());
        }

        CRUDManager crud;
        void InitializateDB()
        {
            var sqliteFilename = "ContactsDb";
            var path = Path.Combine(System.Environment.GetFolderPath(System.Environment.SpecialFolder.Personal), sqliteFilename); ;

            crud = new CRUDManager(path);



        }

        void btnSearch_Click(object sender, EventArgs e)
        {
            var lvResults = FindViewById<ListView>(Resource.Id.lvResults);

            lvResults.Adapter = new ContactAdapter(this,
                new List<Contact>() { crud.GetItem<Contact>(FindViewById<EditText>(Resource.Id.edtName).Text) });
        }
    }
}
Con esto queda concluido el proyecto, al igual que en los casos anteriores dejo el proyecto de Visual Studio http://1drv.ms/1aS1dTL

martes, 17 de noviembre de 2015

Serie de vídeos en español sobre Xamarin en Microsoft Channel 9

El día de hoy se publico el primer vídeo de una serie de vídeos sobre desarrollo con Xamarin, estos vídeos van a abarcar los temas básicos para comenzar a desarrollar apps IOS y Android y lo mejor de todo es que estarán en español.

En este primer vídeo hablo sobre los productos que ofrece Xamarin, cuales son las ventajas de utilizar la plataforma en el desarrollo de apps para IOS y Android; y también muestro como crear una cuenta con licencia de tipo Starter para comenzar a crear proyectos desde Visual Studio. 

Sin mas que decir este es el vídeo:


viernes, 30 de octubre de 2015

Usando SQLite .NET multiplataforma en Xamarin Android, Xamarin IOS, Windows Phone y Windows Store (Parte 2 WS)

Al igual que en el caso de Windows Phone lo primero es crear un proyecto nuevo, enlazarlo con Project Linker y agregar la referencia a una extensión como se hizo en la primera parte de este tutorial, por este motivo no me detendré en algunos pasos que se repiten en esta segunda parte y me enfocare a lo especifico de Windows Store.
Primero generamos el proyecto nuevo
5CreandoWS

El siguiente paso sería enlazar el proyecto Core a este que acabamos de crear del mismo modo en que se hizo con Windows Phone
Después de realizado lo anterior hay que instalar la extensión “SQLite for Windows Runtime(Windows 8.1)” desde el administrador de extensiones de Visual Studio (Menú Herramientas/Actualizaciones y extensiones)
image
Finalmente agregamos la referencia a esta extensión en nuestro proyecto.
image
Un detalle importante es que se debe crear un paquete de nuestra aplicación por arquitectura (x86,x64 o ARM) por lo cual hay que quitar esta referencia y volverla a agregar cada que cambiemos la arquitectura de lo contrario obtendremos la excepción “An exception of type 'System.BadImageFormatException' occurred in SQL.WS.exe but was not handled in user code”.  Esta excepción se debe a que la extensión agrega los paquetes específicos de la arquitectura que este definida en el momento en que se agrega la referencia.
image

Utilizando SQLite en el proyecto de Windows Store

Como ya tenemos desarrollada nuestra clase para administrar nuestra base de datos local (CRUDManager) y en pasos anteriores ya enlazamos Core a este proyecto solo nos resta generar la funcionalidad especifica de la plataforma, la cual básicamente es la interfaz de usuario y las llamadas a las funciones de CRUDManager.
En este caso el código es muy similar al de Windows Phone al ambos usar XAML como lenguaje para generar la interfaz de usuario. Aprovechando el tamaño de la pantalla y no dedicándole mucho tiempo al diseño voy a poner toda la funcionalidad en una misma pantalla a diferencia de Windows Phone que estaba acomodada por dos pantallas.
image
<Page
    x:Class="SQL.WS.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:SQL.WS"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <StackPanel Orientation="Horizontal">
            <StackPanel Width="320">
                <TextBlock FontSize="40">Guadar contactos</TextBlock>
                <TextBlock FontSize="20" >Nombre</TextBlock>
                <TextBox x:Name="txtName"></TextBox>
                <TextBlock FontSize="20">Edad</TextBlock>
                <TextBox x:Name="txtAge"></TextBox>
                <TextBlock FontSize="20">Correo Electrónico</TextBlock>
                <TextBox x:Name="txtMail"></TextBox>
                <TextBlock FontSize="20">Teléfono</TextBlock>
                <TextBox x:Name="txtPhoneNumber"></TextBox>
                <Button x:Name="btnSave" Margin="0,0,-3,0" Width="323" Click="btnSave_Click">Guardar</Button>

            </StackPanel>
            <StackPanel Width="300" Margin="100 0 0 0">
                <TextBlock FontSize="40">Buscar contactos</TextBlock>
                <TextBlock FontSize="20">Nombre</TextBlock>
                <TextBox x:Name="txtSName"></TextBox>
                <Button x:Name="btnSearch" Click="btnSearch_Click" Margin="0,0,-3,0" Width="303">Buscar</Button>
                <Button x:Name="btnAllItems" Click="btnAllItems_Click" Width="303" Margin="0,0,-3,0">Mostrar Todos</Button>
                <ListBox x:Name="lbResults" Height="250">
                    <ListBox.ItemTemplate>
                        <DataTemplate>
                            <StackPanel>
                                <TextBlock FontWeight="Bold">Nombre</TextBlock>
                                <TextBlock Text="{Binding Name}"></TextBlock>
                                <TextBlock FontWeight="Bold">Edad</TextBlock>
                                <TextBlock Text="{Binding Age}"></TextBlock>
                                <TextBlock FontWeight="Bold">Correo Electrónico</TextBlock>
                                <TextBlock Text="{Binding Mail}"></TextBlock>
                                <TextBlock FontWeight="Bold">Teléfono</TextBlock>
                                <TextBlock Text="{Binding PhoneNumber}"></TextBlock>
                            </StackPanel>
                        </DataTemplate>
                    </ListBox.ItemTemplate>
                </ListBox>
                <Button x:Name="btnDelete" Width="293" Click="btnDelete_Click">Eliminar seleccionado</Button>
            </StackPanel>
        </StackPanel>
    </Grid>
</Page>
Finalmente el código que da funcionalidad a esta interfaz es prácticamente el mismo que para WP
using SQL.Core.Core;
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Runtime.InteropServices.WindowsRuntime;
using Windows.Foundation;
using Windows.Foundation.Collections;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;
using Windows.UI.Xaml.Data;
using Windows.UI.Xaml.Input;
using Windows.UI.Xaml.Media;
using Windows.UI.Xaml.Navigation;

// The Blank Page item template is documented at http://go.microsoft.com/fwlink/?LinkId=234238

namespace SQL.WS
{
    /// <summary>
    /// An empty page that can be used on its own or navigated to within a Frame.
    /// </summary>
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();
            InitializateDB();
        }

        CRUDManager crud;
        void InitializateDB()
        {
            var sqliteFilename = "ContactsDb";
            var path = Path.Combine(Windows.Storage.ApplicationData.Current.LocalFolder.Path, sqliteFilename); ;

            crud = new CRUDManager(path);
        }

        private void btnSave_Click(object sender, RoutedEventArgs e)
        {
            Contact contact =
                new Contact(txtName.Text, int.Parse(txtAge.Text), txtPhoneNumber.Text, txtMail.Text);

            crud.SaveValue<Contact>(contact);
            lbResults.ItemsSource = crud.GetAllItems<Contact>();
        }

        private void btnSearch_Click(object sender, RoutedEventArgs e)
        {
            //Buscamos el contacto que coincida con lo introducido por el usuario
            lbResults.ItemsSource = new List<Contact> { crud.GetItem<Contact>(txtName.Text) };
        }

        private void btnAllItems_Click(object sender, RoutedEventArgs e)
        {
            //Mostramos todos los registros
            lbResults.ItemsSource = crud.GetAllItems<Contact>();
        }



        private void btnDelete_Click(object sender, RoutedEventArgs e)
        {
            //Eliminamos el contacto seleccionado
            crud.Delete<Contact>(((Contact)lbResults.SelectedItem).Key);
            lbResults.ItemsSource = null;
        }
    }
}

jueves, 15 de octubre de 2015

Usando SQLite .NET multiplataforma en Xamarin Android, Xamarin IOS, Windows Phone y Windows Store (Parte 1 WP)

En esta serie de publicaciones voy a mostrar cómo crear una aplicación multiplataforma que permita crear bases de datos locales SQLite usando SQLite.Net para las plataformas:
  • Windows Phone 8.1 (Parte 1)
  • Windows Store (Parte 2)
  • IOS y Android (Parte 3)
Para empezar Vamos a generar una solución en Visual Studio la cual contenga los 4 proyectos que se van a usar a lo largo de este tutorial. Para este ejemplo se va a compartir el código mediante un proyecto Core que va a ser enlazado a los diferentes proyectos de la aplicación, en un futuro escribiré una publicación para mostrar el uso de SQLite usando una Librería de clases portable.
  • Librería de clases de C# (SQL.Core)
  • Proyecto de Windows Phone (SQL.WP)
  • Proyecto de Windows Store (SQL.WS)
  • Proyecto de Xamarin Android (SQL.Droid)
  • Proyecto de Xamarin IOS (SQL.IOS)

Creando el proyecto Core

1CreandoCore