aplicación móvil híbrida. Ionic

. 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.

Оболочка Ionic HTML5 Node.js Angular Android Studio

ID проекта: #36185828

О проекте