[Nombre de la empresa]  [Dirección de la compañía]

Tabla de contenido
Introducción................................................................................................... 2
Nombre del Proyecto................................................................................... 3
Diagnostico................................................................................................. 3
Contexto distrital..................................................................................... 4
Organigrama............................................................................................ 7
Justificación................................................................................................. 0
Responsable del proyecto...........................................................................1
Descripción del proyecto............................................................................. 1
Diseño de propuesta................................................................................ 1
Diseño Tecnológico................................................................................... 3
Diseño Comunicativo............................................................................... 3
Objetivos................................................................................................... 10
Objetivo General.................................................................................... 10
Objetivo Específicos............................................................................... 10
Ubicación.................................................................................................. 10
Órgano o institución responsable del proyecto.........................................11
Beneficios directos e indirectos.................................................................11
Beneficios Directos................................................................................ 11
Beneficios Indirectos.............................................................................. 11
Metas resultados y efectivos esperados del proyecto...............................12
Metas y Resultados................................................................................ 12
Efectos esperados del proyecto.............................................................12
Diseño del proyecto.................................................................................. 13
Internet.................................................................................................. 13
Página Web............................................................................................ 13
HTTP...................................................................................................... 15
Usos de Herramientas web....................................................................16
Sitios web............................................................................................... 19
Uso de Dominio...................................................................................... 20
Uso de hosting....................................................................................... 21
Presupuesto.............................................................................................. 22
Financiamiento.......................................................................................... 22
Continuidad y sostenibilidad del proyecto................................................22
Conclusiones............................................................................................. 22
Recomendaciones..................................................................................... 22
Anexo........................................................................................................... 22

Introducción
El diseño de un portal web en un principio solo era texto, a medida que ha
evolucionado la tecnología, tanto en los ordenadores como en la red de
telecomunicaciones, se ha generado nuevas formas de desarrollar la web, El
diseño de páginas web se ha desarrollado a medida que fue evolucionando
la internet. En 1992 solo había alrededor de 50 sitios web, pero en la
actualidad confirman que rondan los 12000 millones de sitios web
aproximadamente.

Un sitio web consiste en un documento que contiene enlaces de hipertexto

a otros documentos con la información de un servicio o producto, con el fin
de vender o dar a conocer dicho elemento, el desarrollo de una página web,
hoy en día es un medio de mucha demanda, debido a su rapidez,
practicidad, factibilidad y veracidad es porque muchas empresas deciden
invertir en la elaboración por los beneficios que otorga este medio
multimedia; La páginas web se han vuelto dentro de los negocios una
herramienta indispensable de comunicación como también búsqueda de
nuevas empresas que estén navegado por la red. Por esta razón es
necesaria dar a conocer una empresa a través de la elaboración de la
página web, porque permite la compra y venta o intercambio de información
para que se dé un negocio sin importar lo lejos o cerca que se encuentre el
contacto, ya que todas las transacciones y operaciones se pueden hacer a
través de esta vía.

En la actualidad todas organizaciones quieren ser competitivos, para lograr

la satisfacción de sus usuarios y ser líder en el mercado, para ello es
importante crear programas innovadores.

Es por ello que el presente proyecto es una investigación que tiene como
objetivo la implementación de un sitio web para el distrito de Ninacaca, En
el pretendemos indagar sobre características y proceso para la web y
aplicarlas a la realización efectiva de un sitio.

El interés en particular para realizar esta es llegar a los usuarios del distrito
a su comodidad con la información que le es necesaria y facilitar al acceso
de la información y viabiliza el contacto de las instituciones del distrito.
Nombre del Proyecto

Elaboración de un de un sitio web para mejorar los servicios de la

municipalidad distrital de Ninacaca.

Diagnostico

Actualmente la municipalidad distrital de Ninacaca presenta una serie de

debilidades en materia de sistema, no poseen un portal web propio que
permita visualizar eventos, organigramas, misio, visión, filosofía de la
municipalidad.

A través de la observación directa se denota que para una convocatoria hay

que acercarse a la municipalidad eso genera largas colas o en caso
contrario transmitir por radio, los eventos que realiza la municipalidad hay
que imprimir en gigantrografias o volantes, para trasmitir el turismo en el
distrito hay que buscar en libros o folletos, etc. lo cual todo esto sería muy
costoso.

Asimismo, se aplicó una encuesta a los, niños, jóvenes, adultos del distrito
de Ninacaca con lo cual se determinó que sería factible la incorporación de
esta vía de comunicación, es decir, la página web con el fin de mantener a
todo el distrito integrada, informada e identificada.

También se ha agregado al sitio Web una liga que mandará hacia la página
de Ley de

Transparencia donde contendrá información acerca de reglamentos, normas

y

convenios de la Municipalidad.

Al sitio web se ha integrado un libro de reclamaciones donde el poblador

podrá hacer su sugerencias y críticas sobre la gestión de la municipalidad
para complementar el desarrollo de la municipalidad entre municipio y
población.
Contexto distrital

Información General

Ninacaca distrito histórico se encuentra ubicado a 264 kilómetros desde la

capital de la Republica Lima y 36 km hacia el sureste de la ciudad de Cerro
de Pasco por la carretera central, a 4140 metros sobre el nivel del mar con
6000 habitantes ,930 viviendas censadas , con un extensión de 598.92 km²
( Kilómetros cuadrados), fundado con el sistema de reducciones por orden
del virrey don Diego López de Zúñiga conocido el Conde de Nyeva IV Virrey ;
bajo al permiso y protección de San Pedro el 29 de junio, la situación
geográfica se encuentra enclavada en la Sierra central del Perú en la parte
oriental de la gran meseta de bombón, su clima es frígida y seco , dedicadas
a la actividad agropecuaria en algunos lugares cuyos subsuelos son ricos en
minerales, tiene un proceso histórico muy importante , en épocas
inmemoriales fue poblado por hombres primitivos que se dedicaban a la
caza, con el correr de los tiempos dio origen a la cultura Pumpush de
Chaupis que pueblo en toda la rivera del lago chinchaycocha con su capital
ubicado en Upamayo.

En relación de Cristóbal de Molina documentos existente en el arzobispado

de Lima que el Pueblo de Ninacaca de 1853 pertenece al encomendero Juan
Tello de Sotomayor , considerado en ese entonces como el pueblo de indios ,
por el año 1619 Ninacaca aparee como una doctrina con el inicio de
construcción de una iglesia en el año 1582 durante el gobierno del VI virrey
don Martin Enrique de Almansa , cuya duración en construcción fue de 30
años terminando supuestamente en el año 1612 en el gobierno de Virrey XI
don Juan de Mendoza y Luna , la iglesia para ese entonces tenía dos
cofradías del “santísimo sacramento” con 319 ovejas y la otra “Nuestra
Señora de concepción” con 251 ovejas todos de castilla.
  Ninacaca desde muchos años atrás estuvo formado por cuatro barrios
existiendo una capilla en cada barrio con sus propios patrones.
 En Barrio colca: la capilla estuvo ubicado en las esquinas del Jr.
Progreso y la Libertad (calle actual) con su padrón San Roque (casa
familia Alania).
 En Barrio Carhuacayan: estuvo ubicado en las esquinas del Jr.
Progreso y Tarma con su padrón exaltación, Santa Cruz (Casa familia
Córdova).
 El Barrio Yanayacu: estuvo ubicado en la calle mariscal castilla y
Tarma con su padrón San Pedro (casa Familia Quispe)
 En el Barrio Recuay: ubicado en la calle mariscal Castilla y la libertad
con su padrón Santo Ángel (casa familia Mucurí).

Recordemos que también Ninacaca tuvo un arco de ingreso a la población,

con las mismas características y material de la Iglesia, llamado arco de San
Pedro y San Pablo situado en el Jr. Unión y calle San Pedro y San Pablo.

Durante la permanencia de los españoles en esta zona escogieron como

cementerio el patio de la iglesia solamente para los españoles llamado clase
alta. Al no ser permitido el entierro de la clase baja o los llamados indios se
construye el cementerio de pura piedra o sea un corral, el actual cementerio
antiguo.

Misión
La Misión de la Municipalidad Distrital de Ninacaca es promover el desarrollo
integral local, represental al vecindario, promueve la adecuada prestación
de servicios y el desarrollo integral de su territorio mejorando la calidad de
vida de su población.

Visión
La visión de la Municipalidad Distrital de Ninacaca está enmarcada a la
eficiencia, transparencia, responsable, concertadora, con infraestructura
adecuada, equilibrio financiero y tecnología de punta, brinda atención con
calidad y calidez, es promotor del desarrollo integral con modelo de gestión
descentralizado, democrático y participativo.

Toponimia de Ninacaca

La denominación de Ninacaca aparece con claridad ligada a la doctrina

católica. Hasta la actualidad no ha sido posible explicar con objetividad el
verdadero significado toponímico de Ninacaca, Ninagaga o Ninajaja. De fácil
interpretación es la etimología del nombre que se conoce.

En la parte alta de la población hay una roca de color rojizo amarrillo,

semejado al color de la llamarada se observa todas las mañanas brillan con
la salida del sol y de donde divisa a la población en el cerro San Pedro, o por
la leyenda de Toribio Alonso Mogrovejo.

No es de dudar que los primeros moradores o habitantes no encontraron el

mejor motivo resaltante que la presencia rocal para dar con el nombre al
lugar de importancia, por su situación de atractividad, Ninacaca, que es
transformación del distrito Ninagaga hoy en desuso , por existir todos los
datos , archivos , libros de actas , títulos de la comunidad campesina que
data los años 1619,1836,1842, e expedientes hasta las guías
internacionales con el nombre de Ninacaca, precisamente la ley de su
creación política lo registra con Ninacaca.

Ubicación

El Distrito de Ninacaca es uno de los trece que conforman la provincia

peruana de Pasco situada en la parte suroccidental del departamento
homónimo.

Este distrito cuenta con un territorio de 508,92 kilómetros cuadrados de superficie. El

distrito se encuentra ubicado a una altitud de 4 140 m.s.n.m. departamento de Pasco.

Ubicación Física
Tendencias

Tendencias Positivas Tendencias Negativas

 La recuperación y la mejora  Sensación de inseguridad y
ambiental del distrito de actividades que alteran
 La mejora del servicio de la tranquilidad pública.
limpieza pública  Gestión ambiental sesgada
 El aumento de la al recojo de residuos
conciencia y la sólidos.
participación ciudadana.  La demanda de
 La potenciación con fortalecimiento
maquinarias y vehículos a institucional de las
la municipalidad. organizaciones vecinales.
 La ampliación de la  La delincuencia, el
pandillaje y la
 infraestructura vial drogadicción.
 La modernización de la  La falta de manejo y
gestión municipal. tratamiento de los residuos
 La programación de sólidos.
actividades en base a  El deterioro de la unidad
planes y programas. familiar y los maltratos
 La organización de la físicos.
población en torno a los  La falta de áreas verdes y
problemas de la ciudad pistas con señalización.
para buscar solución y  La falta de espacios
gestión. públicos recreativos.
 El interés por atender la  La falta de servicios de
salud pública. agua y desagüe.
 La construcción de  La falta de conciencia
complejos deportivos tributaria
recreativos.  Escasa calidad educativa y
 Gobierno local fortalecido aumento del
con liderazgo y voluntad analfabetismo.
política.  Aumento de la desnutrición
 Población organizada infantil
dinámica y participativa  Deficiente organización de
 Población joven y proactiva productores y
dispuesta al cambio. microempresarios.
 Falta de talleres
productivos

Organigrama

1. ÓRGANOS DE GOBIERNO
 Concejo Municipal
 Alcaldía
 Gerencia Municipal
2. ÓRGANOS CONSULTIVOS Y DE COORDINACIÓN
 Comisiones de Regidores
 Junta de Delegados Vecinales Comunales
 Consejo de Coordinación Local Distrital
 Comité Distrital de Defensa Civil
 Comité Distrital de Seguridad Ciudadana
 Comité de Administración del Programa Vaso de leche
 Consejo Distrital de Participación de la Juventud
3. ÓRGANOS DE CONTROL Y DEFENSA JUDICIAL
 Procuraduría Pública Municipal

4. ÓRGANOS DE ASESORAMIENTO
  Oficina de Asesoría Jurídica
 Oficina de Planeamiento y Presupuesto
 Oficina de Programación de Inversiones
5. ÓRGANOS DE APOYO
 Oficina de Secretaría General
 Unidad de Trámite Documentario, Imagen Institucional y
Relaciones Públicas
 Oficina de Administración y Finanzas
 Unidad de Personal
 Unidad de Abastecimiento y Bienes Patrimoniales
 Unidad de Contabilidad
 Unidad de Tesorería
 Oficina de Rentas y Fiscalización Tributaria
6. ÓRGANOS DE LÍNEA
 Gerencia de Infraestructura y Desarrollo Urbano
 Sub Gerencia de Estudios, Obras y Catastro
 Sub Gerencia Formulación de Proyectos de Inversión
 Gerencia de Desarrollo Económico
 Sub Gerencia de Servicios Comunales, Seguridad y Defensa
Civil
 Sub Gerencia de Turismo y Gestión Ambiental
 Gerencia de Desarrollo Humano y Social
 Sub Gerencia de Registro, DEMUNA, OMAPED y
Programas Sociales
 Sub Gerencia de Educación, Cultura, Deportes y
Participación Vecinal
Justificación

Debido a la aceleración de la tecnología que nos vemos enfrentando, se vio

la necesidad de crear una página web a la comodidad y beneficio de las
personas del distrito de Ninacaca para estar informados lo que viene
desarrollando la municipalidad del distrito.

Esta página pretende despertar el interés de las personas del distrito, que
desarrollen habilidades cognitivas y motrices al manejo de las Tics, que
aporte, que opine, que valore lo que viene desarrollando la municipalidad,
así informarse de las diferentes actividades que va desarrollando sin
necesidad de ir a la municipalidad con un medio efectivo de comunicación.

Se hace necesario desarrollar una página web que nos permita aprovechar
nuevas tecnologías y mejores herramientas, que las personas se informen
de un manera práctica e interactiva.

La importancia que posee este proyecto no es simplemente elaborar una

propuesta de diseño para una página Web con el objetivo de informar, sino
más bien, poder extraer de esta herramienta más beneficios y aportar
estrategias que enriquezcan el proyecto, como también colaborar con el
crecimiento y mejoramiento de la municipalidad y pobladores. Proyecto por
el cual otras municipalidades podrán poner en práctica estas estrategias
para ofrecerles un mejor servicio a la población.

Los motivos y las razones que conllevan a la realización de este proyecto es

principalmente porque no cuentan con uno de los servicios de información
digital, que es una página Web. Otro de los aspectos que se resolverían con
esta investigación, es minimizar los problemas que se generan dentro de la
población por falta de comunicación de municipio-poblador, y así lograr
rapidez, eficiencia, practicidad, ahorro de tiempo y gastos operativos.
Obtener más que un servicio información, un beneficio lucrativo para la
población.

Responsable del proyecto

NOMBRE DEL RESPONSABLE 1

NOMBRE DEL RESPONSABLE 2
NOMBRE DEL RESPONSABLE 3

Descripción del proyecto

Las nuevas tecnologías de la información y comunicación son medios

valiosos que le brindan al usuario una gama de soluciones para acceder a la
información, La web es una herramienta que minimiza la barrera del espacio
y el tiempo.

Diseño de propuesta
En atención a la estructura del sitio web se diseñará un conjunto de
documentos aplicados que facilitan la ubicación de la información
relacionada con los contenidos del mismo, los cuales presentan las
siguientes etapas:

 Plan de producción: En esta fase se definió todas las actividades de

tipo técnico administrativo que condujeron a la creación del sitio Web,
el cual Abarca: (preproducción, y post-producción del material,
recurso humano, materiales y financieros.).

Además, se realiza la labor de generación y captura de contenidos,

así como también el desarrollo de las rutinas de programación.

Se pueden mencionar: Diseño gráfico como botones, interactividad,

iconografía, diseño de animaciones, desarrollo de textos,
musicalización).

Como se puede observar en el desarrollo de los materiales, cada

pantalla posee sus presentaciones producto de una planificación
previa (Storyboard) de los contenidos por desarrollar en ella.

 Realización: En esta etapa se procedió a orientar la creación de los

procesos, los de la elaboración del medio y que sirve para producir la
versión inicial o modelo (prototipo).
  Evaluación de la realización: En esta etapa se puso a prueba el
modelo o prototipo de página con la intención de revisar fallas o
problemas los cuales fueron tomados en cuenta para su modificación.
 Implantación: El producto final una vez corregido se hospeda en el
servidor y se procede a su implantación.

Diseño Tecnológico
 La Web es un sistema hipermedia accesible a través de Internet, que
permite navegar con facilidad por gran cantidad de información, la
cual se convierte en un recurso de gran utilidad educativa. Las
características que hacen de la web una tecnología de amplio
potencial educativo son: la capacidad de hipertexto, capacidad
multimedia, capacidad de sistema distribuido y abierto en Internet y
capacidad interactiva. En este diseño se toma en consideración el uso
de correo electrónico y vínculos con páginas relacionadas con el Arte.
 Toda la información presente en el sitio Web diseñado se apoya en
recursos de multimedia donde se incluye textos, imágenes,
 animaciones, que permiten la comunicación para la comunidad
educativa.

Diseño Comunicativo
 Interfaz: amigable y flexible, agradable de usar; también cuida los
mensajes, sonidos y la distribución en pantalla, el juego de colores es
altamente interactiva, tiene mecanismos de comunicación entre el
usuario y la aplicación.
 La parte superior con slider, que tiene los últimos acontecimientos
organizados por la municipalidad e iconos de las redes sociales de la
municipalidad.
 El resto de la pantalla quedará en dos partes la parte izquierda estará
dedicada a la imagen de los eventos a realizarse.
 La parte derecha se dedicará a visualizar los últimos acontecimientos
realizados y noticias sobre la municipalidad.
 En la parte posterior de la página podemos visualizar reportajes y
ubicación geográfica del distrito de Ninacaca.
 En portada aparecerá unas imágenes de los eventos.
 Para cada pantalla de la interfaz se define las zonas de
comunicación, así como la distribución de las mismas.
 Se tomó en cuenta restricciones tecnológicas, teoría del color,
características de la población y aspectos psicológicos de la
percepción.
 Enlaces con otros elementos de la interfaz, botones que permitan
"viajar" a otras pantallas.

 ELEMENTOS DE LA PÁGINA WEB

 Texto: se muestra en pantalla con alguna de las fuentes que el
usuario tiene instaladas.
 Imágenes. Son ficheros enlazados desde el fichero de la página
propiamente dicho. Se puede hablar de tres formatos casi
exclusivamente: GIF, JPG y PNG
 Audio, generalmente en MIDI, WAV y MP3.
 Adobe Flash.
 Hipervínculos, Vínculos y Marcadores.
 La página web también puede traer contenido que es
interpretado de forma diferente dependiendo del navegador y
generalmente no es mostrado al usuario final. Estos elementos
incluyen, pero no exclusivamente: Scripts, generalmente
JavaScript. Meta tags. Hojas de Estilo (CSS - Cascading Style
Sheets).
El sitio web está diseñado acorde con la imagen institucional de la
municipalidad. La estructura de navegación general se muestra en la figura
siguiente:

 La página de inicio de esta web es la que se presenta en la captura

de imagen, en cuya parte observamos en imágenes los últimos
acontecimientos realizados por la municipalidad.

 En el contenido de la página de inicio de esta web es la que se

presenta en la captura de imagen, en cuya parte izquierda están las
noticias, y la parte derecha está la imagen de los últimos eventos a
realizarse.
 En la parte posterior de la página de inicio de esta web es la que
se presenta en la captura de imagen, en cuya se observa el
documental, ubicación del distrito y referencias a páginas web del
estado.

 En la parte Sala de Prensa, de esta web es la que se presenta en

la captura de imagen, en cuya se observa . las ultimas notas,
comunicación de prensa, galeria de imágenes donde obtendremos la
 informacion completa asobre las noticias, utimos acontecimientos
realizados por la municipalidad, etc.

 En la parte Municipalidad de esta web es la que se presenta en la

captura de imagen, en cuya se observa la historia, misión, visión.
Toda información sobre los Regidores, Directorio Municipal.

 En la parte de Organización de esta web es la que se presenta en

la captura de imagen, en cuya se observa las funciones de acuerdo a
ley de Gerencia municipal; Sub gerencia de desarrollo rural; Oficina
de mantenimiento de la infraestructura Pública, Equipos, Servicios
locales y Medio Ambiente; Dirección de planificación y presupuesto;
Sub gerencia de Desarrollo social y económico; Oficina de defensa
Civil; Dirección de administración finanzas y rentas municipales.
 En la parte Turismo de la página de esta web es la que se
presenta en la captura de imagen, en cuya se observa las
recomendaciones para visitar los lugares turísticos del distrito de
Ninacaca, plan turístico y galerías de fotos.

 En la parte correo de la de esta web es la que se presenta en la

captura de imagen, en cuya se observa los correos institucionales de
la municipalidad redes sociales.
 En la parte transparencia de la página de inicio de esta web es
la que se presenta en la captura, en cuya imagen se observa el libro
de reclamaciones donde los pobladores podrán ingresar, opiniones,
reclamos o críticas de la municipalidad.

 En la parte transparencia de la página de inicio de esta web es

la que se presenta en la captura de imagen, en cuya se observa
 también Ordenanzas, decretos y resoluciones.

 En la parte Contáctenos de esta web es la que se presenta en la

captura de imagen, en cuya se observa los números telefónicos de
municipalidad, seguridad ciudadana, defensa civil, correo electrónico,
horario de atención, etc.
Objetivos

Objetivo General

Diseñar, construir y aplicar una propuesta de SITIO WEB que integre y

permita proporcionar información de la Municipalidad distrital de Ninacaca,
facilitando el acceso a los diferentes recursos y servicios que ofrece e
incorporando nuevas tecnologías.

Objetivo Específicos

 Plantear el diseño de una página web dirigida a la población del

distrito de Ninacaca, que actué como herramienta de comunicación.
 Diseñar un sitio web que contribuya a la población del distrito de
Ninacaca a estar más informados en tiempo real.
 Validar el sitio web para opiniones o criticas de poblador hacia
municipalidad.
 Inducir a la población del distrito de Ninacaca a uso de las nuevas
tecnologías de información.

Ubicación

El Municipalidad distrital de Ninacaca se encuentra ubicado en Jr. Mariscal

Castilla s/n – Plaza Principal Ninacaca, distrito de Ninacaca, provincia de
Pasco, departamento de Pasco.
Órgano o institución responsable del proyecto

Beneficios directos e indirectos

La página web realizada es un bien intangible que esta para el servicio de
los pobladores de Ninacaca.

Beneficios Directos
 Personas del distrito.
En la página web realizada el beneficio directo va ser a la
población, debido a que la información, noticias deseas lo
podrán ver desde su comodidad y lugar que el usuario vea
conveniente.
 Municipalidad
En el sitio web será beneficio directamente a la municipalidad,
debido que a través de ello los trabajadores de la
municipalidad recibirán críticas en la cual se enfocarán a
mejorar para el desarrollo del distrito de Ninacaca.

Beneficios Indirectos
 Personas foráneas
 El presente sitio web será beneficio indirectamente de
personas foráneas, debido que las personas que quieran
postular a algún tipo de trabajo, personas que quieran hacer
turismo por el distrito obtendrán una información completa a
través del sitio web.
 Personas que nacieron en el distrito y radican en otro
lugar
El presente sitio web será beneficio indirectamente de las
personas que nacieron en el distrito y radican en otro lugar,
debido a que pueden hacer sus consultas como partidas de
nacimiento, Obtendrán una información completa para los
trámites que deben hacer para obtener dicho documento.

Metas resultados y efectivos esperados del proyecto

Metas y Resultados
Nuestras metas porque él se desarrolló el sitio web son las siguientes:

 Llegar al poblador con la información necesaria a su comodidad

como, dispositivos móviles o un ordenador personal.

 Tener informados a los 5430 pobladores del distrito de Ninacaca con

lo que viene realizando e informando la municipalidad.

 Legar al poblador con la información completa y con un diseño

elegante.
 Decepcionar las críticas y opiniones de los pobladores por medio del

sitio web para un mejor desarrollo del distrito.

Efectos esperados del proyecto

Nuestros efectos esperados del proyecto son los siguientes:

 Modernización de la información implementando un sitio web en la

municipalidad distrital de Ninacaca.

 Inducir a la poblacion del distrito de Ninacaca a usar nuevas

tecnologías de información.
 Incentivar a la poblacion con una información en tiempo real y

completas sobre los los acontecimientos del distrito.

  Inducir a la poblacion a las críticas y opiniones sobre el distrito.

Diseño del proyecto

Internet

Internet es una red global de equipos informáticos que se comunican

mediante un lenguaje común. Al conectarse a este sitio Web se ha
conectado a Internet (Un sitio Web es un conjunto de páginas Web
enlazadas entre si), es similar al sistema de teléfonos internacional: nadie
posee ni controla todo el conjunto, pero está conectado de forma que
funcione como una gran red.

Una visión global de una intranet

Una Intranet es una red privada empresarial o educativa, que utiliza los
protocolos TCP/IP de Internet para su transporte básico. Los protocolos
pueden ejecutar una variedad de Hardware de red, y también, pueden
coexistir con otros protocolos de red, como IPX. Aquellos usuarios que
utilizan una Intranet pueden acceder a los amplios recursos de Internet,
pero aquellos en Internet no pueden entrar en la Intranet, que tiene acceso
restringido.

Página Web

Es un documento electrónico la cual contiene información específica de un

tema en particular la que es almacenada en algún sistema de cómputo el
cual deberá estar conectado a la red mundial de información al que se le
conoce como Internet, de manera que este documento pueda ser
consultado por cualquier persona que tenga acceso a esta red. La
característica principal en una página web es que el texto se combina con
imágenes para que este pueda ser dinámico, esto es que mediante las
imágenes o texto contenido en esta página nos conduzca a otra sección
dentro de la página, así como abrir otra página web, iniciar un mensaje de
correo electrónico o que se dirija a un sitio web distinto a través de sus
hipervínculos

Sitio web

Es un conjunto de páginas web de un tema en particular, el cual incluye una

página inicial la cual es de bienvenida y las consecuentes son del tema en
particular, el cual es accesible mediante el protocolo HTTP de Internet,
donde a este se accede mediante el URL. En este caso no es necesario que
el sitio web se localice en el sistema de cómputo de un punto en específico,
estos pueden ubicarse en otra localidad inclusive en otro país para lo cual el
único requisito es que el equipo donde se encuentre alojada la información
esté conectado a Internet. Los sitios web pueden ser de diversos géneros,
destacando los sitios de negocios, servicio, comercio electrónico en línea,
imagen corporativa, entretenimiento y sitios informativos. Cabe mencionar
que algunos sitios web requieren a una suscripción para acceder a sus
contenidos, algunos ejemplos de este tipo de sitios se pueden mencionar los
sitios de pornografía, sitios de juegos, foros, etc.

Portal

El término portal tiene como significado “puerta grande” el cual hace

referencia a su función el cual es el punto de partida de un usuario que
desea entrar y realizar búsquedas en la web de donde se obtiene
información importante. Un portal debe tener necesariamente un tema y
este debe estar referido a algún tema de interés de un grupo importante, ya
que un portal presenta la información de una forma fácil e integrada. Una
característica principal de un portal es que se encarga de centralizar
enlaces de una forma fácil y organizada que facilite la navegación dentro de
un tema específico en la red. Hay tres tipos de portales:

 Portales Horizontales:
Conocidos también como portales masivos o de propósito general los
cuales se dirigen a una audiencia amplia, tratando de llegar a toda la
gente con diferentes temas, como por ejemplo: Terra, Yahoo, MSN,
entre otros.
 Portales Verticales:
Se dirigen a usuarios para ofrecer contenido dentro de un tema
específico como pueden ser portales de música, empleo, inmobiliario,
arte, educación o deportes.
 Portales diagonales:
Este tipo de portal es una mezcla entre el portal horizontal y el
vertical, en este caso serían portales que utilizan redes sociales como
Facebook, Flickr entre otros.

Los portales requieren de muchos recursos computacionales y por su alto

tráfico generalmente se hospedan en servidores de internet dedicados para
este tipo de alojamiento.

HTTP

(Hyper Text Transfer Protocol) es un protocolo de transferencia de hipertexto

utilizado en cada transacción de la web (www). Fue desarrollado por el
consorcio W3C (World Wide Web Consortium) y la IETF (Internet Engineering
Task Force) colaboración que finalizo en 1999 con la publicación de una
serie de RFC siendo el más importante el RFC 2616 el cual especifica la
versión 1.1.HTTP define la sintaxis y la semántica que utilizan los elementos
del software de la arquitectura web para comunicarse como lo son clientes,
servidores. Es un protocolo orientado a transacciones y sigue el esquema de
petición – respuesta entre cliente servidor.

El servidor envía al cliente:

 Un código de estado donde se indica si la petición fue correcta o no.

 La información propiamente dicha, cabe mencionar que HTTP permite

enviar documentos de todo tipo y formato, ideal para transmitir
gráficos, audio y video.
HTTPS

(Hyper Text Transfer Protocol Secure) fue creado en 1994 por Netscape
Communications, se utiliza para lograr conexiones más seguras en la www
generalmente para transacciones de pagos o cada vez que se intercambie
información sensible como lo son claves en internet y en caso de que sea
interceptada por alguien ajeno a esto la información estará cifrada.

URL

(Uniform Resource Locator) es una dirección que permite acceder a un

archivo o recurso como los son las paginas html, php, asp, archivos gif, jpg,
etc. Las URL fueron usadas por primera vez por Tim Berners – Lee en 1991
con el fin de poder crear enlaces entre distintas páginas en la world wide
web. La forma general de una URL es:

WWW

(World Wide Web) o lo que conocemos simplemente como web, es el

estándar que permite visualizar textos, imágenes, gráficos y sonidos en
Internet. Dos elementos fundamentales que componen las páginas de este
medio de comunicación son los hipertextos que en este caso se refiere a
HTTP (protocolo de transporte de los hipertextos) y los hiperenlaces que son
los HTML(en este caso es el lenguaje con el que se crean la mayoría de los
textos en la web), otro elemento fundamental son los hiperenlaces que son
aquellos que se pueden realizar enlaces entre las distintas páginas web de
forma que el usuario pueda navegar, pero para esto el usuario debe tener
instalado en su computadora un programa al cual se le llama browser
dentro de los más utilizados encontramos: Internet Explorer, Mozilla Firefox.

Usos de Herramientas web

La primera impresión es la que cuenta por lo cual se debe causar una buena
impresión con la página de inicio y así lograr que los lectores exploren el
resto de las páginas web.

Una de las mejores pautas a seguir para la planeación y diseño del portal es
cumplir con las tres C’s

 Contenido
 Claridad
 Color

En cuanto al contenido especialmente el de la página de inicio debe ir

directo al punto, el logo de la municipalidad es colocada parte superior de la
página ya que con esto se pone a la vista del público y añade un aire de
profesionalidad a la presentación. Otro punto que se debe tomar en cuenta
es no colocar mucho texto en las páginas con las que quiere atraer la
atención, en el caso de que se quiere colocar mucha información una buena
manera de hacerlo es bajo un vínculo donde la gente pueda elegir si está
interesada en leer o no.

Html

HTML, siglas de HyperText Markup Language («lenguaje de marcas de

hipertexto»), hace referencia al lenguaje de marcado para la elaboración de
páginas web. Es un estándar que sirve de referencia del sofware que
conecta con la elaboración de páginas web en sus diferentes versiones,
define una estructura básica y un código (denominado código HTML) para la
definición de contenido de una página web, como texto, imágenes, videos,
juegos entre otros. Es un estándar a cargo de la W3C, organización dedicada
a la estandarización de casi todas las tecnologías ligadas a la web, sobre
todo en lo referente a su escritura e interpretación. Se considera el lenguaje
web más importante siendo su invención crucial en la aparición, desarrollo y
expansión de la World Wide Web.
El lenguaje HTML basa su filosofía de desarrollo en la diferenciación. Para
añadir un elemento externo a la página (imagen, vídeo, script, entre otros.),
este no se incrusta directamente en el código de la página, sino que se hace
una referencia a la ubicación de dicho elemento mediante texto. De este
modo, la página web contiene sólo texto mientras que recae en el
navegador web (interpretador del código) la tarea de unir todos los
elementos y visualizar la página final. Al ser un estándar, HTML busca ser un
lenguaje que permita que cualquier página web escrita en una determinada
versión, pueda ser interpretada de la misma forma (estándar) por cualquier
navegador web actualizado.

CSS

Cascading Style Sheets ( CSS ) es un lenguaje de hojas de estilo utilizado

para describir la presentación de un documento escrito en un lenguaje de
marcas . [ 1 ] A pesar de que más a menudo se utiliza para establecer el
estilo visual de las páginas web y las interfaces de usuario escrito en HTML
y XHTML , el el lenguaje puede ser aplicado a cualquier XML documento,
incluyendo XML sin formato , SVG y XUL , y es aplicable a la representación
en el habla , o en otros medios de comunicación. Junto con HTML y
JavaScript , CSS es una tecnología fundamental utilizado por la mayoría de
los sitios web para crear páginas web visualmente atractivos, interfaces de
usuario para aplicaciones web e interfaces de usuario para muchas
aplicaciones móviles.

CSS está diseñado principalmente para permitir la separación del contenido

de los documentos de presentación de documentos, incluyendo aspectos
tales como las de diseño, colores y tipos de letra. Esta separación puede
mejorar el contenido de la accesibilidad , proporcionar más flexibilidad y
control en la especificación de las características de presentación, permiten
múltiples páginas HTML para compartir el formato especificando el CSS
correspondiente en un archivo .css independiente, y reducen la complejidad
y la repetición en el contenido estructural, tales como mesas
semánticamente insignificantes que fueron ampliamente utilizados en las
páginas de formato antes estaba disponible en todos los principales
navegadores de renderizado CSS consistente .

Java script

JavaScript (abreviado comúnmente JS) es un lenguaje de programación

interpretado, dialecto del estándar ECMAScript. Se define como orientado a
objetos, basado en prototipos, imperativo, débilmente tipado y dinámico.

Se utiliza principalmente en su forma del lado del cliente , implementado

como parte de un navegador web permitiendo mejoras en la interfaz de
usuario y páginas web dinámicas4 aunque existe una forma de JavaScript
del lado del servidor (Server-side JavaScript o SSJS). Su uso en aplicaciones
externas a la web, por ejemplo, en documentos PDF, aplicaciones de
escritorio (mayoritariamente widgets) es también significativo.

JavaScript se diseñó con una sintaxis similar al C, aunque adopta nombres y

convenciones del lenguaje de programación Java. Sin embargo, Java y
JavaScript tienen semánticas y propósitos diferentes.

Todos los navegadores modernos interpretan el código JavaScript integrado

en las páginas web. Para interactuar con una página web se provee al
lenguaje JavaScript de una implementación del Document Object Model
(DOM).

Tradicionalmente se venía utilizando en páginas web HTML para realizar

operaciones y únicamente en el marco de la aplicación cliente, sin acceso a
funciones del servidor. Actualmente es ampliamente utilizado para enviar y
recibir información del servidor junto con ayuda de otras tecnologías como
AJAX. JavaScript se interpreta en el agente de usuario al mismo tiempo que
las sentencias van descargándose junto con el código HTML.

PHP

PHP es un lenguaje de programación de uso general de código del lado del

servidor originalmente diseñado para el desarrollo web de contenido
dinámico. Fue uno de los primeros lenguajes de programación del lado del
servidor que se podían incorporar directamente en el documento HTML en
lugar de llamar a un archivo externo que procese los datos. El código es
interpretado por un servidor web con un módulo de procesador de PHP que
genera la página Web resultante. PHP ha evolucionado por lo que ahora
incluye también una interfaz de línea de comandos que puede ser usada en
aplicaciones gráficas independientes. Puede ser usado en la mayoría de los
servidores web al igual que en casi todos los sistemas operativos y
plataformas sin ningún costo.

PHP se considera uno de los lenguajes más flexibles, potentes y de alto

rendimiento conocidos hasta el día de hoy, lo que ha atraído el interés de
múltiples sitios con gran demanda de tráfico, como Facebook, para optar por
el mismo como tecnología de servidor.

Sitios web

El Web es un medio para localizar/enviar/recibir información de diversos

tipos, aun con las bases de datos. En el ámbito competitivo, es esencial ver
las ventajas que esta vía electrónica proporciona para presentar la
información, reduciendo costos y el almacenamiento de la información, y
aumentando la rapidez de difusión de la misma.

Internet provee de un formato de presentación dinámico para ofrecer

campañas y mejorar negocios, además de que permite acceder a cada sitio
alrededor del mundo, con lo cual se incrementa el número de personas a las
cuales llega la información.

Alrededor de 14 millones de personas alrededor del mundo hacen uso de

Internet, lo cual demuestra el enorme potencial que esta red ha alcanzado,
con lo cual se puede decir que en un futuro no muy lejano, será el principal
medio de comunicación utilizado para distintos fines.

Con estos propósitos, los usuarios de Internet o Intranet pueden obtener un

medio que puede adecuarse a sus necesidades de información, con un
costo, inversión de tiempo, y recursos mínimos. Asimismo, las bases de
datos serán usadas para permitir el acceso y manejo de la variada
información que se encuentra a lo largo de la red.
Uso de Dominio

Un Dominio es un nombre alfanumérico único que se utiliza para identificar

en Internet a un sitio, un servidor web o un servidor de correo.

Los dominios permiten a los usuarios de la red escribir un nombre para

identificar una dirección electrónica totalmente formada por números.
Mediante la utilización de los dominios, los usuarios conectados a Internet
pueden encontrar sitios web y enviar e-mail sin necesidad de recordar las
direcciones numéricas, que en realidad son las que localizan las
computadoras o servicios en Internet.

Los dominios de la internet van en categorías:

 .biz Sitios de Organizaciones de Negocios

 .com Sitios Comerciales
 .edu Sitios Educativos
 .gob Sitios de Organismos Gubernamentales
 .info Sitios de Apertura Libre de Dominios de Nivel Superior
TLD
 .int Sitios de Organizaciones Internacionales
 .mil Sitios de Dependencias Militares Oficiales de los Estados
 .name Sitios Personales
 .net Sitios de Sistemas y Redes
 .org Sitios de Organizaciones

Los Dominios de Nivel Superior de Código de País (CCTDL). Ellos son:

 .pe Perú
 .co Colombia
 .br Brasil
 .cl Chile
 .uy Uruguay
 .bo Bolivia
 .ec Ecuador
 .ar Argentina
 .ve Venezuela

En el caso de nuestro proyecto de investigación usaremos. gob porque es un

sitio de Gubernamentales y .pe porque estamos en código de Perú.
Para este presente proyecto nos alquilaremos un dominio en GoDaddy

Uso de hosting
El alojamiento web (en inglés: web hosting) es el servicio que provee a los
usuarios de Internet un sistema para poder almacenar información,
imágenes, vídeo, o cualquier contenido accesible vía web. Es una analogía
de "hospedaje o alojamiento en hoteles o habitaciones" donde uno ocupa un
lugar específico, en este caso la analogía alojamiento web o alojamiento de
páginas web, se refiere al lugar que ocupa una página web, sitio web,
sistema, correo electrónico, archivos etc. en internet o más específicamente
en un servidor que por lo general hospeda varias aplicaciones o páginas
web.

Las compañías que proporcionan espacio de un servidor a sus clientes se

suelen denominar con el término en inglés web host.

El hospedaje web aunque no es necesariamente un servicio, se ha

convertido en un lucrativo negocio para las compañías de internet alrededor
del mundo.

Se puede definir como "un lugar para tu página web o correos electrónicos",
aunque esta definición simplifica de manera conceptual el hecho de que el
alojamiento web es en realidad espacio en Internet para prácticamente
cualquier tipo de información, sea archivos, sistemas, correos electrónicos,
videos etc.

Para nuestro proyecto nos alquilaremos un hosting en GoDaddy.com en el

cual alojaremos nuestra página web y el pago será anualmente. elegimos
este hosting porque tiene un soporte bien aceptado en el mercado
latinoamericano.
Cronograma de elaboración de página web en la municipalidad
distrital de Ninacaca

Presupuesto

Costos de software Hardware

Denominación

Financiamiento
Continuidad y sostenibilidad del proyecto
Conclusiones
Recomendaciones

Anexo