proyecto de grado - página web - colegio el guabo
TRANSCRIPT
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 1/24
COLEGIO DE BACHILLERATO
“EL GUABO”
BACHILLERATO TÉCNICO ENAPLICACIONES INFORMÁTICAS
MEMORIA TÉCNICA DEL PROYECTO DE GRADOPREVIO A LA OBTENCIÓN DEL TITULO DE
BACHILLERATO TÉCNICO EN APLICACIONESINFORMÁTICAS
TEMA:
DISEÑO Y ELABORACIÓN DE UNA PAGINA WEBPARA EL COLEGIO EL GUABO
AUTORAS: TENESACA VANEGAS JOSELYN JUANAPALTA UYAGUARI GABRIELA YOMIRA
ASESOR:Lic. HUMBERTO NIETO GRANDA
AÑO LECTIVO:
2!"#2!$
EL GUABO-EL ORO-ECUADORCERTIFICACIÓN Y CALIFICACIÓN
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 2/24
Lic. Humberto Nieto Granda
ASESOR DEL PROYECTO DE GRADO
CERTIFICA:
Que la presente Memoria Técnica del Proyecto de Grado realizada por lasestudiantes TENESAA !ANEGAS "#SEL$N "%ANA y PALTA
%$AG%A&' GA(&'ELA $#M'&A) estudiantes del Tercer A*o de
(ac+illerato) Especialidad Aplicaciones 'n,orm-ticas) cumple con los
procedimientos y normas establecidos por la autoridad respectia.
En consecuencia procedo a asi/nar la cali,icaci0n de 123) al tiempo
4ue autorizo su presentaci0n para su re/istro y arc+io.
El Guabo) 5 de 6iciembre del 7328
999999999999999999999 Lic. Humberto Nieto GrandaASESOR DEL PROYECTO DE GRADO
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 3/24
DEDICATORIA
Este Proyecto de Grado est- dedicado a 6'#S) por darnos la ida a
traés de nuestros 4ueridos PA6&ES 4uienes con muc+o cari*o) amor y
e:emplo +an +ec+o de nosotros personas con alores para poder
desenolerme en la sociedad.
Las Autoras
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 4/24
AGRADECIMIENTO
En primer lu/ar a/radecemos a 6ios por +abernos brindado
principalmente ida y salud y /uiarnos siempre por el buen camino. Lue/o
a nuestros padres 4ue +an enido luc+ando con nosotras
incansablemente todo el trayecto de nuestros estudios para 4ue podamos
alcanzar nuestro ob:etio.
También a los pro,esores 4ue +an dado todo lo me:or de ellos para poder
aprender lo 4ue +oy en d;a sabemos y lo 4ue somos es /racias a ellos.
Pero en especial al Lic. Humberto Nieto Granda 4ue siempre +a estado
apoy-ndonos en todo momento para de esta manera no decaer en
nuestros estudios.
<inalmente a/radecemos a las di,erentes personas 4ue +an aportado endiersas ,ormas a los aances de este proyecto a ellos debemos 4ue este
se llee a cabo.
Que el Se*or los colme de sabidur;a y de bendiciones a ustedes.
Las Autoras
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 5/24
ÍNDICE
Portadaerti,icaci0n y ali,icaci0n6edicatoria A/radecimiento=ndice&esumen E:ecutio'ntroducci0n>>>>>>>>>>>>>>>>>>>>>>>>
.
2
2. Propuesta 6e
Traba:o>>>>>>>>>>>>>>>>>>...
7
7. Memoria 6escriptia>>>>>>>>>>>>>>>>>>>. 7 7.2 6escripci0n
General>>>>>>>>>>>>>>>>>...
7
7.7 6escripci0n
Técnica>>>>>>>>>>>>>>>>>...
7
7.? Glosario>>>>>>>>>>>>>>>>>>>>>>> @?. Proceso de Producci0n de (ienes o Sericios>>>>>>>> 8.
&ecursos>>>>>>>>>>>>>>>>>>>>>>>>.
5
B. rono/rama de
Actiidades>>>>>>>>>..........................
23
@. onclusiones>>>>>>>>>>>>>>>>>>>>>>. 22.
&ecomendaciones>>>>>>>>>>>>>>>>>>>>.
27
5.(iblio/ra,;a>>>>>>>>>>>>>>>>>>>>>>>..
2?
C.
AneDos>>>>>>>>>>>>>>>>>>>>>>>>>.
28
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 6/24
RESUMEN EJECUTIVO
En la actualidad se +a conertido en una necesidad o al/o indispensable
para la sociedad las comunicaciones) 4ue cada ez se realiza con mayor
e,iciencia a traés de las nueas tecnolo/;as por ello se aplican en
diersos -mbitos de la ida social) personal) laboral y educatio debido a
esto las instituciones educatias se en en la necesidad de estar a la
an/uardia de la tecnolo/;a) para ser competentes en un ,uturo laboral
para sus estudiantes.
Nosotros como estudiantes del (ac+illerato Técnico en Aplicaciones'n,orm-ticas) +emos detectado un serio problema 4ue presenta nuestro
plantel educatio ya 4ue como toda 'nstituci0n respetable es importante
mane:ar y darse a conocer en este -mbito tan importante como lo es la
tecnolo/;a) por esto nace la idea de implementar un nueo aance
tecnol0/ico 4ue es el dise*o y e:ecuci0n de la p-/ina Feb institucional)
debemos tener cuenta 4ue nuestra instituci0n educatia tiene én,asis en
tecnolo/;a) es al/o 4ue de:a de ser opcional para conertirse en unanecesidad educatia.
omo estudiante de una 'nstituci0n con én,asis en Tecnolo/;a e
'n,orm-tica podemos constatar sobre la importancia de las T'S en los
di,erentes campos) tanto laborales como educatios es decir para 4ue
eDista un buen desempe*o y se den resultados positios en la actualidad
es necesario contar con estas +erramientas tecnol0/icas.
En el campo educatio es ,undamental la utilizaci0n y mane:o de estas
ayudas tecnol0/icas especialmente en una 'nstituci0n con én,asis en
nueas Tecnolo/;as.
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 7/24
Nuestro proyecto est- basado en el 6ise*o y reaci0n de la Pa/ina eb
'nstitucional con el ,in 4ue la comunidad nocturnina y espertina)
interacte y as; lo/re me:ores resultados en el aprendiza:e y adem-s
mostrar la 'nstituci0n a niel local) re/ional e 'nternacional.
omo también con la realizaci0n de este proyecto lo/raremos enri4uecer
nuestro aprendiza:e y aplicaremos todos los conocimientos ad4uiridos en
el -rea de Tecnolo/;a e 'n,orm-tica.
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 8/24
!
INTRODUCCIÓN
En esta primera década del si/lo II' la comunicaci0n :ue/a un papel muyimportante en el desarrollo de la sociedad. 6iariamente la in,ormaci0n
di/ital) es mane:ada por millones de personas sin importar su ran/o de
edad) raza o reli/i0n.
Los estudiantes necesitan en,rentarse a la reducci0n de problemas) no
solo como escolar sino también proyectarse +acia un ,uturo) donde lacreatiidad y la innoaci0n sean el enlace +acia su ida cotidiana) por eso
la necesidad de crear instrumentos 4ue ayuden al aprendiza:e con
estructuras co/nitias de alto /rado de adaptabilidad a lo nueo y a las
eDpectatias de nuestros estudiantes) inculando as; las tics en este
nueo aprendiza:e.
!iendo la importancia de las nueas tecnolo/;as en el mundo /lobalizado)
las estudiantes del /rado once +emos detectado la eidente problem-tica
4ue presenta nuestra instituci0n al no poseer una p-/ina Feb y la utilidad
4ue esta brindar;a a todo nuestro plantel educatio.
El +ec+o de tener una p-/ina eb es muy importante por4ue como es
una 'nstituci0n con én,asis en las nueas tecnolo/;as es ,undamental el
poseer y mane:ar los recursos tecnol0/icos ya 4ue actualmente es
indispensable mane:ar las T'S en la educaci0n.
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 9/24
2
1. PROPUESTA DE TRABAJO
El traba:o 4ue se a a realizar consiste en dise*ar y desarrollar una
p-/ina Feb para el ole/io <iscal JEl GuaboK) la cual es de muc+a
importancia tanto para la instituci0n como para los di,erentes miembros de
esta comunidad educatia) por cuanto ser- una nuea alternatia de
comunicaci0n entre el plantel y el mundo) la cual ser- elaborada en el
pro/rama Adobe 6reamFeaer S@ lue/o de +aber recopilado toda la
in,ormaci0n necesaria y el respectio boceto de la p-/ina.
2. MEMORIA DESCRIPTIVA
2.1.DESCRIPCIÓN GENERAL
Las nueas tecnolo/;as de la in,ormaci0n y la comunicaci0n son medios
aliosos 4ue le brinda al usuario una /ama de soluciones para acceder a
la in,ormaci0n. La Feb es una +erramienta tecnol0/ica 4ue minimiza la
barrera del espacio y el tiempo. En la actualidad toda empresa)
or/anizaci0n) instituci0n) no importa el tama*o) necesita y debe tener un
sitio eb. En EE%% y en los pa;ses m-s aanzados de la %E est-
demostrado 4ue la intensidad en la aplicaci0n de nueas tecnolo/;as y laincorporaci0n de un Sitio eb) est- correlacionado de manera positia.
2.2.DESCRIPCIÓN TÉCNICA
Primeramente recopilamos toda la in,ormaci0n necesaria para dise*ar y
crear la p-/ina Feb bas-ndonos en el boceto preiamente elaborado.
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 10/24
%
reamos una carpeta con los arc+ios 4ue estaremos utilizando) ya sean
im-/enes) teDtos) ideos) animaciones u otras p-/inas inculadas en
ésta) ya 4ue as; resulta m-s ,-cil y adecuado administrar una p-/ina eb.
6e,inimos el tipo de p-/ina Feb 4ue amos a elaborar en este caso ser-
un sitio Feb est-tico) por cuanto su contenido no estar- ,recuentemente
modi,icado y se mantendr- manualmente por al/una persona o personas
4ue usan al/n tipo de pro/rama editor.
Se/uidamente ele/imos el pro/rama 4ue serir- para crear nuestra
p-/ina Feb en este caso esco/emos el pro/rama Adobe 6reamFeaer
S@.
Procedemos a ad4uirir el pro/rama y lue/o a instalarlo en el ordenador
donde se realizar- la p-/ina Feb correspondiente.
Ponemos en e:ecuci0n el pro/rama 4ue anteriormente se instal0 y lue/o
comenzamos a traba:ar con la estructura del sitio Feb dise*ada
preiamente) la cual es la si/uiente
a P-/ina principal con mensa:e de bienenida y el escudo de la
instituci0n.
b P-/ina Historiac P-/ina &ectoresd P-/ina Galer;a de ,otose P-/ina ontactos
A continuaci0n comenzamos a dise*ar la p-/ina principal) la cual
presenta el si/uiente entorno
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 11/24
"
Se/uidamente creamos la se/unda p-/ina) la misma 4ue se denomina
Historia.
Lue/o procedemos a dise*ar la tercera p-/ina) la misma 4ue llear- el
nombre &ectores.
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 12/24
$
A continuaci0n se procede a la creaci0n de la cuarta p-/ina) la misma 4ue
se denomina Galer;a de ,otos.
Para ,inalizar se realiza la p-/ina ontactos) la misma 4ue presenta la
si/uiente apariencia
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 13/24
&
Es necesario acotar 4ue lue/o de realizar cada una de las p-/inas) se
,ueron realizando las respectias pruebas) esto con la ,inalidad de ir
comprobando los resultados del dise*o.
2.3.GLOSARIO
Bus!"#$: P-/ina especial 4ue +ay en la red) 4ue tiene una base dedatos con una serie de palabras u otro sistema para encontrar otrasp-/inas. Normalmente) tienes 4ue rellenar un ,ormulario y eni-rselo paraaparecer en cada uno de ellos.
C#%&'%'"#$: Eti4ueta o par de ellas de apertura y cierre 4ue puedecontener teDto) otros elementos o ambas cosas.
C#$$'# '('&$)%*#: Sericio de 'nternet 4ue permite eniar y recibir arc+ios de todo tipo de un ordenador a otro.
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 14/24
'
D#+*%*#: El nombre) la direcci0n 4ue escribes para entrar a un sitio Febtumadre.com. No tiene por 4ué tener nada 4ue er con el Hastin/s) sepuede cambiar de +osti/a y conserar el dominio y iceersa.
E&*,u'&!: 0di/o 4ue usa el HTML para de,inir una parte de undocumento y el papel 4ue desempe*a en este.
-*'$/0%u(#: <ra/mento de teDto) ima/en) o similar) contenidos en unap-/ina eb) 4ue permite acceder a otra parte de esa p-/ina o de unap-/ina distinta. También se conoce como LinO.
-#s&*%: EL +otel) el espacio en el disco duro de al/una m-4uinaconectada a la &ed en al/n lu/ar del mundo) en el 4ue se /uarda lap-/ina.
3. PROCESO DE PRODUCCIÓN DE BIENES O PRESTACIÓN DE
SERVICIOS
La implementaci0n de las nueas tecnolo/;as de la in,ormaci0n en los
ambientes de aprendiza:e +a alcanzado tal importancia) 4ue cada d;a es
mayor el nmero de establecimientos educatios 4ue poseen un sitio Feb
y 4ue implementan en él di,erentes aplicaciones para la ense*anza.
&azones de sobra +ay para ello. Adem-s de ser un /ran recurso
educatio) sire de plata,orma para la diul/aci0n de in,ormaci0n
institucional) la realizaci0n de tr-mites online) la presentaci0n del e4uipo
docente) el conocimiento de las actiidades) sericios de bibliotecas y
otros sericios) as; como otro ast;simo nmero de prop0sitos. Por 4ué
una instituci0n educatia debe contar con una p-/ina Feb
Nunca como en este tiempo) 'nternet +a posibilitado la tarea de ser
absolutamente isible e interactuar con muc+as personas a la ez.
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 15/24
(
Este principio) ,undamental para este tema) resulta imprescindible para
comprender la importancia de 4ue instituciones educatias de distinto
alcance uniersidades) institutos) escuelas) academias y m-s cuenten
con un espacio y dominio propio en la red) dise*ada y creada
especialmente para serir a sus ,ines educatios y comunicacionales.
%na p-/ina Feb isualmente atractia) personalizada y ,uncional)
potencia la relaci0n entre las instituciones y sus estudiantes) pero también
con cual4uier otra persona) ,uturos clientes o pro,esionales 4ue buscan
mayor in,ormaci0n sobre las carreras) 4ue desean orientaci0n sobre loscontenidos) cursos especializados) promociones) noticias) libros) plana
docente) etcétera.
Las enta:as son ,ant-sticas. En adelante) cual4uier persona interesada)
alumno o no) podr- tener acceso a los contenidos) el caudal de
in,ormaci0n y aceros di/itales 4ue antes estaban dispersos con tan solo
isitar la p-/ina) ele/ir la pesta*a y linOs de su pre,erencia) utilizar sus
motores de bs4uedas para personalizar sus intereses y localizar lo 4ue
se busca.
. RECURSOS
.1. -UMANOS
6ocente asesor del proyecto Pro/ramador y dise*ador de p-/inas Feb Estudiantes inte/rantes del /rupo de proyecto
.2. MATERIALES Y TECNOLÓGICOS
Material de o,icina
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 16/24
)
#rdenador 'nternet Memoria %S( 6isco compacto. So,tFare Adobe 6reamFeaer S@ So,tFare Microso,t ord 'n,ormaci0n de la instituci0n.
.3. OTROS RECURSOS
Transporte
Alimentaci0n Telé,ono y comunicaciones &eproducciones
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 17/24
!
. CRONOGRAMA DE ACTIVIDADES
TIEMPO
ACTIVIDADES
MESES 4 SEMANASA#s&# S'&*'+5$' O&u5$' N#/*'+5$' D**'+5$'
1 2 3 1 2 3 1 2 3 1 2 3 1 2 3 2 Presentaci0n del
tema de proyecto.7 6esi/naci0n de
director de
proyecto.? 'nicio del desarrollo
del proyecto.8 Elaboraci0n de
boceto.B &ecopilaci0n de
in,ormaci0n@ Ad4uisici0n e
instalaci0n del
so,tFare. Elaboraci0n de la
p-/ina principal.5 Elaboraci0n de la
se/unda p-/ina.C Elaboraci0n de la
tercera p-/ina.23 Elaboraci0n de la
cuarta p-/ina.22 Elaboraci0n de la
memoria técnica27 Entre/a del
proyecto.2? Sustentaci0n del
proyecto.
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 18/24
!!
6. CONCLUSIONES
En este proyecto podemos er la importancia de realizar la p-/ina Feb
para nuestra instituci0n educatia) promoiendo en las1os alumnas1os
la participaci0n en los eentos 4ue se realicen como ,oros educatios)
presentaciones) actos de ;ndole ,ormatia y cultural 4ue contribuyan a
la ,ormaci0n 'nte/ral.
En este proyecto obseraremos 4ue los estudiante) puede alorar)
reconocer cada una las actiidades 4ue la instituci0n realiza) dar sus
opiniones y tener una comunicaci0n mediante actiidades por -rea
4ue cada uno de los docentes de:a en la p-/ina Feb) utilizamos una
manera di,erente de interactuar con las nueas tecnolo/;as.
Gracias a la creaci0n de la p-/ina Feb obtenemos /randioso resultado
a niel institucional) pero nuestro pensamiento es a niel nacional e
internacional) para in,luenciar al aprendiza:e de nuestros alumnos) 4ue
la persona interesada en conocer nuestro plantel lo +a/a a traés de
esta maraillosa +erramienta 4ue ya la tenemos a nuestra disposici0n
este proyecto.
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 19/24
!2
7. RECOMENDACIONES
Se considera necesario incorporar alternatias de soluci0n a corto
plazo para el incremento de la se/uridad de la in,ormaci0n de los
estudiantes de la instituci0n) dentro de éstas se su/ieren entre otras)
arc+ios ,;sicos adecuados) ubicaci0n adecuada para dic+os arc+ios
y protecci0n por parte del personal de se/uridad +acia la in,ormaci0n
mane:ada a traés de documentos institucionales.
Se recomienda ampliar el alcance del Sitio eb permitiendo la opci0n
de consulta de notas y solicitud de documentos en l;nea.
Se recomienda 4ue todas las im-/enes utilizadas dentro del sitio eb
para ,ines de isualizar los sericios de la instituci0n pertenezcan a un,ormato "PG preiamente optimizado reducir su peso al m-Dimo sin
da*ar la calidad a traés de un pro/rama de edici0n de im-/enes.
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 20/24
!%
8. BIBLIOGRAFÍA
+ttp11es.:imdo.com1
+ttp11FFF.adobe.com1es1desi/ncenter1ideo9ForOs+op1+tml1id328B.+
tml
+ttp11FFF.aulaclic.es1dreamFeaer51epp9?9292.+tm
+ttp11FFF.aulaclic.es1dreamFeaerRcs@1
+ttp11FFF.comocreartuFeb.com1
+ttp11FFF.in/.ula.e1control1cursos1laRpropuestaRdeRproyectoRdeR
/rado1
+ttp11FFF.mono/ra,ias.com1traba:os?21crearRpa/inaRFeb1crearR
pa/inaRFeb.s+tmliDzz?LM%HOPcE
+ttp11FFF.mono/ra,ias.com1traba:os?21crearRpa/inaRFeb1crearR
pa/inaRFeb.s+tml
+ttps11FFF.youtube.com1Fatc+dF75ee'Aec
Arc+io del ole/io El Guabo.
Mortensen (onilla) arlos) Módulo por competencias de Dreamweaver
CS6, Editorial Serilibros) 733C
9. ANEOS
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 21/24
!"
'nstalando el pro/rama 6reameaer S@
reando la p-/ina principal) la se/unda y tercera p-/ina del sitio Feb
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 22/24
!$
&ealizando el dise*o de la cuarta y 4uinta p-/ina Feb.
P-/ina principal del sitio Feb) denominada ('EN!EN'6#S.
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 23/24
!&
Se/unda p-/ina del sitio Feb) denominada H'ST#&'A
La tercera p-/ina del sitio Feb) corresponde a la Galer;a de &ectores.
7/23/2019 Proyecto de Grado - Página Web - Colegio El Guabo
http://slidepdf.com/reader/full/proyecto-de-grado-pagina-web-colegio-el-guabo 24/24
Galer;a de ,otos corresponde a la cuarta p-/ina del sitio Feb.
La ltima p-/ina corresponde a ontactos.