Informe de Implementacion de Sitio Web en I.E. 013
-
Upload
mateo-flexandflash -
Category
Documents
-
view
223 -
download
0
Transcript of 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
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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.
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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#
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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..................................................!!
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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!.
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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:
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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.
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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 %
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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.
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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.
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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#-.
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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.
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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<
-
7/24/2019 Informe de Implementacion de Sitio Web en I.E. 013
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-
;(