De cero a
heroe
From Zero
to hero
Development Booster
Dinámica de estos
entrenamientos:
Presentación Teoría
Video Video Ejecución
de tema Examen
Presentación Teoría
Video Video Ejecución Examen
de tema
Preguntas de certificación en color
verde
Step 1 Módulo 1
• ¿Qué es Mendix? Módulo 3
• Crea tu cuenta • Explora Mendix
• Descarga Studio Studio
Pro • Crea tu App
• Knowledge check • Knowledge check
Módulo 2
• Metodologías de
trabajo ágil
• Project Team
• User Stories
• Knowledge check
Mendix cubre totalmente el “lifecycle” de una
app
MONITOR: The quality during IDEATE: New approach to solve
operation problems
Operate
Ideate
DEPLOY: To any cloud on premises DEVELOP: Convert ideas to app logic
Deploy Develop
Test
Mendix cubre totalmente el “lifecycle” de una
app
MONITOREAR: La calidad durante la IDEA: Nuevo enfoque para resolver problemas
operación
MONITOR: The quality during IDEATE: New approach to solve
operation problems
Operate
Ideate
IMPLEMENTAR: En cualquier nube
DESARROLLO: Convierta ideas en lógica de aplicac
local
DEPLOY: To any cloud on premises DEVELOP: Convert ideas to app logic
Deploy Develop
Test
Mendix es un ente vivo y siempre tiene algo nuevo que ofrecer
Puedes encontrar la información más reciente de Mendix en el Mendix blog
Explorando el ambiente de desarrollo Mendix.
¿Dónde encontrar la última información acerca del lenguaje de diseño
usado por las Apps de Mendix?
¿Qué hay en mi perfil?
¿Qué significa el Badge verde?
1er Knowledge Check
1
1
1
1
Trabajaremos con Jimmy para:
• Generar una App que le permita una eficiente
administración de su negocio: una empresa
que genera entrenamientos de diferentes
tipos.
El entrenamiento está centrado
en:
Microflows
Páginas Entidades
Para
Para Para
trabajar
mostrar almacenar
con
informació informació
informació
n n
n
Metodologías ágiles de trabajo
Agile:
Provee un marco de trabajo altamente iterativo, en el cual se abraza
el cambio como premisa del proyecto y promueve una alta
comunicación entre los desarrolladores y los usuarios
El “core” principal de Agile en la entrega continua de
software con un valor para la organización.
Algunos marcos de trabajo Agile son:
Scrum, Kanban y Extreme Programming.
De los cuales Scrum es el más popular
Metodologías ágiles de trabajo
Equipos interfuncionales
Cada proceso Scrum necesita:
- Scrum Master - El equipo de desarrollo - Propietario de
producto
El responsable en la metodología ágil para un proyecto
exitoso es el
Scrum Team: El liderazgo reside en el equipo
Mendix nace Agile y su herramienta de “project management” online se encuentra en
el “developer portal”
Comencemos por crear tu project team
Tres cosas que tomar en cuenta al crear una historia
¿Quién es mi usuario final ? <tipo de usuario>
¿Qué necesita el usuario final? <valor de negocio>
¿Cómo puedo ayudarlo a hacer esto? <Qué>
Al crear la historia podemos utilizar el formato:
As a <User> I want <what>, so that <business value>
Como <tipo de usuario>, yo deseo <qué>, para que <valor de
negocio>
Es importante establecer claramente en la Historia de Usuario el
valor para el usuario/negocio
Restricted
Creando Epics
Creando Epics
Creando Epics
Creando Story Users
Creando Sprints
Creando Sprints
Los Story Points representan el esfuerzo requerido para
terminar una historia de usuario en específico
Crear un Wireframe
Wireframe:
Para visualizar tu App y al mismo tiempo repartir Uso de un Wireframe:
el proceso de crear las User Stories, un Jimmy y su equipo se reúnen y tienen una
Wireframe puede ser de mucha ayuda. Un discusión relacionada al Wireframe. Discutirla en
wireframe es una forma visual para mostrar las grupo, les permite entender mejor los motivos
características básicas de la App a desarrollar. para desarrollar la App, así como los elementos
No es necesario que sea detallada y perfecta. Es más importantes que debe tener.
solamente un vistazo rápido para explicar cómo
visualizamos la App.
2do Knowledge Check
2
2
2
2
Construyendo tu App
Ahora que finalizó la etapa de definición de requerimientos, con las User Stories y la creación del
Wireframe ha llegado el momento de desarrollar la App.
Fase de Desarrollo:
User Stories
Ajustes
Definición
Recolectar Desarrollo
Gestión
Resultados
Pruebas Modelado
Implementació
n
Conoce Studio Pro
El Project explorer (o app explorer) es la herramienta de Mendix, que nos permitirá tener acceso a los
recursos de nuestra aplicación, como microflows, páginas, navegación, etc.
Planeación
Para completar esta User Story debemos agregar las siguientes tareas:
Tener una Ajustar el
página de inicio diseño de la
que le de página de inicio Agregar los
acceso a las para acomodar botones.
páginas donde los botones que
la información se van a crear.
pueda ser
visualizada.
Crear el enlace
de los botones
Agregar las con las páginas
páginas a las creadas en el
cuales los punto anterior
botones que muestra la
estarán información en
enlazados. el sistema.
Crear páginas
Una vez que ya tenemos creado nuestro layout adecuadamente, el siguiente paso es tener nuestros
botones actualmente ligados a algún lugar. Pero, ¿Cómo CREAR PÁGINAS?
• Una convención es dar a la página un TÍTULO
correcto: Dar al titulo la información que
contendrá la página. Course Overview
• Seleccionar tu LAYOUT: que determine si es
una página completa o una página
emergente.
• Seleccionar un TEMPLATE de página: Mendix
cuenta con distintas plantillas de páginas. La
plantilla List Default es la ideal en este caso
Layout grid y contenedores
El layout grid, da estructura a la
página, este nos permite crear
columnas (hasta 12) los cuales
pueden contener un número infinito
de renglones (siempre que esto no sea
un problema para el usuario)
El contenedor, permite almacenar widgets, de tal forma que esto facilita la organización dentro de la
página
Los contenedores son comúnmente usados para agrupar widgets de tal manera que puedan ser
simultáneamente formateados, movidos, ocultados o bien, borrados.
El layout, también define el tipo de
página, sea esta un dispositivo en
específico, sea responsiva o una pop up.
Agregando botones a la página de inicio
Mendix genera páginas responsivas, lo que significa que la página se adaptará
automáticamente al espacio disponible.
Card action
El “card action” es un building block que nos permite tener un texto y una
imagen que puede ser adaptado de una forma fácil y sencilla nuestra página.
Creando páginas
Ligando páginas
Ligando y creando páginas…
Hasta el momento hemos creado ligas a páginas utilizando el widget del botón, sin
embargo, es importante resaltar que no es la única forma de crear estas ligas, más
adelante veremos otras opciones como el menú de navegación.
El Team Server
Team server es un espacio en la nube, donde una aplicación generada en Studio se guardará
automáticamente, al usar Studio Pro esto será opcional, sin embargo, es una buena practica guardar
pequeños y consistentes secciones de trabajo en el team server.
Dentro del team server existen repositorios los cuales almacenan los datos de la
aplicación, para acceder a estos repositorios es necesario estar dentro del equipo y tener
un rol de Scrum Master o Business Engineer
El Team Server
Los cambios generados en Studio Pro que difieren con la copia original, serán notificados con un ícono
frente al componente que haya sufrido el cambio.
3er knowledge check
3
3
3
3