Case Studies: Slot Maroñas App.

Case Studies: Slot Maroñas App.

Cross-platform mobile application containing information about slot machines rooms from “Casino Maroñas Entertainment”. It allows to check general information of the rooms, machines jackpots, promotions and shows in each one of the rooms. At the same time, the application contains a free game, which can be played once a day and accumulate points that can be exchanged for prizes.

To achieve an end-user experience of the application the UX design process was followed, involving the next steps:

  • Defining Vision
  • Navigation Flow Design
  • Incorporation of mockups for each of the flows identified
  • Wireframes design by adding the style palette to the outlined screens
  • Implementation in Xamarin

Technical solution

The application was developed with Xamarin and Xamarin.Forms. The defined architecture is shown in the following diagram, where the information already available in legacy applications interacts through services with the information generated by the Web administrator. This is consolidated and accessed to the Xamarin application through mobile services.

The synchronization service replicates data available on legacy applications to a Dedicated Database.

The Web administrator accesses the database through a WebAPI to complement the data that will be accessed from within the application. The Xamarin application accesses the consolidated data via mobile services.

Distribution and application crash reports are made using HockeyApp.

imagen2


Aplicación móvil multiplataforma que contiene información sobre las salas de Slots de los casinos Maroñas Entertainment. Permite consultar información general de las salas,  pozos acumulados de los Slots, promociones, shows y espectáculos en cada una de las salas. A su vez, la aplicación contiene un juego gratuito, el cual se puede jugar una vez al día y acumular puntos para ser canjeado por premios. Para lograr la experiencia de usuario final de la aplicación se siguió el proceso de diseño UX compuesto por las siguientes etapas:

  • Definición de Visión
  • Diseño de Flujos de navegación
  • Incorporación de mockups para cada uno de los flujos identificados
  • Diseño de Wireframes agregando la paleta de estilos a las pantallas bocetadas.
  • Implementación en Xamarin

Solución Técnica

La aplicación fue desarrollada con Xamarin y Xamarin.Forms. La arquitectura definida se muestra en el siguiente diagrama, donde interactuan mediante servicios la información ya disponible en aplicaciones legadas con la información generada por el administrador Web. Esto es consolidado y accedido por servicios móviles a la aplicación Xamarin.

El servicio de sincronización replica los datos disponibles en aplicaciones legadas a una base de datos dedicada. El administrador Web accede a dicha base de datos mediante una WebAPI para

complementar los datos que se accederán desde la aplicación. La aplicación Xamarin accede mediante mobile services a los datos consolidados.

La distribución y crash reports de la aplicación se realizan utilizando HockeyApp.

imagen2

Share This