PRUEBA N° 1

PRIMER DÍA

CATEGORÍA
APLICACIONES WEB PhP

LÍDER DE CATEGORÍA

FERNANDO ANDRES FERNANDEZ FLOREZ

TEMA: MODELADO, NORMALIZACION, ADECUACION DE BASE DE DATOS
BASADO EN MODELO ENTIDAD RELACION POSTULADA Y PRIMERA ENTREGA
DE MAQUETACION WEB
TIEMPO DE EJECUCION DE LA PRUEBA: 5 horas.
CALIFICACION: 35%

OBJETIVO DE LA PRUEBA
Apoyándose en el modelo entidad relación (ER) propuesto para el desarrollo de esta
etapa, efectuar la transcripción del Modelo ER a lenguaje Sql y en base a
requerimientos y modelo propuesto diseñar la maquetación para el aplicativo WEB

CONOCIMIENTOS PREVIOS
Para el diseño y desarrollo de la aplicación web a construir, el aprendiz deberá tener
conocimiento, en las siguientes tecnologías de desarrollo web:

MYSQL: Sistema de gestión de Bases de Datos Relacional enfocada en desarrollos

de tipo web. Actualmente Mysql esta implementado en miles de websites y
aplicaciones web que ayudan a fortalecer a grandes empresas y aplicaciones web en
el mundo.

JAVASCRIPT: Lenguaje de programación interpretado, orientado a objetos,

renderizado e implementado por parte del navegador web base fundamental de
bibliotecas .js que actualmente se encuentran en la internet, javascript se utiliza para
realizar validaciones en formularios, creación de widgets entre otras bondades.

CSS3: Hojas de Estilo de Cascada en su tercera versión, es un lenguaje que se

fuciona en conjunto con html y otros lenguajes orientados a la web, con el fin de
mejorar las interfaces en la parte del usuario, css es mantenido por la World Wide
Web Consortium (W3C).

HTML5: Es una colección de estándares para el diseño y desarrollo de páginas web.

Esta colección representa la manera en que se presenta la información en el
explorador de internet y la manera de interactuar con ella.
JQUERY Y JQUERY UI: Actualmente es una de las bibliotecas mas populares y
preferidas para las desarrolladores web, jquery es un marco de referencia para el
desarrollo de aplicaciones enriquecidas con JavaScript. Jquery provee una API para
los desarrolladores con el fin de enriquecer el frontend y agilizar el backend en
desarrollos web de toda tipo de escala.
|
BOOTSTRAP: Al igual que jquery es un dúo perfecto ya que bootstrap es un conjunto
de archivos CSS que nos puede ayudar a maquetar nuestro website y/o aplicación
web en pocos minutos, actualmente bootstrap esta implementado en miles de
websites y apps. Bootstrap es de gran ayuda para hacer compatible apps y webs tipo
responsive, a todo tipo de resoluciones de pantalla y dimensiones de la misma.

SUBLIME TEXT Y/O ATOM: Editores de texto orientados al desarrollo de todo tipo de
proyectos, el cual nos brinda múltiples bondades en la construcción de proyectos a
todo escala.
REQUERIMIENTOS PARA EL DESARROLLO DE LA PRUEBA

 Computadores con sistema operativo Windows y/o Basados en Unix

 Mysql y/o MariaDB
 Editor de texto (Sublime Text y/o Atom)
 Mysql Workbench
 Bibliotecas .js (Bootstrap, Jquery, Jquery UI)
** Angular “no es requerido pero es un plus en la evaluación”

RESUMEN METODOLOGICO DE LA JORNADA

Parte 1: Análisis de modelo entidad relación (ER) predefinido.
Parte 2: Modificación y/o Actualización del Modelo ER propuesto.
Parte 3: Construcción e inicio de maquetación para el aplicativo web.
Parte 4: Análisis para la experiencia de Usuario (UX).
Parte 5: Pruebas y ajustes

DESARROLLO DE LA PRUEBA
1. Diseñar una lista de críticas constructivas, para el mejoramiento y puesta a punto
en base al modelo entidad relación (ER) Propuesto. (Mínimo 5 criticas)
2. Con el Modelo entidad Relación (ER) propuesto:
A. Implementar sus criticas y/o cambios, diseñar la versión 2.0 estable del modelo
(ER)
B. Generar el código SQL, el cual se va ha trabajar en las 2 pruebas siguientes.

3. Para el desarrollo de esta primera prueba y puesta en marcha de la maquetación

web y la Experiencia de usuario (UX) para desarrollar el aplicativo es necesario
emplear:

 Html5

 Css3

 JavaScript
 Jquery y/o Jquery UI

 Mysql

 Bootstrap

 Ajax

4. Maquetar el aplicativo web en estilo libre (implementando un buen (UX) y utilizar

herramientas y lenguajes anteriormente especificados en el punto 3) y de acuerdo a
las necesidades de los requerimientos propuestos del Modelo (ER) versión 2.0.

La maquetación esta compuesta en 3 partes

A. Propuesta de Login
B. Propuesta de Interfaz (Panel Administrativo) del Aplicativo
C. Propuesta de Reportes
5. El proyecto debe estar alojado en el escritorio de su sistema operativo con fines
analíticos, testing y pruebas de usuario (por parte del evaluador).

Con el siguiente parámetro EQNUMERODELEQUIPO_P1 ejemplo: EQ1_P1