#BeTrendinTopic Manuel Florencio Olmedo Victor García Gómez Sergio Martínez Sánchez Servicios Multimedia ARA – Grupo 02.

Presentación del tema: "#BeTrendinTopic Manuel Florencio Olmedo Victor García Gómez Sergio Martínez Sánchez Servicios Multimedia ARA – Grupo 02."— Transcripción de la presentación:

1 #BeTrendinTopic Manuel Florencio Olmedo Victor García Gómez Sergio Martínez Sánchez Servicios Multimedia ARA – Grupo 02

2 1.INTRODUCCIÓN. DESCRIPCIÓN DEL PROYECTO 2.PROPUESTA DE TRABAJO 3.RECURSOS Y HERRAMIENTAS UTILIZADAS 4.DESCRIPCIÓN DE LA PÁGINA WEB 5.CONCLUSIONES. FUTURAS IMPLEMENTACIONES #BeTrendinTopic. SM 2015-2016 2

3  Página web para la programación y difusión de contenidos multimedia, en diferido, destinados a Redes Sociales.  Planificación y programación de las publicaciones (cuándo y dónde se quieren publicar, incluyendo gestión de contenidos)  playout  Procesado de contenidos multimedia de manera independiente.  Descarga de archivos procesados y posterior subida a tu cuenta de usuario. #BeTrendinTopic. SM 2015-2016 3 1. INTRODUCCIÓN. DESCRIPCIÓN DEL PROYECTO 2. PROPUESTA DE TRABAJO 3. RECURSOS Y HERRAMIENTAS UTILIZADAS 4. DESCRIPCIÓN DE LA PÁGINA WEB 5. CONCLUSIONES. FUTURAS IMPLEMENTACIONES

4 OBJETIVOS  Facilitar interacción de los usuarios en Redes Sociales y generar contenidos sin estar presentes a la hora de la publicación.  Ofrecer procesadores de contenidos multimedia para modificar, reparar o embellecer ese contenido.CONTEXTO  Aplicación enmarcada en el contexto de las Redes Sociales.  Su papel es muy importante en la sociedad actual. #BeTrendinTopic. SM 2015-2016 4 1. INTRODUCCIÓN. DESCRIPCIÓN DEL PROYECTO 2. PROPUESTA DE TRABAJO 3. RECURSOS Y HERRAMIENTAS UTILIZADAS 4. DESCRIPCIÓN DE LA PÁGINA WEB 5. CONCLUSIONES. FUTURAS IMPLEMENTACIONES

5 REFERENTES  Instagram. o Se toma como referencia el filtrado y procesado de archivos de imagen.  Postcron.com. o Se toma como referencia la creación de un playout para programación y difusión de contenidos en RRSS.  Juntando ambos aspectos de ambos referentes se crea…#BeTrendinTopic #BeTrendinTopic. SM 2015-2016 5 1. INTRODUCCIÓN. DESCRIPCIÓN DEL PROYECTO 2. PROPUESTA DE TRABAJO 3. RECURSOS Y HERRAMIENTAS UTILIZADAS 4. DESCRIPCIÓN DE LA PÁGINA WEB 5. CONCLUSIONES. FUTURAS IMPLEMENTACIONES

6  Idea: Realizar una página lo más user-friendly posible  centrarse en el front-end (estilos e interacción con el usuario). TAREAS Y PROCEDIMIENTO 1.Diseño de mockups y generación de diseños HTML/CSS. Uso de frameworks  Bootstrap. No uso de templates. 2.Gestión del registro, login y sesiones con PHP. Creación de base de datos y tablas con MySQL. 3.Diseño dinámico de la web con JavaScript y PHP. Personalización de la página en función del usuario y su interacción. #BeTrendinTopic. SM 2015-2016 6 1. INTRODUCCIÓN. DESCRIPCIÓN DEL PROYECTO 3. RECURSOS Y HERRAMIENTAS UTILIZADAS 4. DESCRIPCIÓN DE LA PÁGINA WEB 5. CONCLUSIONES. FUTURAS IMPLEMENTACIONES 2. PROPUESTA DE TRABAJO

7 TAREAS Y PROCEDIMIENTO 4.Realizar diseño dinámico responsive del front-end con media-queries y CSS  animaciones y efectos llamativos. Diseño del playout. 5.Desarrollo código de procesamiento de contenido multimedia con PHP y JavaScript. 6.Retoques finales: relleno de texto, pruebas de funcionamiento y debug final. #BeTrendinTopic. SM 2015-2016 7 1. INTRODUCCIÓN. DESCRIPCIÓN DEL PROYECTO 3. RECURSOS Y HERRAMIENTAS UTILIZADAS 4. DESCRIPCIÓN DE LA PÁGINA WEB 5. CONCLUSIONES. FUTURAS IMPLEMENTACIONES 2. PROPUESTA DE TRABAJO

8 DISTRIBUCIÓN Y MÓDULOS DE TRABAJO  Victor García Gómez o Diseño de los estilos y presentación de la web (HTML, CSS, frameworks, Bootstrap y Sass), división por secciones y efectos de animación.  Manuel Florencio Olmedo o Programación de procesados de imágenes con JavaScript y PHP, descarga directa de imágenes e investigación de conexión a Redes Sociales desde #BeTrendinTopic.  Sergio Martínez Sánchez o Creación de base de datos y tablas con MySQL, programación del registro, login y sesiones, y consultas a base de datos para personalización de la web, con PHP. #BeTrendinTopic. SM 2015-2016 8 1. INTRODUCCIÓN. DESCRIPCIÓN DEL PROYECTO 3. RECURSOS Y HERRAMIENTAS UTILIZADAS 4. DESCRIPCIÓN DE LA PÁGINA WEB 5. CONCLUSIONES. FUTURAS IMPLEMENTACIONES 2. PROPUESTA DE TRABAJO

9  Lenguajes de programación: o HTML o CSS (Sass) o JavaScript o AJAX o Frameworks (Bootstrap y Jquery) o PHP o MySQL  Editor de texto Sublime Text  Servidor local XAMPP #BeTrendinTopic. SM 2015-2016 9 1. INTRODUCCIÓN. DESCRIPCIÓN DEL PROYECTO 4. DESCRIPCIÓN DE LA PÁGINA WEB 5. CONCLUSIONES. FUTURAS IMPLEMENTACIONES 2. PROPUESTA DE TRABAJO 3. RECURSOS Y HERRAMIENTAS UTILIZADAS

10 DIAGRAMA DE FLUJO #BeTrendinTopic. SM 2015-2016 10 1. INTRODUCCIÓN. DESCRIPCIÓN DEL PROYECTO 5. CONCLUSIONES. FUTURAS IMPLEMENTACIONES 2. PROPUESTA DE TRABAJO 3. RECURSOS Y HERRAMIENTAS UTILIZADAS 4. DESCRIPCIÓN DE LA PÁGINA WEB

11 Futuras implementaciones  Conexión a Redes Sociales y protección de datos o Solicitar permisos a RRSS y redactar nuestra política de privacidad o Registro en Agencia Española de Protección de Datos (AEDP) para asegurar la protección de datos de los usuarios  Mejora de la sección de procesado o Incluir un botón para añadir imágenes a procesar (para móviles, ya que drag-and-drop solo es factible en ordenadores) o Añadir más procesados de imagen (filtros) o Adaptar la sección a procesado de vídeo y audio  Incluir nuevas opciones o Opción de modificar datos de la cuenta de usuario, borrado de cuentas y de archivos multimedia #BeTrendinTopic. SM 2015-2016 11 1. INTRODUCCIÓN. DESCRIPCIÓN DEL PROYECTO 2. PROPUESTA DE TRABAJO 3. RECURSOS Y HERRAMIENTAS UTILIZADAS 4. DESCRIPCIÓN DE LA PÁGINA WEB 5. CONCLUSIONES. FUTURAS IMPLEMENTACIONES

12 #BeTrendinTopic Manuel Florencio Olmedo Victor García Gómez Sergio Martínez Sánchez Servicios Multimedia ARA – Grupo 02 ¡Gracias por vuestra atención!