#BeTrendinTopic Manuel Florencio Olmedo Victor García Gómez Sergio Martínez Sánchez Servicios Multimedia ARA – Grupo 02
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
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 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
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 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
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 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
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 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
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 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
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 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
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 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
DIAGRAMA DE FLUJO #BeTrendinTopic. SM 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
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 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 Manuel Florencio Olmedo Victor García Gómez Sergio Martínez Sánchez Servicios Multimedia ARA – Grupo 02 ¡Gracias por vuestra atención!