Informe Desarrollo de Portal Web

PAGE 6

Propuesta Tcnica Para el Desarrollo de Portal Web

Municipalidad Provincial de Puno

Desarrollado por:

Empresa Soluciones Web S.R.Ltda

Mayo 2015

INDICE: Presentacin

Descripcin general

Objetivos del proyecto

Estructura y diseo base

Caractersticas tcnicas

Funcionalidades

Descripcin del proceso

Etapas del proceso

Cronograma

Presentacin

El presente es un informe sobre el proceso de Desarrollo del Portal Web Municipalidad Provincial de Puno.

Todo el proceso se enfoc en disear un producto de calidad, centrado en las necesidades del usuario y basado en los estndares tcnicos adecuados; al mismo tiempo se dise una base esttica agradable y una estructura y navegacin amigable.Descripcin general

1. Objetivos del proyecto

2. Estructura y diseo base

- Mapa de sitio:

Informacin General (Men Principal)

1. Sobre la MUNICIPALIDAD: Presentacin, Misin, Visin, Historia, Consejo Municipal, Empleados, Convenios Institucional2. Municipalidad3. Gestin Municipal4. Transparencia5. Publicaciones

6. Noticias7. Puno Empresas8. Intranet

9. Encuentro Regional de Regidores10. Libro de ReclamacionesMen Secundario1. Convocatoria2. Contrataciones3. Vaso de Leche4. Profeduca5. Documentos de TransparenciaSecciones Miscelneas

1. Inicio

2. Mapa del sitio

3. Buscador

4. Contctenos- Diseo aprobadoEl diseo aprobado es una propuesta grfica fresca y de fcil lectura, su combinacin de colores fros haciendo contraste con colores clidos crea una propuesta visual agradable y moderna que no deja por fuera el carcter institucional y sobrio, resaltado por los colores de acuerdo al color de la bandera o escudo y la parte superior correspondiente al banner del encabezado. El esquema de navegacin es sencillo, pues lo principal es lograr una lectura o navegacin fluida del sitio. El men se localiza en un solo nivel en la parte superior del sitio y despliega descendentemente sus subniveles. El resto de enlaces importantes se destacan de una forma que no afecte o compita con los dems elementos de la pgina.

La propuesta mantiene un equilibrio entre los elementos grficos, sean estos los colores, las imgenes, textos, botones, banners; logrando as una propuesta sobria y organizada, pero con un aire de dinamismo y energa.

- Caractersticas tcnicas

- Resolucin 800 x 600: es una resolucin utilizada por el pblico meta y por lo tanto la resolucin mnima a la que se debe disear por cuestiones de accesibilidad de distintos usuarios. Visualmente resulta agradable a la vista al visualizarlo en monitores de resoluciones mayores (1024 x 768 o superior).

- Diseo y programacin basados en estndares bsicos de optimizacin web y accesibilidad y en los estndares mundiales de programacin (php, css, xml). - Sistemas de montaje y manejo de contenidos basados en Open Source o Cdigo Abierto, con amplias capacidades de expansin y desarrollo, como lo es Joomla.- Funcionalidades

El sitio incorpora una serie de funcionalidades que fueron pensadas de darle una mayor interactividad al sitio y en favorecer la autoadministracin de las diferentes secciones y mdulos.

Los principales o ms complejos:Panel de Administracin:

Cuenta con un panel de administracin que permite modificar todas las pginas estticas, noticias y artculos en cuanto a su contenido y formato general de manera muy intuitiva y grfica, por lo que se facilita el mantenimiento del mismo.

Administrador de documentos

El sitio tiene ya instalado un administrador de recursos y documentos, tambin llamado repositorio. ste permite categorizar archivos de diferentes formatos en categoras y subcategoras, agregar descripciones a los mismos y facilitar la descarga de los documentos.Administrador de noticias

Se configur la seccin de noticias para que se muestren resmenes de las noticias con una fotografa y la posibilidad de leer la nota completa. Adems brinda la posibilidad de que al leer cada noticia el usuario puede dejar su comentario y que este sea publicado en el sitio, justo despus de la noticia.

Otras aplicaciones instaladas:- Buscador: Sistema de bsqueda por palabra clave y otros filtros- Formulario de contacto: Formulario automatizado que enva los comentarios escritos por los visitantes al correo especificado.-Mapa del sitio: se actualiza automticamente segn los contenidos agregados a los mens.-Blog Municipal: es un espacio interactivo, donde se incorporan temticas relacionadas con los gobiernos locales, y en los que los usuarios pueden acceder a informacin relacionada e incluir sus propios comentariosDescripcin del proceso

Etapas del proceso

El proceso seguido para el desarrollo del sitio se bas en las siguientes etapas:

- Conceptualizacin:

Esta fase inici con la delimitacin de las necesidades identificadas por parte de la Municipalidad Provincial de Puno. A partir de estas se disea una estructura de navegacin, de dnde se desprenders las directrices generales para el diseo grfico y diagramacin general de los diferentes elementos (men, banners, rea principal, encabezados, etc.

En esta etapa, tambin se contempla la revisin de contenidos y textos del sitio, por parte de la Municipalidad Provincial de Puno, creando as el guin en que se basara la construccin de la pgina web. - Desarrollo de interfaz:

Se disearon 3 propuestas, de las cules fue elegida una. Luego se present una ronda de correcciones, y posteriormente se realizaron otras basadas en el Manual de Imagen de la Municipalidad Provincial de Puno, hasta llegar a la propuesta final.A partir de la grfica seleccionada, se programaron las plantillas (para la Pgina Principal y pginas internas) y se realiz la configuracin de las mismas en el CMS.

- Preparacin de insumos:

Paralelamente se seleccionaron los insumos y recursos necesarios: imgenes, fotografas, archivos de audio, textos, documentos, etc., y completndose as el guin web para el sitio.Adems la Municipalidad Provincial de Puno proporcion los datos de informacin de acceso al servidor.

- Montaje de contenido:

En esta etapa se instalaron todos los componentes y mdulos necesarios para poner en lnea las funcionalidades del sitio y se incorporaron los textos y contenidos correspondientes a cada seccin.

Se realizaron las pruebas y posteriores modificaciones requeridas as como los cambios solicitados en el contenido.Cronograma:Semana 1

- Coordinacin general.

- Solicitud de insumos para diseo:logos, fotografas.

- Revisin y diagnstico del sitio actual.

Semana 2

- Planteamiento de necesidades por parte de la Municipalidad Provincial de Puno.

- Definicin de estructura de navegacin.

- Definicin de premisas creativas/visuales y diagramacin.

- Definicin de aplicaciones requeridas y requerimientos tcnicos.

- Entrega total de insumos para diseo por parte de la Municipalidad Provincial de Puno

- Entrega a la Municipalidad Provincial de Puno de plantilla para recopilacin de textos (guin).

Semana 3

- Desarrollo de propuestas visuales y aprobacin de las mismas.

- Municipalidad Provincial de Puno entrega textos y documentos, en formato digital, segn plantilla proporcionada..

- Municipalidad Provincial de Puno entrega informacin de acceso a servidor y se realiza coordinacin con encargados.

Semana 4 - 5 -6

- Instalacin y configuracin de CMS, plantillas.

- Montaje y programacin.

- Implementacin de herramientas y aplicaciones.

Semana 7 - 8

- Optimizacin del sitio.

- Correcciones.

- Boletn o Newsletter para envo por correo.

- Implementacin de sistema de estadstica.

Consideraciones finales

El sitio web de la Municipalidad Provincial de Puno es un sitio agradable, de fcil navegacin y con facilidades de comunicacin acordes con las necesidades de los usuarios y de los tiempos actuales. La pgina web presenta funcionalidades prcticas, apegadas a los estndares y requisitos actuales. Adems, posee la condicin de ser autoadministrable por lo que su mantenimiento podr hacerse de manera sencilla y normalmente sin intermediacin de una figura tcnica especializada, esto despus de realizarse una capacitacin al equipo que se encargar de actualizarlo.

Respecto a otras caractersticas tcnicas, como se mencion, son acordes a los estndares mundiales, y adems adaptados a las necesidades especficas del publico meta, por ello es un sitio de fcil navegacin, agradable y liviano.Finalmente, a travs de la capacitacin que la Empresa Soluciones Web proporciona, el personal encargado del mantenimiento ser capaz de darle un soporte adecuado al sitio y modificar sus contenidos principales.