Video de la presentacion del sitio: https://youtu.be/qXgcatgmJfY
- Diego Marcel Silva
- López Juan Manuel
- Mónica Beatriz Antich
- Ivan Massimino
- Escobar Brenda Giselle
-
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
- Añadir JavaScript/PHP/Java o similar para interactuar con el usuario a la hora de asignar tareas en la agenda. Backlog / Todas las tareas
- Añadir JavaScript/PHP/Java o similar para interactuar con el usuario a la hora de asignar tareas en la agenda.
- Cumplir con las especificaciones de la IEV de Desarrollo Web.
- Realizar los primeros commits del sitio, subiendo el sitio previamente realizado a los cambios para comparar lo aprendido.
- Juan: Investigación para conectar MySQL con el sitio.
- Brenda: Realizar el seguimiento semanal de los miembros.
- Falta de información y datos de los miembros para la pestaña "Equipo".
- Monica: Pedir más datos en formulario de registro.
- Juan: Rediseño del logo.
- Diego: Cajas de Navbar se superponen
- Monica: Los colores de las etiquetas se pisan con el fondo.
- Diego: Faltan cierres en algunas etiquetas.
- Ivan: Cambiar el interfaz UI del sitio
- Iván: Modificar al nuevo Background para renovar la vista del sitio.
- Monica: Realizar el commit del sitio en su estado actual antes de los cambios.
- Juan e Iván: editar el Interfaz minimalista.
- Monica: Páginas abren en nuevas pestañas y no deberían.
- Brenda: Realizar video explicativo e introducción de, Git y GitHub para ayudar a los miembros a acelerar el proyecto.
- López Juan Manuel: Co-Líder del proyecto; Programador Front-End, Maquetador Web Modelo HTML.
- Monica Antich: Desarrollador Back-End / Cambios de estructura al cuerpo del código.
- Ivan Massimino: Desarrollador Back-End / Aportes para el diseño del interfaz del sitio
- Diego Marcel Silva: Asistente líder del proyecto / Aportes y cambios en el proyecto en ambos Interfaces de usuario.
- Brenda Giselle Escobar: Líder del proyecto
- Cumplir con las especificaciones de la IEV de Desarrollo Web
- Falta de informacion y datos de los miembros para la pestaña "Equipo"
- vínculos activos se no contrastan con los background.
- Los colores de las etiquetas se pisan con el fondo.
- Nuevas implementaciones visuales para el sitio
- Cierres de etiquetas
- Problema con el reemplazo y reescritura de algunos archivos
- Interfaz minimalista
- Mejorar el responsive design
- Cajas de Navbar se superponen
- Personalizar con fuentes de Google
- Pedir mas datos en formulario de registro.
- Páginas abren en nuevas pestañas y no deberían
- Todos: Implementacion de bases de datos al sitio.
- Implementar los requsitos solicitados en JavaScript para el IEFI de Desarrollo web
- Brenda: Realizar el seguimiento semanal de los miembros.
- Brenda: Implementación de programación orientada a Objetos con JavaScript
- Brenda: Armado de un archivo general de Bootstrap de ayuda para los miembros del front.
- Brenda: Implementación del sitio para subir y cargar las tareas
- Diego: Nuevas implementaciones visuales para el sitio
- Monica: Implementación de JavaScript en el sitio.
- Iván: Revisión de UI/UX del sitio, y pasar a Bootstrap las paginas restantes del sitio.
- Juan: colaborar con pasar el sitio a Bootstrap con Diego y editar el Interfaz minimalista.
- Diego: Actualizar el sitio (el esqueleto básico) a Bootstrap
- Ivan: Agregar favicon.
- Juan: editar el Interfaz minimalista.
- Iván: Personalizar con fuentes de Google.
- General: Corregir todos los errores a través del feedback de la institución antes de la entrega de Bootstrap
- Juan: Investigación para conectar MySQL con el sitio.
- Añadir JavaScript/PHP/Java o similar para interactuar con el usuario a la hora de asignar tareas en la agenda.
- Todos: Subir scripts de bases de datos.
- López Juan Manuel: Co-Líder del proyecto; Programador Front-End, Maquetador Web Modelo HTML.
- Monica Antich: Desarrollador Back-End / Cambios de estructura al cuerpo del código.
- Ivan Massimino: Desarrollador Back-End / Aportes para el diseño del interfaz del sitio
- Diego Marcel Silva: Asistente líder del proyecto / Aportes y cambios en el proyecto en ambos Interfaces de usuario.
- Brenda Giselle Escobar: Líder del proyecto
- Implementación JavaScript
- Implementacion para las tareas en Javascript (prioritaras y no prioritarias)
- Implementacion de programacion orientada a Objetos con JavaScript
- Rediseño del logo.
- Implementación de JavaScript con POO (Rehacer con buenas practicas).
- Implemetar Bootstrap
- Agregar favicon
- implementacion visual del archivo JavaScript para darle estilo a los botones y tareas
- Ivan: Agregar favicon.
- Juan: editar el Interfaz minimalista.
- Iván: Personalizar con fuentes de Google.
- General: Corregir todos los errores a través del feedback de la institución antes de la entrega de Bootstrap
- Juan: Investigación para conectar MySQL con el sitio.
- Añadir JavaScript/PHP/Java o similar para interactuar con el usuario a la hora de asignar tareas en la agenda.
- Todos: Subir scripts de bases de datos.
- Juan: Investigación para conectar MySQL con el sitio.
- Añadir JavaScript/PHP/Java o similar para interactuar con el usuario a la hora de asignar tareas en la agenda.
- Todos: Subir scripts de bases de datos.
- Implementar los requsitos solicitados en JavaScript para el IEFI de Desarrollo web
- Todos: Implementacion de bases de datos al sitio.
- Todos: Realizar video para Prácticas Profesionalizantes.
- Brenda: Realizar el seguimiento semanal de los miembros.
- López Juan Manuel: Co-Líder del proyecto; Programador Front-End, Maquetador Web Modelo HTML.
- Monica Antich: Desarrollador Back-End / Cambios de estructura al cuerpo del código.
- Ivan Massimino: Desarrollador Back-End / Aportes para el diseño del interfaz del sitio
- Diego Marcel Silva: Asistente líder del proyecto / Aportes y cambios en el proyecto en ambos Interfaces de usuario.
- Brenda Giselle Escobar: Líder del proyecto
- Todos: Subir scripts de bases de datos.
- Implementar los requsitos solicitados en JavaScript para el IEFI de Desarrollo web
- Todos: Implementacion de bases de datos al sitio.
-
Validación de campos vacíos mediante Bootstrap (de acuerdo al template de la web oficial), luego con Javascript la longitud de los campos, tipo de datos en los input. Los campos nombre y apellido deberán validarse con más de 2 caracteres. (Realizado en Registro, los campos Nombre y Apellido, también contiene las validaciones de ingreso de todos los datos)
-
Crear una función en JavaScript para mostrar un cálculo de fechas (edad, día de turno, u otro pertinente al proyecto en desarrollo). (Creado en Registro.php ,calcula la fecha y si es menor de la edad solicitada no permite el registro)
-
Uno de los formularios debe tener funcionalidad en el botón Enviar, mostrando un Alert de operación exitosa. (Creado en Registro.php , una vez cargado todos los datos con sus respectivas validaciones, en caso de no colocar los datos, muestra un error para pedirle al usuario que ingrese los datos)
-
Una vez procesado el formulario, mostrar en una pantalla siguiente, los datos procesados, la cual debe mantener la estética del sitio, luego de unos segundos, redireccionar a una página de sitio (por ejemplo al index). (Creado en Registro.php los datos se muestran al finalizar de cargar los datos, nos ayudamos con PHP para que mantenga la estética del sitio y los datos respectivamente. Luego redirecciona a partir de los 15 segundos )
-
Las funciones en JavaScript deberán estar en un archivo llamado funcionesGrupo99.js . Agregar al menos 2 eventos de JavaScript para que el usuario interactúe con el DOM. **(Creado en Registro.php, con todos los eventos de validaciones, también incluye el trabajo realizado en Gestor.php (que tal vez no alcancemos a implementar), luego del ultimo sprint de practicas decidimos priorizar JDBC, pero está finalizada la gestión de tareas. **)
-
Informar mediante un documento (puede ser dentro del IEEE830) donde se incorporaron cada uno de los puntos solicitados, luego actualizar en GitHub el mismo. **(Implementado desde aquí)
-
Publicar el sitio web final en un hosting gratuito. (Ya tenemos el Hosting listo y funcionando, lo pueden encontrar en el README del repositorio)
-
Crear una Base de Datos en PHPMyAdmin llamada "ready_bd" , RESPETANDO LAS MINUSCULAS (Ejecutar Xampp como administrador anteriormente)
-
Importar el archivo ready_bd.sql
La Aplicación Digital para administrar objetivos personales gestiona, organiza cada uno de los tiempos del usuario para ayudar a flexibilizar el ahorro del tiempo del usuario y reducir la carga horaria semanal. Aparir de un menú adecuado, fácil de interactuar, cómodo a la gestíon del usuario, Ready! permite que cualquier persona pueda acceder y registrar sus tareas dia a dia para mejorar su calidad de vida.
A través de items y un panel donde se puede acceder al listado de las tareas y actividades escritas por ti mismo!!.
El proyecto es un sitio/app que está siendo desarrollado por los siguientes miembros: Diego Marcel Silva, López Juan Manuel, Mónica Beatriz Antich, Ivan Massimino y Escobar Brenda Giselle.
El sistema de Aplicación Digital para administrar objetivos personales será un producto diseñado para acceder desde un sitio web o dispositivo movil, lo que permitirá su utilización de forma rápida y eficaz, además de que la agenda será gestionada con el usuario.
El proyecto comenzó trabajandose de forma colaborativa con CodeSambox de forma grupal y hoy se muestra a través de GitHub, donde podrá verse mejorado e implementado con cambios en tiempo real.
El documento "Especificación de Requisitos Software" (ERS) para Aplicación Digital para administrar objetivos personales, se encuentra ubicado al final.
Paso 1 Ve a la página web de Apache Friends y descarga XAMPP para Windows. Para facilitar la instalación, descarga "self-extracting RAR archive" del Paquete Básico. Espera a que finalice la descarga y ábrelo para comenzar a instalar XAMPP. Haz clic en el botón "Instalar" para comenzar la extracción del archivo. Cuando aparezca la pantalla con el símbolo del sistema, pulsa la tecla "Intro" en cada pregunta para aceptar la configuración predeterminada.
Paso 2 Inicia el programa XAMPP. Cuando se inicia, XAMPP se carga en la bandeja de iconos. El icono es de color naranja con una forma de hueso blanca en su centro. Haz clic en el icono para ampliar el panel de control. Haz clic en el botón "Iniciar" al lado de "Apache" para iniciar el servidor Web Apache. Cuando Apache se esté ejecutando, la palabra "En ejecución" aparecerá a su lado, resaltada en verde. También debes ejecutar "MySQL" si tus scripts PHP dependen de una base de datos MySQL para funcionar.
Paso 3 Coloca los archivos PHP en la carpeta "htdocs" que se encuentra dentro de la carpeta "XAMMP" en la unidad C:. La ruta del archivo es "C:\xampp\htdocs" para tu servidor Web. Asegúrate de que tus archivos PHP se guarden de esa forma. Deben tener la extensión ".php". Abre un navegador Web en el equipo de escritorio e introduce "localhost" en el espacio proporcionado. El navegador abrirá una lista de los archivos almacenados en la carpeta "htdocs" en tu computadora. Haz clic en el enlace de un archivo PHP y ábrelo para ejecutar un script.
Paso 4 Crea las carpetas que necesites para poner a prueba los archivos PHP bajo la carpeta "htdocs". Si creas una carpeta llamada "scripts", usa la dirección "localhost/scripts" para abrirlos en tu navegador.
NOTA ACLARATORIA: El sitio está utilizando un dominio con el nombre complejolapasionaria.com.ar, pero nuestro dominio es agregando el ispc.complejolapasionaria.com.ar para ahorrar costos con el hosting.
***
Especificación de requisitos de software
Proyecto: Aplicación Digital para administrar objetivos personales
2021
Verificado dep. Calidad.
Ficha del documento
Fecha: 2021 Revisión: 27/09 Autor: Diego Marcel Silva, López Juan Manuel, Mónica Beatriz Antich, Ivan Massimino y Escobar Brenda Giselle.
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 30 de Agosto del año 2021, 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
El presente documento tiene como propósito la gestión, administración de una actividad o tarea pendiente que permita organizar la vida diaria del usuario de manera más eficiente con el fin de ahorrar tiempo en cada una de sus actividades y mantener un orden que impacte de forma positiva en la vida del usuario.
📃 1.2 Alcance
El alcance del proyecto determina usuarios desde 6 años de edad sin límite de edad mayor, con acceso a cualquier computadora, celular o cualquier dispositivo que cuente con acceso a internet. El proyecto brinda un sistema a cualquier usuario que acepte los términos y condiciones después del registro.
📃 1.3 Personal involucrado
🔷Nombre: López Juan Manuel
🔷Rol: Desarrollador Front-End / Diseñador UI (interfaz de usuario)
🔷Categoría Profesional: Desarrollador
🔷Responsabilidad: Co-Líder del proyecto
🔷Programador Front-End, Maquetador Web Modelo HTML.
🔷Información de contacto : jmlopezestudios@gmail.com
🔷Nombre: Monica Antich
🔷Rol: Desarrollador Back-End / Reformuladora de informes técnicos e informáticos.
🔷Categoría Profesional: Desarrolladora
🔷Responsabilidad: Desarrollador Back-End / Cambios de estructura al cuerpo del código.
🔷Información de contacto : moniantich@gmail.com
🔷Nombre: Ivan Mass
🔷Rol:Desarrollador Back-End / Diseñador UX (Experiencia de usuario)
🔷Categoría Profesional: Desarrollador
🔷Responsabilidad: Desarrollador Back-End / Aportes para el diseño del interfaz del sitio
🔷Información de contacto : ivaanmass@gmail.com
🔷Nombre: Diego Silva
🔷Rol: Desarrollador Full-Stack
🔷Categoría Profesional: Desarrollador Front-End
🔷Responsabilidad: Asistente líder del proyecto / Aportes y cambios en el proyecto en ambos Interfaces de usuario.
🔷Información de contacto : ddsilva8880@gmail.com
🔷Nombre: Brenda Giselle Escobar
🔷Rol: Desarrolladora Full-Stack
🔷Categoría Profesional: Desarrollador Full-Stack, gestión y representación del equipo.
🔷Responsabilidad: Líder del proyecto
🔷Información de contacto : brenda.giselle.escobar2014@gmail.com
📃 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.
📃 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
En resumen, la Aplicación Digital para administrar objetivos personales tiene como objetivo la gestión y la organización de los tiempos del usuario para ayudar a flexibilizar el ahorro del tiempo del usuario y reducir la carga horaria semanal.
A través de interacciones con logros, con items y un panel donde se puede acceder al listado de las tareas y actividades semanales.
El proyecto es un sitio/app que está siendo desarrollado por los siguientes miembros:
Diego Marcel Silva, López Juan Manuel, Mónica Beatriz Antich, Ivan Massimino y Escobar Brenda Giselle.
📃 2 Descripción general
📃 2.1 Perspectiva del producto
El sistema de Aplicación Digital para administrar objetivos personales será un producto diseñado para trabajar en entornos WEB, lo que permitirá su utilización de forma rápida y eficaz, además de que la agenda será gestionada con el usuario pero también dispondrá de una guia con plantillas determinadas dependiendo del tipo de tarea que tenga el usuario.
📃 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.
Recursos para crear el sitio: GitHub, CodeSambox, Visual Studio Code.
📃 3. Requisitos específicos
✏️ Product Backlog
Backlog / Todas las tareas: Colocaremos todas las tareas asignadas en el tablón de proyectos.
In Progress: Muestra el estado del progreso de las tareas.
Test: Son aquellas tareas que están bajo supervisión y que casi están listas para ser lanzadas.
Closed: Tareas finalizadas, listas para entregar.
📃 Sprints
Práctica Profesionalízante
Especificación de requisitos de software
✏️ N° de sprint : 01
✏️ Sprint Backlog:
In Progress
Test
Closed
✏️ Responsabilidades:
✏️ Calendario: Puede verse detalladamente en la sección projects, los dias y fechas de la distribucion de tareas.
✏️ Inconvenientes:
✏️ N° de sprint : 02
✏️ Sprint Backlog:
In Progress
Test
Closed
✏️ Responsabilidades:
✏️ Calendario: Puede verse detalladamente en la sección projects, los dias y fechas de la distribucion de tareas.
✏️ Inconvenientes:
Cerrados
✏️ N° de sprint : 03
✏️ Sprint Backlog:
In Progress
Test
Closed
✏️ Responsabilidades:
✏️ Calendario: Puede verse detalladamente en la sección projects, los dias y fechas de la distribucion de tareas.
✏️ Inconvenientes:
Cerrados
IEFI programación web
NOTA: La carpeta de JavaScript se movió dentro de assets debido a los cambios implementados para el funcionamiento del Login, es importante informar al equipo docente sobre éste cambio.
NOTA IMPORTANTE:
De ésta manera, podrá visualizar el Login funcionando de forma local en su computadora.