DAW201501PEC2Enunciado

PEC 2 - Enunciado
M2.008 - Desarrollo de aplicaciones web 201501

1/6

DAW201501PEC2Enunciado

Contenido

Contenido
Introduccin
Enunciado
Pregunta 1 (10%)
Pregunta 2 (20%)
Pregunta 3 (20%)
Pregunta 4 (10%)
Pregunta 5 (20%)
Pregunta 6 (20%)
Recursos
Instrucciones para la entrega

2/6

DAW201501PEC2Enunciado

Introduccin
En esta PEC se trabaja la creacin de aplicaciones web utilizando, adems del lenguaje
HTML, JavaScript, XML y PHP, herramientas que facilitan el desarrollo y ayudan a mejorar la
experiencia del usuario, como son los
frameworks
CSS y la tecnologa AJAX.
Necesitaris tener instalado un entorno LAMP (Linux + Apache + Mysql + PHP), aunque el
sistema operativo puede ser tanto Linux, como Windows, como Mac OS X. Podis utilizar
entornos ya empaquetados, como XAMPP. Es recomendable utilizar algn entorno de
desarrollo como Eclipse, aunque con un editor de texto se puede hacer todo lo que se pide.
Para enviar pedidos al servidor de base de datos se puede utilizar la lnea de comandos de
MySQL. Sin embargo, tambin podis utilizar herramientas como phpMyAdmin o MySQL
Workbench.

Enunciado
Queremos desarrollar una aplicacin web que permita enviar comunicaciones para
congresos. En esta PEC trabajaremos para desarrollar parte de esta aplicacin. La aplicacin
debe permitir:
Identificar al usuario o registrarse si no existe.
Enviar una comunicacin para un congreso.
Consultar la lista de comunicaciones enviadas y su estado.
Acceder al entorno de administracin de la aplicacin con un usuario y contrasea.
Configurar el periodo de aceptacin de comunicaciones.
Consultar las comunicaciones recibidas.
Aceptar o rechazar una comunicacin.

Pregunta 1 (10%)
Descargad la herramienta Justinmind
[http://www.justinmind.com]
. Es una herramienta
wireframe que permite crear un esqueleto de aplicacin web que ayuda a definir la
funcionalidad de la aplicacin que se quiere desarrollar, sin escribir nada de cdigo. En la
web de Justinmind tenis una gua y ejemplos de cmo se utiliza.
Se pide que crees un prototipo para la aplicacin que se ha definido antes. Se os propone
que acabis de definir las caractersticas de la aplicacin en el Foro, aportando opiniones,
qjue sern confirmadas o no por el consultor. Slo necesitis hacer el prototipo del
frontend
de la aplicacin, no del entorno de administracin. Es decir, los 3 primeros puntos de las
funcionalidades indicadas anteriormente.

Pregunta 2 (20%)
Responded las preguntas relacionadas con la gestin de bases de datos indicando las

3/6

DAW201501PEC2Enunciado

sentencias SQL utilizadas para hacer lo que se solicita.

a) Cread una base de datos con MySQL que utilice codificacin UTF-8 y el motor de
transacciones InnoDB.
b) Cread un usuario con acceso a la base de datos creada.
c) A partir de los requisitos acordados con el consultor, cread las tablas necesarias de la
aplicacin. Estas tablas se habrn acordado en el Foro.

Pregunta 3 (20%)
Cread un directorio
congress
en la raz del servidor web.
a) Cread un archivo XML,
config.xml,
que permita especificar la configuracin de
acceso a MySQL (host, base de datos, usuario y contrasea). El archivo debe dejarse
dentro del directorio congress.
b) Cread un archivo PHP dentro del directorio congress, llamado
comm.php, q
ue debe
mostrar el formulario de envo de una comunicacin. La peticin enviada se procesa
en otro fichero,
process.php.
Los datos de la peticin se guardarn en la base de
datos y el archivo de la comunicacin se guarda en el sistema de archivos del
servidor. Al finalizar el procesado de la peticin, si todo ha ido bien, se redirigir
al
archivo
comms.php,
que crearis inicialmente vaco. Si ha ido mal se mostrar un
error.
El acceso a MySQL debe utilizar los parmetros configurados en el archivo XML config.xml.
Debis utilizar las clases de acceso a XML de PHP (vase DOMDocument, etc.).
Hay que utilizar el framework Bootstrap, ya utilizado en la PEC1, en el momento de escribir
el cdigo HTML y CSS de la aplicacin. Esto es vlido para el resto de PEC.

Pregunta 4 (10%)
Modificad el archivo
comms.php
en la carpeta
congress.
Este archivo debe mostrar la lista
de peticiones de comunicacin recibidas y aceptadas, ordenadas por orden de llegada.

Pregunta 5 (20%)
Imaginad que los datos de la consulta hecha a MySQL para obtener registros de la tabla de
comunicaciones recibidas y aprobadas se quieren expresar en formato JSON. Proponed una
forma de hacerlo mostrando cmo quedara el resultado en este formato.

Pregunta 6 (20%)
Cread un archivo
comms.html
en la carpeta
congress.
Este archivo, al cargarse, pedir va
AJAX la lista de peticiones al servidor. El servidor devolver la lista en formato JSON, y
mediante Javascript se mostrar la lista al cliente. Hay que crear un archivo
processajax.php,
que acepte la peticin AJAX y devuelva el resultado en formato JSON.
Hay que tener en cuenta que:

4/6

DAW201501PEC2Enunciado

a) Hay que utilizar jQuery para el desarrollo de cdigo JavaScript, concretamente para
las llamadas AJAX.
b) La respuesta de las peticiones se devolver en formato JSON. La respuesta tendr
tres elementos: error (0 si no hay error, 1 de lo contrario), txterror (si hay error, con
la descripcin), y comms, una lista de elementos comment, cada uno con los datos de
las peticiones obtenidas.

Recursos
En esta PEC necesitis acceder a diferentes recursos adicionales a los materiales del curso.
A continuacin lo tenis indicados:
Recurso

Descripcin

https://en.wikipedia.org/wiki/Website_wireframe

Artculo sobre wireframes en la Wikipedia.

http://getbootstrap.com

Web del proyecto Bootstrap. En el apartado

Examples tiene algunas plantillas tiles. En el
apartado Components tiene ejemplos de
cmo utilizar los elementos del framework.

http://jquery.com

Web del framework Javascript jQuery.

Facilita el desarrollo para aadir
comportamiento a las pginas o, por ejemplo,
para hacer llamadas AJAX. El apartado API
Documentation contiene informacin de
cmo utilizar las herramientas que ofrece.

http://learn.jquery.com

Recursos para aprender jQuery.

http://www.jquery-tutorial.net

Tutorial de jQuery

http://en.wikipedia.org/wiki/Ajax_(programming)

AJAX a la Wikipedia

http://json.org

Web sobre el formato JSON

http://en.wikipedia.org/wiki/JSON

JSON en la Wikipedia

http://php.net

Web de PHP. En el apartado de

documentacin tiene mucha informacin del
lenguaje.

http://dev.mysql.com

Sitio web de desarrolladores de MySQL. Tiene

recursos para resolver dudas sobre las
sentencias que necesita ejecutar, tipo de
datos, etc.

5/6

DAW201501PEC2Enunciado

Instrucciones para la entrega

Fecha de entrega: 13/11/2015
Formato de entrega: Se debe entregar un archivo ZIP con el nombre PEC2_
<Apellido2 >_<Apellido1>_<Nombre>.zip, que debe contener:
Un directorio
proto
con las capturas de las pantallas generadas con la
herramienta Justinmind.
Un directorio
congress
con la aplicacin web. Contendr los archivos que se
han ido creando en cada ejercicio.
Un archivo PEC2_ <Apellido2>_<Apellido1>,con extensin PDF o ODT, que
contendr la respuesta a las preguntas 2 y 5.

6/6