DESARROLLO DE LA PROPUESTA 3.1 TÍTULO
3.4. FACTIBILIDAD DE IMPLEMENTACIÓN DEL PORTAL WEB
3.5.5. Sprint 2 del portal
Tabla N. 6: Sprint backlog inicial del sprint 2 Elaborado por: José Luis Beltrán
ID Descripción Prioridad
R1 Usuario registrado Alta
R3 Administrar imágenes, páginas, noticias Alta
R5 Generación de informes Alta
R8 Mejorar la interface de entrada Media
R9 Controles en los formularios Media
ID Tarea Res. Est.
T1 Rediseño de la interfaz inicial del sistema para el administrador
G.D. 5h
T2 Rediseño de la base de datos G.D. 5h
T3 Diseño de la interfaz inicial del usuario registrado G.D. 7h
T4 Diseño de cambio de contraseña G.D. 10h
T5 Diseño del foro G.D. 10h
T6 Diseño de la interfaz de gestión de imágenes G.D. 10h
T7 Programación del módulo cambiar contraseña del usuario G.D. 15h
T8 Programación del foro G.D. 15h
T9 Programación de subir, actualizar y eliminar imágenes G.D. 15h
T10 Programación de los reportes G.D. 20h
T11 Pruebas G.D. 10h
Tabla N. 7: Tareas del sprint 2 Elaborado por: José Luis Beltrán
3.5.6. Ejecución del Sprint 2
Como primera tarea a realizar por el equipo desarrollador se establece el rediseño de la base de datos planteada en sus inicios, debido a que en esta iteración se añaden los módulos para la gestión de imágenes, foro y noticias, por lo tanto fue necesaria la
creación de tablas para tales fines. En la siguiente ilustración se muestra la adición de la tablas mencionadas.
Figura 24. Rediseño lógico de la base de datos Elaborado por: José Luis Beltrán
Figura 25. Rediseño físico de la base de datos Elaborado por: José Luis Beltrán
Codificación de la administración del portal web
<!DOCTYPE html> <html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>La Papa China en Pastaza</title>
</head>
<body style=" background-color: #04B431;"> <form action="menu1.php" method="POST">
<div style="text-align: center;"><img alt="amor" src="images/perfil.jpg"><br> </div>
<br>
<h2><marquee><span style="color: #000099;"><span style="font-weight: bold; font-family: 'Passion One', cursive; font-size: 32px;">PASTAZA
UN SITIO PARA SOÑAR</span></span></marquee></h2> <br>
<table style="width: 1214px; height: 171px; text-align: left; margin-left: auto; margin-right: auto;"
border="1">
<tbody align="center"> <tr>
<td style="width: 197.17px;">
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;"
border="1"> <tbody>
<tr align="center">
<td><span style="font-weight: bold;">ADMIN</span></td> </tr> <tr align="center"> <td><br> </td> </tr> </tbody> </table> <br> </td>
<td style="width: 779px;" colspan="1" rowspan="2"><img src="images/sesion.jpg" width="744" height="471" alt="sesion1"><br>
</td>
<td style="width: 214px;" colspan="1" rowspan="2">
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;"
border="1"> <tbody> <tr> <td style="text-align: center;">BIENVENIDOS</td> </tr> <tr> <td>
<table style="width: 100%;" border="1"> <tbody>
<tr> <td>
<div style="text-align: center;"><span style="font-weight: bold;">USUARIOS<br> </span></div>
<div style="text-align: center;"><img alt="FOTO" src="images/cliente.jpg"><br> </div>
</td> </tr>
<tr align="center">
<td style="height: 20px; text-align: left;"><a title="Insertar"
href="IngresoUsuarios.html"></a> <br>
<a title="FACE" href="https://www.facebook.com/"><img
title="face" alt="face" src="images/facebook.png"></a> <a title="TW"
href="https://twitter.com/"><img title="tw" alt="tw"
src="images/twitter.png"></a> <a title="YT"
href="https://youtube.com/"><img
src="images/youtube.png" alt="yt" width="47" height="44" title="yt"></a><br>
</td> </tr>
<tr align="center">
<td colspan="1" rowspan="1" style="height: 20px;"><a
title="Listar" href="list.php"></a><br> <a title="buscar" href="consulta.html"></a><a
title="INGRE" href="IngresoUsuarios.html"><img
title="cre" alt="cre" src="images/b_cuenta.jpg"></a><br> <br> </td> </tr> <tr align="center"> </tr> <tr align="center"> </tr>
</tbody> </table> </td> </tr> </tbody> </table> <br> </td> </tr> <tr> <td>
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;"
border="1"> <tbody> <tr> <td style="text-align: center;"><blink> <p style="font-weight: bold;">AUTENTICACION ADMINISTRADOR </p> <p style="font-weight: bold;">SITIO</p>
<p style="font-weight: bold;"><img src="images/usuario.jpg" width="80" height="72" alt="log1"></p>
</blink></td> </tr>
<tr>
<td style="text-align: center;"><p>Administrador: <input name="usuario" type="text"><br> </p>
<p>Contraseña:
<input name="contrasenia" type="password"> </p></td>
</tr> <tr> <td><br>
<div style="text-align: center;"><input value="Iniciar sesion"
type="submit"><br> <br> </div> </td> </tr> <tr> <td style="text-align: center;"><br> <div style="text-align: center;"><a
title="INGRE" href="login.php"><img
title="cre" alt="cre" src="images/b_user.jpg"></a><br> <br> </div> </td> </tr> </tbody> </table> <br> <br>
<br> </td> </tr> </tbody> </table> <br> <br> <br> <br> </form> </body> </html>
Luego de realizar la programación, es necesario realizar las pruebas funcionales al sistema para comprobar el correcto funcionamiento del mismo, teniendo en cuenta los requisitos y escenarios definidos inicialmente.
Plan de Pruebas
Las pruebas realizadas durante el desarrollo del proyecto y al finalizar su implementación consistían principalmente en probar todas las posibles situaciones que podían darse para una funcionalidad dada. Para cada una de estas situaciones, se comprobaba que el sistema respondía tal y como se esperaba; resolviendo los posibles errores que iban surgiendo. Se contemplarán hasta cuatro tipos de pruebas:
Pruebas Unitarias: A partir de los casos de uso, los escenarios y clases vistos anteriormente, se desarrolló pruebas unitarias que consideremos necesarias y especificaremos los resultados que se espera encontrar una vez ejecutada la operación sobre cada una de ellas.
Pruebas de Integración: Las pruebas de integración comprenden verificaciones asociadas a grupos de componentes, verificando que éstos funcionan correctamente
cuando estos son ensamblados para cumplir con una función concreta.
Pruebas del sistema: Las pruebas de sistema se llevaron a cabo durante el desarrollo y al final de este. Se dará una versión del software al cliente, el cual probo el software e indico posibles fallos o mejoras.
Pruebas de Usabilidad y Accesibilidad: Las pruebas de usabilidad y accesibilidad se dejó para el final del proyecto cuando se tiene una versión estable de la interfaz.
Desarrollo de las Pruebas
Pruebas de Integración y del Sistema.
Caso de uso: gestión de usuarios
Prueba Resultado esperado
Ingresar un número de cédula no válido No inserta el usuario
Resultado obtenido
El sistema verifica el número de cédula válido
Prueba Resultado esperado
Editar información del usuario Datos de usuario actualizados
Resultado obtenido
El sistema actualiza los datos del usuario
Prueba Resultado esperado
Logearse con usuario existente Inicia sesión el usuario
Resultado obtenido
El usuario ingresa al sistema, salvo si digita un password incorrecto
Pruebas de Usabilidad.
Criterio Cumplido
¿Cuáles son los objetivos del sitio web? ¿Son concretos y bien definidos? ¿Los contenidos y servicios que ofrece se corresponden con esos objetivos?
Si
¿Tiene una URL correcta, clara y fácil de recordar? ¿Y las URL de sus páginas internas? ¿Son claras y permanentes?
Si
¿Muestra de forma precisa y completa qué contenidos o servicios ofrece realmente el sitio web?
Si
¿Es coherente el diseño general del sitio web? Si
¿Es reconocible el diseño general del sitio web? Si
Pruebas de rendimiento
Se ejecutó la herramienta de Google PageSpeed con los siguientes resultados:
Figura 26. Resultado de la ejecución de la herramienta Google PageSpeed Fuente. José Luis Beltrán Aldas
Para mostrar la funcionalidad añadida dentro de cada sprint, se muestran partes del sitio ya funcionales, tomando en cuenta que el diseño de la interfaz gráfica se ha ido desarrollando conforme a los requerimientos presentados por el dueño del producto, así como también en base a los requerimientos presentados en cada una de las iteraciones.