Proyecto 1

Usted ha sido contratado por una clínica de nutrición llamada Mis Si Kilos Importan S.A.
Una empresa que este momento solo está orientada a planes de pérdida de peso. Para
hacer un software que de acuerdo a la edad, el sexo y el peso en kilogramos; determine la
cantidad calórica que el paciente debe consumir de acuerdo a la siguiente información:

Un humano puede estimar sus necesidades diarias de energía calculando su índice de

metabolismo basal (IMB). Esto es la cantidad de calorías que usted quema en reposo
durante 24 horas y cuántas calorías necesita para que su cuerpo funcione correctamente.

Edad Hombres Mujeres

10 a 18 (peso en kg x 17.5) + 651 (peso en kg x 12.2) + 746
19 a 30 (peso en kg x 15.3) + 679 (peso en kg x 14.7) + 479
31 a 60 (peso en kg x 11.6) + 879 (peso en kg x 8.7) + 829
60+ (peso en kg x 13.5) + 487 (peso en kg x 10.5) + 596

Se le solicita hacer un sistema le solicite al Paciente el Nombre completo, la fecha de

nacimiento, el peso en kilogramos. A partir de esos datos calcule y despliegue:
1. La edad del paciente
2. El índice de metabolismos basal (IMB) para el paciente
3. Con una imagen que ud elija debe desplegar el sexo del paciente una para si
hombre y otra para si es mujer
4. El nombre del paciente debe desplegarse en color purpura si el sexo del paciente
es femenino y en color azul si el sexo del paciente es masculino.
5. Defina el logo de la organización mediante una imagen, colóquela dentro de la
página en donde ud lo considere más conveniente.
6. En este proyecto no puede utilizar páginas jsp, debe necesariamente ser
implementado con HTML, CSS y Javascript. Si utiliza alguna otra tecnología la
nota del proyecto será cero.
7. El estudiante deberá presentar un video grabado en la máquina virtual que se le
asignó, debe explicar todas las funcionalidades y las partes del código que
considere conveniente explicar, el video deberá tener audio del estudiante y al
inicia debe grabar el rostro del estudiante que hizo el proyecto y por ende quien lo
explicará.
8. El estudiante debe presentar el proyecto (todo el código fuente compilado y el
 video) en una carpeta llamada Proyecto 1 en el escritorio de la máquina. El
incumplimiento de este punto automáticamente obtendrá cero en todo el proyecto,
Sin excepción.

Rúbrica
Aspecto a evaluar Pts
Utiliza componentes HTML5 para elaborar 15
la página
Define mediante CSS todos los estilos que 20
utilizará en la página
Utiliza Javascript de forma ordenada y 20
adecuada, para los métodos de los
puntos 2, 3 y 4
Utiliza tamaños de letra, fuentes 20
apropiadas. La distribución del contenido
en la página es proporcional
El estudiante presenta el video explicativo 25
como se solicita
Total 100

Proyecto 2
En el proyecto 1 se le había contratado para un sistema sencillo. La empresa que lo
contrató “Mis Kilos Si Importan S.A.” ha sido muy exitosa y ha decidido invertir en un
sistema más “robusto” que involucre más tecnologías como JSP y Web Services. Sin
embargo aún la empresa no está decidida sobre si van a guardar datos o no en una base
de datos, por lo que se le solicita no usar ninguna base de datos.
De manera que se le solicita:
1. Implementar una página de logging en dónde se pueda loguear un usuari@ con
cédula: 1-0547-0587 y con la contraseña: mipass. Esta página deberá utilizar un
web services que verifique si los datos de logging son correctos, si lo son debe
dejar ingresar al usuario, si no lo son debe desplegar el msj: “Datos de ingreso
inválidos por favor verifique su información”

2. Crear una página que en donde se ingresen los datos del paciente: fecha de
nacimiento, nombre completo, sexo (Para el campo sexo ahora la persona deberá

escoger entre dos imágenes por ejemplo )y peso en kilogramos y una

tabla en donde el paciente pueda seleccionar su NAF (Nivel de actividad física), la
tabla tiene los siguientes valores:
Descripción de la actividad NAF
Generalmente inactivo o sedentario (sentado) 1.2
Levemente activo (caminatas y ejercicio ligero) 1.3
Moderadamente activo (ejercicio dos o tres veces a la semana) 1.4
Activo (ejercicio más de tres veces a la semana) 1.5
Muy activo (ejercicio todos los días) 1.7

3. La página del punto 2 debe tener un botón llamado Calcular IMB. Que hará lo
siguiente: consumirá un web service diferente al del punto 1 de este proyecto que
calculará y retornará el IMB de acuerdo a la misma fórmula que se usó en el
proyecto 1. Deberá recibir por parámetro todos los datos necesarios para realizar
este cálculo.
4. La página del punto 2 deberá tener un botón que se llame Calcular Ingesta
Calórica. Cuya función será consumir un web service diferente al de los puntos 2 y
3. El cálculo se realiza de acuerdo a la fórmula :

IMB X NAF = cuántas calorías necesita cada día.

Por ejemplo, una mujer moderadamente activa de 40 años de edad que pesa 65 kilos
necesitaría:
IMB = (65 x 8.7) + 829 = 1394.5 Kcal
Ingesta calórica necesaria = 1394.5 x 1.4 = 1952.3 Kcal
5. El proyecto presentado deberá contar con un proyecto y uno proyecto por cada
web services que el estudiante implemente. Todos los métodos solicitados de los
web services no podrán estar todos en el mismo proyecto.
6. Deberá existir un botón llamado Mostrar Plan de Alimentación Sugerido. Este
botón re direccionará a una nueva página JSP. El plan alimenticio se mostrará de
acuerdo al Ingesta Calórica Necesaria del cliente y la siguiente tabla basada en
que si debe consumir menos de 2000 calorías o si debe consumir 2000 calorías o
más. Dependiendo de eso le debe salir uno u otro plan.

7. Si el estudiante ya conoce la metodología de MVC (Model View Controller) puede

aplicarla en este proyecto, no se rebajará ningún punto.
 8. El estudiante deberá presentar un video grabado en la máquina virtual que se le
asignó, debe explicar todas las funcionalidades y las partes del código que
considere conveniente explicar, el video deberá tener audio del estudiante y al
inicia debe grabar el rostro del estudiante que hizo el proyecto y por ende quien lo
explicará.
9. El estudiante debe presentar el proyecto (todo el código fuente compilado y el
video) en una carpeta llamada Proyecto 2 en el escritorio de la máquina. El
incumplimiento de este punto automáticamente obtendrá cero en todo el proyecto,
Sin excepción.

Rúbrica
Aspecto a evaluar Pts
Crea el loggin y valida el usuario indicado. 10
Hace las validaciones que se le solicitan.
Se crea la página en la que se llenan los 15
datos del paciente
El botón Calcular IMB funciona de 5
acuerdo a lo solicitado
El botón Calcular Ingesta Calórica 10
funciona de acuerdo a lo solicitado
La estructura de la solución presentada 10
del proyecto está acorde con el punto 5
Muestra el plan alimenticio del punto 6 de 15
acuerdo a la ingesta calórica necesaria
La implementación del código es clara, 10
ordenada, el código es muy fácil de
entender
El estudiante presenta el video explicativo 25
como se solicita
Total 100

Proyecto 3
La organización “Mis Kilos Si Importan S.A.” ha visto lo positivo del proyecto, por lo que
están dispuestos a invertir más dinero ahora con un gestor de base de datos, han elegido
My Sql server, por ser gratuito y así abaratar costos. Han acordado con ud los siguientes
requerimientos:
1. El sitio Web ahora va a ser accedido por diferentes usuarios por lo que el
formulario de loggin ahora va a almacenar en base de datos los datos de todos
pacientes que deseen inscribirse, almacenará la cédula del paciente y la
contraseña, en este punto. Posteriormente se incorporan otros datos.
2. En el proyecto 2 en los botones de calcular IMB y calcular ingesta calórica, en este
proyecto 3 esos datos se van a guardar en base de datos como datos del paciente.
3. Se va desarrollar una nueva página JSP en donde el/la nutricionista valora al
 paciente, lo busca por número de cédula y le puede actualizar el peso y el NAF, le
da a un botón llamado Actualizar y esto le vuelve a calcular la ingesta calórica. El
botón actualizar deberá invocar un nuevo método en un nuevo web services, para
actualizar los datos. Además se debe implementar un método llamado buscar, que
reciba como parámetro la cédula del cliente y retorne el objeto cliente que usted
necesitará para actualizar los datos.
4. Se va a implementar una página en donde un super usuario (Se deja a criterio del
estudiante como distinguirlo) pueda listar los datos de todos los pacientes
registrados, el sexo del paciente debe mostrarse como una imagen (como
sugerencia como se hizo en el punto 2 del proyecto 1).
5. Si el estudiante ya conoce la metodología de MVC (Model View Controller) puede
aplicarla en este proyecto, no se rebajará ningún punto.
6. El estudiante deberá presentar un video grabado en la máquina virtual que se le
asignó, debe explicar todas las funcionalidades y las partes del código que
considere conveniente explicar, el video deberá tener audio del estudiante y al
inicia debe grabar el rostro del estudiante que hizo el proyecto y por ende quien lo
explicará.
7. El estudiante debe presentar el proyecto (todo el código fuente compilado y el
video) en una carpeta llamada Proyecto 3 en el escritorio de la máquina. El
incumplimiento de este punto automáticamente obtendrá cero en todo el proyecto,
Sin excepción.

Rúbrica
Aspecto a evaluar Pts
La página de loggin funciona de acuerdo a 15
lo solicitado
La página de paciente guarda los datos en 20
la base de datos
La página de valoración de paciente 25
funciona de acuerdo a lo solicitado, busca,
actualiza datos de forma correcta
La página de listar los pacientes se 15
implementó y funciona de acuerdo a lo
solicitado
El estudiante presenta el video explicativo 25
como se solicita
Total 100

La tarea programada
1. Debe investigar sobre sitios web responsive. Analizar este ejemplo
 2. En esta tarea se le solicita crear una página que despliegue guitarras de diferente
tamaños. Debe usar CSS Media-Queries. La página debe ajustarse al tamaño de
diferentes dispositivos como tablets, móviles y computadoras.
1. El estudiante deberá presentar un video grabado en la máquina virtual que se le
asignó, debe explicar todas las funcionalidades y las partes del código que
considere conveniente explicar, el video deberá tener audio del estudiante y al
inicia debe grabar el rostro del estudiante que hizo el proyecto y por ende quien lo
explicará.
2. El estudiante debe presentar el proyecto (todo el código fuente compilado y el
video) en una carpeta llamada tarea programada en el escritorio de la máquina. El
incumplimiento de este punto automáticamente obtendrá cero en todo el proyecto,
Sin excepción

Rúbrica
Aspecto a evaluar Pts
Crea la página usando CSS 30
Media-Queries
Las imágenes de las guitarras se ven 30
siempre de forma correcta,
indiferentemente del tamaño del browser,
o del dispositivo en donde se esté viendo
la página.
El estudiante presenta el video explicativo 40
como se solicita, explica como usa los
CSS Media Queries y por qué son
importantes.
Total 100

La resolución del problema

Implemente una página web utilizando únicamente HTML, CSS y JavaScript que cumpla
con los siguientes requisitos:
Ud ha sido contratado por la empresa rock surf camp. La empresa está ubicada en la
península de Osa, y quieren atraer clientes a su escuela de Surf, mediante un sitio web
con las siguientes características:
La compañía ofrece 3 tipos de paquetes de lecciones de surf y desea que exista un
formulario Web para cada uno de ellos.
Paquete Beginner​:
● Incluye 4 días, 3 horas cada día
 ● Los horarios son de Lunes a jueves o de miércoles a Sábado
● Costo de miércoles a sábado es de $150
● Cada día se dará una clase de 3 horas
● Día 1: la clase será fuera del agua se explicará cómo funciona la tabla
● Día 2: la clase será teórica y práctica, explicarán sobre corrientes y sobre el
manejo de las mismas
● Día 3: la clase será 100 % en el agua con olas categoría 1
● Día 4: la clase será 100% en el agua con olas categoría 2

Paquete Medium Surfer:

● Incluye 3 días, 2 horas cada día
● Los horarios son de martes a jueves o de viernes a domingo
● Costo de viernes a domingo es de $200
● Cada día se dará una clase de 2 horas
● Día 1: la clase será fuera del agua se explicará cómo salir de corrientes tipo 3
● Día 2: la clase será 100% práctica con olas categoría 3
● Día 3: la clase será 100 % en el agua con olas categoría 4

Paquete Advanced Surfer:

● Incluye 4 días, 2 horas cada día
● Los horarios son de martes a viernes o de miércoles a domingo
● Costo de martes a viernes es de $300
● Cada día se dará una clase de 2 horas
● Día 1: la clase será fuera del agua se explicará cómo salir de corrientes tipo 4
● Día 2: la clase será 100% práctica con olas categoría 5
● Día 3: la clase será 100 % en el agua con olas categoría 6

Ud deberá utilizar formularios HTML y JavaScript para hacer un sitio web en el que:
1. Manejar un formulario que muestre cada uno de los paquetes
2. Debe existir un menú principal que lo lleve a cada uno de los paquetes
3. Desde cada uno de los formularios HTML de cada paquete se debe poder
regresar al menú principal.
4. Cada formulario de cada paquete debe contener al menos una imagen que
describa cada día del paquete el detalle de cada día, costo, costo con
descuento, además de una descripción del paquete.
5. Debe usar HTML5, CSS, Javascript
6. Debe crear las páginas de forma creativa que sea agradable para un
cliente, sin utilizar colores que “lastimen” la vista.
7. El estudiante deberá presentar un video grabado en la máquina virtual que
se le asignó, debe explicar todas las funcionalidades y las partes del código
que considere conveniente explicar, el video deberá tener audio del
estudiante y al inicia debe grabar el rostro del estudiante que hizo el
proyecto y por ende quien lo explicará.
8. El estudiante debe presentar el proyecto (todo el código fuente compilado y
 el video) en una carpeta llamada resolución problema, en el escritorio de la
máquina. El incumplimiento de este punto automáticamente obtendrá cero
en todo el proyecto, ​Sin excepción

Rúbrica
Manejar un formulario que muestre cada uno de los paquetes 15
Debe existir un menú principal que lo lleve a cada uno de los 15
paquetes
Desde cada uno de los formularios de cada paquete se debe 10
poder regresar al menú principal.
Cada formulario de cada paquete debe contener al menos una 15
imagen que describa cada día del paquete el detalle de
cada día, costo, costo con descuento, además de una
descripción del paquete.
Debe usar HTML5, CSS, Javascript y CSS 15
Debe crear las páginas de forma creativa que sea agradable 15
para un cliente, sin utilizar colores que lastimen la
vista.
Presenta el video explicativo del proyecto funcionando 15
total 100