Como planificar la arquitectura de nuestras aplicaciones

PLANIFICACIÓN
Angular, arquitectura y buenas prácticas © 2021 by Juan G Carmona is licensed underCC BY-NC 4.0
MÓDULO 1
Angular y .NET,
arquitectura y
buenas prácticas
EL CURSO COMPLETO ESTÁ DISPONIBLE EN YOUTUBE
EN EL CANAL DE “JUAN G CARMONA”:
https://www.youtube.com/channel/UCfVJdXg3Jk3P7ZDpE-D3wXg

FRAMEWORK
DE ANÁLISIS
Angular, arquitectura y buenas prácticas
Juan G Carmona

ANÁLISIS
¿Por dónde empiezo?
Descripción
General
Requisitos
Funcionales
Requisitos
No Funcionales
Arquitectura Dominio Comunicación
DISEÑO PLANIFICACIÓN

NUESTRA APPLICACIÓN
Juan G Carmona
MÓDULO 1
Angular y .NET,
arquitectura y
buenas prácticas

NUESTRA APLICACIÓN
OPCIONES
BLOG TIENDA ONLINE
MARKETPLACE INVENTARIO

{{ nStck }}
NUESTRA APLICACIÓN

ANÁLISIS
INSISTO: ¿por dónde empiezo?
Descripción
General
Requisitos
Funcionales
Requisitos
No Funcionales
Arquitectura Dominio Comunicación
DISEÑO PLANIFICACIÓN
{{ nStck }}

DESCRIPCIÓN Y REQUISITOS
Juan G Carmona
MÓDULO 1
Angular y .NET,
arquitectura y
buenas prácticas

Descripción general del problema
 Charlando con “NUESTRO CLIENTE” (en adelante Mike) nos cuenta sus
problemas:
 “A veces no sé de qué material dispongo”
 “Para algunos eventos no sé si voy a tener material suficiente en el almacén”
 “Algunas veces no sé donde están algunos equipos esenciales para el negocio, o
quién ha sido el último que los ha utilizado”
 “Necesito un programa que me ayude con la gestión de mi almacén”
 “Quiero poder planificar eventos con antelación, saber si tengo todo lo que
necesito para el evento y asignar material concreto al evento.”
 “No me vale saber que van tres micros, quiero saber que se han llevado el 13, el 24
y el 25 y no otros”
 “Necesito saber quién se encargó de cada evento, son los técnicos los que reciben
la lista de material, recogen en almacén, montan y desmontan en el evento y
devuelven al almacén.”
{{ nStck }}

Descripción general de la solución
 Mike, para empezar te propongo lo siguiente:
 Necesitas gestionar tu inventario:
 Gestionar tu Material (CRUD)
 Crear  IDENTIFICAR (¿QR o etiqueta?)
 También clonar (crear en base a)
 Ver
 Actualizar
 Borrar
 Necesitas gestionar tus eventos (CRUD)
 Necesitas ver y gestionar un calendario de eventos
 Necesitas gestionar a tus técnicos
{{ nStck }}
¡PODEMOS HACERLO!

Requisitos funcionales
 Vemos que hay tres grandes bloques funcionales:
 GESTIÓN DE USUARIOS Y PERMISOS
 Registro / login de nuestros clientes
 Más de un usuario por entorno
 GESTIÓN DE MATERIAL
 VER INVENTARIO
 Lista de todo el material (TODO: definir el modelo de datos)
 OPERACIONES CRUD (Create/Clone, Read, Update, Delete)
 GESTIÓN DE EVENTOS
 VER EVENTOS
 Lista de todos los eventos (pasados y futuros) (TODO: definir el modelo de datos)
 Calendario
 OPERACIONES CRUD (Create/Clone, Read, Update, Delete)
 Además esta solución la podemos convertir en un SaaS
 Más de un cliente (multitenant  “Multi Inquilino”)
 Branding básico
{{ nStck }}
¡PODEMOS HACERLO!

Requisitos no funcionales
 Necesitamos almacenar los datos de forma estructurada en una DB
 El borrado de elementos en la DB no debe ser físico sino lógico
 La web debe ser responsive (diseñada también para dispositivos móviles)
 Autenticación y autorización
 Identificar a nuestros usuarios
 Permitirles operar sólo con su entorno de trabajo (su inventario y su calendario)
 Roles:
 Manager  el gestor
 Técnico  el encargado de recoger el material en el almacén, llevarlo al evento, traerlo…
 Necesitamos poder almacenar imágenes (y en general ficheros) para cada uno de
nuestros usuarios:
 Para su Branding
 Para su material
 Para los eventos
{{ nStck }}

ARQUITECTURA DE NUESTRA SOLUCIÓN
Juan G Carmona
MÓDULO 1
Angular y .NET,
arquitectura y
buenas prácticas

App Service
App Service
Arquitectura del sistema
ngular, arquitectura y buenas prácticas © 2021 by Juan G Carmona is licensed underCC BY-NC 4.0
{{ nStck }}
AAD
Storage
SQL

Modelos de Datos  DDD
 Hablamos de ARTÍCULO
 En vez de decir “material” o “equipo”
(puede generar confusión)
 “Artículos en el inventario” “Artículos en
Almacén”, “Artículos para el evento”
 Hablamos de ALMACÉN
 Para esta versión sólo contemplamos un
almacen
 Hablamos de EVENTOS
 De forma genérica
{{ nStck }}
Domain Driven Design
 Hablamos de TENANT (BRAND)
 Será cada espacio de gestión en nuestra
plataforma (“Inquilino”)
 Hablamos de CUENTA
 Son cuentas en Active Directory,
necesarias para la autenticación
 Hablamos de USUARIO
 Perfil del usuario vinculado a esa
cuenta (siempre 1 a 1)
 ROL ( Manager o Técnico)
 En combinación con los perfiles nos da
la autorización

Modelos de Datos  Entidades
{{ nStck }}

CONTROLLERS
SERVICES
Comunicación
{{ nStck }}
API
WEB
ARTICLE
EVENT
USER
ARTICLE
EVENT
USER

DISEÑO Y PLANIFICACIÓN
Juan G Carmona
MÓDULO 1
Angular y .NET,
arquitectura y
buenas prácticas

DISEÑO
{{ nStck }}

PLANIFICACIÓN
{{ nStck }}
Project
Scaffolding
App
+
Core
Account Brand
User
Events Articles
Refinement
{{nStock}}
v1
RELEASE

PROJECT SETUP
Juan G Carmona
MÓDULO 1
Angular y .NET,
arquitectura y
buenas prácticas

Project Setup  Entorno Colaborativo
 Proyecto público de Azure DevOps
 https://dev.azure.com/jgcarmona/nStck
 Requiere invitación para acceder a toda la funcionalidad:
 https://docs.microsoft.com/en-
us/azure/devops/organizations/public/invite-users-public
 https://docs.microsoft.com/en-
us/azure/devops/organizations/security/get-started-stakeholder
 Requiere una cuenta Microsoft
 https://docs.microsoft.com/es-es/azure/devops/user-
guide/sign-up-invite-teammates
{{ nStck }}
 juan@jgcarmona.com
 jgcarmona.pro@gmail.com

Juan G Carmona
MÓDULO 1
Angular y .NET,
arquitectura y
buenas prácticas

Como planificar la arquitectura de nuestras aplicaciones

Recomendados

Recomendados

Más contenido relacionado

Similar a Como planificar la arquitectura de nuestras aplicaciones

Similar a Como planificar la arquitectura de nuestras aplicaciones (20)

Último

Último (7)

Como planificar la arquitectura de nuestras aplicaciones