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
o Objetivos del proyecto
o Estructura y diseo base
o Caractersticas tcnicas
o Funcionalidades
Descripcin del proceso
o Etapas del proceso
o 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 Institucional
2. Municipalidad
3. Gestin Municipal
4. Transparencia
5. Publicaciones
6. Noticias
7. Puno Empresas
8. Intranet
9. Encuentro Regional de Regidores
10. Libro de Reclamaciones
Men
1.
2.
3.
4.

Secundario
Convocatoria
Contrataciones
Vaso de Leche
Profeduca

5. Documentos de Transparencia
Secciones Miscelneas
1. Inicio
2. Mapa del sitio
3. Buscador
4. Contctenos
- Diseo aprobado
El 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 comentarios

Descripcin 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.