aplicación móvil híbrida. Ionic
Budget: $80 – $100 USD
. Información del proyecto:
Desarrollar un proyecto haciendo uso de Ionic para mostrar noticias en tiempo real.
• Requerimientos, el proyecto deber ser capaz de:
ü Registrar noticias en tiempo real
ü Almacenar los datos en Firebase
ü Instalar a aplicación móvil híbrida en alguna plataforma (iOS o Android)
A continuación, se presentan los pasos, así como un ejemplo de los diseños del proyecto Ionic:
Paso 1. Diseño de las vistas.
1. Diseño de las vistas con los elementos solicitados, puedes hacer uso de los componentes
personalizados que ofrece Ionic.
2. La aplicación debe contener dos tabs para poder moverse entre el listado de noticias y
agregar nuevas noticias.
3. Diseñar una tarjeta que contenga los siguientes elementos:
ü Imagen (puede ser estática para todas las noticias)
ü Título
ü Fecha
ü Descripción
ü Botón para eliminar la noticia
4. Diseñar una vista con los siguientes campos para el registro de las noticias:
ü Título
ü Fecha
ü Descripción
ü Botón para agregar la noticia
Paso 2: Creación y configuración de la base de datos en Firebase.
Crea un proyecto en Firebase y realiza las configuraciones necesarias para poder integrar Firebase
al proyecto de Ionic.
Paso 3: Instalación y configuración de Firebase en el proyecto.
Instala los paquetes necesarios para poder conectar Ionic con la base de datos creada en la consola
de Firebase.
Paso 4: Instalación de la aplicación en por lo menos una plataforma (iOSAndroid).
Instalar Capacitor en el proyecto de Ionic para posteriormente instalar la aplicación en alguna
plataforma de tu preferencia.
3. Una vez que hayas desarrollado tu aplicación integra un archivo Zip, el cual debe contener los
siguientes documentos:
a) La carpeta del proyecto de Ionic.
b) Un archivo de Word donde integres lo siguiente:
• Desarrollo: Describe el proceso de desarrollo de la aplicación móvil híbrida, las
configuraciones realizadas en firebase y la instalación en un dispositivo móvil, es
importante que acompañes tu explicación con impresiones de pantalla.
Desarrollar un proyecto haciendo uso de Ionic para mostrar noticias en tiempo real.
• Requerimientos, el proyecto deber ser capaz de:
ü Registrar noticias en tiempo real
ü Almacenar los datos en Firebase
ü Instalar a aplicación móvil híbrida en alguna plataforma (iOS o Android)
A continuación, se presentan los pasos, así como un ejemplo de los diseños del proyecto Ionic:
Paso 1. Diseño de las vistas.
1. Diseño de las vistas con los elementos solicitados, puedes hacer uso de los componentes
personalizados que ofrece Ionic.
2. La aplicación debe contener dos tabs para poder moverse entre el listado de noticias y
agregar nuevas noticias.
3. Diseñar una tarjeta que contenga los siguientes elementos:
ü Imagen (puede ser estática para todas las noticias)
ü Título
ü Fecha
ü Descripción
ü Botón para eliminar la noticia
4. Diseñar una vista con los siguientes campos para el registro de las noticias:
ü Título
ü Fecha
ü Descripción
ü Botón para agregar la noticia
Paso 2: Creación y configuración de la base de datos en Firebase.
Crea un proyecto en Firebase y realiza las configuraciones necesarias para poder integrar Firebase
al proyecto de Ionic.
Paso 3: Instalación y configuración de Firebase en el proyecto.
Instala los paquetes necesarios para poder conectar Ionic con la base de datos creada en la consola
de Firebase.
Paso 4: Instalación de la aplicación en por lo menos una plataforma (iOSAndroid).
Instalar Capacitor en el proyecto de Ionic para posteriormente instalar la aplicación en alguna
plataforma de tu preferencia.
3. Una vez que hayas desarrollado tu aplicación integra un archivo Zip, el cual debe contener los
siguientes documentos:
a) La carpeta del proyecto de Ionic.
b) Un archivo de Word donde integres lo siguiente:
• Desarrollo: Describe el proceso de desarrollo de la aplicación móvil híbrida, las
configuraciones realizadas en firebase y la instalación en un dispositivo móvil, es
importante que acompañes tu explicación con impresiones de pantalla.