Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
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
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
http://getbootstrap.com
http://jquery.com
http://learn.jquery.com
http://www.jquery-tutorial.net
Tutorial de jQuery
http://en.wikipedia.org/wiki/Ajax_(programming)
AJAX a la Wikipedia
http://json.org
http://en.wikipedia.org/wiki/JSON
JSON en la Wikipedia
http://php.net
http://dev.mysql.com
5/6
DAW201501PEC2Enunciado
6/6