Tecnologías
-
DART
Flutter -
PHP
CODEIGNAITER
El reto
Para la aplicación móvil de alumnos de la escuela IEXE, se desarrolló el modulo que despliega una ventana informativa de cupones de descuento, mensajes importantes o avisos en general para dispositivos IOS y ANDROID. El desarrollo se implementó tanto en el lado de frontend móvil con flutter y el backend con php.
Desarrollo para móvil.
Del lado del forntend móvil el modulo se programó con Dart y el framework flutter y consta de lo siguiente...
- Se generó el código que consume una api que retorna un JSON con la estructura, diseño e información que debe contener cada sección y página de la ventana.
- Un conversor que transforma la información provista en el JSON a widgets o elementos que pueden ser pintados por el framework flutter.
- Integración con el resto de la aplicación, la ventana generada no es una "isla" se integra perfectamente al flujo de la app; Si la página de la ventana muestra cupones de descuento, al hacer click sobre algún cupón, la app redirige al modulo de pagos mostrando que se selecciono un cupón de descuento, y así con cada sección de los diferentes avisos.
Desarrollo backend
En el backend se construye la estructura, información y diseño contenido en formato JSON...
- Se coteja la matrícula del alumno actual contra los banners existentes para saber si alguno de ellos se le debe mostrar.
- Después de obtener los banners informativos de la matrícula, se construye cada uno con la información y la estructura necesaria para que flutter pueda pintar los widgets con su contenido y su diseño.
- En la respuesta de la petición se retorna el JSON construido.
La intención de construir la ventana desde el backend es darle mayor dinamismo al módulo, para lanzar un nuevo banner informativo, alguna modificación o cambio de información se tiene independencia de la tienda de ANDROID o IOS.