Servicio Nacional de Aprendizaje

Sistema de
Gestión de la Centro de Biotecnología Industrial
Calidad
Evidencia de Desempeño

CASO DE ESTUDIO - EVIDENCIA DESEMPEÑO MYSQL, JPA, EJB, HTML5 Y

CSS3

Objetivo: Utilizar las diferentes API´s y patrones de java para conexión a bases de
datos en MySql y diseño de aplicaciones WEB con JSF.
Realizar: Desarrollar una aplicación que permita insertar y listar datos de una tabla
sobre una base de datos en MySQL.

Definición de Procesos y Requisitos Generales

1. Definición de la base de datos

Diseñar y crear una base de datos en MySQL que contenga una tabla que represente
un objeto Motocicleta. El objeto seleccionado debe tener los siguientes atributos:
● Id Motocicleta (Número entero, Autoincrementable)
● Ensambladora (Nombre de la empresa que ensambla el Motocicleta. Ej: Honda
Fanalca, Incolmotos Yamaha, Suzuki Colombia, Auteco Colombia, etc)
● Fecha de ensamble de la Motocicleta (Fecha. Ej: 02/25/2014)
● Tipo de Motocicleta (Tipos disponibles: Street, Chopper, Sport, Scooters,
Touring, OFF-ROAD)
● Cantidad de cilindros (Número entero. Ej: 1, 2, 3 o 4)
● Cilindraje del motor (Número entero. Ej 100, 125, 250, 600, etc)
● Caja de cambios (“A” automática, “SM”, semiautomática, “M” mecánica)
● Diámetro del rin de las llantas (Número entero en pulgadas. Ej: 17)
● Color de la Motocicleta (Ej: Rojo, Verde, Amarillo, etc)
2. Desarrollo de la aplicación
Debe desarrollar una aplicación web que permita a través de un formulario Insertar y
con otro formulario Listar la información desde la base de datos creada en el punto
anterior. para ello debe usar JPA, EJB, JSF, HTML5 y CSS3.

Con respecto a la parte de diseño estos son los requerimientos:

 Servicio Nacional de Aprendizaje
Sistema de
Gestión de la Centro de Biotecnología Industrial
Calidad
Evidencia de Desempeño

● Crear dos páginas web, una para ingresar información a la base de datos a
través de un formulario y otra que permitirá a través de otro formulario listar la
información de dicha tabla.
● Ambas Páginas tendrán un mismo Header y Footer con las siguientes
características:

✓ El Header será de color Azul y su barra de Navegación deberá manejar

colores tanto de sus ítems como del color de fuente que contrasten de
forma agradable para el usuario. Este header debe tener un tamaño de
3.75em
✓ Cada ítem (Ingresar – Listar) de la barra de navegación deberá tener un
borde inferior y usted definirá los parámetros de diseño para este como
son ancho del borde, tipo de borde y color.
✓ Los ítems deben quedar centrados con respecto al nav tanto de forma
horizontal como vertical
✓ La barra de navegación debe quedar centrada con respecto al Header.
✓ La barra de navegación debe quedar fija, a pesar que se haga scroll en
cualquiera de las páginas.
✓ El footer debe una imagen de fondo que se acomode al tamaño del
mismo (usted define el alto de este Footer) y dentro de el se requiere
mostrar enlaces a las siguientes redes sociales: FaceBook, Twitter e
Instagram (solo a las páginas oficiales de dichos sitios). Usted es libre
de definir el color de estos enlaces.
✓ Los enlaces que aparecerán en el footer deben quedar centrados tanto
horizontal como vertical.
✓ A nivel de la sección de contenido para cada página se requiere que los
formularios queden en el centro de este espacio y que se maneje las
proporciones de márgenes externas e internas (padding).

La aplicación debe ser desarrollada usando el lenguaje de programación JAVA EE 7.

3. Sustentación
 Servicio Nacional de Aprendizaje
Sistema de
Gestión de la Centro de Biotecnología Industrial
Calidad
Evidencia de Desempeño

Cuando finalice el desarrollo se realizarán pruebas funcionales y para sustentar el

trabajo realizado, se le harán preguntas acerca del código usado y se le solicitará que
realice cambios sobre la aplicación, tales como, agregar o eliminar un atributo al
producto, cambiar el tipo de dato de un atributo, entre otros.

MUCHOS ÉXITOS!