Haz clic para llenar formulario (Todos los Grupos)
Conoce los Acuerdos de Académia
👨🏫 INTRODUCCIÓN A LAS APPS MÓVILES📲
En esta primera etapa comenzaremos con una exposición sobre el tema de ¿Qué son las App´s Móviles?, con ello identificaremos tres tipos diferentes de entorno de desarrollo que se manejan en la actualidad, asi mismo, conoceremos brevemente el entorno de diseño de Moqups con la aplicación de Moqups para el maquetado de las diversas aplicaciones que haremos a lo largo del curso con Kodular 👍
Para consolidar el aprendizaje de esta 1er. Semana, comenzaremos realizando una actividad lúdica que fomente la participación grupal. Posteriormente, llevarás a cabo una primera práctica en la que desarrollarás el maquetado de un prototipo; en ella, relacionarás los objetos del panel de herramientas con sus propiedades para familiarizarte con las características del entorno de trabajo en línea.
🧠 Recuerden que siempre será importante 📄 leer los materiales que se adjuntan en este apartado para que poco a poco vayan adquiriendo experiencia teórica y se fomente la participación constante, termino dejándoles los accesos a los dos sitios importantes que estaremos checando durante todo el semestre...👍
📱
¿Qué es Maquetar una App?
Los Pilares de la Maquetación Profesional.
🏛️
La maquetación de una aplicación es la fase del diseño de producto digital en la que se traduce una idea funcional en una estructura visual organizada. Consiste en la planificación, distribución y jerarquización de todos los elementos gráficos e interactivos que componen la interfaz de usuario (UI).
Maquetar no es simplemente un proceso estético; es una disciplina técnica que busca garantizar la usabilidad (que el usuario sepa usar la app) y la experiencia de usuario (que le resulte satisfactorio hacerlo).
Para realizar una maquetación adecuada, el diseñador debe dominar tres áreas fundamentales:
Arquitectura de Información: Es la organización lógica del contenido. Un buen maquetado permite que el usuario encuentre lo que busca sin esfuerzo, estableciendo qué elementos son primarios (como un botón de acción) y cuáles son secundarios.
Composición y Retícula (Grids): Se refiere al uso de guías y alineaciones para que los elementos no estén "sueltos". Una maqueta profesional utiliza un sistema de columnas para que el diseño sea equilibrado y adaptable a diferentes tamaños de pantalla (diseño responsivo).
Diseño de Interacción (IxD): Maquetar también implica definir el comportamiento de los objetos. Si un usuario desliza el dedo (scroll) o presiona un botón, la maqueta debe prever la respuesta visual que el sistema devolverá.
El Proceso Metodológico: De lo Abstracto a lo Real
En la industria tecnológica, la maquetación se divide en niveles de fidelidad para optimizar el tiempo y los recursos:
Wireframes (Baja Fidelidad): Son esquemas técnicos en blanco y negro. Su objetivo es validar la estructura y la navegación antes de invertir tiempo en detalles visuales.
Mockups (Alta Fidelidad): Es la representación visual final. Aquí se aplican las propiedades de diseño: tipografía, paletas de colores corporativos, iconografía y estilos de capa (sombras, bordes, transparencias).
Prototipo Interactivo: Es la maqueta vinculada. Permite simular el flujo real de la aplicación para realizar pruebas con usuarios antes de pasar a la fase de programación.
🚀
Kodular: La Plataforma No-Code para la Creación de Apps
🚀
A continuación se te ofrece una amplia bibliografía en internet como referente a las caracterticas de la distribusión y comprensión de la plataforma de Kodular, es importante que se familiaricen con el entrono para que sepan diferenciar las dos secciones del desarrollo de app´s que es la parte del Diseño y Código con el uso de bloques, asi mismo, sabran que el entrono de trabajo se basa en el sistema de "arrastrar y soltar" (drag-and-drop), permitiendo que cualquiera de ustedes vicule obetos como cuadros de texto, imagenes y/o botones entre otros al área de trabajo (pantalla)
¡Hola, chicos de 6to Semestre! 👋 A continuación, les presento una actividad de reforzamiento basada en los temas que revisamos en la presentación de clase. 📚 El objetivo es razonar cada pregunta y asociarla con su respuesta correcta. 💡 ¡No se preocupen! Si fallan, tienen la oportunidad de reintentar hasta lograrlo. 🔄 ¡Diviértanse y sigan aprendiendo! 🚀
🙆♂️Actividad de Reforzamiento...
Ahora bien, de acuerdo a lo explicado por parte de tu profesor, y de lo revisado en este apartado del sitio de internet, el estudiantado tendra que resolver el cuestionario que se muestran en la parte inferior, para acceder a él solo tendras que presionar él botón correspondiente, considera que tienes solo 1 vez para resolver, posterior a ello no podras volverlo a hacer:
Cuestionario: 📑 (Documento/Cuestionario) Entorno de Kodular creator
