jose-moreno / upb-scrum-sprints Goto Github PK

Tareas

• Agregar etiqueta <button>
  • Asignar atributo id con valor “btn_Registro”

Resultado esperado

En la barra de navegación se agrega un botón para que el usuario pueda ir a una página de registro. Utilice la etiqueta cuyo atributo id debe ser “btn_Registro”.

Tareas

• Diseñar interfaz de formulario para página de registro
  • Diagramar secciones y componentes (botones, campos de texto, contenedores, etc)
  • Asignar colores según paleta.
  • Maquetar wireframe de visualización de etiquetas

Resultado esperado

Diseño y diagramación del formulario de registro.

Tareas

• Agregar etiqueta de imagen <img>
  • Asignar atributo id con valor “logo_navbar” a etiqueta de imagen
  • Asignar el atributo src con valor "img/logo.png"

Resultado esperado

Dentro de la barra de navegación debe haber un logo pequeño alusivo al proyecto. Para esto utilice la etiqueta cuyo atributo id debe ser “logo_navbar”

Tareas

• Crear archivo registro.html
• Agregar etiqueta <form> para gestionar un formulario
  • Asignar atributo id con valor “form_registrarse”

Resultado esperado

En la página registro.html se debe evidenciar la etiqueta <form> con atributo id “form_registrarse”

• A partir de los archivos de css implementados para index.html en 3bdef73 y para registro.html en ee81417 generar un archivo nuevo con todos los estilos espécificos.
• Modificar los archivos HTML para actualizar la etiqueta <link> con el archivo estilos.css donde sea necesario.

Saludo cordial. Acorde al PDF del Sprint 2 debemos implementar un sistema de validación de campos para el formulario de la página registro.html

Actividades

• Investigar sobre module.exports
• Agregar module.exports acorde a los requerimientos técnicos.

El formulario cuenta con un <input> cuyo id es in_nombre_usuario.

• Implementar función validar_nombre_usuario que recibe un parámetro tipo string. La función realiza las siguientes validaciones para la cadena de texto o string:
  • Debe tener entre 6 y 30 caracteres.
  • Solo puede contener caracteres alfabéticos, letras, de la A a la Z, mayúsculas y minúsculas.
  • Si cumple ambas condiciones retorna true sino retorna false.

El formulario cuenta con un cuyo id es “in_contrasena”

• Implementar función validar_contrasena que recibe un parámetro tipo string, la función realiza las siguientes validaciones para el string:
  • Debe tener 6 o más caracteres.
  • Solo puede contener caracteres alfanuméricos. Es decir, letras de la A a la Z y los números del 0 al 9.
  • Si cumple ambas condiciones retorna true sino retorna false.

El formulario cuenta con un cuyo id es “in_confirmar_contrasena”.

• Implementar la función confirmar_contrasena que recibe dos parámetros tipo string. La función realiza las siguientes validaciones:
  • Debe invocar a la función validar_contrasena con ambos strings pasados por parámetro, si alguno de los resultados es false, debe retornar false.
  • Después de validar ambos string, debe comprobar que las dos contraseñas sean iguales.
  • Si cumple ambas condiciones retorna true sino retorna false.

Requisitos de Entrega:

• Entregar un archivo llamado exactamente validaciones.js, de lo contrario no se calificará.
• Las etiquetas y atributos id de los elementos deben ser exactamente iguales que los indican en las actividades de cada historia de usuario.
• Los nombres de las funciones y la estructura del archivo validaciones.js deben ser exactamente los que se muestran en la imagen adjunta. Nota: no olvidar agregar los module.exports
  

Tareas

• Agregar etiqueta <input>
  • Agregar atributo id con valor “in_confirmar_contrasena”

Resultado esperado

El formulario debe tener un campo <input> para confirmar la contraseña, su id debe ser “in_confirmar_contrasena”.

Tareas

• Agregar etiqueta <input>
  • Agregar atributo id con valor “in_contrasena”

Resultado esperado

El formulario debe tener un campo <input> para ingresar la contraseña, su id debe ser “in_contrasena”.

• Crear un archivo con el nombre consultar_usuarios.sql
• En el archivo implemente una sentencia SQL que consulte a la base de datos los campos usuario, contrasena y fecha_registro de todos los registros de la tabla usuarios.
• Crear un archivo con el nombre consultar_top_usuarios.sql
• En el archivo implemente una sentencia SQL que consulte a la base de datos todos los campos de máximo 5 registros de la tabla usuarios y los ordene de forma descendente por id.
• Cree un archivo con el nombre consultar_rango_usuarios.sql
• En el archivo implemente una sentencia SQL que consulte a la base de datos los campos usuario y contrasena de todos los registros de la tabla usuarios que tengan un id mayor a 5 y menor o igual a 10.

Tareas

• Crear archivo index.html
  • Agregar una descripción del proyecto en una etiqueta <p> (párrafo).

Resultado esperado

Se visualizará una página web con la descripción del proyecto productivo.

Tareas

• Agregar etiqueta button
  • Agregar a la etiqueta button el atributo id debe ser btn_registrar_usuario

Resultado esperado

Debe haber un botón para enviar el formulario, su id debe ser btn_registrar_usuario

Tareas

• Diseñar interfaz gráfica para página de inicio como aplicación de escritorio.
  • Diagramar secciones de la interfaz (botones, barras de navegación, contenedores, etc)
  • Crear paleta de color orientada a la temática.
  • Maquetar wireframe funcional

Resultado esperado

Diseño de interfaz gráfica pensanda para funcionar en una aplicación de escritorio.

Tareas

• Diseñar logo basado en temática de proyecto seleccionada
  • Bocetación de ideas
  • Diseño de Color
  • Trazado Vectorial

Resultado esperado

Logo para imagen corporativa de sitio web

Tareas

• Agregar barra de navegación vertical al lado derecho de la pantalla en index.html
  • Usar etiqueta <nav>
    • Usar atributo id con valor "vertical_navbar”

Resultado esperado

Se debe visualizar una barra de navegación vertical al lado derecho de la pantalla en el archivo index.html

Tareas

• Implementr un componente de boton con un id btn_Registro que se comporte como un hipervínculo (debe anidarse dentro de etiqueta <a>
  • Asigne un atributo id a la etiqueta <a> con el valor “link_Registro”

Edit: Originalmente la solicitud estaba como Agregue una etiqueta <a> al componente de boton btn_Registro pero se cambio despues de inspeccionar de cerca los requerimientos.

Resultado esperado

El usuario será redirigido a la página de registro de usuarios al hacer click sobre el botón de registro.

Se debe crear una base de datos con MySQL o MariaDB para poder guardar todos los registros de usuario enviados por el formulario de registro.

Tareas

• Investigar atributos CSS relevantes para aplicar a las etiquetas HTML del archivo registro.html
• Crear archivo CSS individual llamado estilos-registro.css
• Implementar el codigo CSS relevante como una clase de nombre estilos-registro

Nota: el código css de las páginas index y registro deberán fundirse a futuro en un único archivo estilos.css que será administrado por @juandavido92 y @alvarezjoseud7. Luego de fundirlo se seguirá usando la metodología Git de las ramas para anexar secciones de codigo al archivo.

Resultado esperado

Un archivo CSS especifico para estilar la página registro.html, basado en los requerimientos del proyecto.

Inicialmente solo se solicita crear el archivo y diligenciar el codigo relevante a las etiquetas conocidas. Una vez esté el archivo html respectivo creado, se deberá usar como base para poder verificar los estilos visualmente.

Tareas

• Agregar etiqueta <input>
  • Agregar atributo id con valor “in_nombre_usuario”

Resultado esperado

El formulario debe tener un campo <input> para ingresar el nombre de usuario, su id debe ser “in_nombre_usuario”.

A través de cada sprint del proyecto se debe ir documentando la funcionalidad de la aplicación para confeccionar un manual de uso para un usuario final.

Tareas

• Investigar atributos CSS relevantes para aplicar a las etiquetas HTML del archivo index.html
• Crear archivo CSS individual llamado estilos-index.css
• Implementar el codigo CSS relevante como una clase de nombre estilos-index

Nota: el código css de las páginas index y registro deberán fundirse a futuro en un único archivo estilos.css que será administrado por @juandavido92 y @alvarezjoseud7. Luego de fundirlo se seguirá usando la metodología Git de las ramas para anexar secciones de codigo al archivo.

Resultado esperado

Un archivo CSS especifico para estilar la página index.html, basado en los requerimientos del proyecto.

Inicialmente solo se solicita crear el archivo y diligenciar el codigo relevante a las etiquetas conocidas. Una vez esté el archivo html respectivo creado, se deberá usar como base para poder verificar los estilos visualmente.

Crear un arreglo de objetos que contenga la información consignada en el formulario de registro. Recuerde que los atributos id de los del formulario son in_nombre_usuario, in_contrasena e in_confirmar_contrasena respectivamente.

Instrucciones

• Declarar un arreglo global registros en donde se almacenen cada uno de los registros. Se almacenarán tantos registros como la cantidad de veces que se haya enviado el formulario.
  • El objeto almacenado debe tener los campos usuario, contrasena y confirmar_contrasena.
• Crear la función agregarRegistro(), la cual estará encargada de validar la información ingresada en el formulario de registro y guardarla en el arreglo. La función no retorna ningún valor.
• Opcional Emplee el objeto console para imprimir el contenido que se está ingresando en el arreglo, tome de referencia la siguiente documentación: https://developer.mozilla.org/es/docs/Web/API/Console

• Implementar la función OrdenarArreglo. La función toma un parámetro arreglo que representa al arreglo de registros que se quiere ordenar.
• La función debe ordenar alfabéticamente los registros del arreglo de menor a mayor, es decir, de la A a la Z.
• La función debe de imprimir en consola dicho arreglo ordenado
• La función debe retornar el arreglo