PRUEBA N° 1

PRIMER DÍA

CATEGORÍA
APLICACIONES WEB PhP

LÍDER DE CATEGORÍA

FERNANDO ANDRES FERNANDEZ FLOREZ

TEMA: INTEGRACION DE FRONTEND CON BASE DE DATOS
TIEMPO DE EJECUCION DE LA PRUEBA: 5 horas.
CALIFICACION: 35%

OBJETIVO DE LA PRUEBA
Montaje de aplicativo en servidor web, desarrollo y mejoramiento de maquetación web
e integración del frontend con la base de datos Mysql en su versión 2.0

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:

SERVIDOR HTTP APACHE: Servidor web http compatible para la mayoría de sistemas
operativos, usado especialmente para alojar y gestionar procesos de websites dinámicas
y estáticas y apps en la World Wide Web.

MYSQL: Sistema de gestion 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 fusiona

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.
AJAX: Conjunto de Javascript y Xml tecnica se considera como una revolución y técnica
de comunicación asincrona que es utilizada para optimizar sitios y apps webs, con el fin
de intercambiar información entre el servidor y el cliente

PHP: Lenguaje de programación del lado del servidor orientado y diseñado para el
desarrollo web de contenido dinámicos, php se considera como un lenguaje flexible,
potente y con un alto rendimiento.

XAMP – LAMP - WAMP: Conjunto de paquetes como (mysql, php, apache) sencillos de
instalar para la mayoría de sistemas operativos, es una forma eficiente y ágil para
implementar y montar un servidor web en tiempo récord.

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

PDO: Extensión de una capa de abstracción de Php, para acceso a bases de datos, en
inglés (PHP Data Objects), es la interfaz de conexión a bases de datos que ofrece el
lenguaje de scripts PHP, con esta API el desarrollador no tiene que preocuparse por el
motor de datos, de tal manera que pueda concentrarse en la lógica del negocio.

CRUD: Por las siglas en inglés (Create, Read, Update y Delete). Consiste en las cuatro
funcionalidades básicas de una aplicación que tiene acceso a una base de datos
mediante el uso de SQL o a través de un mapeador objeto relacional.

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)
 Apache Server
 Php versiones >= 5.0
 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) en version 2.0
Parte 2: Modificación y/o Actualización de Front End
Parte 3: Integración entorno web con base de datos
Parte 4: Análisis y mejoramiento para la experiencia de Usuario (UX).
Parte 5: Pruebas y ajustes

DESARROLLO DE LA PRUEBA
1. Desarrollar un plan de mejora para nuestro frontend donde el énfasis es el
mejoramiento de la experiencia del usuario (UX).
2. Como ya se tiene programado y puesto en marcha el frontend de nuestro aplicativo.
Realizar la integración de nuestro frontend con la base de datos en su versión mas
reciente.

2.1 Alojar el resultado de la integración mysql con el frontend, en el servidor Local

(Apache)
3. Nuestro cliente esta muy entusiasmado con los resultados obtenidos a la fecha,
ahora desea que su equipo de desarrollo elabore una propuesta en base a este
nuevo requerimiento:

- Implementar en el frontend una sección de “PAUTE CON NOSOTROS”, con el fin de

recuperar lucro invertido hasta esta etapa de desarrollo.

4. El proyecto debe estar alojado en el servidor local (Apache) en su sistema operativo

con fines analíticos, testing y pruebas de usuario (por parte del evaluador).

Con el siguiente parámetro EQNUMERODELEQUIPO_P2 ejemplo: EQ1_P2