Proyecto de Grado - Página Web - Colegio El Guabo

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



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



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



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



Í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



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.



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.



!

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.



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.



%

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



"

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.



$

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



&

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.



'

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.



(

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



)

#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



!

. 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.



!!

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.



!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.



!%

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



!"

'nstalando el pro/rama 6reameaer S@

reando la p-/ina principal) la se/unda y tercera p-/ina del sitio Feb



!$

&ealizando el dise*o de la cuarta y 4uinta p-/ina Feb.

P-/ina principal del sitio Feb) denominada ('EN!EN'6#S.



!&

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.



Galer;a de ,otos corresponde a la cuarta p-/ina del sitio Feb.

La ltima p-/ina corresponde a ontactos.

Proyecto de Grado - Página Web - Colegio El Guabo

Documents

Transcript of Proyecto de Grado - Página Web - Colegio El Guabo