MINISTERIO DE EDUCACIÓN GERENCIA REGIONAL DE EDUCACIÓN DE AREQUIPA
INSTITUTO DE EDUCACIÓN SUPERIOR TECNOLÓGICO PÚBLICO “FAUSTINO B. FRANCO” Carrera Profesional de Computación e Informática
PROYECTO PRODUCTIVO: “Brindar Servicios de Implementación Implementación y Gestión para el Portal Web de la Municipalidad Distrital icolás de Pi!rola"Camaná"#$%&'
Presen!"# P#r:
Cutipa C(ecca) *essica +atty De la Cru, -lfere,) Marilu, Gil .ru!)) /reddy *osep( Satalaya 0e1a) -le2 *avier
C!$!n%& Are'()*! & Per+ ,-/
I.
NOMBRE DEL PROYECTO
“Brind “Brindar ar Servic Servicio ioss de Implem Implemen entac tación ión y Gestió Gestión n para para el Portal Portal Web Web de la Municipalidad Distrital icolás de Pi!rola"Camaná"#$%&'
II.
RESPONSABLE DEL PROYECTO:
-lumnos de la 3specialidad 3specialidad de Computación Computación e Informática Cutipa C(ecca) *essica +atty De la Cru, -lfere,) Marilu, Gil .ru!)) /reddy *osep( Satalaya 0e1a) -le2 *avier
III.
IV.
V.
ASESOR DEL PROYECTO: -pellidos y ombre ombre 4 3stefani Cutipa C(ecca C(ecca 3specialidad 4 Computación e Informática 56tul 56tulo o Prof Profesi esiona onall
4 Profe Profesi siona onall 5!cn 5!cnico ico en Compu Computac tación ión e Info Informá rmátic tica a
Car1o actual
4 Docente de Computación e Informática
UBICACIÓN GE GEOGR0FICA: Departamento
4 -re7uipa
Provincia
4 Camaná
Distrito
4 icolás de Pi!rola
8ocalidad
4 San Gre1orio
Dirección
4 -v9 Bolivar &$#
INSTITUCIÓN RES RESPONSABILIDAD: Departamento Departament o 4 -re7uipa Provincia 4 Camaná ombre 4 I939S959P9 '/austino B9 /ranco' :rea profesional responsable4 Computación e Informática
V I.
DESCRIPCIÓN DEL PROYECTO
1
/ruto de un estudio y se1uimiento en el campo comunicacional basado en la evaluación institucional) se (a podido identificar la necesidad de un medio virtual 7ue posibilite dar a conocer) los avances y lo1ros en el Distrito de icolás de Pi!rola9 - pesar del crecimiento considerable de la población del Distrito) la mala administración de los recursos tecnoló1icos) es poco el conocimiento de estos avances debido a 7ue a;n en la Municipalidad no se (a institucionali,ado un espacio virtual espec6fico teniendo la oportunidad) ya 7ue cuenta con recursos (umanos y materiales 7ue lastimosamente no se (an aprovec(ado para mantener una información y comunicación permanente 7ue contribuya a los procesos de información a la Población9
VII.
DIAGNÓSTICO:
8os portales Web son un medio de comunicación con la población o usuario final) usadas por las or1ani,aciones p;blicas y privadas para interactuar para interactuar mediante el uso de las tecnolo16as de la información y comunicación) convirti!ndose en los ;ltimos tiempos como al1o cotidiano) fundamental y de uso 1eneracional9 Por ello estos portales deben ser bien estructurados en su interfa, 1ráfica como interrelación con el usuario) vale decir 7ue debe ser a1radable) dinámico y 7ue satisfa1an los re7uerimientos del usuario9 8a Municipalidad Distrital de icolás de Pi!rola en un proceso de me
VIII.
1USTIFICACIÓN
2
8a finalidad del presente proyecto es dotar a la Municipalidad Distrital de icolás de Pi!rola de una (erramienta tecnoló1ica comunicativa 7ue le permita me
I2.
BENEFICIARIOS BENEFICIARIOS DIRECTOS Municipalidad Distrital icolás de Pi!rola BENEFICIARIOS INDIRECTOS Pobladores de la *urisdicción .tros Municipalidades .r1ani,aciones P;blicas y Privadas
2.
OB1ETIVOS DEL PROYECTO OB1ETIVO GENERAL. Brindar el servicio de implementación y 1estión de portales mediante el uso de 1estores de contenidos en la plataforma .pen Source) >*oomla?) para la Municipalidad Distrital de icolás de Pi!rola9 OB1ETIVOS ESPEC3FICOS. Mantener informada a la población de la *urisdicción del Distrito icolás de Pi!rola sobre las diversas acciones 7ue toma la
Municipalidad para beneficio de todos9 Creación de nuevos la,os de relaciones con las diferentes Municipalidades alrededor del Pa6s y crear acuerdos entre estas9
2I.
METAS DEL PROYECTO
3
Implementar la pá1ina @eb institucional de la Municipalidad Distrital icolás de Pi!rola A San Gre1orio) como medio de comunicación con el usuario final9 Mi1rar los sistemas utili,ados por la Municipalidad Distrital icolás de Pi!rola A San Gre1orio) a la nueva plataforma @eb9 Implementar el (ard@are y soft@are necesario para la plataforma @eb de la Municipalidad Distrital icolás de Pi!rola A San Gre1orio9 Capacitar al personal encar1ado en la administración) monitoreo y uso de la plataforma @eb de la Municipalidad Distrital icolás de Pi!rola9
2II. DESCRIPCIÓN T4CNICA A. MARCO TEÓRICO . QUE ES UNA P0GINA 5EB
3s un documento o información electrónica adaptada para la World Wide Web 7ue 1eneralmente forma parte de un sitio @eb9 Su principal caracter6stica son los (iperv6nculos de una pá1ina) siendo esto el fundamento de la WWW9 na pá1ina @eb está compuesta principalmente por información >solo te2to o módulos multimedia? as6 como (iperenlaces además puede contener o asociar datos de estilo para especificar cómo debe visuali,arse) y tambi!n aplicaciones embebidas para (acerla interactiva9 8as pá1inas @eb son escritas en un len1ua
EE pá1ina @eb estáticaFF? o 1enerado al momento de visuali,arla o solicitarla a un servidor @eb >EEpá1ina @eb dinámicaFF?9 8as pá1inas @eb dinámicas 7ue se 1eneran al momento de la visuali,ación se (acen a trav!s de len1ua
4
pá1inas dinámicas 7ue se 1eneran al ser solicitadas son creadas por una aplicación en el servidor @eb 7ue alber1a las mismas9 ..
TIPOS DE ALO1AMIENTO 5EB EN INTERNET
3l aloen in1les @eb (ostin1? es el servicio 7ue provee a los usuarios de internet un sistema para poder almacenar información) imá1enes) video) o cual7uier contenido accesible v6a @eb9 3s una analo16a de “(ospeda
... ALO1AMIENTO GRATUITO 3l alo
5
..,. ALO1AMIENTO COMPARTIDO 3n este tipo de servicio se alo
..6. ALO1AMIENTO DE IM0GENES 3ste tipo de (ospeda
../. ALO1AMIENTO REVENDEDOR 3ste servicio de alo
,. SERVIDORES
6
,..
SERVIDORES VIRTUALES 7VPS8 VIRTUAL PRIVATE SERVER9
8a empresa ofrece el control de una computadora aparentemente no compartida) 7ue se reali,a mediante una má7uina virtual9 -s6 se pueden administrar varios dominios de forma fácil y económica) además de ele1ir los pro1ramas 7ue se e
,.,.
SERVIDORES DEDICADOS
n servidor dedicado es una computadora comprada o arrendada 7ue se utili,a para prestar servicios dedicados) 1eneralmente relacionados con el alo
6. COLOCACIÓN 7OUSING9 3ste servicio consiste básicamente en vender o al7uilar un espacio f6sico de un centro de datos para 7ue el cliente colo7ue a(6 su propia computadora9 8a empresa le da la corriente y la cone2ión a internet) pero el servidor lo eli1e completamente el usuario >(asta el (ard@are?9
/. ALO1AMIENTO 5EB EN LA NUBE 7CLOUD OSTING9 3l alocloud (ostin1? está basado en las tecnolo16as más innovadoras 7ue permiten a un 1ran n;mero de má7uinas actuar
7
como un sistema conectadas a un 1rupo de medios de almacenamiento) tiene ventacloud? está 1aranti,ada por numerosos servidores en lu1ar de sólo uno9
/..
FORMAS DE OBTENER
Por lo 1eneral) se distin1ue entre servicios de pa1o y servicios 1ratuitos9
/.,.
SERVICIOS DE PAGO
3ste tipo de obtención) por lo 1eneral viene dado por el contrato de un proveedor de internet) el cual
/.6.
SERVICIOS GRATUITOS
3ste tipo de servicio viene dado por la base de ser 1ratuito) y sin costo al1uno al suscriptor9 Sin embar1o) 7uienes usan este servicio) por lo
8
1eneral son pá1inas de ba
/./.
SERVIDORES Y SERVICIOS
n alo8inu2) -pac(e) MySH8 y PP?) aun7ue se está comen,ando a usar una combinación con *ava9
;. DOMINIOS -l1unos planes de alopero no los 1ratuitos? incluyen un nombre de dominio para 7ue sea más fácil acceder al sitio9 Si no viene incluido) es el usuario 7uien tiene 7ue re1istrar un dominio mediante un re1istrador o bien usar un subdominio de la misma compa6a9
<. OSTING 9
3s el al7uiler virtual de un espacio para publicar su pá1ina Web9 -l contratar un ostin1) >7ue en in1les 7uiere decir (ospeda
=. LOS CMS n sistema de 1estión de contenidos es un pro1rama 7ue permite crear una estructura se soporte >frame@or? para la creación y administración de contenidos) principalmente en pá1inas @eb) por parte de los participantes9 Consiste en una interfa, 7ue controla una o varias bases de datos donde se alo
>. GESTIÓN DE USUARIOS Dependiendo de la plataforma esco1ida se podrá esco1er diferentes niveles de acceso para los usuarios yendo desde el administrador del portal (asta el usuario sin permiso de edición) o creador de contenido9 Dependiendo de la aplicación podrá (aber varios permisos intermedios 7ue permitan la edición del contenido) la supervisión y reedición del contenido de otros usuarios) y etc9
>..
T)*#s "e ?es#res "e @#nen)"#s
8os 1estores de contenido se pueden clasificar se1;n diferentes criterios4 10
Por sus caracter6sticas
Se1;n el len1ua
Se1;n la licencia4 Códi1o abierto o Soft@are privativo9
Por sus caracter6sticas
Blo1s pensados para pá1inas personales9
/oros pensados para compartir opiniones9
Wiis pensados para el desarrollo colaborativo
3nsean,a plataforma para contenidos de ensean,a on" line9
Comercio electrónico plataforma de 1estión de usuarios) catálo1o) compras y pa1os9
Publicaciones di1itales9
Difusión de contenido multimedia9
. QU4 ES UN DOMINIO
11
n dominio de internet es una red de identificación asociada a un 1rupo de dispositivos o e7uipos conectados a la red de internet9
n dominio en t!rminos 1enerales es un nombre 7ue puede ser alfanum!rico 7ue 1eneralmente se vincula a una dirección f6sica) ya sea una computadora o dispositivo electrónico9 Generalmente se utili,an para representar las direcciones de las pá1inas @ebJs9 Puesto 7ue internet se basa en direcciones IP >Protocolo de Internet? 7ue en t!rminos simples se puede decir son los n;meros de cone2ión de cada computadora 7ue está conectada a internet9
..
EN QUE PARTES SE DIVIDE UN DOMINIO
n dominio se compone principalmente de dos partes4 el nombre de la or1ani,ación y el tipo de or1ani,ación) los tipos de or1ani,ación más comunes son4 C.M) 35 y .=G9 Hue se refieren a comercial et@or9 3l propósito principal de los nombres de dominio en Internet y del sistema de nombres de dominio >DS?) es traducir las direcciones IP de cada nodo activo en la red) a t!rminos memori,ables y fáciles de encontrar9 3sta abstracción (ace posible 7ue cual7uier servicio pueda moverse de un lu1ar 1eo1ráfico a otro en la red Internet) aun cuando el cambio impli7ue 7ue tendrá una dirección IP diferente9
12
.,.
DOMINIOS DE NIVEL SUPERIOR
Cuando se creó el Sistema de nombres de Dominio en los aos %KL$) el espacio de nombres se dividió en dos 1rupos) el primero los dominios territoriales) basados en los dos caracteres de identificación de cada territorio de acuerdo a las abreviaciones del IS."%NN >e<4 do) m2? denominados cc58D code top level domain o Edominio de nivel superior 1raficoF9 3l se1undo 1rupo incluye dominios de nivel superior 1en!ricos >185D?) 7ue representan una serie de nombres y multior1ani,aciones9 Inicialmente) estos dominios fueron4 C.M) 35) .=G) 3D) G.B y MI8) a los 7ue posteriormente se unieron otros9
.6.
ORGANIACIONES RELACIONADAS CON LOS DOMINIOS DE INTERNET
I--9" 3s la autoridad para la asi1nación de n;meros de internet) responsable de la coordinación 1lobal de los dominios ra6, de DS y de los dominios int9 O arpa) del direccionamiento IP y otros recursos del protocolo de Internet9 IC-9" 3s una or1ani,ación sin fines de lucro a nivel de asi1nar espacio de direcciones num!ricas de protocolo de Internet IP) identificadores de protocolo y de la administración de servidores ra6,9 8-CIC9" 3s la or1ani,ación para el re1istro de Direcciones de Internet para -m!rica 8atina y el Caribe9 Su ob
13
articulación de esfuer,os colaborativos para el desarrollo y estabilidad de Internet en -m!rica 8atina y el Caribe9
-. QUE ES 1OOMLA *oomla) es un sistema 1estor de contenidos dinámicos >CMS) en adelante si1las de Content Mana1ement Syatem? 7ue permite crear sitios @eb de alta interactividad) profesionalidad y eficiencia9 Con la ventayperte2t Pre Processor? y SH8 >Structure Huery 8an1ua1e?9 tili,a bases de datos relacionales) más espec6ficamente MySH89 5anto PP como MySH8 son pro1ramas .pen Source de libre distribución y uso) y al ser *oomla una aplicación W3B) funciona obviamente en servidores de pá1inas Web) estos servidores de pá1inas @eb pueden ser de pruebas o tambi!n servidores comerciales de pá1inas producción >esto es) cuando publicamos un sitio @eb basado en *oomla) alo
-.. CÓMO
INSTALAR
UN
SERVIDOR
5EB
LOCAL
“5AMPSEERVER” EN 5INDO5S
14
-... REQUISTOS DEL SISTEMA
•
PP &9#92 o superior " (ttp4@@@9p(p9net
•
MySH8 9#92 o superior " (ttp4@@@9mys7l9com
•
-pac(e %9%9%K o superior " (ttp4@@@9apac(e9or1
*oomla puede ser usado con la mayor6a de los nave1adores4 Internet 32plorer >versión Q9QR?) /irefo2) Mo,illa) etscape) .pera) Camino) .mni@eb) 3pip(any) +on7ueror9 3s conveniente poder disponer de un servidor local para poder probar la funcionalidad de *oomla9 5endremos una instalación completa en nuestro propio e7uipo o red local) dentro de un entorno se1uro y más rápido9
-..,. INSTALACIÓN DE 5AMP SERVER ,.O
•
acemos doble clic para e
•
permitir 7ue continue la instalación9 -ceptamos la bienvenida al pro1rama de instalación W-MP S3=03= Despu!s de leer la información de la licencia de uso) avan,amos (acia la
•
si1uiente pantalla9 Seleccionamos la carpeta donde se instalaran todos los componentes del
•
• •
pa7uete de instalación9 De
• •
Seleccionamos un nave1ador9 Podemos de
•
utili,ará PP para enviar mensa
-.,. CREACIÓN DE LA BASE DE DATOS Y EL USUARIO MYSQL “PPMYADMIN” In1resamos a la ventana de 1estión de p(pMyadmin9 .bservamos detenidamente la ima1en de bienvenida a p(pMyadmin9 Para crear la base de datos debemos4 • •
Darle un nombre4 crear nueva base de datos) por eCollation') en in1l!s?) el
•
cote
-(ora vamos a crear el usuario 7ue necesitamos para la instalación de
Seleccionamos “local(ost' en la ventana 7ue tenemos abierte de p(pMyadmin) y aparece otra ve, la primera ventana 7ue apareció al
• •
entrar en p(pMy-dmin9 Se1uidamente seleccionamos “Privile1ios' -1re1amos un nuevo usuario9 =ellenamos los campos 7ue pide) le vamos a asi1nar privile1ios totales) i1ual 7ue un super administrador “root'9 Seleccionamos todas las opciones de “Datos') “3structura' y “-dministración') o bien) selecciona
• •
“marcar todosas' en los “Privile1ios Globales'9 Solo nos 7ueda crearlo) (aciendo clic sobre el botón continuar' 3l usuario ya esta creado
16
-.6. INSTALACIÓN DE 1OOMLA 6.6 na ve, 7ue tenemos todo dispuesto) -pac(e) PP) MySH8) usuario de MySH8 y base de datos) la instalación de *oomla es sencilla) básicamente consiste en4
Copiar los arc(ivos de la instalación de
una carpeta nueva 7ue crearemos en esta locali,ación de -pac(e9 Iniciar el proceso de instalación a trav!s de un nave1ador9 Crearemos una carpeta de nombre “*oomla' en la carpeta 7ue utili,a -pac(e para servir
arc(ivos9 Descomprimimos el arc(ivo y copiamos 6nte1ramente su contenido en la carpeta “*oomla' Para iniciar la instalación de *oomla debemos de escribir en el nave1ador lo si1uiente4 *:#@!#s##$! la primera pantalla 7ue nos aparece es la 7ue nos permite seleccionar el idioma en el 7ue 7ueremos reali,ar la instalación) una ve, seleccionado el idioma avan,amos en la instalación (asta la si1uiente pantalla) pulsando “si1uiente'9 Durante el proceso de instalación se comprueba si nuestro servidor cumple con los re7uisitos previos de instalación) incluyendo los valores recomendados en la confi1uración de PP9 Se muestra la licencia GGP8 ba
17
Confi1uración de /5P4 a7u6 se introduce la información relativa al servicio de /5P 7ue ten1a el usuario en el servidor9 3ste paso se (ace necesario para poder subsanar los problemas 7ue aparecen en la 1estión de arc(ivos y carpetas cuando el servidor tiene la variable PP “safe mode' activada) o bien cuando se precisan determinadas combinaciones de permisos en carpetas o arc(ivos permitiendo de esta forma 7ue cual7uier usuario pueda utili,ar los instaladores de /ront"end?) parte p;blica de
18
2III.
ADMINISTRACIÓN Y CRONOGRAMA DEL PROYECTO
2III.. CRONOGRAMA DE ACTIVIDADES DEL PROYECTO -C5I0ID-D3S
% # & % # &
% # &
8o primero es definir una pol6tica y planteamiento de la filosof6a .pen Source se basa en la cooperación de desarrollo y la iniciativa de compartir soft@are libremente sin 7ue los usuarios ten1an 7ue pa1ar licencias9 =eali,ar un dia1nóstico de la infraestructura
tecnoló1ica
informática para la instalación) administración de *oomla en la Municipalidad Distrital icolás de Pi!rola San Gre1orio9 Implantar la infraestructura tecnoló1ica tanto de (ad@are como soft@are Instalación de un servidor @eb local “Wampserver' en Windo@s Creación de la base de datos y el usuario MySH8 “p(pMy-dmin' Instalación de la plataforma @eb *oomla =eali,ar administración de la plataforma *oomla =eali,ar capacitación usuarios
finales
principalmente
a
como
los son los 19
administradores del Sistema Poner en funcionamiento
la
plataforma
la
Web
de
Municipalidad Distrital icolás de Pi!rola9 Poner en
funcionamiento
plataforma
Web
de
la la
Municipalidad Distrital icolás de Pi!rola9 =eali,ar preventivo
un
mantenimiento
se1;n
el
tiempo
asi1nado por el administrador a la plataforma @eb9 -ctuali,ar periódicamente
el
portal Web de la Municipalidad) atendiendo
la
necesidad
del
usuario9
20
2IV.
PRESUPUESTO
7REMUNERACIONES8
BIENES8
SERVICIOS8
OTROS9 N
DESCRIPCIÓN GASTOS EQUIPOS
DE GASTOS CANTIDA Y D
MATERIALES E'()*# In#r$%)@# , Es!J))K!"#r 6 UPS / S)@ ; C!Je UTP < T!re!s Eerne = C#ne@#res R1/; > M(eJe T!re! "e )"e# D(! SUBTOTAL EQUIPOS Y
, /
MEDI COSHUNI COSHTOTA
DA
T
L
PC (n)"!" (n)"!" (n)"!" $. (n)"!" (n)"!" (n)"!" (n)"!"
;-;;--,; ,,6-
;-;;--/-;/ ,,66;/
MATERIALES GASTOS DE SERVICIO Inerne D#$)n)# , #s)n? “P!n Pre$)(n” 6 A"$)n)sr!@)n "e S)se$! / C!*!@)!@)n SUB TOTAL GASTOS DE SERVICIO
-
/ !# -- MB !"$)n Tr!J!!"#res
SUBTOTAL EQUIPOS Y MATERIALES SUBTOTAL GASTOS DE SERVICIO SUB TOTAL GASTOS ADMINISTRATIVOS TOTAL FINAL 2V.
;-/-/-
;-/-/--/
6;/ -/ <;8//6<>
FINANCIAMIENTO
3l presente proyecto está financiado por la Municipalidad icolás de Pi!rola San Gre1orio) mediante una partida presupuestaria asi1nada9
2VI.
CONTINUIDAD Y SOSTENIBILIDAD DEL PROYECTO.
21
8a continuidad y sostenibilidad del proyecto son pertinentes por cuanto servirá de ne2o entre la Municipalidad y los usuarios finales 7ue corresponde a la
22
ANE2OS
BIBLIOGRAF3A
(ttp4
GLOSARIO
-ccesibilidad4 8a accesibilidad es el 1rado con el 7ue al1o puede ser usado) visitado o accedido por todas las personas) independientemente de sus
capacidades t!cnicas o f6sicas) en concreto en sitios @eb9 -dministrador4 5ipo de usuario en *oomla) el administrador tiene acceso a casi todas las funciones de la parte de la administración de
las funciones del /ront"end9 -pac(e4 Servidor @eb .pen Source para el 7ue
desarrollado9 MySH84 3s un sistema de administración de base de datos) una base de datos es una colección estructurada de datos9 MySH8 es un sistema de administración relacional de bases de datos) es decir) al arc(ivar datos en tablas separadas en ve, de colocar todos los datos en un 1ran arc(ivo
MySH8 es soft@are .pen Source9 PP4 OP3=53T5 Preprocessor >procesador de (iperte2to? es un len1uaserver"side? .pen Source e2tensivamente usado para Web scripts para procesar datos a trav!s de la Common Gate@ay Interface >interfa, com;n de entrada? de las formas 5M89