SISTEMA WEB PARA EL APRENDIZAJE

DE HTML Y CSS
1.- INTRODUCCION

Los diseadores utilizan el lenguaje HTML para crear pginas web, los
programas que se emplean generan pginas escritas en HTML y los
navegadores que utilizamos (por ejemplo Google Chrome, Opera o
Mozilla Firefox) muestran las pginas web despus de leer e interpretar
su contenido HTML.

Hojas de estilo en cascada (o CSS, siglas en ingls de Cascading

Stylesheets) es un lenguaje de diseo grfico para definir y crear la
presentacin de un documento estructurado escrito en un lenguaje de
marcado2 . Es muy usado para establecer el diseo visual de las pginas
web, e interfaces de usuario escritas en HTML o XHTML; el lenguaje
puede ser aplicado a cualquier documento XML, incluyendo XHTML,
SVG, XUL, RSS, etctera. Tambin permite aplicar estilos no visuales,
como las hojas de estilo auditivas.

Junto con HTML y CSS es una tecnologa usada por muchos sitios web
para crear pginas visualmente atractivas, interfaces de usuario para
aplicaciones web, y GUIs para muchas aplicaciones mviles.

2.- ANTECEDENTES.

Debido a la escases de horas acadmicas que no abastece el avance de

la materia los estudiantes se ven en la necesidad de buscar otros medios
para su aprendizaje.

Para reducir este problema se quiere desarrollar un sistema de gua de

estudiante orientado a la web que apoye en la etapa de formacin de
HTML, incrementando su nivel de competencia y generando ms
habilidades en la parte prctica.

El sistema web proporcionara a los estudiantes la informacin necesaria

para el aprendizaje de los lenguajes HTML y CSS mediante mdulos que
podr cursar al crear una cuenta en el que podr loguearse, cada mdulo
tendr un nivel de aprendizaje desde lo ms bsico en el que se evaluara
sus conocimientos antes y despus de cursar el modulo mediantes
cuestionarios de evaluacin.

Cada mdulo contara con la informacin necesaria y prcticas para el

aprendizaje del estudiante.

El estudiante podr ingresar al sistema va web y tener acceso a las guas

completas de HTML y CSS, tambin podr realizar ejercicios en cada
mdulo poniendo en prctica lo aprendido, el sistema almacenara cada
tema y capitulo avanzado en cada mdulo siendo esto una gua para el
avance del estudiante.
1 - 21
3.- OBJETIVOS DEL PRIMER SPRINT.

4.- MARCO TEORICO.

Scrum.

Es un proceso en el que se aplican de manera regular un conjunto de

buenas prcticas para trabajar colaborativamente, en equipo, y obtener el
mejor resultado posible de un proyecto. Estas prcticas se apoyan unas a
otras y su seleccin tiene origen en un estudio de la manera de trabajar
de equipos altamente productivos.

En Scrum se realizan entregas parciales y regulares del producto final,

priorizadas por el beneficio que aportan al receptor del proyecto. Por ello,
Scrum est especialmente indicado para proyectos en entornos
complejos, donde se necesita obtener resultados pronto, donde los
requisitos son cambiantes o poco definidos, donde la innovacin, la
competitividad, la flexibilidad y la productividad son fundamentales.

Modelo Vista Controlador

Es una propuesta de diseo de software utilizada para implementar

sistemas donde se requiere el uso de interfaces de usuario. Surge de la
necesidad de crear software ms robusto con un ciclo de vida ms
adecuado, donde se potencie la facilidad de mantenimiento, reutilizacin
del cdigo y la separacin de conceptos.

Su fundamento es la separacin del cdigo en tres capas diferentes,

acotadas por su responsabilidad, en lo que se llaman Modelos, Vistas y
Controladores, o lo que es lo mismo, Model, Views & Controllers.

Modelos.

Es la capa donde se trabaja con los datos, por tanto contendr

mecanismos para acceder a la informacin y tambin para actualizar su
estado. Los datos los tendremos habitualmente en una base de datos,
por lo que en los modelos tendremos todas las funciones que accedern
a las tablas y harn los correspondientes selects, updates, inserts, etc.

No obstante, cabe mencionar que cuando se trabaja con MCV lo habitual

tambin es utilizar otras libreras como PDO o algn ORM como Doctrine,
que nos permiten trabajar con abstraccin de bases de datos y
persistencia en objetos. Por ello, en vez de usar directamente sentencias
SQL, que suelen depender del motor de base de datos con el que se est
trabajando, se utiliza un dialecto de acceso a datos basado en clases y
objetos.

2 - 21
Vistas.

Las vistas, como su nombre nos hace entender, contienen el cdigo de

nuestra aplicacin que va a producir la visualizacin de las interfaces de
usuario, o sea, el cdigo que nos permitir renderizar los estados de
nuestra aplicacin.

En la vista generalmente se trabaja con los datos, sin embargo, no se

realiza un acceso directo a stos. Las vistas requerirn los datos a los
modelos y ellas generarn la salida, tal como nuestra aplicacin requiera.

Controladores.

Contiene el cdigo necesario para responder a las acciones que se

solicitan en la aplicacin, como visualizar un elemento, realizar una
compra, una bsqueda de informacin, etc.

En realidad, es una capa que sirve de enlace entre las vistas y los
modelos, respondiendo a los mecanismos que puedan requerirse para
implementar las necesidades de nuestra aplicacin. Sin embargo, su
responsabilidad no es manipular directamente datos, ni mostrar ningn
tipo de salida, sino servir de enlace entre los modelos y las vistas para
implementar las diversas necesidades del desarrollo.

XAPP.

XAMPP es un servidor independiente de plataforma de cdigo libre. Te

permite instalar de forma sencilla Apache en tu propio ordenador, sin
importar tu sistema operativo (Linux, Windows, MAC o Solaris). Y lo
mejor de todo es que su uso es gratuito.
XAMPP incluye adems servidores de bases de datos como MySQL
ySQLite con sus respectivos gestores phpMyAdmin y phpSQLiteAdmin.
Incorpora tambin el intrprete de PHP, el intrprete de Perl, servidores
de FTP como ProFTPD FileZilla FTP Serve, etc. entre muchas cosas
ms.

MySQL es un sistema de administracin de bases de datos

Una base de datos es una coleccin estructurada de datos. Los

informacin que puede almacenar una base de datos puede ser tan
simple como la de una agenda, un contador, o un libro de visitas, tan
vasta como la de una tienda en lnea, un sistema de noticias, un portal, o
la informacin generada en una red corporativa. Para agregar, accesar, y
procesar los datos almacenados en una base de datos, se necesita un
sistema de administracin de bases de datos, tal como MySQL.

APACHE.

3 - 21
 Es un poderoso servidor web, cuyo nombre proviene de la frase inglesa
a patchy server y es completamente libre, ya que es un software Open
Source y con licencia GPL. Una de las ventajas ms grandes de Apache,
es que es un servidor web multiplataforma, es decir, puede trabajar con
diferentes sistemas operativos y mantener su excelente rendimiento.

HTML.

Es el lenguaje que se utiliza para crear las pginas web a las que se
accede mediante internet". Ms concretamente, HTML es el lenguaje con
el que se "escriben" la mayora de pginas web.

CSS.

Es un lenguaje de hojas de estilos creado para controlar el aspecto o

presentacin de los documentos electrnicos definidos con HTML y
XHTML. CSS es la mejor forma de separar los contenidos y su
presentacin y es imprescindible para crear pginas web complejas.

5.- MARCO PRACTICO.

Anlisis del primer Sprint:

Requerimientos funcionales

- El sistema web deber realizar el registro de cada estudiante.

- El sistema web deber realizar el registro de cada tutor.
- Los registros debern ser almacenados en una base de datos.
- Los estudiantes debern poder acceder al sistema
- El estudiante y el tutor podrn visualizar el mdulo con contenido
terico dentro del sistema.
- El estudiante y el tutor podrn visualizar el mdulo practicas dentro
del sistema.
- El estudiante y el tutor podrn visualizar el modulo evaluacin dentro
del sistema.

Requerimientos no funcionales

- El sistema utilizar la metodologa SCRUM, que permitir al equipo

Analizar, Disear, Implementar y Probar sin ninguna dificultad.
- Utiliza un navegador. Permite a los usuarios acceder a la informacin
a travs de navegadores estndares (como Netscape, Internet
Explorer, Opera,), utilizando el protocolo de comunicacin http.
- El sistema tendr una arquitectura modelo vista controlador.
- Se podr tener acceso a la pgina desde cualquier dispositivo que
tenga acceso a internet.
- El acceso es restringido y selectivo, solo a usuarios que estn
registrados y logueados.
- Deber ser compatible con aplicativo mvil

4 - 21
Roles:

Administrador:

Utiliza de forma frecuente el sistema, posee gran conocimiento del

dominio del problema. Conserva un nivel avanzado de experiencia en lo
que respecta utilizacin y manejo de dispositivos mviles, computadoras,
administracin de bases de datos y alto nivel de experiencia con el uso
del sistema en particular.
Su responsabilidad ser la de Creacin (Create), Lectura (Read),
Actualizacin (Update) y Eliminacin (Delete) (C.R.U.D.) de Modulos,
Estudiantes y Tutores.
Proveer informacin sobre los diferentes cursos frente a las consultas de
los interesados. Esto incluye programa, contenidos.
Tambin debe conocer el estado de completitud de cada curso, tener la
posibilidad de crear nuevos Mdulos, agregar y aceptar nuevos
Estudiantes y Tutores.

Estudiante:

Uso frecuente del sistema, posee conocimiento intermedio del dominio del
problema. Posee un nivel intermedio de experiencia en el uso de
computadoras y conocimiento moderado del uso del sistema en particular.
Su responsabilidad ser el registro de smismo en el sistema.

Tutor:

Uso frecuente del sistema, posee gran conocimiento del dominio del
problema. Conserva un nivel intermedio de experiencia en lo que respecta
utilizacin y manejo de dispositivos mviles, computadoras, intermedio
nivel de experiencia con el uso del sistema en particular.
Su responsabilidad ser la de aadir contenido a los mdulos. Esto
incluye contenidos, practicas, cuestionarios.
Tambin debe conocer el estado de completitud de cada curso, tener la
posibilidad de habilitar nuevos tutoriados, realizar su seguimiento de su
avance en los mdulos.

Visual Story Mapping en la Prctica

Identificacin de los Procesos de Negocio

Funcionalidades:

Registro de Estudiantes.

Registro de Tutores.

Registro de Mdulos.

Ingresar al Sistema.

5 - 21
 Acceso al Mdulo Terico.

Acceso al Mdulo Prctico.

Acceso al Modulo Evaluacin.

Visualizar Avance.

Generar Reporte.

REGISTRO REGISTRO REGISTRO

DE DE DE
ESTUDIANTES. TUTORES. MDULOS.
Crear registro estudiante Crear registro tutor Crear registro mdulo
Leer registro Leer registro Leer registro
Actualizar Registro Actualizar Registro Actualizar Registro
Eliminar Registro Eliminar Registro Eliminar Registro

INGRESAR ACCESO ACCESO

AL AL AL
SISTEMA. MDULO TERICO. MDULO PRCTICO.
Visualizar Visualizar contenido Visualizar contenido
contenido o Dashboard de teora html o Dashboard de practica html
o Dashboard de Aumentar contenido terico Aumentar contenido practico
mdulos

ACCESO VISUALIZAR GENERAR

AL AVANCE. REPORTE.
MODULO EVALUACIN.
Visualizar contenido Visualizar Listado
o Dashboard de evaluacin html dashboard reporte Estudiantes por
Aumentar contenido de evaluacin de mdulos modulo.

MVP (o Entrega 1) - Objetivo: REGISTRO DE ESTUDIANTES,

TUTORES, MODULOS, INGRESAR AL SISTEMA, ACCEDER A
MODULO TERICO, PRACTICO, EVALUACIN.
REGISTRO ESTUDIANTE.

Crear registro estudiante.

Leer registro.
Actualizar Registro.
Eliminar Registro.

REGISTRO TUTOR.

Crear registro tutor.

Leer registro.
Actualizar Registro.
Eliminar Registro.

REGISTRO MDULO.

Crear registro mdulo.

6 - 21
 Leer registro.
Actualizar Registro.
Eliminar Registro.

INGRESAR AL SISTEMA
Visualizar contenido.
o Dashboard de mdulos.

ACCESO AL MDULO TERICO.

Visualizar contenido.
o Dashboard de teora html.

ACCESO AL MDULO PRACTICO.

Visualizar contenido.
o Dashboard de practica html.

ACCESO AL MDULO EVALUACION.

Visualizar contenido.
o Dashboard de evaluacion html.

MVP (o Entrega 2) - Objetivo: GENERAR REPORTES, VISUALIZAR

AVANCE, ACCEDER A MODULO TERICO, PRACTICO,
EVALUACIN.
GENERAR REPORTE.

Listado Estudiantes por modulo.

VISUALIZAR AVANCE.

Visualizar dashboard reporte de mdulos.

ACCESO AL MDULO TERICO.

Visualizar contenido.
o Dashboard de teora html.
Aumentar contenido terico.

ACCESO AL MDULO PRACTICO.

Visualizar contenido.
o Dashboard de practica html.
Aumentar contenido practico.

ACCESO AL MDULO EVALUACION.

7 - 21
 Visualizar contenido.
o Dashboard de evaluacin html.
Aumentar contenido de evaluacin.
Historias de usuario.

Planning Pocker

Entrega 1 Creacin de Mdulos, Registro de Alumnos Y Tutores.

Prio Como Necesito Para Criterios de Aceptacin

1 Tutor de la Necesito Que el Debe contar con el
escuela registrarme sistema me nombre del formulario
militar de en el habilite Datos personales
ingeniera sistema como como ser:
usuario Nombre, Apellido,
tutor Numero de Celular,
Cdigo, Correo
electrnico,
Contrasea, Fecha de
Nacimiento.
2 Tutor de la Ingresar al Poder Deber mostrar los
escuela sistema visualizar modulos habilitados
militar de los modulos
ingeniera

3 Tutor de la Acceder al Aumentar Deber aumentar el

escuela contenido contenido contenido mediante un
militar de modulo modulo subtitulo y un parrafo
ingeniera teoria teorico

4 Tutor de la Acceder al Aumentar Deber contar con un

escuela contenido de contenido prrafo para el
militar de modulo al modulo enunciado de la
ingeniera practica practico practica y otro para la

8 - 21
 solucin de la practica.

5 Tutor de la Acceder al Aumentar Deber contar con

escuela contenido de contenido formulario para insertar
militar de modulo al modulo preguntas tericas,
ingeniera evaluacin. evaluacin. solucin y posibles
alternativas que no son
sus respuestas
correctas.
6 Tutor de la Visualizar Realizar Deber mostrar un
escuela avance de seguimient reporte de los
militar de los o del tutoriados asignados al
ingeniera tutoriados. avance de modulo con su
los respectivo avance.
estudiantes
.

Entrega 1

Prio Como Necesito Para Criterios de Aceptacin

2 Estudiante de Registrar en la Lograr que el
Deber llenar los campos
la carrera ing. pgina web sistema me del formulario para
Sistema. sistema learning habilite como
registrar Nombre,
HTML usuario Apellido, Cdigo, Correo,
estudiante Contrasea, tipo de
usuario y Genero.
2 Estudiante de Ingresar al Lograr Deber mostrar los
la carrera ing. Sistema visualizar los mdulos habilitados que
Sistema. mdulos podr cursar el
estudiante.
2 Estudiante de Acceder al Visualizar el Se mostrara el contenido
la carrera ing. contenido contenido terico mediante prrafos
Sistema. mdulo de la terico
teora
2 Estudiante de Acceder al Realizar Deber contar con una
la carrera ing. contenido practicas ventana que se pueda
Sistema. mdulo de la editar cdigo html y otra
practica ventana que visualice la
ejecucin del cdigo
2 Estudiante de Acceder al Responder El estudiante deber
la carrera ing. contenido preguntas seleccionar solo una
Sistema. mdulo de la pregunta
evaluacin

9 - 21
Entrega 1 Creacin de Mdulos, Registro de Alumnos Y Tutores, Ingresar al
Sistema, Acceder a Mdulos.

Prio Como Necesito Para Criterios de

Aceptacin
1 Administrado Ingresar al Lograr Deber contar con un
r del Sistema Sistema Registrar formulario de registro
Mdulos del Mdulo, del
Estudiante y del Tutor
que permita llenar el
Nmero de
estudiantes habilitados
al mdulo con su
respectivo cdigo, el
cdigo del Tutor que
creo el mdulo, el
cdigo y Nombre del
Modulo habilitado.
2 Administrado Ingresar al Lograr Deber permitir
r del Sistema Sistema Deshabilitar seleccionar el mdulo
Mdulos a deshabilitar

Diseo del primer Sprint:

10 - 21
Daily Meeting

Natali Lizarazu Ojeda

que hice desde la ultima reunion?
que hare hoy?
que problemas tuve?

ya culmino el registro de la pgina web (Estudiante), registrar de pgina web (tutor), contenido terico estudiante
Realizar la historia de usuario el contenido prctico del estudiante se consider como spike por la dificultad de la historia.
La confusin que causan los tres lenguajes de programacin al combinarse en pginas responsive.
pasar los datos desde el login del index hasta ingresar la base de datos
La integracin de las paginas en el proyecto learn
La falta de conocimiento no se desarroll contenido prctico del estudiante, por tal motivo la H.U. se volvi spike

Ronald Cordova Meneses

que hice desde la ultima reunion?

que hare hoy?
que problemas tuve?

ya culmino el ingresar al sistema (Estudiante), ingresar al sistema (tutor), contenido evaluacin estudiante
Realizar el contenido prctico del estudiante se consider como spike por la dificultad de la historia de usuario
Crear las interfaces adecuadas en pginas responsive
La integracin de las paginas web en el proyecto learn
Redireccionar las paginas
La falta de conocimiento no se desarroll contenido prctico del estudiante, por tal motivo la H.U. se volvi spike

11 - 21
Carlos Sanjinez Zelada

que hice desde la ultima reunion?

que hare hoy?
que problemas tuve?

Finalice con el registro de modulos para su modificacion o eliminacion del contenido teorico(Tutor)
Ejecutar un spike para investigar como visulizar el contenio teorico guardado en la base de datos
* la conexin a la base de datos.
* La HU no se pudo cubrir e n su totalidad existiendo un desfaz
* La falta de conocimiento en el manjo de Html y php
* No se pudo iniciar la HU conenido evaluacion(tutor)

Implementacion del primer Sprint:

Ingreso al Sistema

Interfaz Principal

Interfaz Registro deTutor Seleccionar tipo

de usuario a
registrarse

12 - 21
Interfaz Registro Estudiante

Interfaz acceso a loguearse

Presionar para
acceder a interfaz
de acceso a
mdulos
Interfaz de Logueo

Llenar
datos de Presionar
Registro en para
formulario acceder

13 - 21
Interfaz contenidos del Mdulo HTML (Listado de mdulos habilitados)

Presionar para
accede a
modulos

Interfaz Contenido terico

Interfaz Modulo Evaluacion

Presionar para para

alamacenar
respuesta y pasar a
la siguiente
pregunta

14 - 21
 Casos de Prueba

HISTORIA DE USUARIO : Registrar pgina web (tutor).

EVALUACION
N CASO DE CONDICIONES RESULTADO RESULTADO
DE LA
PRUEBA INICIALES ESPERADO OBTENIDO
PRUEBA
Se mostrar la Se mostr la
1.- Ingresar al interfaz interfaz
POSITIVA
Sistema. principal del principal del
sistema sistema
Verificar que el
2.- Ingresar a
sistema valide Se mostrar la Se mostr la
REGISTRO
campos vacos interfaz de interfaz de POSITIVA
1 TUTOR
en el formulario Registro Tutor. Registro Tutor.
REGISTRO
Verificar que
TUTOR 3.- Presionar el Se despliego
se despliegue
botn el mensaje
el mensaje POSITIVA
Registrarse. Completa
Completa
este Campo
este Campo

Se mostrar la Se mostr la
1.- Ingresar al interfaz interfaz
POSITIVA
Sistema. principal del principal del
sistema sistema
2.- Ingresar a
Se mostrar la Se mostr la
Verificar que se REGISTRO
interfaz de interfaz de POSITIVA
validen los TUTOR
Registro Tutor. Registro Tutor.
campos de
Confirmacin 3.- Llenar los Debe permitir Se pudo llenar POSITIVA
2
de contrasea datos del llenar los todos los
en el formulario formulario. datos en todos datos
REGISTRO los campos
TUTOR Fallo presento
un bug se
4.- Presionar el Verificar que
desplego un
botn se despliegue NEGATIVA
error, no se
Registrarse el mensaje
desplego el
mensaje

15 - 21
 Falla !!!

Se mostrar la Se mostr la
1.- Ingresar al interfaz interfaz
POSITIVA
Sistema. principal del principal del
sistema sistema
2.- Ingresar a
Se mostrar la Se mostr la
REGISTRO
interfaz de interfaz de POSITIVA
TUTOR
Verificar que se Registro Tutor. Registro Tutor.
crea un
3.- Llenar los Debe permitir
registro en la Se pudo llenar
datos del llenar los
BD con los todos los POSITIVA
formulario. datos en todos
3 datos del tutor datos
los campos
ingresados en
Fallo presento
el formulario de
Verificar que un bug se
REGISTRO
4.- Presionar el se despliegue desplego un
TUTOR
botn el mensaje, error, NO se NEGATIVA
Registrarse Registro desplego el
Exitoso mensaje
esperado.
Verificar el Fallo no se
5.- Ingresar a la
registro en la registr por el NEGATIVA
Base de Datos
B.D. bug existente

HISTORIA DE USUARIO : ingresar sistema (tutor).

EVALUACION
N CASO DE CONDICIONES RESULTADO RESULTADO
DE LA
PRUEBA INICIALES ESPERADO OBTENIDO
PRUEBA

16 - 21
 Se mostrar la Se mostr la
1.- Ingresar al interfaz interfaz
POSITIVA
Verificar que el Sistema. principal del principal del
sistema valide sistema sistema
campos vacos Se mostrar la Se mostr la
2.- Acceder a
en el interfaz interfaz de
INGRESAR AL
formulario SISTEMA DE SISTEMA DE
SISTEMA DE
INGRESAR APRENDIZAJ APRENDIZAJ POSITIVA
1 APRENDIZAJE
AL SISTEMA E HTML & E HTML &
HTML & CSS,
DE CSS , como CSS. como
como tutor
APRENDIZAJ tutor tutor
E HTML & Verificar que
Se despliego el
CSS, como 3.- Presionar el se despliegue
mensaje
tutor. botn Ingresar. el mensaje POSITIVA
Completa este
Completa este
Campo
Campo
Se mostrar la Se mostr la
1.- Ingresar al interfaz interfaz
POSITIVA
Sistema. principal del principal del
sistema sistema
2.- Acceder a Se mostrar la Se mostr la
Verificar que
INGRESAR AL interfaz interfaz de
se valide login
SISTEMA DE SISTEMA DE SISTEMA DE
y password en POSITIVA
APRENDIZAJE APRENDIZAJ APRENDIZAJ
el formulario
HTML & CSS, E HTML & E HTML &
INGRESAR
como tutor CSS . CSS ..
AL SISTEMA
3.- Llenar los Debe permitir
2 DE
datos del llenar los datos Se pudo llenar
APRENDIZAJ POSITIVA
formulario. en todos los todos los datos
E HTML &
campos
CSS, , como
Fallo presento
tutor. al
un bug se
presionar el Verificar que
desplego un
botn ingresar Ingrese a
4.- Presionar el error, NO se
visualizar los NEGATIVA
botn Ingresar pudo ingresar
mdulos
a visualizar los
habilitados
mdulos
habilitados

HISTORIA DE USUARIO: Contenido Terico(tutor)

EVALUACION
N CASO DE CONDICIONES RESULTADO RESULTADO
DE LA
PRUEBA INICIALES ESPERADO OBTENIDO
PRUEBA
1 Verificar que el Se mostrar la Se mostr la
sistema valide 1.- Ingresar al interfaz interfaz
POSITIVA
campos vacos Sistema. principal del principal del
como tutor, sistema sistema
para crear Se mostrar la Se mostr la
2.- Acceder a
contenido interfaz interfaz
Crear Modulo
terico en el Crear Modulo Crear Modulo POSITIVA
Terico, como
formulario Terico , Terico ,
tutor
Crear Modulo como tutor como tutor
3.- Presionar el Verificar que Se despliego POSITIVA
botn subir. se despliegue el mensaje
el mensaje Completa

17 - 21
 Completa
este Campo
este Campo

Se mostrar la Se mostr la
1.- Ingresar al interfaz interfaz
POSITIVA
Sistema. principal del principal del
sistema sistema
Se mostrar la Se mostr la
2.- Acceder a
interfaz interfaz Crear
Crear Modulo
Crear Modulo Modulo POSITIVA
Terico , como
Terico , Terico ,
Verificar que se tutor
como tutor como tutor
crea un registro
3.- Llenar los Debe permitir
en la BD con Se pudo llenar
datos del llenar los
los datos del todos los POSITIVA
2 formulario. datos en todos
modulo datos
los campos
ingresados en
Debe permitir Se pudo
el formulario de 3.- Seleccionar
seleccionar un seleccionar y
Crear Modulo un archivo. POSITIVA
archivo del cargar el
repositorio archivo
Fallo presento
un bug se
4.- Presionar el Se mostrar la
desplego un
botn subir. interfaz de NEGATIVA
error, NO se
lista Mdulos.
mostr la
interfaz

HISTORIA DE USUARIO : Registrar pagina web (estudiante).

EVALUACION
N CASO DE CONDICIONES RESULTADO RESULTADO
DE LA
PRUEBA INICIALES ESPERADO OBTENIDO
PRUEBA
Se mostrar la Se mostr la
1.- Ingresar al interfaz interfaz
POSITIVA
Sistema. principal del principal del
sistema sistema
Verificar que el
2.- Ingresar a Se mostrar la Se mostr la
sistema valide
REGISTRO interfaz de interfaz de
campos vacos POSITIVA
1 ESTUDIANTE Registro Registro
en el formulario
Estudiante. Estudiante.
REGISTRO
Verificar que
ESTUDIANTE 3.- Presionar el. Se desplego el
se despliegue
botn mensaje
el mensaje POSITIVA
Registrarse. Completa
Completa
este Campo
este Campo
2 Verificar que se Se mostrar la Se mostr la
validen los 1.- Ingresar al interfaz interfaz
POSITIVA
campos de Sistema. principal del principal del
Confirmacin sistema sistema
de contrasea Se mostrar la Se mostr la
2.- Ingresar a
en el formulario interfaz de interfaz de
REGISTRO POSITIVA
REGISTRO Registro Registro
ESTUDIANTE
ESTUDIANTE Estudiante. Estudiante.
3.- Llenar los Debe permitir Se pudo llenar POSITIVA
datos del llenar los todos los
formulario. datos en todos datos

18 - 21
 los campos

Fallo presento
un bug se
4.- Presionar el Verificar que
desplego un
botn se despliegue NEGATIVA
error, NO se
Registrarse el mensaje
desplego el
mensaje
Se mostrar la Se mostr la
1.- Ingresar al interfaz interfaz
POSITIVA
Sistema. principal del principal del
sistema sistema
Se mostrar la Se mostr la
2.- Ingresar a
interfaz de interfaz de
Verificar que se REGISTRO
Registro Registro POSITIVA
crea un registro ESTUDIANTE
Estudiante Estudiante.
en la BD con
.
los datos del
3.- Llenar los Debe permitir
3 tutor Se pudo llenar
datos del llenar los
ingresados en todos los POSITIVA
formulario. datos en todos
el formulario de datos
los campos
REGISTRO
Fallo presento
ESTUDIANTE 4.- Presionar el Verificar que
un bug se
botn se despliegue NEGATIVA
desplego un
Registrarse el mensaje
error
Verificar el Fallo no se
5.- Ingresar a la
registro en la registr por el NEGATIVA
Base de Datos
B.D. bug existente

HISTORIA DE USUARIO: ingresar sistema (estudiante).

EVALUACION
N CASO DE CONDICIONES RESULTADO RESULTADO
DE LA
PRUEBA INICIALES ESPERADO OBTENIDO
PRUEBA
Se mostrar la Se mostr la
1.- Ingresar al interfaz interfaz
POSITIVA
Verificar que el Sistema. principal del principal del
sistema valide sistema sistema
campos vacos 2.- Acceder a Se mostrar la Se mostr la
en el INGRESAR AL interfaz interfaz
formulario SISTEMA DE SISTEMA DE SISTEMA DE
INGRESAR APRENDIZAJE APRENDIZAJ APRENDIZAJ POSITIVA
1
AL SISTEMA HTML & CSS, E HTML & E HTML &
DE como CSS, como CSS, como
APRENDIZAJ estudiante estudiante estudiante
E HTML & Verificar que
Se despliego el
CSS, como 3.- Presionar el se despliegue
mensaje
estudiante. botn Ingresar. el mensaje POSITIVA
Completa este
Completa este
Campo
Campo

19 - 21
 Se mostrar la Se mostr la
1.- Ingresar al interfaz interfaz
POSITIVA
Sistema. principal del principal del
sistema sistema
Verificar que
2.- Acceder a Se mostrar la Se mostr la
se valide login
INGRESAR AL interfaz interfaz de
y password en
SISTEMA DE SISTEMA DE SISTEMA DE
el formulario
APRENDIZAJE APRENDIZAJ APRENDIZAJ POSITIVA
INGRESAR
HTML & CSS, E HTML & E HTML &
AL SISTEMA
como CSS , como CSS, como
2 DE
estudiante estudiante. estudiante..
APRENDIZAJ
3.- Llenar los Debe permitir
E HTML &
datos del llenar los datos Se pudo llenar
CSS, como POSITIVA
formulario. en todos los todos los datos
estudiante, al
campos
presionar el
Verificar que
botn ingresar Fallo presento
Ingrese a
4.- Presionar el un bug se
visualizar los NEGATIVA
botn Ingresar desplego un
mdulos
error
habilitados

HISTORIA DE USUARIO : Contenido Evaluacin(estudiante).

EVALUACION
N CASO DE CONDICIONES RESULTADO RESULTADO
DE LA
PRUEBA INICIALES ESPERADO OBTENIDO
PRUEBA
Se mostrar la Se mostr la
1.- Ingresar al interfaz interfaz
POSITIVA
Sistema. principal del principal del
sistema sistema
2.- Acceder a Se mostrar la Se mostr la
INGRESAR AL interfaz interfaz de
SISTEMA DE SISTEMA DE SISTEMA DE
Verificar que el APRENDIZAJE APRENDIZAJ APRENDIZAJ POSITIVA
sistema HTML & CSS, E HTML & E HTML &
acceda al como CSS , como CSS, como
mdulo: estudiante estudiante. estudiante..
INGRESAR 3.- Llenar los Debe permitir
AL SISTEMA datos del llenar los datos Se pudo llenar
POSITIVA
DE formulario. en todos los todos los datos
1 APRENDIZAJ campos
E HTML & Fallo presento
CSS, como Verificar que un bug se
estudiante, Ingrese a desplego un
4.- Presionar el
para poder ver visualizar los error, NO se NEGATIVA
botn Ingresar
el mdulo mdulos visualiz los
contenido habilitados mdulos
evaluacin. habilitados
Fallo presento
Verificar que un bug se
5.- Seleccionar Ingrese a desplego un
Modulo visualizar el error, NO se NEGATIVA
Evaluacin. mdulo visualiz el
evaluacin mdulo
evaluacin

20 - 21
HISTORIA DE USUARIO : Contenido Terico(estudiante)

EVALUACION
N CASO DE CONDICIONES RESULTADO RESULTADO
DE LA
PRUEBA INICIALES ESPERADO OBTENIDO
PRUEBA
Se mostrar la Se mostr la
1.- Ingresar al interfaz interfaz
POSITIVA
Sistema. principal del principal del
sistema sistema
2.- Acceder a Se mostrar la Se mostr la
INGRESAR AL interfaz interfaz de
SISTEMA DE SISTEMA DE SISTEMA DE
Verificar que el
APRENDIZAJE APRENDIZAJ APRENDIZAJ POSITIVA
sistema
HTML & CSS, E HTML & E HTML &
acceda al
como CSS , como CSS, como
mdulo:
estudiante estudiante. estudiante..
INGRESAR
3.- Llenar los Debe permitir
AL SISTEMA
datos del llenar los datos Se pudo llenar
DE POSITIVA
formulario. en todos los todos los datos
1 APRENDIZAJ
campos
E HTML &
Fallo presento
CSS, como
Verificar que un bug se
estudiante,
Ingrese a desplego un
para poder ver 4.- Presionar el
visualizar los error, NO se NEGATIVA
el mdulo botn Ingresar
mdulos visualiz los
Contenido
habilitados mdulos
Terico.
habilitados
Fallo presento
Verificar que
5.- Seleccionar un bug se
Ingrese a
Modulo desplego un
visualizar el NEGATIVA
Contenido error, NO e
Contenido
Terico. visualizo el
Terico.
contenido

21 - 21