periodico digital

30
Periódico Digital En esta presentación se muestra la aplicación web diseñada para empresas dedicadas a la prensa escrita, como solución para penetración al campo de la web.

Upload: suriel-mtz-zarate

Post on 05-Jul-2015

240 views

Category:

Technology


1 download

DESCRIPTION

Presentación sencilla de la aplicación para empresas de la prensa escrita.

TRANSCRIPT

Page 1: Periodico Digital

Periódico Digital

En esta presentación se muestra la aplicación web diseñadapara empresas dedicadas a la prensa escrita, como soluciónpara penetración al campo de la web.

Page 2: Periodico Digital

Diseño Responsivo

Uno de los retos mas grandes en la web es la portabilidad, es por eso que se cuenta con un diseño dinámico pensado para cualquier dispositivo con acceso a internet.

Page 3: Periodico Digital

Problemática

• La mayor parte de las veces nos encontramoscon el tema de la administración de los contenidos en un periódico digital.

• Se pierde mucho tiempo en programación y la vista en la que se desea luzca la páginaprincipal.

• Consumo de tiempo en diseño gráfico paramanipulación de imágenes tanto de notas comode banners publicitarios.

• Necesitamos saber programar al menos lo básico para integrar las redes sociales mas visitadas.

• No se puede trabajar en modo de colaboracióncon gente de otras ciudades o diferentes roles.

Page 4: Periodico Digital

Solución Propuesta

• El sistema esta diseñado para soportar los cuatro principales tipos de contenidos: Nota, Columna, Min a Min y Banners Publicitarios.

• Esta pensado como una solución multi-ciudad, colaborativa, configurable y automátizada.

• Con un diseño agradable se pretende integrarlas herramientas mas comunes de las redessociales para facil penetración a variossectores sociales.

• Se ofrece un diseño personalizado tanto de página principal como del contenido en general.

Page 5: Periodico Digital

Inicio de la Demostración

Page 6: Periodico Digital

Agregar Nota Periodística

• Se trata de hacer fácil la forma en la que publica un periodísta o columnista, bastasólo con llenar un simple formulario y seleccionar la información deseada para la nota en cuestión.

Seleccionar fechas de vigencia

Editor simple de Word

Page 7: Periodico Digital

Admon de Notas

• Una vez cargada la información se puede ver la lista de lo que se ha adicionado a la nota, aquí mismo se puede bloquear, editar o eliminar la nota.

Page 8: Periodico Digital

Creación de Imagenes Automáticas

• El sistema en automático generará los tamaños de las imágenes necesarias parala visualización de la nota.

• Con esto se ahorra el tiempo de diseño gráfico a un solo clic al subir la ilustraciónde la nota creada.

Page 9: Periodico Digital

Agregar Columna

• De igual forma solo es llenar la información de un sencillo formulario que guía al columnista a traves de la captura de la información.

• El sistema puede cambiar el color de los campos de captura al pasar los límites establecidos y ayuda a contar las letras ingresadas.

Page 10: Periodico Digital

Noticias Minuto a Minuto

• Las notas minuto a minuto son notas informativas cortas que dan el acontecer del periódico de una forma fácil y digerida en pequeñas oraciones.

• Todo esto sin tener que generar toda una nota por cada acontecer.

Page 11: Periodico Digital

Admon de Notas Cortas

• Así como se ofrece un administrador de notas periodísticas, se ofrece de igualforma un administrador de información de columnas y notas cortas.

• Esto haciendo resaltar que se puede bloquear, editar o eliminar desde esta sección

Page 12: Periodico Digital

Acomodar las Notas

• El servicio de acomodo de las notas ofrece al administrador una experienciarealmente eficaz, ya que solo al arrastrar las notas a las columnas definidas se puede modificar la forma en la que se presentará la información.

Page 13: Periodico Digital

Administración de Usuarios

• Se tiene el administrador de usuarios, el cual nos permite generar y/o editar la información de nuestros colaboradores.

• De esta misma forma se pueden bloquear o eliminar los usuarios.

Page 14: Periodico Digital

Administración de Ciudades

• En el administrador de ciudades podemos dar de alta, bloquear, editar o eliminar las ciudades a las cuales queremos tener en cuenta para la generaciónde la información.

Page 15: Periodico Digital

Administración de Categorías

• En este administrador podemos dar de alta, bloquear, editar o eliminar lascategorías las cuales queremos tener en cuenta para la generación de la información, esto aplica para todas las ciudades.

Page 16: Periodico Digital

Administración de Roles

• Aquí podemos dar de alta, bloquear, editar o eliminar los roles disponibles paralos usuarios.

Page 17: Periodico Digital

Administración de Privilegios

• Este es el apartado mas importante, ya que aquí daremos permisos de acuerdoa los roles y ciudades a cada usuario.

Page 18: Periodico Digital

Administración de Ciudades

• Dentro de las funciones como usuario registrado en el sistema, se puede cargar unaimagen de avatar, la cual se mostrará al iniciar sesión.

• Esto aplica solo para cuando se inicia sesión en laptop o desktop, en Ipad, Iphone o dispositivos móviles es probable que no se muestre por la resolución.

Page 19: Periodico Digital

Modo de Uso

• Se debe dar de alta las ciudades.

• Dar de alta los roles y usuarios.

• Otorgar privilegios a cada usuario por ciudad.

• Generar notas ingresando la información y cargando una imagen.

• No olvidar poner una fecha de vigencia de la nota.

• Acomodar la información de las notas en lasdiferentes columnas de visualización.

• Guardar la configuración de las notas.

• Listo tenemos un periódico digital completo.

Page 20: Periodico Digital

Vista Previa

• En el módulo de administración de banners nos explica los tamaños y posicionesdisponibles para suvisualización en el sitio.

• El webmaster te puedeapoyar con una guía al respecto.

Page 21: Periodico Digital

Ver Nota• Al visitar la nota se mostrará

la información capturadajunto con la imagenrecortada de acuerdo al tamaño del recuadro de la ilustración.

• Se mostrará también lasherramientas de redessociales para compartir y/o comentar tanto en Facebook, Twitter y Google Plus.

Page 22: Periodico Digital

Ver Columna• Al visitar la columna se visualizará una

franja superior alusiva a la sección, la información de forma ordenada así comouna imagen al respecto.

• Se mostrará también las herramientas de redes sociales para compartir y/o comentar tanto en Facebook, Twitter y Google Plus.

• Adicional, se muestra unapequeña biografíadel columnista en la parte inferior derecha.

• Se muestran susredes sociales de contacto.

Page 23: Periodico Digital

Modulos Interactivos

• SLIDER: Consta de imagenes del tamaño del ancho del diseño que se intercambiancon transiciones visualmente agradables mostrando la información del título de la nota.

Page 24: Periodico Digital

Modulos Interactivos

• COLUMNA PRINCIPAL: Consta de la reseña de las notas mas importantes, resaltandola primera con la información del título y el balazo.

• Seguido de mas notas e información en bloquespequeños agrupados en una columna lateral.

• La nota principal cuentacon las herramientas de las redes sociales.

Page 25: Periodico Digital

Modulos Interactivos

• SEGUNDA COLUMNA: Consta de imagenes con información de tamaño medio que son agrupadas en columna por nota y que cuentan con botones de desplazamientoizquierda-derecha mostrando mas notas mediante una transición hacia los lados.

Page 26: Periodico Digital

Modulos Interactivos

• GALERÍA: Consta de imagenes con información simple de tamaño medio que son agrupadas en columna por nota y que cuentan con botones de desplazamientoizquierda-derecha mostrando mas notas mediante una transición hacia los lados.

Page 27: Periodico Digital

Modulos Interactivos

• TERCERA COLUMNA: Consta de imagenes con información de tamaño medio que son agrupadas en filas por nota.

• Cuentan con las herramientas de redes sociales para compartir y dar “Me Gusta”.

Page 28: Periodico Digital

Modulos Interactivos

COLUMNA LATERAL:

• En esta columna se enlistan las notas MIN A MIN y las notas mas recientes.

• Adicional, se cuentan con pequeños fragmentosde módulos de redes sociales.

• Se considera también un módulo de suscripciónpara usuarios frecuentes.

Page 29: Periodico Digital

Modulos Interactivos

COLUMNA LATERAL:

• Se contempla un módulo de intercambio de banners en forma de cuadro.

• Adicional a la información de la nota, se puederegistrar un video relacionado, esto paraampliar la nota dar el toque personal del sitio.