Video: https://youtu.be/v6g-SfVlc4I
Video, enlace a Mega: https://mega.nz/file/SjIBGDpT#QSevn9q3d9xIsfGhKBIS7IGb54xPOM_R7x78YXFC9Kc
Documentacion IEEE830: https://docs.google.com/document/d/17is7eWnvdNotwCc1699bcdCQ0DPQAd0oxglay2SZLj8/edit?usp=sharing
- Git clone --> URL del Proyecto del repositorio
- Abrir Visual Code
- Abrir una nueva terminal --> escribir npm install
- escribir sobre la terminal --> npm start
ACLARACION: El sitio realizado en Angular se levanta en red local, por lo que se puede acceder desde cualquier dispositivo conectado a la red.
- Osmar Andres Debegnach
- Erika Cologne
- Ezequiel Dominguez
- Julieta de los Ángeles Negrete
- Escobar Brenda Giselle
- Escobar Maximiliano Alexis
- Ana Ochonga
- Sprint 0, 1, y 2: https://ideaboardz.com/for/Sprint%200,%201,%20y%202/4694970
- Sprint 3: https://ideaboardz.com/for/Sprint%203/4602361
- Sprint 4: https://ideaboardz.com/for/Sprint%204/4602362
-
CONTENIDO
-
1 INTRODUCCIÓN
-
1.1 Propósito
-
1.2 Alcance
-
1.3 Personal involucrado
-
1.4 Definiciones, acrónimos y abreviaturas
-
1.5 Referencias
-
1.6 Resumen
-
2 DESCRIPCIÓN GENERAL
-
2.1 Perspectiva del producto
-
2.3 Características de los usuarios
-
2.4 Restricciones
-
REQUISITOS ESPECÍFICOS
-
3.2 Product Backlog
-
3.2.1 Product Backlog
-
3.3 Sprints
-
3.3.1 Sprint 1
-
3.3.2 Sprint 2
El Gestor de Stock permite gestionar el almacenamiento de una pyme, apartir del registro tienes la posibilidad de registrar los empleados y gestionar las ventas de los productos de los empleados
El proyecto es un sitio/app que está siendo desarrollado por los siguientes miembros: Osmar Andres Debegnach, Erika Cologne, Ezequiel Dominguez, Julieta de los Ángeles Negrete, Escobar Brenda Giselle, Escobar Maximiliano Alexis y Ana Ochonga.
*Cada Sprint tiene registro de las ceremonias en Scrum *Planning (Realizado en Kamban desde Projects en GitHub. *Daily, (Wiki de GitHub) *Review (Seguimiento dentro del mismo Kamban de Projects GitHub). *Retrospective:
Especificación de requisitos de software
Proyecto: Gestor de Stock
2021
Verificado dep. Calidad.
Ficha del documento
Fecha: 2022 Revisión: 20/06 Autor: Osmar Andres Debegnach, Erika Cologne, Ezequiel Dominguez, Julieta de los Ángeles Negrete, Escobar Brenda Giselle, Escobar Maximiliano Alexis y Ana Ochonga.
Práctica Profesionalízante
Especificación de requisitos de software
Contenido
FICHA DEL DOCUMENTO
Práctica Profesionalizante Especificación de requisitos de software
📃 1 Introducción
Este documento es una Especificación de Requisitos Software (ERS) para Aplicación Digital para administrar objetivos personales. Esta especificación se ha estructurado basándose en las directrices dadas por el estándar IEEE Práctica Recomendada para Especificaciones de Requisitos Software ANSI/IEEE 830, 1998.
El proyecto presentado en el espacio curricular de Prácticas profesionalizantes el día 20 de Junio del año 2022, se introduce a la institución la idea de un proyecto de administración de objetivos personales. Se proyecta la presentación de una app/página que permita gestionar los tiempos personales del usuario y a su vez recompensar al usuario por el cumplimiento de los mismos.
📃 1.1 Propósito
La posibilidad de brindarle al usuario un servicio de Gestionar Stock para los empleados y pymes que necesiten administrar las ventas por cada empleado.
📃 1.2 Alcance
El alcance del proyecto es abierto a cualquier pyme, grandes y pequeñas.
📃 1.3 Personal involucrado
🔷Nombre: Osmar Andres Debegnach
🔷Rol: Líder Técnico
🔷Categoría Profesional: Desarrollador especializado en Front-End
🔷Programador Front-end- Desarrollador JavaScript
🔷Información de contacto : [email protected]
🔷Nombre: Brenda Giselle Escobar
🔷Rol: Project Manager
🔷Categoría Profesional: Desarrolladora back-end especializada en C#
🔷Programador Back-end- Desarrolladora C#
🔷Información de contacto : [email protected]
🔷Nombre: Erika Cologne
🔷Rol: Desarrollador Full-Stack
🔷Categoría Profesional: Desarrolladora Front-End
🔷Información de contacto : [email protected]
🔷Nombre: Julieta de los Ángeles Negrete
🔷Rol: Desarrolladora Full-Stack
🔷Categoría Profesional: Desarrolladora Full-Stack
🔷Información de contacto : [email protected]
🔷Nombre: Escobar Maximiliano
🔷Rol: Desarrollador Back-end
🔷Categoría Profesional: Desarrollador Back-end, especializado en Java.
🔷Información de contacto : [email protected]
🔷Nombre: Ezequiel Dominguez
🔷Rol: Desarrollador Full-Stack
🔷Categoría Profesional: Desarrollador Full-Stack y Back-End.
🔷Información de contacto : [email protected]
🔷Nombre: Ana Ochonga
🔷Rol: Desarrolladora Full-Stack
🔷Categoría Profesional: Desarrolladora Full-Stack y manejo de Base de Datos.
🔷Información de contacto : [email protected]
📃 1.4 Definiciones, acrónimos y abreviaturas
✅Usuario : Persona que usará el sistema para gestionar procesos
✅SIS-I : Aplicación Digital para administrar objetivos personales
✅ERS : Especificación de Requisitos Software
✅RF : Requerimiento Funcional
✅RNF : Requerimiento No Funcional
✅FTP : Protocolo de Transferencia de Archivos
✅Moodle : Aula Virtual
✅SQL: Lenguaje de Consulta Estructurada (Structured Query Language), es un lenguaje de programación diseñado para actualizar, obtener, y calcular información en bases de datos relacionales.
✅HTML: El Lenguaje de Marcado de Hipertexto (HTML).
✅HTTP: "Hypertext Transfer Protocol", es el nombre de un protocolo el cual nos permite realizar una petición de datos y recursos, como pueden ser documentos HTML.
✅FRONT END: El frontend es la parte del desarrollo web que se dedica a la parte frontal de un sitio web, desde la estructura del sitio hasta los estilos como colores, fondos, tamaños hasta llegar a las animaciones y efectos.
✅BACK END: En otras palabras, el Back-End es la parte o rama del desarrollo web encargada de que toda la lógica de una página funcione. Consiste en el conjunto de acciones que pasan dentro de una web.
✅FULL STACK DEVELOPER: Full-stack developer, es un programador con un perfil técnico muy completo que conoce bien tanto lo referente a back-end como lo referente a front-end.
✅BACKLOG: El Product Backlog o pila de producto en un proyecto que sigue la metodología Scrum consiste en una lista con todos los requerimientos iniciales del producto que se va a desarrollar.
✅CSS: CSS (en inglés Cascading Style Sheets) es lo que se denomina lenguaje de hojas de estilo en cascada y se usa para estilizar elementos escritos en un lenguaje de marcado como HTML.
✅HOSTING: El hosting, o alojamiento web es un servicio donde podrás alojar todos los contenidos necesarios (textos, imágenes, bases de datos, emails…) para que tu web y correo sea accesible por cualquier usuario en internet en cualquier momento.
✅JAVASCRIPT: JavaScript es el único lenguaje de programación que funciona en los navegadores de forma nativa (lenguaje interpretado sin necesidad de compilación). Por tanto se utiliza como complemento de HTML y CSS para crear páginas webs.
✅ANGULAR: Angular es un framework opensource desarrollado por Google para facilitar la creación y programación de aplicaciones web de una sola página, las webs SPA (Single Page Application).
📃 1.5 Referencias
Título del Documento Referencia Standard IEEE 830 - 1998 IEEE
Práctica Profesionalizante
Especificación de requisitos de software
📃 1.6 Resumen
Este documento es una Especificación de Requisitos Software (ERS) para Gestor Stock para administrar objetivos personales. Esta especificación se ha estructurado basándose en las directrices dadas por el estándar IEEE Práctica Recomendada para Especificaciones de Requisitos Software ANSI/IEEE 830, 1998.
📃 2 Descripción general
📃 2.1 Perspectiva del producto
El Gestor de Stock permite la administracion de ventas de cada empleado.
📃 2.2 Características de los usuarios
Tipo de usuario : Administrador
Formación : Manejo de herramientas informáticas
Actividades : Control y manejo del sistema en general
Tipo de usuario : Visitante
Formación : Manejo de entornos web
Actividades : Observa e indaga información
📃 2.3 Restricciones
Interfaz desarrollada para ser usada con internet a través de un navegador web con login y registro por cada usuario.
Lenguajes: HTML, CSS, JavaScript, SQL, Angular.
Recursos para crear el sitio: GitHub, Visual Studio Code.
📃 3. Requisitos específicos
*https://docs.google.com/document/d/1fXyYKkt1AlqCC7e_ym8ttpuUlEp5y-aYPlNThL0zJmQ/edit
📃 Sprints
Práctica Profesionalízante
Especificación de requisitos de software
Sprints
✏️ N° de sprint : 0
Sprint 0 Fecha Inicio = 26/05/2022 - Fecha de Fin = 13/06/2022
Se les solicitará un proyecto aplicando todos los contenidos dados en los módulos de la cursada (HTML5, CSS3, BOOTSTRAP, JAVASCRIPT), pueden recurrir a la web de W3School para extraer recursos necesarios. Al proyecto desarrollado en 2021, la “consultora ISPC”, solicita en esta oportunidad, incorporar un módulo de e-commerce para comercializar sus productos y/o servicios online.
✏️ Sprint Backlog:
*Definir Scrum Master inicial (No se registró en planilla) y registrarse todos dentro del nuevo repositorio. *Importar el repositorio anterior al nuevo brindado en el foro de cada grupo. *Revisar documentación IEEE830 si está completa y retomar desde allí para esta nueva etapa seguir documentando los avances. *Revisar la estructura web Semántica y responsive (RWD)
Pasos a seguir de acuerdo a las Fases del Ciclo de Vida de un Software:
ANÁLISIS
*Definir requerimientos para el nuevo módulo a desarrollar e-commerce (colocarlos en el Product Backlog del Project), a su vez revisar si han cumplimentado todos los requerimientos previos, realizando mejoras del mismo.
*Plantear Historias de Usuarios y Tareas dependientes de las US para incorporarlas en el repositorio remoto gitHub. (Issues y Milestones) - Tener en cuenta la redacción adecuada para las US y nomenclatura, ej “#US01 Como usuario quiero ingresar al carrito para poder comprar”
*Definir tareas dentro de las Historias de Usuario (GITHUB) ej dentro de las ISSUES #TK01 importar repositorio.
Retro Sprint 0, 1 y 2: https://ideaboardz.com/for/Sprint%200,%201,%20y%202/4694970
✏️ N° de sprint : 1
Sprint 1 Fecha Inicio = 27/06/2022 - Fecha de Fin = 08/08/2022 se considera el receso invernal (09/07/2022 al 24/07/2022)
IMPLEMENTACIÓN FRONTEND
*Convertir los archivos .html del proyecto previo, en una SPA de Angular con módulos (Layouts y Pages por ejemplo) con sus components correspondientes. (HOME, REGISTRO, LOGIN, DASHBOARD)
*Crear módulos y componentes para la tienda virtual o ecommerce. (PRODUCTO o SERVICIOS, PRODUCTO INDIVIDUAL, COMPRA). Incorporar la navegabilidad de la aplicación mediante Routing con Angular.
*Subirla al repo grupal, con GIT , en una branch por desarrollador para que cada uno tenga una copia. Luego crear una branch feature 2 , para realizar nuestros cambios que no se encuentran aún en condiciones de incorporarse a la branch develop 3.
✏️ Sprint Backlog:
*Migración del index a SPA de Angular
*TSK#1 Migrar componente Login
*TSK#2 Desarrollar el layout del dashboard
*TSK#3 Crear componente input
*TSK#4 Crar componente formulario
*TSK#5 Eliminar campo rol de la pantalla login
*TSK#6 Desarrollar la pantalla de administracion dentro del dashboard
*TSK#7 Página de registro
*TSK#8 Fix componente input
*BUG - Icono calendario no se visualiza
*TSK#9 Desarrollar componente data-table para la presentación de datos de productos
*TSK#10 Desarrollar pagina de ventas en dashboard
*TSK#13 Desarrollar un componente de modal
*TSK#14 Modificar base de datos
✏️ Milestones:
*US#01 - Pagina principal realizada con Angular
Retro Sprint 0, 1 y 2: https://ideaboardz.com/for/Sprint%200,%201,%20y%202/4694970
✏️ N° de sprint : 2
Sprint 2 Fecha Inicio = 15/08/2022 - Fecha de Fin = 29/08/2022
DISEÑO DE BASE DE DATOS
*Revisar la base de datos previa en MySQL si es funcional, e incorporar nuevas tablas necesarias para el funcionamiento del módulo e-commerce. (Ver el Modelo Relacional publicado en el libro Desafío E-commerce - Proyecto de trabajo Integrador
*Crear su propio DER y Modelo relacional para documentar las tablas en la DB. Crear un Diagrama de Clases y Casos de Uso para facilitar el modelado en POO. Script sql de la base de datos actualizada con las tablas nuevas.
*Actualizar el repositorio grupal, creando una carpeta dentro de la branch
Diagrama de Entidad-Relación
*https://www.lucidchart.com/pages/es/que-es-un-diagrama-entidad-relacion
Material de referencia Diagrama Caso de Uso
*https://creately.com/blog/es/diagramas/tutorial-diagrama-caso-de-uso/
✏️ Sprint Backlog:
*DER y Modelo relacional de la Base de datos
*Creación de Diagrama de clases para POO
✏️ Milestones:
*US#02 - Base de datos del proyecto
*US#03 - Diagrama de clases para POO
*US#01 - Sitio realizado con Angular
Retro Sprint 0, 1 y 2: https://ideaboardz.com/for/Sprint%200,%201,%20y%202/4694970
✏️ N° de sprint : 3
Sprint 3
Fecha Inicio = 29/09/2022 - Fecha de Fin = 17/10/2022
Requerimientos en Incremento al producto:
*Definición del backend y funcionalidad en los módulos
*Registro de usuario
*Login de usuario
* OPCIONAL: Token - JWT
*Tablero de control o Dashboard con módulos planteados
*Los formularios deberán tener estilos semánticos que provee Bootstrap por ejemplo:
<span class="border border-success"></span>
<span class="border border-danger"></span>
https://getbootstrap.com/docs/5.0/utilities/borders/
*Validaciones en TypeScript . Ejemplo: campos requeridos, formato de datos (mail, longitud cadena, numérico). Emplear los input type adecuados en cada campo (type=number, type=email, type=date, etc.
https://developer.mozilla.org/es/docs/Web/HTML/Element/input
✏️ Sprint Backlog:
*TSK#16-Bakend - Creación e iniciación del Proyecto de Backend
*TSK#17 -Backend - Asignación del proyecto
*TSK#18 -Backend - Creación de paquetes y Models
*TSK#19 Backend - Creación de clases
*TSK#20 Backend - Creación de interfaces
*TSK#21 - Creación de el repositorio
*TSK#22 - DLL de DAO en DAO Factory
*TSK#23 - Webservices
*TSK#27 Crear componentes para campos de texto y numericos
✏️ Milestones:
*US#01 - Sitio realizado con Angular
*US#04- Definición del backend y funcionalidad en los módulos
*US#05 Remodelacion de la base de datos
Retro Sprint 3: https://ideaboardz.com/for/Sprint%203/4602361
✏️ N° de sprint : 4
Sprint 4 Fecha Inicio = 17/10/2022 - Fecha de Fin = 16/11/2022
Requerimientos
*Incremento al producto (front + back integrado)
*Validaciones con Angular: servicios - inyección de dependencias.
*Tablero de control para usuarios:
*Mostrar catálogo (mínimo 2 productos o servicios o suscripción).
*Seleccionar para comprar.
*Simular Pago con API Mercado Pago o API similar
*Tablero de control (Dashboard) funcional
*Tablero de control administrador CRUD básico funcional de producto y cliente.
*Actualizar documentación IEEE830 - tablero Kanban (project) y Wiki.
*Actualizado todo el proyecto en GitHub como respaldo
*Demo final en video con participación de todo el equipo describiendo todas las funcionalidades.
OPCIONALES: modificar datos de perfil. Sitio publicado en Servidor Remoto
Integracion: https://www.mercadopago.com.ar/developers/es/docs#online-payments
✏️ Sprint Backlog:
*TSK#11 Desarrollar la pagina de stock en dashboard
*TSK#12 Desarrollar la pagina de cajadentro de dashboard
*TSK#15 Migrar pagina de quienes somos a angular
*TSK#24 - Login y Registro.
*Seguimiento Scrum - Review Mensual
*TSK#25 Creacion de la pagina de la tienda
*TSK#28 Investigar lugares donde hostear el back y la base de datos
*TSK#29 Armar datos de prueba
*Seguimiento Scrum - Review Mensual
*TSK#29 Armar datos de prueba y Error number input no respeta minimo y maximo
✏️ Milestones:
*US#01 - Sitio realizado con Angular
*US#04- Definición del backend y funcionalidad en los módulos
Retro Sprint 4: https://ideaboardz.com/for/Sprint%204/4602362