[Beca Colaboración 2014] Iñigo Ezcurdia Aguirre.  OrlaOnline pretende ser un servicio online que permita a sus usuarios la creación de orlas junto a.

Presentación del tema: "[Beca Colaboración 2014] Iñigo Ezcurdia Aguirre.  OrlaOnline pretende ser un servicio online que permita a sus usuarios la creación de orlas junto a."— Transcripción de la presentación:

1 [Beca Colaboración 2014] Iñigo Ezcurdia Aguirre

2  OrlaOnline pretende ser un servicio online que permita a sus usuarios la creación de orlas junto a sus compañeros.  Sencillo y fácil de manejar  Rápido  Personalizable  Gratuito

3  Construcción de una base sobre la que trabajar.  Patrón MVC

4  Diagrama de acciones para definir las pantallas y funciones del servicio y su navegación.  BBDD; Diagrama ER y estructura.

5  Gestión de configuración mediante SourceTree en un repositorio de bitbucket.  Investigación y selección de posible librerías necesarias para ciertas funciones del servicio.  Selección de temática y diseño visual.

6  El modelo MVC se sustenta en 3 archivos PHP.  Uno encargado de la labor de controlador, recoger la interacción con el usuario.  Otro archivo corresponde a la vista, que se encarga de construir las vistas mediante plantillas html y los datos proporcionados con el modelo.  Otro archivo realiza la labor de modelo encargándose de la consulta y modificación de la base de datos y de archivos como los avatares.

7  OTSTRAP  Es un framework que facilita el desarrollo web, proveyendo de diversas clases que ayudan a la creación de un diseño responsive, validación de datos y organizado de elementos en pantalla.  Librerías  Para ofrecer ciertas funcionalidades se han empleado librerías externas: Buscador.jsBuscador.js: Para la búsqueda y filtrado de orlas. Html2Canvas.jsHtml2Canvas.js: Para la transformación de la orla personalizada en una imagen imprimible. Sorttable.jsSorttable.js: Para ordenar las tablas según sus diferentes campos, sin necesidad de recargar la página por completo.

8  VALIDACIÓN  Para evitar las posibles acciones maliciosas y para informar a los mas torpes he visto necesario validar todos los datos introducidos por el usuario.  Parte cliente: Mediante html, javascript y bootstrap se verifica que no se dejan campos sin completar y que se reyenan adecuadamente.  Parte servidor: Mediante php se comprueba que se reciben todos los datos necesarios en forma y tipo, que no exceden el tamaño esperado ni incluyen caracteres prohibidos y además se emplean sentencias preparadas para evitar inyecciones SQL.

9  Codificación UTF-8  En navegador, html, php, base de datos y consultas.  Redimensionado de fotografías de distintos formatos.  Guardado y exportado de orlas en formato de imagen

10  1-Registro/Sign-up 1-Registro/Sign-up  2-Acceso/Log-in 2-Acceso/Log-in  3-Diseño Responsive y Perfil 3-Diseño Responsive y Perfil  4-Inscripción en Orlas 4-Inscripción en Orlas  5-Creación de una Orla 5-Creación de una Orla  6-Difusión del servicio 6-Difusión del servicio  7-Desuscripción y borrado de Orlas 7-Desuscripción y borrado de Orlas  8-Personalización y visualización de una Orla 8-Personalización y visualización de una Orla  9-Seguridad 9-Seguridad

11  Posibles añadidos y modificaciones que me gustaría hacer con mas tiempo:  Hashear contraseñas de los usuarios en la BBDD  Más fondos personalizados. (Con opción a subir fondos propios)  Incluir fotos del profesorado.  Asociación con copistería para impresión física de orlas.  Cortado y redimensionado de fotografías por el usuario desde la propia web.