Anteriormente en la fase de diseño se habían planteado una serie de modelos
que ayudan a definir la arquitectura y la estructura de la aplicación, entre
las cuales se encuentra un diagrama de clases que abstrae las clases que
consideramos más relevantes y la forma en que se relacionaban, sin embargo nos
hemos encontrado en la actualidad con unas nuevas opciones que nos dan una
mejor perspectiva de la aplicación web, estas son extensiones al lenguaje UML
en el cual estamos acostumbrados a trabajar, por lo cual decidimos realizar un
nuevo diagrama de clases que modele de forma más acertada lo que nos interesa.
A continuación se muestra el nuevo diagrama:
Este diagrama forma parte de lo que se conoce como WAE (Web
Application Extension) y fue desarrollado agregándole un plug in a Star UML.
El carrito de compras tiene agregados productos los cuales tienen una id y una cantidad, la cual en la aplicación puede ser modificada por el usuario a su gusto, este producto forma parte del modelo y se tienen registros de el en la base de datos, por lo cual está la clase "productosDB". Todo se controla a través del controlador del carrito, el cual usa los datos de la base de datos, busca los productos, los agrega al carrito y despliega una vista que ya muestra los resultados de las acciones realizadas por el usuario.
Como se puede ver en el modelo, este usa una serie de figuras que no se encuentran en el estándar de UML y estos son los que han sido agregados por el plugin.
Por otro lado se creó un nuevo diagrama de secuencia en el cual se muestra como el usuario ingresa productos al carrito, ese modelo se muestra a continuación:
El carrito de compras tiene agregados productos los cuales tienen una id y una cantidad, la cual en la aplicación puede ser modificada por el usuario a su gusto, este producto forma parte del modelo y se tienen registros de el en la base de datos, por lo cual está la clase "productosDB". Todo se controla a través del controlador del carrito, el cual usa los datos de la base de datos, busca los productos, los agrega al carrito y despliega una vista que ya muestra los resultados de las acciones realizadas por el usuario.
Como se puede ver en el modelo, este usa una serie de figuras que no se encuentran en el estándar de UML y estos son los que han sido agregados por el plugin.
Por otro lado se creó un nuevo diagrama de secuencia en el cual se muestra como el usuario ingresa productos al carrito, ese modelo se muestra a continuación:
Todo inicia con una petición para agregar al carrito de compras, por medio de código javascript se direcciona la petición al controlador del carrito, el cual busca el producto en la base de datos, lo verifica (para revisar que hayan existencias) y lo agrega al carrito de forma definitiva; luego de todo esto devuelve el resultado actualizando solo la parte en la que se muestra el carrito en la página, para que de esta forma el usuario no se pierda entre tantas ventanas que podrían aparecer y la experiencia de compra y agregación de productos al carrito sea lo más agradable posible.
Después de realizar estos nuevos modelos/diagramas y haber probado en carne propia lo que es modelar de la forma más adecuada una aplicación web, pudimos constatar que en efecto el UML tradicional se queda corto a la hora de trabajar con aplicaciones web y usar extensiones como la que usamos nos proporciona un plus que puede hacer mucho más entendible la aplicación para el equipo de desarrollo.
A veces uno se deja amedrentar por tecnologías que no conoce o técnicas que pocos usan pero es bueno arriesgarse de vez en cuando y asumir el reto que puede catapultarnos hacia un mejor desarrollo.
0 comentarios:
Publicar un comentario