Día 1 A

Día 1 B

Día 2 C

Día 2 D

Día 3 E

Día 3 F

Día 4 G

Día 4 H

Aspect
Sub Sub - Criteria
Type
Criteria
O = Obj
ID Name or Description
S = Sub

O
A1 Requisitos del Diseno

O
O
O
O
O

A2 Apariencia del Diseno S

S
S
S
S
S
S
S

O
A3 Diseno Responsive

O
 O

Aspect
Sub Sub - Criteria
Type
Criteria
O = Obj
ID Name or Description
S = Sub

B1 Módulo 2 O
O

O
O

O
O
O
S
S

Aspect
Sub Sub - Criteria
Type
Criteria
O = Obj
ID Name or Description
S = Sub

Desarrollo del lado del Servidor con

C1
Frameworks

O
 O

O
O
O
O
O
O

S
S
S
S

Aspect
Sub Sub - Criteria
Type
Criteria
O = Obj
ID Name or Description
S = Sub

D1 Solución de problemas con CSS3

S
S
S
S
S
O
O

O
O

O
O
 S
S

O
O

Aspect
Sub Sub - Criteria
Type
Criteria
O = Obj
ID Name or Description
S = Sub

E1 Módulo 5 O

O
O
O

O
O

O
 S
S

Aspect
Sub Sub - Criteria
Type
Criteria
O = Obj
ID Name or Description
S = Sub

F1 Creación e Integración Multimedia Web O

O

O
O

O
O
S

F2 XML O

F3 Maquetacion Responsive O
O
O

Aspect
Sub Sub - Criteria
Type
Criteria
O = Obj
ID Name or Description
S = Sub

G1 Desarrollo del lado del Cliente sin Librerias

S
S
S
S
O
O
O
 O

O
O
O

O
O
O

Aspect
Sub Sub - Criteria
Type
Criteria
O = Obj
ID Name or Description
S = Sub

H1 Módulo 8 O
O
O
O

O
O
O

O
S
S

S
S
S
S
S

S
S
S
S
S
S

S
 DISEÑO WEB

Criteria Mark

Diseño 1 - Museo del Oro 16.00

Lado del Cliente 1 - Ciudades Sede Mundial 2014 9.00

Lado del Servidor 1 - Super Éxito 13.00

Solución de Problemas 1 - Web Tv 12.00

Lado del Servidor 2 - iHelp 9.00

Solución de Problemas 2 - Xtudio Play 16.00

Lado del Cliente 2 - Caza Dragones 10.00

Diseño 2 - Full House 15.00

For Objective Assessment Only

Aspect - Description
Requirement
or Nominal
Size
Archivos fuentes (PSD) y archivos finales (PNG, JPG o SVG)
poseen los formatos correctos
Los archivos fueron guardados con los nombres y directorios
especificados
El layout incluye informacion suministrada del museo
El website incluye iconos de redes sociales
El layout fue creado con los grid systems suministrados
El website tiene como minimo 4 parrafos y 6 imágenes

El diseno posee balance entre texto e imágenes

Es elegante y posee calidad en sus elementos
Los colores utilizados estan relacionados y son agradables a la
vista
El sitio web va dirigido al publico objetivo
La tipografia va acorde con el diseno
El layout posee una buena estructura

Buen manejo de espacios en blanco entre diferentes elementos

El website es accesible y tiene usabilidad

Layout Desktop está completo (según la estructura del Museo

/Información.docx)
Layout Tablet está completo (según la estructura del Museo
/Información.docx)
Layout Smartphone está completo (según la estructura del
Museo /Información.docx)
Los layouts Tablet y Smartphone están optimizado para su uso
en pantallas touch con relación a interacciones, tamaño de
botones y texto

For Objective Assessment Only

Aspect - Description
Requirement
or Nominal
Size
Sitio web desarrollado sigue de cerca el diseño suministrado
Mapa interactivo creado seguindo el diseño de lo dispuesto

Los datos de la ciudad sede de los Juegos se actualiza cuando

se hace clic en un icono de la Sede Ciudad escolhida pelo
usuario
Información sobre las ciudades y los juegos correctos con los
datos de JSON

Lista de juegos ordenado por partido Fecha y Hora de inicio

Banner animado creado mostrando las 3 imágenes que
promueven la Copa del Mundo
Animación Banner en Loop
3 imágenes de la bandera aparecen y desaparecen en forma
animada usando jQuery
HTML validado por el W3C – HTML 4.01 Transitional
CSS validado por el W3C - CSS Nivel 3
Usabilidad de la aplicación
Calidad de la Animación para el banner animado

For Objective Assessment Only

Aspect - Description
Requirement
or Nominal
Size

El usuario 'webmaster' es creado y puede ser validado en el

sistema con el password 'SuperExito'. Este usuario puede ser
visualizado en la lista de usuarios de la aplicación.
El usuario 'webmaster' puede crear usuarios con rol
administrador y rol cliente
Es posible crear una nueva categoria
Es posible crear un nuevo producto y esta sociado a una
categoria
Es posible registrar entradas de un producto
El usuario 'cliente' es creado y puede ser validado en el sistema
con el password 'cliente123'. Este usuario puede ser
visualizado en la lista de usuario de la aplicación.
En la vista de Home se visualizan los productos creados en el
sistema, en una lista ordenada como cuadricula.
Productos se pueden agregar al carro de compras cuando un
usuario con rol cliente se ha logueado.
Se puede definir la cantidad de unidades de un producto.
Al dar click en el carro de compras se puede ver el detalle de
los productos seleccionados
Al seleccionar productos se debe habilitar el boton de copra.
Se peude realizar compra y se genera reporte
Se puede descargar el reporte que genera la compra en un
archivo xls que detalla la factura de compra.
El cliente puede ver lista de coimpras realizadas con la
descripcion de los productos

Seguridad de la aplicación.
La intefaz diseñanada es amigable y presenta el diseño
otorgado por el cliente.
Manejo de la librería.
Estructura del proyecto, clases y archivos.
Usabilidad de las funciones desarrolladas

For Objective Assessment Only

Aspect - Description
Requirement
or Nominal
Size

Diseño del logo encaja con el concepto descrito

Diseño del layout encaja con el concepto descrito
Sitio balanceado entre texto e imagen
Uso creativo de elementos
Usabilidad del sitio
Sitio presenta lista de videos
Video seleccionado se puede reproducir

Al reproducir video se habilita la opcion para registrar mensaje

Mensajes son guardados
Al reiniciar el navegador y seleccionar un video con mensajes,
estos aparecen para el video.
La informacion persiste al reiniciar el navegador y seleccionar
video con mensajes
Cada mensaje muestra informacion requerida.
Documento de planeacion es profesional
Maneja una explicacion coherente en el documento
Documento tiene todos los elementos requeridos (Publico
objetivo, tipografia, paleta de colores, wireframe, logo, modelo
de la base de datos).

CSS validado como CSS3

HTML validado como HTML5

For Objective Assessment Only

Aspect - Description
Requirement
or Nominal
Size
Creado la base de datos MySQL para almacenar información
de la aplicación
Cuando el usuario hace clic en el botón Enviar de la página de
inicio, la información se rellena guardado correctamente en la
base de datos
Upload del archivo de imagen al servidor bien hecho
Sólo se permite subir archivos en formato JPG, PNG y GIF
La nueva solicitud registrada recibe el estado de "Solicitud de
registro "
La fecha de registro de la nueva solicitud se almacena en la
base de datos
Las contraseñas de usuario están cifradas en la base de datos
Después de guardar la información en la base de datos se
muestra un mensaje de éxito al usuario
Puede realizar sesión en el sistema con la información
registrada en la base de datos
Seguridad : La principal área interna ( pag.php ) aparece
solamente para los usuarios registrados y com login en el
sistema realiza
Área interna principal ( pag.php ) muestra correctamente las
solicitudes registradas
Cuando el usuario hace clic en el botón Guardar en la zona
interna de la página ( pag.php ), la información se rellena
guardado correctamente en la base de datos
La aplicación guarda en los registros de la zona interna la
información del usuario que realiza la operación
La fecha de registro de la solicitud guardada en el área interna
se almacena correctamente en la base de datos

Al hacer clic en el enlace de Sair, la sesión del usuario en la

aplicación se finaliza

Copia de seguridad de la base de datos en formato SQL

guardado en la carpeta de SQL
Comentarios usados en código PHP
La aplicación está protegida contra los ataques de tipo XSS
( Cross-site scripting ) y PHP y MySQL Injection
La legibilidad de código PHP desarrollado
El uso correcto de las funciones

For Objective Assessment Only

Aspect - Description
Requirement
or Nominal
Size
La animacion fue integrada correctamente al sitio
El SlideShow posee los requisitos especificados
El SlideShow Incluye enlace para avanzar a la página siguiente
y regresar a la página anterior
El SlideShow Incluye botones de paginación de estado

El archivo XML se utiliza para insertar textos e imágenes

Las imágenes poseen el peso especificado

La animación se ejecuta correctamente en Google Chrome
La animacion es usable
La animación es acorde con la imagen coorpotariva de la
empresa

El archivo XML se utiliza para insertar los productos

Todos los datos de los productos son mostrados

La forma de mostrar los productos es elegante y adecuada para
el sitio

El website se adapta a la resolucion del Desktop

El website se adapta a la resolucion de la Tablet
El website se adapta a la resolucion del Smartphone
Los puntos de quiebre hacen que elementos se adaptan
cuando el usuario cambia de tamaño la ventana

For Objective Assessment Only

Aspect - Description
Requirement
or Nominal
Size

Apariencia de la aplicación es intuitivo para el usuario

Integracion de animacion
Usabilidad de la aplicación
Objetivo de la animacion promueve el juego.
Puntuacion mostrada correctamente.
El puntaje maximo se guarda y se muestra en cada partida.
Es posible mover el personaje con el teclado
Al dar click sobre el escenario se dispara el proyectil

Al impactar el proyectil con el objetivo se aumenta el marcador

Al terminar el juego muestra un mensaje de feedback y se
reinicia el juego
Cuando el marcador es el maximo se debe almacenar
Al iniciar el juego se escucha el sonido de fondo

Al disparar un proyectil se escucha el sonido correspondiente.

Al encontrar una colosion entre proyectil y objetivo se escucha
el sonido correspondiente.
puntuacion mostrada correctamente.
Al perder se escucha el sonido correspondiente.
Al dar click sobre el boton de mute, todos los sonidos se
desactivan

For Objective Assessment Only

Aspect - Description
Requirement
or Nominal
Size
Archivo Digital de la Planificación guardado en la carpeta
"Planificación"
Planificación presenta Definición de la finalidad del sitio web
Planificación presenta Definición del público objetivo
Planificación define la tipografía que se utilizará
Planificación muestra la paleta de colores que se utiliza en el
diseño de la página web
Planificación presenta el Wireframe de la Home Page
Planeación presenta el Diseño de Home Page

Planificación muestra el diseño de la página del producto

Los diseños de Home Page y la página del producto muestra el

borde rojo con la resolución definida ( 720x1280px )
Aspecto general de la planificación presentada : Profesionalismo
Aspecto general de la planificación presentada : Cautivante
Diseño de Home Page creada sigue fielmente la estructura de
Wireframe propuesto
Colores encajan en el concepto descrito
Diseño encaja el concepto descrito
Percepción adecuada del público objetivo
Fácil comprensión de la finalidad del sitio

Los colores descritos son correctamente en el diseño propuesto

Hay una diferencia notable en las identificaciones y títulos de

los textos
Tipografía utilizada es adecuada para el concepto descrito
Sitio ha equilibrado proporción entre texto e imagen
Diseño original
El uso creativo de las imágenes
Tratamiento digital de las imágenes utilizadas
Diseño adecuado para el funcionamiento en los dispositivos
móviles
 For Objective Assessment Only
Criterion Total
Max A Mark
Mark
Add - (Extra Aspect Information)

pnj o jpg = 0.25 … psd = 0.25 0.5

0.25
0.75
0.25
1.00
0.50

1
1.50

1.00
1.00
1.00
0.50

1.00
0.50

-0.25 cada elemento faltante 1.25

-0.25 cada elemento faltante 1.25

-0.25 cada elemento faltante 1.25

1.50

For Objective Assessment Only

Criterion Total
Max B Mark
Mark
Add - (Extra Aspect Information)

Cobro 0.25 por error encontrado 1.00

Efecto Mouse Hover/Out los departamientos (0,25) 0.50
cono de la ciudad ampliada / reducida com Mouse
Hover/ Out (0,25)

Sin volver a cargar toda la página (AJAX) 0.50

El nombre de la ciudad sede (0,25) 1.75

El nombre del estadio (0,25)
La capacidad del estadio (0,25)
La fecha del juego en formato dd/mm/aaaa (0,25)
La hora de inicio del juego en formato hh:mm (0,25)
Los países que participan en el juego (0,25)
Las banderas de los participantes del juego (0,25)
0.50
0.50
0.25
0.50
Cobro 0.25 por error encontrado 0.75
Cobro 0.25 por error encontrado 0.75
1.00
1.00

For Objective Assessment Only

Criterion Total
Max C Mark
Mark
Add - (Extra Aspect Information)

La lista debe especificar el rol del usuario, deducir (0,2)

si no presenta el rol 0.80

0.50
 0.50

0.50
Las entradas deben estar asociadas a un producto. 0.50

La lista debe especificar el rol del usuario, deducir (0,2)

si no presenta el rol 0.70
Deducir (0,15) si los productos no se presentan en
cuadricula. 0.50

1.00
0.40
Se debe generar un subtotal teniendo en cuenta el valor
unitario del producto y cantidad seleccionada. 0.75
0.75
0.50

0.60

1.00
Protection against PHP Injection (0.15), Protection
against SQL Injection (0.15), Protection against XSS
(0.15). 1.00

0.75
0.75
0.75
0.75

For Objective Assessment Only

Criterion Total
Max D Mark
Mark
Add - (Extra Aspect Information)

1
1
1
0.5
lectura, atraccion visual 0.5
0.5
0.5

0.5
0.5

Los mensajes creados son unicos por video 1

0.5
nombre, fecha, comentario 0.5
 1
0.5

Deducir (0,2) por cada elemento faltante 1

Deducir (0,2) por cada elemento faltante 1

Deducir (0,2) por cada elemento faltante 0.5

For Objective Assessment Only

Criterion Total
Max E Mark
Mark
Add - (Extra Aspect Information)

Al menos una tabla para las solicitudes y otra para

usuarios 0.50

Todas las información registrada

0.75
0.50
0.50

0.25

0.25

0.25

0.25

Login: ihelp | Contraseña: admin

0.75

0.50
Con los datos de la base de datos y un enlace para
descargar el archivo enviado. 0.75

Todas las información registrada

0.75

0.25

0.25
Se muestra la Home Page y el área interna sólo se
puede acceder de nuevo por el nuevo inicio de login
válido en la aplicación 0.25

0.25
Mínimo de 4 comentários 0.25

0.75
Indentação/sangría 0.50
0.50

For Objective Assessment Only

Criterion Total
Max F Mark
Mark
Add - (Extra Aspect Information)

0.25
Ancho: 1200px (0.5) y Alto: 550 px (0,5) 1.00

Quitar 0.25 por cada enlace faltante 0.50

Quitar 0.15 por cada botón de paginación faltante 0.75

1.00
Peso Máximo 200 KB en cada imagen.
Restar 0.25 por cada imagen de pseo mayor 0.75
0.50
0.75

0.50

1.00
Nombre (0.2) Descripción (0.2), Color (0.2), Precio (0.2),
Cantidad en stock (0.2) 1.00

1.00

2.00
2.00
2.00

Restar 0.5 por cada punto de quiebre no funcional 1.00

For Objective Assessment Only

Criterion Total
Max G Mark
Mark
Add - (Extra Aspect Information)

0.25
0.25
0.25
0.25
1.00
1.00
1.00
 0.80

0.80

1.00
0.75
background.mp3 0.25

beep.mp3 0.50

colision.mp3 1.00
win.mp3 0.25
lost.mp3 0.25

0.40

For Objective Assessment Only

Criterion Total
Max H Mark
Mark
Add - (Extra Aspect Information)

0.50
0.50
0.50
Fuente y tamaño de los títulos y el texto 0.50
Ejemplos de colores, que explican la elección y la
1.00
identificación hexadecimal
0.50
Contiene todos los elementos del proyecto 1.00
Cobro 0.25 por elemento desaparecido
Contiene todos los elementos del proyecto 1.00
Cobro 0.25 por elemento desaparecido

0.50

1.00
0.50
1.00
0.50
0.50
0.50
0.50
0.50

0.50
0.50
0.50
1.00
0.50
0.50

0.50

Total
Competition
Mark
16.00
9.00

13.00
12.00
9.00
16.00

10.00
15.00
100.00