Este documento presenta el proyecto de desarrollo de una aplicación web para un campeonato de karting. Se describen los objetivos y requisitos del proyecto, los módulos de la aplicación y un análisis de las pantallas y funciones. Finalmente, se presentan conclusiones sobre el grado de cumplimiento de los objetivos y posibles mejoras futuras.

1. Karting UCOC
Proyecto de desarrollo de
aplicaciones web
David Caamaño y Vladimir Olivella
Mayo 2014
Tutoria: Diana Padilla
1

2. www.ucoc.es
Objetivos
y
Requisitos
Módulos
• Análisis
pantallas
• Análisis
funciones y
código
Conclusiones
• Posibles
mejoras
ÍNDICE

3. www.ucoc.es
Objetivos y
Requisitos

4. www.ucoc.es
• Solución tecnológica para campeonato.
• Aplicación web atractiva, accesible y usable.
• Portal dinámico y interactivo. Consultar circuitos
• Gestionar inscripción al campeonato
• Gestor contenidos para gestionar resultados
• Gestionar roles del administrador y usuarios
• Conectar la web a las redes sociales
• Interacción entre usuarios y organización.
OBJETIVOS

5. www.ucoc.es
• Mostrar datos e información de la entidad.
• Aplicación de inscripción.
• Aplicación de acceso a gestor de contenidos
• Gestor de contenidos para usuarios sin
conocimientos de programación
• Aplicación de un buscador de circuitos
• Aplicación de interacción con los usuarios,
fórums y formularios de consulta
REQUISITOS

6. www.ucoc.es
Análisis de pantallas
y aplicaciones

7. www.ucoc.es
Módulo Lenguaje Herramienta
Home HTML/CSS Aptana, Dreamweaver,
PhotoShop
Acceso gestor contenidos HTML/CSS, JavaScript Aptana,
Gestor contenidos HTML/CSS, PHP Aptana,Uniserver,
MySQL, PhpMyAdmin
Inscripción HTML/CSS, JavaScript Aptana, Dreamweaver
Circuitos HTML/CSS, JavaScript,
PHP
Aptana,Uniserver,
MySQL, PhpMyAdmin
Resultados HTML/CSS, PHP Aptana,Uniserver,
MySQL, PhpMyAdmin
Otras páginas HTML/CSS Aptana, Dreamweaver,
PhotoShop
MÓDULOS

8. www.ucoc.es
Usable
Intuitiva
Informativa
HOME
http://kartingucoc.hol.es/index.html

9. www.ucoc.es
• Formulario html
• Función php donde se
conecta base de datos
• Comprueba si el nombre de
usuario y contraseña son
correctos
• Y si es correcta pasa a la
pagina menú de los
comisarios
ACCESO GESTOR CONTENIDOS
http://kartingucoc.hol.es/index.html

10. www.ucoc.es
• Formulario html
• PHP. Conexión y
modificación BD
• Modificar resultados
mediante sentencias
mysql
• Todas las puntuaciones
tiene que ser numéricas.
GESTOR DE CONTENIDOS
http://kartingucoc.hol.es/comisarios/menu.php

11. www.ucoc.es
• Archivo php
• Hace una conexión la
BD
• Una sentencia busca
los circuitos y otra los
Pilotos/resultados con
la misma sentencia
sumamos los
resultados y los
ordenamos por orden
de clasificación
RESULTADOS
http://kartingucoc.hol.es/resultados.php

12. www.ucoc.es
• El lenguaje utilizado es
html
• Estilos CSS
• Los pilotos están
ordenados por Div
PILOTOS
http://kartingucoc.hol.es/pilotos.html

13. www.ucoc.es
• Formulario html
• Hacemos la consulta
mysql del id del circuito
seleccionado y desde el
archivo askDB.php se
busca la latitud longitud
y nombre para mostrarlo
en el mapa.
• Con un evento JS
cambiamos las imágenes
definidas en un array
http://kartingucoc.hol.es/circuitos.html
CIRCUITOS

14. www.ucoc.es
• Documento en
html
• Estilos CSS
• Utilizado
dreamweaver y
aptana
http://kartingucoc.hol.es/reglamento.html
REGLAMENTO

15. www.ucoc.es
Inscripción
• Formulario html
vinculado a otro archivo
js
• La función Js valida los
campos marcados con *
en caso que no estén
completos envía error al
usuario y no deja
enviarlo, si formulario es
correcto envía a un email
http://kartingucoc.hol.es/inscribirse.html

16. www.ucoc.es
• Este es un archivo
html
• Datos de la
organización, todo
el contenido esta
estructurado
dentro de “div”.
http://kartingucoc.hol.es/organizacion.html
Organización

17. www.ucoc.es
Conclusiones

18. www.ucoc.es
Objetivo propuesto Objetivo conseguido Futuro
Solución tecnológica para
campeonato.
Se consigue una primera
herramienta
Profundizar en algunos
aspectos
Aplicación web atractiva,
accesible y usable.
Se consigue una web atractiva y
usable
Falta de pruebas y test
heurístico
Portal dinámico y
interactivo. Circuitos
Se consigue en ciertas partes de la
web , la interactividad no.
Creación de más módulos
para más dinamismo
Gestionar inscripción al
campeonato
Se consigue un formulario Falta concretar la gestión
Gestor contenidos para
gestionar resultados
Se programa el gestor de
contenidos
Programar gestor para otros
módulos
Gestionar roles del
administrador y usuarios
Se programa la aplicación de acceso Crear más roles
Conectar la web a las redes
sociales
Se crean enlaces ficticios Incrustar dentro de la web
Interacción entre usuarios y
organización
No se consigue Falta de tiempo
OBJETIVOS CUMPLIDOS

19. www.ucoc.es
• Trabajo en equipo.
• Redactar un documento técnico.
• Poner en práctica los conocimientos adquiridos.
• Grado de experiencia para el futuro.
CONCLUSIONES

20. www.ucoc.es
Preguntas
Gracias por vuestra atención