UNIVERSIDAD NACIONAL DANIEL ALCIDES CARRIN

FACULTAD DE INGENIERIA
ESCUELA DE FORMACION PROFESIONAL DE SISTEMAS Y COMPUTACION

PGINA WEB PARA MUNICIPALIDAD DE YANACANCHA

1. Introduccin

En este presente trabajo detallaremos como realizar una pgina web que requiere
la municipalidad distrital de Yanacancha, tambin detallaremos las herramientas
para la elaboracin, crearemos una propuesta acompaada con un cronograma
para el proceso de creacin de la pgina web apoyndonos con software para
programar.

Para la realizacin de este proyecto se a recopilado informacin que requieren los

pobladores de dicho distrito y llegando en acuerdo con el gerente, alcalde y gerente
del rea de informtica en las diversas reuniones se detall las necesidades y el
rpido acceso a la pgina web.

Despus de la elaboracin de este proyecto primero aremos pruebas con los

trabajadores de la institucin para luego pasar a la implementacin de la pgina
web.
 UNIVERSIDAD NACIONAL DANIEL ALCIDES CARRIN
FACULTAD DE INGENIERIA
ESCUELA DE FORMACION PROFESIONAL DE SISTEMAS Y COMPUTACION

2. Organizacin

2.1. Razn Social de la Empresa:

Municipalidad Distrital de Yanacancha.

2.2. Distrito:

Yanacancha.

2.3. Ubicacin:

Av. Las Amricas S/N.

2.4. Telfono:

(063)-421413

2.5. Direccin Electrnica:

www.muniyanacancha.gob.pe
 UNIVERSIDAD NACIONAL DANIEL ALCIDES CARRIN
FACULTAD DE INGENIERIA
ESCUELA DE FORMACION PROFESIONAL DE SISTEMAS Y COMPUTACION

2.6. Descripcin General de la Municipalidad Distrital de Yanacancha:

La Municipalidad Distrital de Yanacancha, es una institucin de gobierno local

que tiene la funcin de administrar los ingresos econmicos y desarrollar
labores en beneficio y progreso de la comunidad local.

2.7. Misin:

Yanacancha distrito sustentable con calidad de vida, con practica de los valores
cvicos y morales y medio ambiente saludable enfocados a intereses de
desarrollo econmico y social articulado a mercados competitivos y definidos,
con activa participacin de los pobladores del distrito.

2.8. Visin:

Desarrollar los planes estratgicos sectoriales para alcanzar mejores niveles de

vida de la poblacin urbana y rural del distrito, ejecutando los objetivos
estratgicos a corto mediano y largo plazo.

3. Objetivos

3.1. Objetivo General

El objetivo de la pgina web es dar una informacin completa sobre la

municipalidad y de los servicios que ofrece, as como mostrar, a modo de
ejemplo, los datos que manejan. La web ser accesible desde cualquier
navegador y desde cualquier tipo de dispositivo disponible como ordenadores,
telfonos mviles y tabletas.

3.2. Objetivo Especfico

Los usuarios tendrn acceso a la pgina sin necesidad de registrarse.

Los usuarios de la municipalidad tendrn un acceso a un correo electrnico

empresarial.
 UNIVERSIDAD NACIONAL DANIEL ALCIDES CARRIN
FACULTAD DE INGENIERIA
ESCUELA DE FORMACION PROFESIONAL DE SISTEMAS Y COMPUTACION

Debe estar actualizado continuamente: tiene que presentar

transformaciones, novedades. que multipliquen la cantidad de visitas.

Debe cumplir la usabilidad universal: el sitio web debe ser claro y elegante
de cara al cliente, ofreciendo una interaccin agradable y cmoda.

4. Justificacin

En esta pgina web los pobladores de Yanacancha tendrn un acceso a la

informacin e forma rpida y con la comodidad de sus hogares, trabajo en cualquier
horario todos los das.

Los regidores tendrn acceso a un correo empresarial la cual servir para que
obtengan informacin de la municipalidad de manera muy rpida, fcil y segura,
donde tambin podrn compartir sus ideas y opiniones.

El proceso de noticias, resoluciones e informaciones de la municipalidad se

transfiere a una base de datos sin necesidad de previo proceso manual.

5. Descripcin Del problema

El problema ms comn que sucede en la municipalidad es que se generan dudas

sobre diversos temas ya sea resoluciones, oficios, solicitudes y noticias que
frecuentemente requieren los pobladores.

Los regidores tienen que usar redes sociales u otros medios para que reciben
informacin que requieren y no lo manejan de una manera empresarial y formal.

El gobierno central pide que las resoluciones estn alojadas en un sitio web para su
conocimiento de toda la poblacin.

Los pobladores no estn informados sobre los servicio y beneficios que brinda la
municipalidad como beca 18, SIS, vacaciones tiles, PVL, etc.
 UNIVERSIDAD NACIONAL DANIEL ALCIDES CARRIN
FACULTAD DE INGENIERIA
ESCUELA DE FORMACION PROFESIONAL DE SISTEMAS Y COMPUTACION

6. Marco Terico

6.1. Pgina web

Una pgina web se define como un documento electrnico el cual contiene

informacin textual, visual y/o sonora que se encuentra alojado en un servidor
y puede ser accesible mediante el uso de navegadores. Una pgina web forma
parte de una coleccin de otras pginas webs dando lugar al denominado sitio
web el cual se encuentra identificado bajo el nombre de un dominio.

6.2. HTML

HTML, sigla en ingls de Hipertexto Markus Lenguaje (lenguaje de marcas de

hipertexto), hace referencia al lenguaje de marcado para la elaboracin de
pginas web. Es un estndar que sirve de referencia del software que conecta
con la elaboracin de pginas web en sus diferentes versiones, define una
estructura bsica y un cdigo (denominado cdigo HTML) para la definicin de
contenido de una pgina web, como texto, imgenes, videos, juegos, entre
otros. Es un estndar a cargo del World Wide Web Consortium (W3C) o
Consorcio WWW, organizacin dedicada a la estandarizacin de casi todas las
tecnologas ligadas a la web, sobre todo en lo referente a su escritura e
interpretacin. Se considera el lenguaje web ms importante siendo su
invencin crucial en la aparicin, desarrollo y expansin de la World Wide Web
(WWW). Es el estndar que se ha impuesto en la visualizacin de pginas web
y es el que todos los navegadores actuales han adoptado. (Wikipedia, 2010)

6.3. CSS3

CSS son las siglas del ingls Cascading Style Sheets (Hojas de Estilo en
Cascada) y bsicamente consiste en la informacin que define como va a ser la
presentacin de una web. Cuando me refiero a presentacin, me refiero a
negritas, colores, efectos, tipos de letra que escogemos, de tal manera que
se independiza del HTML que es el lenguaje donde se estructura toda la
 UNIVERSIDAD NACIONAL DANIEL ALCIDES CARRIN
FACULTAD DE INGENIERIA
ESCUELA DE FORMACION PROFESIONAL DE SISTEMAS Y COMPUTACION

informacin que se manda a nuestro ordenador para que el navegador nos

presente esa bonita pgina web. Y CSS3 es la versin 3, donde se definen las
caractersticas de este lenguaje, digamos que en esta versin le han aadido
muchas cosas y mejorado otras. (Delgado, 2008)

Podemos agrupar o clasificar todas las pginas webs en 2 grandes grupos:

Webs estticas.

Webs dinmicas.

Las webs estticas son aquellas cuya informacin no vara en un tiempo a

medio o a corto plazo, tambin se las reconoce puesto que no interactan con
el usuario o navegante, su lenguaje de programacin est basado en HTML y
estn compuestas principalmente de textos e imgenes.

6.4. Base de Datos

Una base de datos (cuya abreviatura es BD) es una entidad en la cual se pueden
almacenar datos de manera estructurada, con la menor redundancia posible.
Diferentes programas y diferentes usuarios deben poder utilizar estos datos.
Por lo tanto, el concepto de base de datos generalmente est relacionado con
el de red, ya que se debe poder compartir esta informacin. Generalmente se
habla de un "Sistema de informacin" para designar a la estructura global que
incluye todos los mecanismos para compartir datos.

Una base de datos proporciona a los usuarios el acceso a datos, que pueden
visualizar, ingresar o actualizar, en concordancia con los derechos de acceso
que se les hayan otorgado. Se convierte ms til a medida que la cantidad de
datos almacenados crece. (CCM, 2010).
 UNIVERSIDAD NACIONAL DANIEL ALCIDES CARRIN
FACULTAD DE INGENIERIA
ESCUELA DE FORMACION PROFESIONAL DE SISTEMAS Y COMPUTACION

6.5. Hosting

Web Hosting es el servicio que provee el espacio en Internet para los sitios
web.

Qu significa hosting? Si deseas crear tu pgina web y que otros puedan

visitarla, vas a necesitar publicar o subir los archivos de tu sitio (texto e
imgenes) a un servicio de web hosting. En espaol, muchas veces se lo refiere
como alojamiento web (si bien la palabra inglesa es mucho ms empleada
globalmente).

Estos servicios de hosting funcionan ofrecindote computadoras de grandes

prestaciones (servidores web), utilizando conexiones de alta velocidad adems
de muchas otras funcionalidades concernientes a seguridad y sistemas.
(duplika, 2012)

6.6. Dominio

Un dominio se compone normalmente de tres partes: en

www.masadelante.com, las tres uves dobles (www), el nombre de la
organizacin (masadelante) y el tipo de organizacin (com).

Los tipos de organizacin ms comunes son .COM, .NET, .MIL, y .ORG, que se
refieren a comercial, network, militar, y organizacin (originalmente sin nimo
de lucro, aunque ahora cualquier persona puede registrar un dominio .org).

Puesto que Internet se basa en direcciones IP, y no en nombres de dominio,

cada servidor web requiere de un servidor de nombres de dominio (DNS) para
traducir los nombres de los dominios a direcciones IP. Cada dominio tiene un
servidor de nombre de dominio primario y otro secundario. (masaadelante,
2014)
 UNIVERSIDAD NACIONAL DANIEL ALCIDES CARRIN
FACULTAD DE INGENIERIA
ESCUELA DE FORMACION PROFESIONAL DE SISTEMAS Y COMPUTACION

7. Propuesta

7.1. Metodologa y denticin de tareas

La metodologa de trabajo que se ha seguido es la ms comn en los proyectos

de desarrollo de una pgina web. Esta metodologa consta de las siguientes
fases tal y como se muestra en el desglose de tareas.

Inicio del proyecto: En esta fase es cuando se habla por primera vez con
los integrantes de la empresa y el tutor, se acuerda el proyecto, se dene
la metodologa y se rma el contrato de vinculacin con la empresa.

Anlisis el proyecto: Se analiza el tipo de proyecto y se va buscando y

adquiriendo informacin sobre lo que se utilizara en el proyecto.

Planicar el proyecto: Se realiza la propuesta tecnica, para ello antes se

denen las tareas y se realiza el diagrama de Gantt.

Desarrollo tcnico del proyecto: Esta es la fase de ms contenido, donde

se realiza todo el producto en si. Se trata de la parte ms importante del
proyecto. Esta fase se divide en subbases para poder medirse mejor:
anlisis de requisitos, diseo e implementacin (que incluye la puesta a
punto del entorno de desarrollo, diseo de las interfaces y trabajo con la
herramienta de desarrollo) y realizacin de pruebas (test de usabilidad).

Documentacin del proyecto: Para facilitar la comprensin de cmo se

ha implementado el sitio web y a modo de gua para la empresa, se ha
documentado cmo se ha trabajado con las herramientas y que acciones
hay que llevar a cabo para realizar modicaciones. Cabe destacar que esta
fase se ha realizado paralelamente con el desarrollo tcnico ya que se ha
ido documentando conforme se ha trabajado.
 UNIVERSIDAD NACIONAL DANIEL ALCIDES CARRIN
FACULTAD DE INGENIERIA
ESCUELA DE FORMACION PROFESIONAL DE SISTEMAS Y COMPUTACION

7.2. Planicacion temporal de las tareas

Inicialmente, como se puede comprobar en la propuesta tcnica realizada

antes de empezar el proyecto, se realiza una planicacion temporal En ella se
muestran las horas totales de la estancia en prcticas (300) desglosadas en las
distintas tareas que se han mencionado en el apartado anterior.

Sin embargo, durante la estancia y realizacin del proyecto, la planicacion

temporal ha sufrido pequeas modicaciones, y que se detallan a
continuacin. El primer cambio importante ha sido la inclusin en el proyecto
del programa que exporta la base de datos y la muestra de esos datos en la
web. El segundo cambio ha sido que, tal y como se ha explicado, la empresa ha
considerado que quiere rellenar ms contenido en la nueva web antes de
publicarla, por lo que nalmente no ha formado parte de este proyecto las
tareas de alojamiento de la web en el servidor ni de comprobar
funcionamiento de este.

7.3. Estimacin de recursos del proyecto

El desarrollo web se ha realizado con la herramienta Joomla!. Es un sistema

gestor de contenidos dinmicos que permite crear sitios web de alta
interactividad, profesionalidad y eciencia. La administracin de Joomla! est
enteramente basada en la gestin online de contenidos que se van adaptando
al uso que se quiera aplicar a la web. Dentro del Joomla! se han implementado
distintos mdulos (o extensiones) que ayudan a hacer un sitio web ms
profesional y competitivo. Cabe destacar que no haba trabajado previamente
con esta herramienta, por lo que han sido necesarias unas cuantas horas de
dedicacin para poder adquirir los conocimientos necesarios. Para poder
trabajar con el Joomla! de forma local, se ha utilizado para la gestin web un
servidor Apache.
 UNIVERSIDAD NACIONAL DANIEL ALCIDES CARRIN
FACULTAD DE INGENIERIA
ESCUELA DE FORMACION PROFESIONAL DE SISTEMAS Y COMPUTACION

8. Proyeccin

9. Criterios De Sostenibilidad

10. Cronograma De Actividades

11. Bibliografa

Bibliografa
CCM. (01 de Septiembre de 2010). CCM. Obtenido de CCM: http://es.ccm.net/contents/66-
introduccion-a-las-bases-de-datos

Delgado, L. M. (23 de setiembre de 2008). Tu negocio en la nube. Obtenido de Tu negocio en la

nub: http://tunegocioenlanube.net/que-es-css3-y-que-importa-mi/

duplika. (20 de Enero de 2012). duplika. Obtenido de duplika: https://duplika.com/que-es-el-

hosting/

masaadelante. (23 de Abril de 2014). masaadelante. Obtenido de masaadelante:

https://www.masadelante.com/faqs/dominio

Wikipedia. (12 de 09 de 2010). Wikipedia. Obtenido de Wikipedia:

https://es.wikipedia.org/wiki/HTML