periodico digital
DESCRIPTION
Presentación sencilla de la aplicación para empresas de la prensa escrita.TRANSCRIPT
![Page 1: Periodico Digital](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/1.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/2.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/3.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/5.jpg)
Inicio de la Demostración
![Page 6: Periodico Digital](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/6.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/7.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/8.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/9.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/11.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/12.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/13.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/14.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/15.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/16.jpg)
Administración de Roles
• Aquí podemos dar de alta, bloquear, editar o eliminar los roles disponibles paralos usuarios.
![Page 17: Periodico Digital](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/17.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/18.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/19.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/20.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/21.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/22.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/23.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/24.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/25.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/26.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/27.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/28.jpg)
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](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/29.jpg)
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.
![Page 30: Periodico Digital](https://reader034.vdocuments.co/reader034/viewer/2022052601/55981ada1a28ab52048b46de/html5/thumbnails/30.jpg)
http://www.MultiWebEmpresarial.com | México 2013
Ver Portafolio | Consulta en Línea | Promociones
Cel: 044(55) 35.74.42.80
Contacto: [email protected]
Contáctenos