informe de implementacion de sitio web en i.e. 013

7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013

1/55

0

DISEO E IMPLEMENTACION DEL SITIOWEB INSTITUCIONAL COMO MEDIO DE

COMUNICACIN INTERACTIVA PARA

PROMOCIONAR Y FORTALECER LOSPROCESO DE FORMACION ESTUDIANTILDE LA I.E. N 0413 TOCACHE

INFORME DE EJECUCIONComputacin E Informtica

2015

INTEGRANTES: ARTEGA SEVILLANO WILSON

ARTEAGA OLORTEGUI SAMUEL

DOMINGUEZ RAMIREZ ALEX

ENRRIQUEZ GAMEZ ROOSVELT


2/55

RESUMEN

El presente informe propone el anlisis, diseo e implementacin un sitio

web institucional, que ha sido implementado en la institucin educativa 0413 de la

ciudad de tocache.

El sitio web utilia el !"# $oomla %a que es el ms utiliado % cuenta con

muchas plantillas &ratuitas % pa&adas, sobre todo cuenta con una amplia

documentacin % actualiaciones automticas

El sitio web de la institucin educativa 0413 busca ser un medio de

conminacin entre la institucin % la comunidad educativa para me'orar las

e(periencias de aprendia'e a trav)s de la publicacin de materiales educativos,noticias referentes al que hacer educativo tales como actividades deportivas %

culturales, adems .el visitante podr consultar % comentar sobre al&*n tema de

su inter)s.

El &rupo de investi&acin adems busca potenciar % poner en prctica sus

aprendia'es adquiridos en la unidades didcticas de diseo web, diseo &rafico,

taller de pro&ramacin web % &estin % administracin web durante su formacin

en el instituto de educacin superior tecnol&ico +lto ualla&a.


3/55

AGRADECIMIENTOS

- + -ios, por darme la vida.- + #arita !olonia, por &uiar mis pasos.- + mis padres, a%mundo % /uspicia, por

haberme dado una educacin basada en- valores % por apo%arme siempre.

INDICE


4/55

CAPITULO I: INTRODUCCION.................................................................................................................. ............

1.1 ASPECTOS ENERALES..........................................................................!

1." FUNDAMENTACIN.................................................................................!

1.3 PLANTEAMIENTO DEL PROBLEMA..........................................................#

1.4 FORMULACION DEL PROBLEMA..............................................................#

1.! OB$ETIVOS............................................................................................. %

1.# $USTIFICACION DEL PROYECTO..............................................................%

CAPITULO II: MARCO TEORICO..........................................................................................................................

".1 PAINA WEB.......................................................................................... &

"." DOMINIO..............................................................................................10

".3 PUNTO.PE.............................................................................................10".4 SITIO WEB............................................................................................10

".! BASES DE DATOS.................................................................................13

".# SISTEMAS DE INFORMACION'...............................................................14

".% SOFTWARE LIBRE'................................................................................14

".( M)S*L'................................................................................................1!

".& HTML....................................................................................................1#

".10 PHP...................................................................................................... 1(

".11 CSS......................................................................................................1(

".1" CMS..................................................................................................... 1&

".13 $OOMLA................................................................................................"0

".14 PLANTILLAS $OOMLA............................................................................"1

".1! CPANEL................................................................................................"1

CAPITULO III: AMPLIACION DE LOS DETALLES DEL PROYECTO.........................................................

3.1 ESTUDIO DE FACTIBILIDAD..................................................................."3

3." RECURSOS........................................................................................... "43.3 PRESUPUESTO..................................................................................... "!

3.4 FUENTE DE FINANCIAMIENTO.............................................................."#

3.! CRONORAMA DE ACTIVIDADES.........................................................."#

CAPITULO IV: ANALISIS, DISEO E IMPLEMENTACION DEL SITIO WEB............................................

4.1 DATOS INFORMATIVOS DE LA INSTITUCION EDUCATIVA......................."(

4." AD*UISICION DE HOSTIN Y DOMINIO................................................33

4.".1COMPRANDO EL DOMINIO...................................................33

4.3 ADMINISTRACION DEL SERVIDOR WEB................................................3#4.3.1 ACCESO A CPANEL.............................................................3#


5/55

4.3." VENTANA PRINCIPAL..........................................................3#

4.3.3 ADMINISTRACION DE ARCHIVOS........................................3%

4.3.4 PHPMYADMIN.....................................................................3%4.4 INSTALACION DE $OOMLA................................................................... 3(

4.4.1 R+,// 2+ //+5.......................................................3(

4.4." I6/55786 95/ 5 95/.....................................................3(

4.! IMPLEMENTACION DE PLANTILLA.........................................................43

CAPITULO V: CONCLUCIONES Y RECOMENDACIONES................................................................... .........

!.1 CONCLUSIONES'..................................................................................4&

!." RECOMENDACIONES'...........................................................................!0

!.3 BIBLIORAFIA'..................................................................................... !1!.4 WEBRAFIA'.........................................................................................!1

ANEXOS......................................................................................................................................................................

A. VISTA EN PC: TABLE Y SMARTPHONE'......................................................!"

B. PANEL DE ADMINISTRACION'...................................................................!3

C. RESOLUCION DE LA I.E APROBANDO EL PROYECTO................................!4

D. RECIBO DE HONORARIOS DE LA AD*UISICION DEL HOSTIN WEB...... ..!!

E. INTERANTES DE RUPO TRABA$ANDO..................................................!!


6/55

&

CAPITULO I: INTRODUCCION

.1 ASPECTOS GENERALESI.1.1 TITULO DEL PROYECTO

-#E2 E "/E"E56+!5 -E/ #6 7E8 5#669!5+/

!" "E- -E !"95!+!:5 56E+!6;+ ++

"!5+ < =6+/E!E /# !E# -E

="+!5 E#69-+56/ -E /+ .E. 5> 0413 ? [email protected] UBICACIN

e&in A #an "artBn.-epartamento A #an "artBn.

rovincia A 6ocache.-istrito A 6ocache./ocalidad A uca%acu.

I.1.3 ENTIDAD EJECUTORA .E. 5> 0413 ? 6ocache Crupo esponsableA

+rtea&a #evillano 7ilson.

-omin&ue amire +le(

Enrrique Came oosvelt.

mila&ros

.1.4 FECHA DE EJECUCION:+8/D +C#6 del 013I.1.5 BENEFICIARIOS -irectos

+lumnos del .E. 0413. -ocentes del .E. 0413.

ndirectos !omunidad Educativa

. FUNDAMENTACIN

o% dBa los sitios 7E8 se han convertido en una de las opciones de

ma%or consulta % divul&acin para la sociedad actual, como tambi)n uno de

los medios de comunicacin rpidos % entretenidos. Es asB, que el &rupo

investi&ador vio la necesidad de dar a conocer a nivel mundial los

diferentes procesos de formacin estudiantil que se dan en la nstitucin

Educativa 5> 0413, diseando un sitio 7eb, donde se observa una


7/55

&

descripcin relacionada de los diferentes espacios que hacen parte de la

institucin.6ambi)n el sitio 7eb permite atraer % mantener una constante

comunicacin con los inte&rantes de la comunidad estudiantil, e&resados %

personas particulares que de una u otra forma harn aportes en beneficio

de los procesos de formacin de los inte&rantes de la comunidad

educativa.!on esta investi&acin se pretende e(hortar a todos los lectores

para que les sirva de consulta para posibles investi&aciones, al mismo

tiempo invitarlos a aportar sus ideas para complementar el sitio 7eb. Es

asB, como se quiso disear este sitio para que sea visitado en la red, portocachinos % personas de cualquier parte del mundo, con el fin de

promover % fortalecer a trav)s de la comunicacin interactiva de los

procesos de formacin peda&&icos e incursionar en el uso de la

comunicacin a trav)s de medios tecnol&icos modernos %, de esta

manera, contribuir al fortalecimiento de la educacin en el mbito nacional

e internacional.

.3 PLANTEAMIENTO DEL PROBLEMA/a nstitucin p*blica como la nstitucin Educativa 5> 0413 de

6ocache, debe de contar con un servicio informativo, que alcance a todo los

lu&ares que los requiera % en el menor tiempo posible. /as &inas 7eb,

ho% en dBa se han convertido en el medio de informacin ms utiliado, %a

que es posible acceder a ella desde cualquier parte del mundo con solo

cumplir al&unos requisitos mBnimos, requisitos que la &lobaliacin e(i&e a

cualquier institucin..4 FORMULACION DEL PROBLEMA

F!mo utiliar la herramienta $oomla, en el diseo e implementacin

del sitio 7eb de la nstitucin Educativa 5> 0413 como medio de

comunicacin interactiva para promocionar % fortalecer los procesos de

formacin educativa de la comunidad educativaG

.H OBJETIVOS

I.5.1 OBJETIVO GENERAL


8/55

&

-isear e implementar un sitio 7eb mediante el uso de la

herramienta $oomla para promocionar % fortalecer la

comunicacin % los procesos de formacin educativa de lanstitucin Educativa 5> 0413 de 6ocache.

I.5.2 OBJETIVOS ESPECFICOS

dentificar, analiar % documentar tanto los requerimientos

bsicos de comunicacin de la comunidad educativa

trecesina, como la implementacin de un recurso

tecnol&ico moderno que permita su cualificacin. Elaborar un prototipo de un sitio 7eb mediante la

herramienta $oomla que permita me'orar la comunicacin

interactiva en la nstitucin Educativa 5> 0413. mplementar el sitio 7eb de la nstitucin educativa en el

internet para promocionar % fortalecer los procesos de

formacin educativa de la institucin educativa..I JUSTIFICACION DEL PROYECTO

I.6.1 JUSTIFICACION ECONOMICA

+ctualmente la informacin es un recurso mu% importante paratoda nstitucin que mane'a &randes vol*menes de datos,

creemos que todas estas entidades deben automatiar su

informacin, %a que esto implica un ahorro de tiempo

considerable, eliminando traba'o e(cesivo, minimiando el uso de

materiales de escritorio, me'orando la productividad % reduciendo

los costos relacionados con la recopilacin % distribucin de la

informacin.

9n claro e'emplo seria tal ve citaciones a padres de familia

publicados en el sitio web % =acebooJ, adems con la posibilidad

de enviar correo masivo.I.6.2 JUSTIFICACION SOCIAL

Es importante tener un sistema de informacin que a%ude a

una adecuada toma de decisiones, prioriando necesidades de

la institucin.

!on la implementacin del sitio web se fortalecer lacomunicacin entre la institucin % la comunidad, %a que la


9/55

&

comunidad ser participe activo de sitio web a trav)s de sus

publicaciones, mensa'es, su&erencias % reclamos de al&*n

hecho educativo.!on el sitio web se busca dinamiar la relacin entre los a&entes

educativos de la institucin % ello se contribu%e a me'orar la

ima&en institucional.I.6.3 JUSTIFICACION TECNICA

El desarrollo del pro%ecto se 'ustifica t)cnicamente, por el uso

de la alta tecnolo&Ba de comunicacin, pues e(isten los medios

necesarios para realiar el anlisis, diseo, implementacin %

mantenimiento del sistema./a institucin cuenta con los requerimientos de hardwareA /a red

inalmbrica, computadoras % dems dispositivos de

intercone(in, adems para la implementacin del software se

cuenta con una lBnea dedicada de internet el cual no estamos

aprovechando para la implementacin de nuestro sitio web.

+dems cabe mencionar que los usuarios solo necesitan que

ten&an un mane'o bsico del computador % pro&ramas deofimtica, % actividades bsicas de impresin de documentos.

CAPITULO II: MARCO TEORICO

2.1PAGINA EB

9na &ina 7eb es un documento de la 7orld 7ide 7eb Kque

intenta ser estandariada por el 7orld 7ide 7eb !onsortium,

tambi)n llamada 73!L, normalmente en formato 6"/ K/en&ua'e

"arcado de iperte(toL que proviene del estndar #C"/ o M6"/

que proviene del estandar M"/.

9na p&ina 7eb tBpicamente, inclu%e te(to, im&enes % enlaceshacia otros documentos de la red, pudiendo adems contener


10/55

&

animaciones, sonidos, pro&ramas en $ava, % cualquier otro tipo de

documento, por medio de plu&ins % otras tecnolo&Bas.

+ctualmente las p&inas 7eb %a no estn *nicamente enfocadas

para ser visionadas, sino que cada ve son ms dinmicas

permitiendo que el visitante participe en ellas mediante men*s

interactivos, encuestas, votaciones, etc.

2.2DOMINIO

!on'unto de caracteres que identifica la direccin de un sitio

7eb. or e'emplo httpANNwww.ie0413.edu.pe/os dominios ho% en dBa se son comercialiados por empresas

dedicadas a este fin, adems ofreciendo alo'amiento 7eb % dems

servicios. /os dominios son administrados por un servidor

-5#K#ervidor de 5ombres de -ominioL.

2.3PUNTO.PE-esde sus inicios, el .pe ha sido administrado por la ed

!ientBfica eruana, institucin que ha desempeado por ms de 1O

aos la funcin de 5etworJ nformation !enter en el er*. + trav)s


11/55

&

de su &estin, el .pe ha lo&rado preservar la estabilidad de los

dominios peruanos % la operatividad de nternet, asB como obtener

una ma%or representacin di&ital de las comunidades peruanas en elescenario &lobal.

El .pe es responsable de &arantiar el normal funcionamiento de los

elementos t)cnicos del -5#, de manera que los usuarios de nternet

puedan validar correctamente las direcciones de sus dominios. ara

ello se encar&a de dele&ar los nombres de dominios de se&undo %

tercer nivel % supervisar la distribucin de identificadores t)cnicos

usados en las operaciones de nternet.

2.!SITIO EB9n sitio web es un &ran espacio documental or&aniado que la

ma%orBa de las veces est tBpicamente dedicado a al&*n tema

particular o propsito especBfico. !ualquier sitio web puede contener

hiperenlaces a cualquier otro sitio web, de manera que la distincin

entre sitios individuales, percibido por el usuario, puede ser a veces

borrosa.

5o debemos confundir sitio web con p&ina webP esta *ltima es slo

un archivo 6"/, una unidad 6"/, que forma parte de al&*n sitio

web. +l in&resar una direccin web, como por e'emplo

www.wiJipedia.or&, siempre se est haciendo referencia a un sitioweb, el que tiene una p&ina 6"/ inicial, que es &eneralmente la

primera que se visualia. /a b*squeda en nternet se realia

asociando el -5# in&resado con la direccin del servidor que

contiene el sitio web en el cual est la p&ina 6"/ buscada.

/os sitios web estn escritos en cdi&o 6"/ K%per 6e(t "arJup

/an&ua&eL, o dinmicamente convertidos a )ste, % se acceden

aplicando un software conveniente llamado nave&ador web, tambi)nconocido como un cliente 66. /os sitios web pueden ser


12/55

&

visualiados o accedidos desde un amplio abanico de dispositivos

con cone(in a nternet, como computadoras personales, porttiles,

-+s, % tel)fonos mviles.

9n sitio web est alo'ado en una computadora conocida como

servidor web, tambi)n llamada servidor 66, % estos t)rminos

tambi)n pueden referirse al software que se e'ecuta en esta

computadora % que recupera % entre&a las p&inas de un sitio web

en respuesta a peticiones del usuario. +pache es el pro&rama ms

com*nmente usado como servidor web Kse&*n las estadBsticas de

5etcraftL % el nternet nformation #ervices K#L de "icrosoft tambi)nse usa con mucha frecuencia. 9n sitio web esttico es uno que tiene

contenido que no se espera que cambie frecuentemente % se

mantiene manualmente por al&una persona o personas que usan

al&*n tipo de pro&rama editor. a% dos amplias cate&orBas de

pro&ramas editores usados para este propsito que son editores de

te(to como 5otepad, donde el 6"/ se manipula directamente en el

pro&rama editor o Editores 7


13/55

&

web dinmicos. /os sitios dinmicos a menudo inclu%en contenido

que se recupera de una o ms bases de datos o usando tecnolo&Bas

basadas en M"/ como por e'emplo el ##.El contenido esttico puede tambi)n ser &enerado peridicamente

de manera dinmica, o si ocurren ciertas % determinadas

condicionesP con esta estrate&ia se evita la p)rdida de rendimiento

por causa de iniciar el motor dinmico para cada usuario o para cada

cone(in.

a% plu&ins disponibles para nave&adores, que se usan para

mostrar contenido activo como =lash, #ilverli&ht, #hocJwave oapplets, escritos en $ava. El 6"/ dinmico tambi)n proporciona

interactividad para los usuarios, % el elemento de actualiacin en

tiempo real entre p&inas web Ki.e, las p&inas no tienen que

car&arse o recar&arse para efectuar cualquier cambioL,

principalmente usando el -" % $ava#cript, el soporte de los cuales

est inte&rado en la ma%orBa de nave&adores web modernos.

Qltimamente, dado el discurso de muchos &obiernos, se recomiendaque los sitios web cumplan determinadas normas de accesibilidad,

para que )stos, puedan ser visitados % utiliados por el ma%or

n*mero de personas posibles, independientemente de sus

limitaciones fBsicas o derivadas de su entorno. /a accesibilidad web

viene reco&ida en las autas de +ccesibilidad al !ontenido 7eb

7!+C 1.0 del 73!.


14/55

&

2.5BASES DE DATOS

El ori&en de datos por e(celencia es la base datos, 9na base

de datos puede definirse como uno o ms archivos en los que se

almacenan los datos % toda la informacin que describe su

estructura, fundamental para poder operar sobre ellos.

/as bases de datos se dividen en A

aL 8ases de datos de EscritorioA -iri&idas a usuarios con ciertos

conocimientos que le permitan crear % mantener su estructura de

informacin ran por la cual estas bases de datos cuentan con uninterfa de usuario bastante completa % ami&ableA +ccess, arado(,

etc.

bL #ervidores de 8ases de -atosA es una aplicacin que se encar&a

de manipular fBsicamente los datos, ocupndose de su

almacenamiento % recuperacin de los archivos que se encuentran.

2.6SISTEMAS DE INFORMACION:


15/55

&

#e considera que por mucho tiempo, el desarrollo de hardware ha

superado al de software, por ello en las *ltimas d)cadas se ha

puesto ma%or atencin al componente l&ico de los sistemas deinformacin. Es decir, en el nivel ms abstracto se puede presentar a

los sistemas de informacin como una ca'a ne&ra@. ara transformar

las entradas en salidas e(isten ciertos elementos que inte&ran los

sistemas de informacinA -ocumento ro&ramas. -atos. #oporte.

2."SOFTARE LIBRE:El software libre Ken in&l)s Rfree softwareR, aunque esta

denominacin a veces se confunde con R&ratisR por la ambi&Sedad

del t)rmino RfreeR en el idioma in&l)s, por lo que tambi)n se usa

Rlibre softwareRL es la denominacin del software que respeta la

libertad de todos los usuarios que adquirieron el producto %, por

tanto, una ve obtenido el mismo puede ser usado, copiado,

estudiado, modificado, % redistribuido libremente de varias formas.

#e&*n la =ree #oftware =oundation, el software libre se refiere a la

libertad de los usuarios para e'ecutar, copiar, distribuir, % estudiar el

mismo, e incluso modificar el software % distribuirlo modificado.El software libre suele estar disponible &ratuitamente, o al precio de

costo de la distribucin a trav)s de otros mediosP sin embar&o no es

obli&atorio que sea asB, por lo tanto no ha% que asociar software libre

a Rsoftware &ratuitoR Kdenominado usualmente freewareL, %a que,conservando su carcter de libre, puede ser distribuido

comercialmente KRsoftware comercialRL. +nlo&amente, el Rsoftware

&ratisR o R&ratuitoR inclu%e en ocasiones el cdi&o fuenteP no

obstante, este tipo de software no es libre en el mismo sentido que el

software libre, a menos que se &aranticen los derechos de

modificacin % redistribucin de dichas versiones modificadas del

pro&rama.


16/55

&

6ampoco debe confundirse software libre con Rsoftware de dominio

p*blicoR. Tste *ltimo es aquel software que no requiere de licencia,

pues sus derechos de e(plotacin son para toda la humanidad,porque pertenece a todos por i&ual. !ualquiera puede hacer uso de

)l, siempre con fines le&ales % consi&nando su autorBa ori&inal. Este

software serBa aquel cu%o autor lo dona a la humanidad o cu%os

derechos de autor han e(pirado, tras un plao contado desde la

muerte de )ste, habitualmente O0 aos. #i un autor condiciona su

uso ba'o una licencia, por mu% d)bil que sea, %a no es del dominio

p*blico.2.#M$S%L:

"%#U/ es un sistema de &estin de bases de datos

relacional, multihilo % multiusuario con ms de seis millones de

instalaciones.1 "%#U/ +8 Vdesde enero de 00W una subsidiaria

de #un "icros%stems % )sta a su ve de racle !orporation desde

abril de 00XV desarrolla "%#U/ como software libre en un

esquema de licenciamiento dual.

or un lado se ofrece ba'o la C59 C/ para cualquier uso

compatible con esta licencia, pero para aquellas empresas que

quieran incorporarlo en productos privativos deben comprar a la

empresa una licencia especBfica que les permita este uso. Est

desarrollado en su ma%or parte en +5# !.

+l contrario de pro%ectos como +pache, donde el software es

desarrollado por una comunidad p*blica % los derechos de autor del

cdi&o estn en poder del autor individual, "%#U/ es patrocinado

por una empresa privada, que posee el cop%ri&ht de la ma%or parte

del cdi&o. Esto es lo que posibilita el esquema de licenciamiento

anteriormente mencionado. +dems de la venta de licencias

privativas, la compaBa ofrece soporte % servicios. ara sus

operaciones contratan traba'adores alrededor del mundo que


17/55

&

colaboran vBa nternet. "%#U/ +8 fue fundado por -avid +(marJ,

+llan /arsson % "ichael 7idenius.

"%#U/ es usado por muchos sitios web &randes % populares, como

7iJipedia, Coo&le , =acebooJ, 6witter, =licJr %


18/55

&

determinada versin, pueda ser interpretada de la misma forma

KestndarL por cualquier nave&ador web actualiado.

#in embar&o, a lo lar&o de sus diferentes versiones, se han

incorporado % suprimido diversas caracterBsticas, con el fin de

hacerlo ms eficiente % facilitar el desarrollo de p&inas web

compatibles con distintos nave&adores % plataformas K! de

escritorio, porttiles, tel)fonos inteli&entes, tabletas, etc.L. #in

embar&o, para interpretar correctamente una nueva versin de

6"/, los desarrolladores de nave&adores web deben incorporar

estos cambios % el usuario debe ser capa de usar la nueva versindel nave&ador con los cambios incorporados. 5ormalmente los

cambios son aplicados mediante parches de actualiacin

automtica K=irefo(, !hromeL u ofreciendo una nueva versin del

nave&ador con todos los cambios incorporados, en un sitio web de

descar&a oficial Knternet E(plorerL. 9n nave&ador no actualiado no

ser capa de interpretar correctamente una p&ina web escrita en

una versin de 6"/ superior a la que pueda interpretar, lo queobli&a muchas veces a los desarrolladores a aplicar t)cnicas %

cambios que permitan corre&ir problemas de visualiacin e incluso

de interpretacin de cdi&o 6"/. +sB mismo, las p&inas escritas

en una versin anterior de 6"/ deberBan ser actualiadas o

reescritas, lo que no siempre se cumple. Es por ello que ciertos

nave&adores a*n mantienen la capacidad de interpretar p&inas web

de versiones 6"/ anteriores. or estas raones, a*n e(istendiferencias entre distintos nave&adores % versiones al interpretar una

misma p&ina web.


19/55

&

2.1' PHP

es un len&ua'e de pro&ramacin de uso &eneral decdi&o del lado del servidor ori&inalmente diseado para el

desarrollo web de contenido dinmico. =ue uno de los primeros

len&ua'es de pro&ramacin del lado del servidor que se podBan

incorporar directamente en el documento 6"/ en lu&ar de llamar a

un archivo e(terno que procese los datos. El cdi&o es interpretado

por un servidor web con un mdulo de procesador de que

&enera la p&ina 7eb resultante. ha evolucionado por lo que

ahora inclu%e tambi)n una interfa de lBnea de comandos que puede

ser usada en aplicaciones &rficas independientes. puede ser

usado en la ma%orBa de los servidores web al i&ual que en casi todos

los sistemas operativos % plataformas sin nin&*n costo.2.11 CSS

o'a de estilo en cascada o !## Ksi&las en in&l)s de cascadin& st%le

sheetsL es un len&ua'e usado para definir % crear la presentacin de

un documento estructurado escrito en 6"/ o M"/ K% pore(tensin en M6"/L. El 7orld 7ide 7eb !onsortium K73!L es el

encar&ado de formular la especificacin de las ho'as de estilo que

servirn de estndar para los a&entes de usuario o nave&adores.

/a idea que se encuentra detrs del desarrollo de !## es separar la

estructura de un documento de su presentacin.

/a informacin de estilo puede ser definida en un documento

separado o en el mismo documento 6"/. En este *ltimo caso


20/55

&

podrBan definirse estilos &enerales en la cabecera del documento o

en cada etiqueta particular mediante el atributo Yst%leZ.2.12 CMS

#istema de &estin de contenidos, en in&l)sA !ontent "ana&ement

#%stem ms conocido por sus si&las !"#, es un pro&rama

informtico que permite crear una estructura de soporte KframeworJL

para la creacin % administracin de contenidos, principalmente en

p&inas web, por parte de los administradores, editores,

participantes % dems usuarios.

!onsiste en una interfa que controla una o varias bases de datos

donde se alo'a el contenido del sitio web. El sistema permite mane'ar

de manera independiente el contenido % el diseo. +sB, es posible

mane'ar el contenido % darle en cualquier momento un diseo

distinto al sitio web sin tener que darle formato al contenido de

nuevo, adems de permitir la fcil % controlada publicacin en el sitio

a varios editores. 9n e'emplo clsico es el de editores que car&an el

contenido al sistema % otro de nivel superior Kmoderador o

administradorL que permite que estos contenidos sean visibles a

todo el p*blico Klos apruebaL.


21/55

&

2.13 JOOMLA$oomla es un #istema de &estin de contenidos o !"# Kpor

sus si&las en in&l)s, !ontent "ana&ement #%stemL que permite

desarrollar sitios web dinmicos e interactivos. ermite crear,

modificar o eliminar contenido de un sitio web de manera sencilla a

trav)s de un anel de +dministracin. Es un software de cdi&o

abierto, desarrollado en % liberado ba'o licencia C/. Este

administrador de contenidos puede utiliarse en una ! local Ken

/ocalhostL, en una ntranet o a trav)s de nternet % requiere para su

funcionamiento una base de datos creada con un &estor de bases de

datos K"%#U/ es lo ms habitualL, asB como de un servidor 66

+pache.

#u nombre es una pronunciacin fon)tica para an&lfonos de la

palabra swahili 'umla, que si&nifica Rtodos 'untosR o Rcomo un todoR.

#e esco&i como una refle(in del compromiso del &rupo de

desarrolladores % la comunidad del pro%ecto.

2.1! PLANTILLAS JOOMLA9na plantilla $oomla es un paquete de archivos que controlan la

presentacin del contenido dentro del !"# $oomla. 5o es un sitio

web %a que necesita de la base de datos de $oomla para tomar la

apariencia de un sitio web completo. Esta diferencia entre la plantilla

$oomla % los sitios tradicionales se encuentra en su m)todo

constructivo el cual se realia en base a un [[[la%out[[[ de ho'as de

estilo [[[!##[[[.

/a propiedad de la plantilla como Rpaquete independienteR sumado a

la forma dinmica en que se relaciona con la base de datos es lo que


22/55

&

permite intercambiarlas rpidamente, &enerando apariencias

renovadas % sitios dinmicos que se lo&ren a'ustar a los

requerimientos de cada pro%ecto.

/as plantillas en $oomla funcionan tanto para la parte del [[[=ront?

end[[[ como para el [[[8acJ?end[[[. /a plantilla del bacJ?end usada

por defecto en el sistema se llama \hepri. ara la parte del =ront?end,

las plantillas por defecto sonA 8ee, $+]urit% % huJ]milJ%wa%, que

es la que mostramos a continuacin.2.15 CPANEL

!anel es el panel de control para empresas de alo'amiento web

lBder en el mercado.#u atractiva interfa web es la preferida por los usuarios de miles de

compaBas en todo el mundo.6areas como crear subdominios, aadir cuentas de correo, instalar

scripts, prote&er directorios, crear bases de datos... son sencillas de

realiar por los propios usuarios sin necesidad de la intervencin del

personal t)cnico.+compaando a !anel, la aplicacin 7" K7ebost "ana&erL le

permite administrar un &ran n*mero de funciones de su servidorA

creacin de cuentas de usuario, mane'o de la cola de correo, &estin

de paquetes de alo'amiento, reinicio de servicios, confi&uracin de los

servidores de nombres, % un lar&uBsimo etc)tera.!anel est disponible para /inu( % =ree8#-.


23/55

&

CAPITULO III: AMPLIACION DE LOS DETALLES DEL PROYECTO

3.1ESTUDIO DE FACTIBILIDAD

3.1.1 FACTORES DE SUSTENTABILIDAD Y VIABILIDAD

R()*+,-, /,0)-,:

- /a institucin cuenta actualmente con una red inalmbrica

% los dems dispositivos de cone(in necesarios.

- !omputadoras con rendimiento ptimo en las diferentesreas %No 'efaturas de la institucin.

- #ervidores que traba'an con el sistema operativo /inu(

para el control de servicios % dems funciones.

- 9na lBnea dedicada de internet #peed% K4"8L

R()*+,-, E)-0)-,:

- n&resos por recursos propios

- Crupo de investi&acin.

R()*+,-, H*4-,:

- Crupo de investi&acin.

- -ireccin, docentes % administrativos de la nstitucin

educativa.

- esponsable de soporte t)cnico de la institucin.

- +lumnos % padres de familia de la institucin.


24/55

&

3.1.2 IMPACTO SOCIAL ECONOMICO CULTURAL Y AMBIENTAL

ncrementar las vBas de comunicacin entre la institucin % la

comunidad educativa demostrando la transparencia de sus

actividades econmicas, sociales % educativas. =ortalecer la comunicacin entre los a&entes educativos de la

institucin. =omentar en los docentes, alumnos % padres de familia el uso de

las tecnol&icas de la informacin % comunicacin. educcin del uso de papeles, tinta % que son elementos

contaminantes del medio ambiente en la publicacin de

comunicados.

3.2RECURSOS

A. HUMANOS ersonal docente de la nstitucin.

ersonal administrativo de la institucin.

+lumnosB. MATERIALES

#oftware $oomla

!panel

+pache "%#ql

$ava#cript #ublime 6e(t. +dobe "aster !ollection H.

ardware

edes inalmbricas. #ervidor Estaciones de 6raba'o

o'as 8ond + 4 !opias !ds


25/55

&

3.3PRESUPUESTO

FASE RECURSOSCOSTO

UNITARIOCANTID

AD

UNIDADDE

MEDIDA TOTAL

R+719.357.862+

I6;162 0.10 !0 U6252 S?. !.00L597+

A65/5 2+I6;

D/+52<


26/55

&

2,510.00

3.!FUENTE DE FINANCIAMIENTO

/os &astos presupuestados en la e'ecucin del presente pro%ecto una &ran

parte sern asumidos por el &rupo de investi&acin % la institucin

educativa 0413 solo tendr que asumir con el &asto de la compra del

dominio % hostin&, servicios necesarios para la publicacin del sitio web,

dicho servicio tiene un costo de H30.00 nuevos soles.

3.5CRONOGRAMA DE ACTIVIDADES

=+#E +!6;-+- E!9## 6E"R()-074)0

8( 74

0-+4)0

Entrevista a los docentes,

administrativos % alumnos. 6oma de fotos panormicas

de la institucin. ecopilacin de fotos de

actividades educativas. !ompra del hostin& % dominio

web.

6est de pre&untas. /ibro de re&istros. 69+. o'as bond. /apiceros. 3 !omputadoras Edraw

1 #emanas

D0,(9- 8(7

44 8(7 ,00-

;(

informe de implementacion de sitio web en i.e. 013

Documents