Web Velarde.cl Edición 1.0 28-11-2014 - DIS AltaVoz S.A. http://www.altavoz.net info@altavoz.net Viña del Mar: Dos Poniente 355 of 53. Fonos (56 32) 276-8060 Santiago de Chile: San Pío X 2460, oficina 304. Fono (56 2) 585-4264, Fax (56 2) 595-1906
Indice de Contenidos 1 Antecedentes...4 2 Objetivos... 4 3 Elementos Prontus...4 3.1 Nomenclatura... 4 4 Capacidades...5 4.1 Tipos de Contenido... 5 4.2 Funcionalidades Prontus... 5 4.3 Resumen de portadas Prontus...6 4.4 Resumen de artículos Prontus:...6 4.5 Funcionalidades Buscador...9 4.6 Sitemaps... 9 4.7 Estadísticas... 9 5 Plataformas Objetivo...10 5.1 Browsers... 10 6 Los Usuarios...10 7 Plataforma Tecnológica...10 8 Limitaciones...10 9 Contenidos...11 9.1 Poblamiento de Artículos...11 10 Actores Vinculados con la Operación y sus Roles...11 11 Wireframes...11 pág. 2
Historial de Revisiones # Versión Fecha Autor Descripción 1 1.0 DIS Versión Altavoz pág. 3
Web Velarde El presente documento contiene la descripción de los contenidos, sistemas, capacidades y condiciones de funcionamiento que debe cumplir el Sitio Web Velarde. En este contexto, se realizarán las tareas y desarrollos necesarios para dar cumplimiento a los requerimientos explícitamente indicados aquí. Toda prestación o característica no descrita en este documento por defecto no será implementada, por muy obvia, razonable o necesaria que parezca. 1 Antecedentes Velarde necesita actualizar su un sitio web implementado en Prontus CMS. 2 Objetivos AltaVoz se compromete a realizar el desarrollo del Sitio Web Velarde para que cumpla con los estándares requeridos y permita una mejor comunicación con sus usuarios. Dentro de los objetivos a cumplir se plantea lo siguiente: Ofrecer un sitio que permita establecer un nexo de comunicación con los usuarios de internet que se encuentren interesados en los temas que se exponen. Ofrecer una solución web innovadora en cuanto al diseño de su portada y secciones basada en el material facilitado por el cliente. Optimizar la experiencia del usuario, a través del diseño, estructura y diagramación, junto a prestaciones que lo ayudarán a llegar con rapidez y comodidad hasta la información que necesita. Optimizar la visibilidad del sitio, dotándolo de una estructura amistosa a Google y otros buscadores. Optimizar la calidad técnica del sitio web, satisfaciendo los estándares actuales aplicables a html, css, xml, javascript y otras tecnologías aplicadas en este. Optimizar la administración del sitio, mediante la instalación de herramientas ágiles y fáciles de usar. 3 Elementos Prontus Por la importancia de una edición ágil, aquí se describen los elementos de Prontus que son clave dentro del proyecto. 3.1 Nomenclatura Portada: Página principal del sitio. Puede tener áreas Prontus definidas para publicar contenidos e insertar módulos y columnas. Generalmente recibe el nombre de inicio.html Portadilla: Portada interior del sitio. Ejemplo: nuestra_marcas.html Portada Taxonómica: Portada generada automáticamente por Prontus y que contiene solo artículos de una determinada sección, tema y subtema. pág. 4
Módulo: Portada Prontus diseñada para ser inserta dentro de otra portada. El nombre de las portadas que se insertan dentro de otras por convención comienza con '_'. Ejemplo: _m_destacado.html Formulario de ingreso de datos (FID): El formulario de ingreso de datos o FID, corresponde al formulario encargado de recibir la información, la que va a ser reemplazada en la plantilla de artículo y crear finalmente la página de artículo, la que luego es almacenada en el servidor Plantilla: Páginas que sirven de moldes para crear artículos y portadas. En éstas se define todo el diseño de las páginas, la distribución de los elementos a publicar (titular, fecha, texto del cuerpo, etc.), los formatos de texto,etc. Área: Sector dentro de una portada que contendrá uno o mas artículos publicados Categorías: Sección, Tema y Subtema. Son niveles de grupos temáticos en los cuales se puede categorizar una publicación, de esta manera es posible agrupar artículos. Por ejemplo sección: Noticias, tema: Deportes, subtema: Fútbol Los principales elementos a construir del sitio son los siguientes: Portadas Artículos Redes Sociales Formularios Buscador Inicio, Nuestras Marcas y Conócenos General, Ficha Productos, Video, banner, link, rótulo Facebook y twitter para compartir sólo noticias Formulario de Contacto Para desplegar los resultados de búsqueda de artículos tipo noticia 4 Capacidades 4.1 Tipos de Contenido Los tipos de contenido a publicar son: Texto sin formato. Utilizado en titulares y bajadas, que adoptarán los estilos predeterminados en portadas y artículos. Texto con formato. Usado en cuerpos de artículos. Imágenes. En formato JPG, GIF y PNG. Archivos descargables. En cualquier formato (pdf, doc, xls, etc.). Video. Formato reconocido automáticamente por Prontus y transcodificados a mp4. Contenido embebido proveniente de otros sitios como YouTube y Slideshare. Los contenidos serán publicados y administrados a través de Prontus CMS. 4.2 Funcionalidades Prontus Las funcionalidades Prontus a incluir en el sitio web son las que se indican a continuación: Relación taxonómica de artículos, permitiendo así relacionar unos artículos con otros para agruparlos en portadas temáticas (tópicos con tres niveles de profundidad) o para acceder rápidamente a más información sobre un tópico en particular. pág. 5
Etiquetado de artículos (tags), permitiendo agrupar artículos que han sido rotulados con la misma etiqueta, a criterio del editor, para presentarlos como artículos relacionados. Generación automática de artículos relacionados por taxonomía, información que podrá acompañar a cada artículo. Control de Alta de Artículos. El editor puede mantener artículos en estado de "borrador" para permitir su visualización sólo cuando son terminados. Ajuste automático de imágenes. Prontus redimensiona automáticamente las imágenes para ajustarlas a la diagramación del sitio web. Creación automática de submenús. Prontus genera automáticamente un menú con los subtítulos de un artículo extenso. Biblioteca multimedia. A medida que se ingresan imágenes y videos, éstos van siendo recolectados en un repositorio común desde el cual pueden volver a ser utilizados dentro del sitio web. Editor de Formularios. Prontus publica automáticamente formularios de consulta, suscripción, o contacto comercial, permitiendo controlar a quién van dirigidos, los mensajes de autorrespuesta. Generación automática de Google Site Maps, para una mejor indexación por parte de Google. Friendly URLs, para obtener mejores posiciones en Google y los principales buscadores en Internet. Los friendly URLs deberán incluir la taxonomía, ej: /noticias/deportes/futbol/udechile/... 4.3 Resumen de portadas Prontus Nombre Archivo Uso Inicio Inicio.html Página principal del sitio (home) Header _m_header.html Cabecera del sitio, zona en donde se encuentra el logo y el menú principal. Footer _footer.html Pie del sitio, zona en donde se encuentra información básica. Sidebar _m_sidebar.html Zona que contiene la información que va al costado derecho de la sección noticias. Noticias concocenos.html Portada de la sección noticias que contiene todos los artículos de la sección Conócenos Noticias Portadas tagonómicas nuestras_marcas.html Portada de la sección noticias que contiene todos los artículos de la sección Nuestra Marcas Portadas automatizadas que se generan a partir de la suma de artículos tipo noticias que contienen un tag en común. 4.4 Resumen de artículos Prontus: Nombre FID Elementos Uso pág. 6
General fid_general Titular Cabecera: - Bajada - Tags - Categoría 1 Sección -Tema Subtema Utilizado para generar contenidos generales. -Seo : description: para describir la nota, puede ser la bajada. keywords: palabras claves Opciones - Fecha de publicación y expiración - Check Alta artículo y despublicar sólo de portadas Cuerpo: - Campo para insertar texto, fotos, video, embed Fotos : - Destacado portada 1300x550 - Foto artículo grande 1100x465 - Foto artículo 540x300 - Foto portadas taxonómicas 350x200 - Foto 50x50 para iconos - Foto 30x30 para iconos Archivos (máximo 5): - Tipo (word, excel, pdf. Ppt, otro) Multimedia : - Transcodificador de video imagen de inicio de video - Dimensiones de video - Embed video para insertar, por ejemplo videos de youtube - Embed Video - Texto pie de video - Dimensiones - Archivo a subir Galería de fotos (x16) - Pie de foto, crédito, foto grande, foto preview, Foto número, Carga masiva con zip Nombre FID Elementos Uso pág. 7
Noticias fid_noticias Titular - Epígrafe - Bajada - Fecha (ej: 10 de Octubre de 2014) - Autor - Tag - Comentarios administrables Utilizado para generar noticias. -Seo : description: para describir la noticia, puede ser la bajada. keywords: palabras claves. - Categoría 1 Sección -Tema Subtema Incluir: check botones redes sociales Opciones - Fecha de publicación - Fecha expiración - Check Alta artículo - Check solo despublicar de portadas Cuerpo:- Campo para insertar texto, fotos, video, embed Fotos : - Destacado portada 1300x550 - Foto artículo grande 820x465 - Foto portadas taxonómicas/tagonómicas 350x200 - Foto 50x50 para iconos - Foto 30x30 para iconos Archivos (máximo 5): - Tipo (word, excel, pdf. Ppt, otro) Multimedia : - Transcodificador de video imagen de inicio de video - Dimensiones de video - Embed video para insertar, por ejemplo videos de youtube - Embed Video - Texto pie de video - Dimensiones - Archivo a subir Galería de fotos (x16) - Pie de foto, crédito, foto grande, foto preview, Foto número, Carga masiva con zip Nombre FID Elementos Uso Link fid_link Titular Cabecera - Bajada - Link - Target Utilizado para menú y ver más. Nombre FID Elementos Uso pág. 8
Rótulo fid_rotulo Titular - Bajada - foto - link (opcional) - Seo con title, description, keywords Banner fid_banner Titular Bajada - Link - Target Insertar rótulos en las portadas del sitio, eventualmente acompañados de una imagen. Para ingresar imágenes Banner - Destacados portada 1300x550, 1300x475 (video o foto) - Foto artículo grande 1100x465 - Foto artículo 540x300 - Foto portadas taxonómicas 350x200 - Foto 50x50 para iconos - Foto 30x30 para icono - Foto 170x55 para logo Raw HTML (permite el ingreso de HTML) Formulario contacto fid_form_contacto Titular - Habilitar Captcha - Respaldo de los datos enviados en el servidor - Introducción - Asunto - Asunto para el remitente - E-Mail(s) de destino - E-Mails para las respuestas - Mensaje de autorrespuesta (e-mail) - Mensaje de éxito (html) - Mensaje de error (html) - Nombre (más check Obligatorio) - Email (más check Obligatorio) - Teléfono: ) Utilizado para publicar formularios de contacto Botón enviar. Html fid_html Titular html Artículo para incrustar código html directamente en las portadas. Por razones de seguridad se eliminará automáticamente el código php y cualquier otra posibilidad de ejecutar código en el servidor. 4.5 Funcionalidades Buscador El buscador del sitio permitirá entregar en los resultados solamente los productos (artículos ficha productos). 4.6 Sitemaps Se incluirán el Google Site Map. 4.7 Estadísticas Se integrará Google Analytics para obtener información ampliada acerca de la demografía (datos de los visitantes) y del comportamiento del sitio con respecto al buscador Google. pág. 9
5 Plataformas Objetivo 5.1 Browsers La información publicada en el Portal estará abierta a cualquier usuario y por ello el sitio podrá ser correctamente visualizado en los siguientes browsers: MSIE 9. Firefox 27x Google Chrome32.x Safari 6.x Opera 10.6 La resolución de pantalla a considerar como base será 1280x768. El sitio del sitio será responsivo, ajustándose el sitio al tamaño de la pantalla del dispositivo por el cual se está visualizando. Para esto se realizará una grilla flexible con imágenes que se ajustan al contexto de la pantalla. 6 Los Usuarios Cualquier usuario que pueda acceder a la web a través de los navegadores mencionados anteriormente podrá tener acceso al sitio. Además los usuarios podrán recomendar los artículos que se encuentren en el sitio a través de facebook y twitter. 7 Plataforma Tecnológica El sitio Web del Portal será alojado en servidores de Velarde, que al menos cuenten con las siguientes características: Sistema Operativo Debian Linux 5. Servidor web Apache 2.2. Servidor de bases de datos MySQL 5.0. Intérpretes PHP 5.2, Python 2.5 y Perl 5.10. Además de los servicios necesarios para la administración: FTP, SSH, DNS, SMTP, etc. Las características técnicas del servidor deben ser al menos las siguientes: CPU Xeon QuadCore RAM 1GB Espacio en Disco 10 GB Snapshots Mensuales 2 Puerto NIC 1Gbps Transferencia Mensual 2tb 8 Limitaciones pág. 10
Las limitaciones estarán relacionadas principalmente a las capacidades del hosting y que fueron mencionadas en el punto anterior. 9 Contenidos 9.1 Poblamiento de Artículos No se considera el poblamiento por parte de altavoz. Velarde será responsable de publicar los contenidos en el sitio y de realizar modificaciones en los artículos. 10 Actores Vinculados con la Operación y sus Roles Los actores que participarán en la operación del sitio web de Velarde son los siguientes: Administrador/Webmaster. Responsable por la estructura general y la organización del sitio. Editor. Responsable de las portadas y tipos de artículo delegados en él, y de aprobar el trabajo de los periodistas (redactores) a su cargo. Puede haber varios editores. Redactor. Responsable de los tipos de artículo delegados en él. Puede ingresar contenidos, pero no puede publicarlos, ya que esa tarea le corresponde al Editor. 11 Wireframes Los wireframes de referencia se encuentran en el documento adjunto velarde-gdd-0000-wfrportal_velarde-r01.pdf el cual contiene la descripción de las portadas, portadillas y artículos a generar: pág. 11