Xamarin: HockeyApp Custom Events

Hola a todos. Espero que les haya gustado esta serie de post sobre HockeyApp, en esta ocasión les comentare como realizar seguimientos de eventos personalizados desde HockeyApp. Para revisar los post anteriores les dejo los enlaces.

HockeyApp On – Application Insights Off

Xamarin: Integrando HockeyApp

Xamarin: Manejando FeedBack con HockeyApp

Los Customs Events son una funcionalidad en la cual nos permite ver en la plataforma y hacer seguimiento de dichos eventos. Algo así como cuantas veces se le ha echo click a un botón.

HockeyApp Custom Events gives you the ability to track specific user actions and help you better understand how users interact with your app.

Para poder implementarlo lo primero es activar el Preseason Program estas funcionalidades no vienen por defecto ya que están todavía en desarrollo. Teniendo habilitado el sistema nos mostrara un tab nuevo.

image

Para implementarlo debemos incluir una línea de código como se muestra a continuación.

[sourcecode language='csharp'  padlinenumbers='true' htmlscript='true']
button.Click += delegate
			{
				button.Text = string.Format("{0} clicks! ", count++);
				HockeyApp.Metrics.MetricsManager.TrackEvent("button.Click");
			};
[/sourcecode]

Republicamos en HockeyApp y probamos. Revisamos la plataforma y confirmamos que se vean los datos.

image

Bueno, quería mostrarle esta parte. Espero que sea de agrado este post.

Sl2

Romny

Xamarin: Manejando FeedBack con HockeyApp

Hola a todos. seguimos compartiendo funcionalidades de HockeyApp.

HockeyApp On – Application Insights Off

Xamarin: Integrando HockeyApp

En este punto ya hemos creado una app, la hemos configurado, la hemos publicado y la hemos distribuido con HockeyApp.

Procedemos a revisar la funcionalidad de feedback, esta funcionalidad permite compartir con el dueño de la app, comentarios sobre la misma, si nos gusto o no o si tenemos bugs que reportar.

Abrimos la app

image

Nos dirigimos al botón de feedback y damos click. Se nos mostrara un formulario en donde colocaremos los comentarios que necesitemos enviar.

image

Diligenciamos y enviamos.

image

La siguiente vista se presenta después de enviar los datos.

image

Con esta acción nos llegara un email con la información del feedback. También en la web podemos ver esta información y responder el feedback.

image

Los feedback se puede manejar como bugs, para esto necesitamos configura la funcionalidad Bug Tracker, pero en esta ocasión no lo haremos.

image

Nos regresamos a la app y podremos ver la respuesta.

image

De esta forma podemos usar la funcionalidad de feedback de HockeyApp.

Espero les haya gustado.

Sl2

Romny

Xamarin: Integrando HockeyApp

Hola a todos.

Después de una breve introducción a HockeyApp, el cual pueden leerlo en este post.

HockeyApp On – Application Insights Off

Es hora de integrarlo con nuestra app, para esta prueba usaremos Xamarin Android.

Lo primero crearemos nuestra app de ejemplo.

image

Después procederemos a instalar el paquete de nuget HockeySDK.Xamarin, tener presente habilitar la opción de mirar las versiones previas.

image

Procedemos a realizar unos cambios en la interfaz grafica del Main, donde agregaremos unos botones, los cuales nos permitirán realizar un feedback de la app y de provocar un crash.

<Button
        android:id="@+id/MyButton"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/Hello" />
    <Button
        android:id="@+id/feedback_button"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/FeedBack" />
    <Button
        android:id="@+id/buttonCauseCrash"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="@string/buttonCauseCrash" />
//

Para poder usar HockeyApp, necesitamos un App Id, el cual me lo genera la pagina web, pero previo a esto necito configurar el package name en mi app.

image

Vamos a HockeyApp y creamos una nueva app. Damos click en “New App”

image

Escogemos la opción manual.

image

Escogemos la plataforma de la app, que en este caso será Android.

image

Seleccionamos el Release Type, en este caso será beta.

image

Por ultimo le damos un titulo y el package name.

image

Después de crear la app, se mostrara el panel de administración.

image

Algo importante es que administran tantas versiones como se quieran de mi app.

Para realizar la implementación de HockeyApp necesitamos incluir las siguientes líneas de código, las cuales se cargaran en el método OnCreate, por ahora solo vamos a habilitar el seguimiento de los crash, seguimiento de feedback y registro de métricas.

image

Agregamos las siguientes líneas. Estas líneas lo que hacen es, hacer un feedback y provocar un crash.

[sourcecode language=»csharp» htmlscript=»true»]
var feedbackButton = FindViewById<Button>(Resource.Id.feedback_button);

feedbackButton.Click += delegate
{
FeedbackManager.ShowFeedbackActivity(ApplicationContext);
};

FindViewById<Button>(Resource.Id.buttonCauseCrash).Click += delegate
{
// Throw a deliberate sample crash
throw new HockeyAppSampleException("You intentionally caused a crash!");
};
[/sourcecode]

[sourcecode language=»csharp» htmlscript=»true»]
public class HockeyAppSampleException : System.Exception
{
public HockeyAppSampleException(string msg)
: base(msg)
{
}
}
[/sourcecode]

Ahora lo que restas es probar en local y subir el apk a hockeyapp para distribuir a nuestros usuarios. En hockeyApp agregamos una nueva versión. Como nota el apk tiene que estar firmado.

image

Agregamos unas notas para la distribución.

image

Habilitamos las opciones de instalación y de restricciones en las descargas.

image

Por ultimo notificamos a nuestros usuarios.

image

Al final nos muestra un resumen de la versión que estamos cargando.

image

El siguiente es el panel administrativo de la versión que acabamos de subir.

image

Podemos instalar la app de dos formas, con el correo que nos llegara o ir directamente a la pagina en HockeyApp desde nuestros dispositivos.

Revisamos nuestro email para descargar la app.

image

image

Abrimos el enlace y descargamos la app.

image
Abrimos la app y probamos. Si realizan un crash y consultan la web,muy posiblemente no vean el crash, HockeyApp demora de 3 a 5 minutos en poder visualizarlo.

image

Provocamos un crash y la app se cierra, cuando volvemos a abrirla nos muestra el siguiente mensaje.

image

Después este paso ya podemos visualizar el crash en la consola y hacerle seguimiento.

image

Implementamos un botón de feedback, este nos permite escribirle al dueño de la app y dar sus comentarios y apreciaciones de la app. pero esto queda para que lo investiguen.

Para los que deseen ver el código se los deje en el siguiente link.

https://github.com/romnyd/AppHokeyDemo

Espero que les haya gustado este post

Sl2

Romny

HockeyApp On – Application Insights Off

Hola a todos.

Para los que no conocían “Application Insights” es un servicio de Azure con el cual se podía detectar y diagnosticar problemas de nuestras aplicaciones móviles, permitía realizar muchas cosas y era muy interesante por los servicios complementarios como el realizar el big data de nuestra app.

En marzo, salió un articulo donde se explica que a partir del 15 de abril se dejaba de aceptar nuevas aplicaciones móviles con Application Insights, que se recomendaba migrar a HockeyApp. Además a partir de junio 15 se dejaba de mostrar data en azure.

Transitioning Mobile Apps from Application Insights to HockeyApp

En ese tiempo HockeyApp, era una plataforma enfocada en distribuir y testear nuestras app, nuestro amigo walter ya había comentado sobre esto. Cómo probar y distribuir tus apps de manera sistemática: HockeyApp.

HockeyApp dejo de ser un servicio enfocado solo en distribuir y testear nuestras apps, para convertirse en el nuevo Application Insights. Las características que ofrecen hasta ahora son: Distribution, Crash Reports, Feedback, User Metrics, Teams, Enterprise.

Estas características son básicas, para tener las características mas interesantes debes ser parte del  “Preseason Program” donde tendremos Custom Events, Mobile Developer Apps, HockeySDK for tvOS, HockeySDK for UWP que es lo importante de HockeyApp, para aplicar este programa debes tener cuenta, el único dato que no se es cuanto se demoran en activarte estas opciones.

Las personas que ya estén usando Application Insights pueden revisar este articulo para migrar lo existente. Migrate your Application Insights mobile app to HockeyApp today

Bueno, este post fue mas informativo, el próximo será usando HockeyApp

Sl2

Romny