INSTITUTO TECNOLÓGICO DE COMITANCILLO

Desar. De Aplic. P/Disp. Mov.

Autom. De Proc. Con Tecn. Movi

DOCENTE: Dehesa Valencia Julio Cesar

TRABAJO:

Reporte de Practica.

Menús

PRESENTA:

López Pineda Arturo

№C. 18710011

SEMESTRE: 8
GRUPO: “8UE”

CARRERA:
Ingeniería Informática

CON ESPECIALIDAD EN:

Tecnologías de la información.

San pedro Comitancillo, Oaxaca. domingo, 20 de febrero de 2022 .

Índice

Contenido
Índice................................................................................................................................................2
Introducción...................................................................................................................................3
Práctica 2: Ionic/Angular Desarrollo de una App Móvil – Menú lateral............................4
Introducción...............................................................................................................................4
Código..........................................................................................................................................6
Ejecución del Programa..........................................................................................................9
Conclusión................................................................................................................................10
Conclusiones Generales...........................................................................................................11
Introducción

El desarrollo de aplicaciones móviles es el conjunto de procesos y procedimientos

involucrados en la escritura de software para dispositivos informáticos pequeños e
inalámbricos, como teléfonos inteligentes y otros dispositivos portátiles.
Ionic es un conjunto de herramientas de interfaz de usuario de código abierto para
crear aplicaciones móviles y de escritorio de alta calidad y rendimiento utilizando
tecnologías web (HTML, CSS y JavaScript) con integraciones para marcos
populares como Angular, React y Vue.
Práctica 2: Ionic/Angular Desarrollo de una App Móvil –
Menú lateral

Introducción.
Características principales de IONIC Framework y cómo comenzar a desarrollar
aplicaciones utilizándolo. Durante la formación se verán la filosofía y la arquitectura de
IONIC Framework, su relación con Angular y otros frameworks JavaScript y el modelo
basado en Componentes.
Contenidos del Desarrollo de Aplicaciones Móviles con Ionic Framework
IONIC Framework
Visión general
Instalación y primeros pasos
Arquitectura de una app IONIC
Despliegue, pruebas y depuración en desarrollo
Componentes UI
Páginas
Navegación
Componentes UI de IONIC
Grid
Formularios
Acceso al dispositivo
Componentes natives
IONIC Storage
Acceso a API REST
Promesas y observables
API HTTP
Código.
A continuación, se muestra el código de la aplicación.
Index, principal.
Conexión a cloud firebase
Menú principal con configuración de administrador y cliente.
Módulos, componentes de las pestañas que se van a utilizar.

Carpetas con las html y css de las páginas que se crearon para ver en el menú.

No se puede agregar todo el código, solo las capturas de lo más importante para
entender su funcionamiento.
Ejecución del Programa.
A continuación, se muestran 4 ejemplos de la aplicación corriendo, mostrando diferentes
mensajes.
Conclusión.

La facilidad que Ionic ofrece para el diseño de interfaces es uno de sus puntos fuertes y lo
consigue gracias a sus componentes. Los Componentes de Ionic son bloques de
construcción de alto nivel que nos ayudan a construir de forma rápida la interfaz de
usuario de nuestra aplicación.
Conclusiones Generales

Ionic es un framework gratuito y open source para desarrollar aplicaciones híbridas

multiplataforma que utiliza HTML5, CSS (generado por SASS) y Cordova como base. Es
uno de los framework del momento por utilizar AngularJS para gestionar las aplicaciones,
lo que asegura aplicaciones rápidas y escalables.