carrera de diseÑo grÁfico diseÑo e implementaciÓn de … · iv la información de la...

CARRERA DE DISEÑO GRÁFICO

DISEÑO E IMPLEMENTACIÓN DE UNA PÁGINA WEB INSTITUCIONAL

PARA LA UNIDAD EDUCATIVA “JUAN MONTALVO” UBICADA EN EL

SECTOR DE LA GASCA EN EL DISTRITO METROPOLITANO DE QUITO PARA

DAR A CONOCER SU HISTORIA, SUS TRADICIONES Y SUS ACTIVIDADES

EXTRA CURRICULARES GENERANDO ASÍ MAYOR INTERÉS DE LA

CIUDADANÍA HACIA LA INSTITUCIÓN EDUCATIVA.

Proyecto de trabajo de graduación que se presenta como requisito para optar por el

título de Tecnólogo en Diseño Gráfico.

Autora: Viviana Villacís

Tutor: Ing. Marco Yamba

Quito, 26 de mayo del 2016

ii

DECLARACIÓN DE AUTORÍA DEL ESTUDIANTE

Yo, Villacís Arcos Viviana Lissette alumna de la Carrera de Diseño Gráfico, del

INSTITUTO SUPERIOR TECNOLÓGICO CORDILLERA, declaro en forma libre y

voluntaria que el presente trabajo de investigación sobre el “DISEÑO E

IMPLEMENTACIÓN DE UNA PÁGINA WEB INSTITUCIONAL PARA LA

UNIDAD EDUCATIVA “JUAN MONTALVO” UBICADA EN EL SECTOR DE LA

GASCA EN EL DISTRITO METROPOLITANO DE QUITO PARA DAR A

CONOCER SU HISTORIA, SUS TRADICIONES Y SUS ACTIVIDADES EXTRA

CURRICULARES GENERANDO ASÍ MAYOR INTERÉS DE LA CIUDADANÍA

HACIA LA INSTITUCIÓN EDUCATIVA.”, así como las expresiones vertidas son de

autoría del abajo firmante, y se ha realizado la correspondiente investigación en base a

la bibliografía y legislación ecuatoriana e internacional; así como consultas en internet.

En consecuencia asumimos la responsabilidad de la originalidad de la misma y la

fundamentación científica correspondiente.

Atentamente;

Autora: Viviana Villacís

C.C.: 1726477522

iii

CONTRATO DE CESIÓN SOBRE DERECHOS PROPIEDAD INTELECTUAL

Comparecen a la celebración del presente contrato de cesión y transferencia de derechos

de propiedad intelectual, por una parte, la estudiante Villacís Arcos Viviana Lissette,

por sus propios y personales derechos, a quien en lo posterior se le denominará el

“CEDENTE”; y, por otra parte, el INSTITUTO SUPERIOR TECNOLÓGICO

CORDILLERA, representado por su Rector el Ingeniero Ernesto Flores Córdova, a

quien en lo posterior se lo denominará el “CESIONARIO”. Los comparecientes son

mayores de edad, domiciliados en esta ciudad de Quito Distrito Metropolitano, hábiles y

capaces para contraer derechos y obligaciones, quienes acuerdan al tenor de las

siguientes cláusulas: PRIMERA: ANTECEDENTE.- a) El Cedente dentro del pensum

de estudio en la carrera de Diseño Gráfico que imparte el Instituto Superior Tecnológico

Cordillera, y con el objeto de obtener el título de Tecnólogo DISEÑO GRÁFICO, el

estudiante participa en el proyecto de grado denominado “DISEÑO E

IMPLEMENTACIÓN DE UNA PÁGINA WEB INSTITUCIONAL PARA LA

UNIDAD EDUCATIVA “JUAN MONTALVO” UBICADA EN EL SECTOR DE LA

GASCA EN EL DISTRITO METROPOLITANO DE QUITO PARA DAR A

CONOCER SU HISTORIA, SUS TRADICIONES Y SUS ACTIVIDADES EXTRA

CURRICULARES GENERANDO ASÍ MAYOR INTERÉS DE LA CIUDADANÍA

HACIA LA INSTITUCIÓN EDUCATIVA”, para lo cual ha implementado los

conocimientos adquiridos en su calidad de alumno. b) Por iniciativa y responsabilidad

del Instituto Superior Tecnológico Cordillera se Diseña e Implementa una Página Web

Institucional para la Unidad Educativa “Juan Montalvo” ubicada en el Sector de la

Gasca, en el Distrito Metropolitano de Quito con la cual se da conocer el Colegio, su

historia; sus tradiciones y sus actividades extra curriculares generando así mayor

interés de la ciudadanía hacia la Institución Educativa y crear un adecuado manejo de

iv

la información de la institución., motivo por el cual se regula de forma clara la cesión de

los derechos de autor que genera la Pagina Web Institucional y que es producto del

proyecto de grado, el mismo que culminado es de plena aplicación técnica,

administrativa y de reproducción. SEGUNDA: CESIÓN Y TRANSFERENCIA.- Con

el antecedente indicado, el Cedente libre y voluntariamente cede y transfiere de manera

perpetua y gratuita todos los derechos patrimoniales de la Pagina Web Institucional

descrito en la cláusula anterior a favor del Cesionario, sin reservarse para sí ningún

privilegio especial. El Cesionario podrá explotar el proyecto por cualquier medio o

procedimiento tal cual lo establece el Artículo 20 de la Ley de Propiedad Intelectual,

esto es, realizar, autorizar o prohibir, entre otros: a) La reproducción de la Pagina Web

Institucional por cualquier forma o procedimiento; b) La comunicación pública de la

Pagina Web Institucional; c) La distribución pública de ejemplares o copias, la

comercialización, arrendamiento o alquiler de la Pagina Web Institucional de

concienciación; d) Cualquier transformación o modificación de la Pagina Web

Institucional; e) La protección y registro en el IEPI Pagina Web Institucional a nombre

del Cesionario; f) Ejercer la protección jurídica de la Pagina Web Institucional; g) Los

demás derechos establecidos en la Ley de Propiedad Intelectual y otros cuerpos legales

que normen sobre la cesión de derechos de autor y derechos patrimoniales.

TERCERA: OBLIGACIÓN DEL CEDENTE.- El cedente no podrá transferir a ningún

tercero los derechos que conforman la estructura, secuencia y organización de la Pagina

Web Institucional que es objeto del presente contrato, como tampoco emplearlo o

utilizarlo a título personal, ya que siempre se deberá guardar la exclusividad de la

Pagina Web Institucional a favor del Cesionario.

v

CUARTA: CUANTIA.- La cesión objeto del presente contrato, se realiza a título

gratuito y por ende el Cesionario ni sus administradores deben cancelar valor alguno o

regalías por este contrato y por los derechos que se derivan del mismo.

QUINTA: PLAZO.- La vigencia del presente contrato es indefinida.

SEXTA: DOMICILIO, JURISDICCIÓN Y COMPETENCIA.- Las partes fijan como su

domicilio la ciudad de Quito. Toda controversia o diferencia derivada de éste, será

resuelta directamente entre las partes y, si esto no fuere factible, se solicitará la

asistencia de un Mediador del Centro de Arbitraje y Mediación de la Cámara de

Comercio de Quito.

En el evento que el conflicto no fuere resuelto mediante este procedimiento, en el plazo

de diez días calendario desde su inicio, pudiendo prorrogarse por mutuo acuerdo este

plazo, las partes someterán sus controversias a la resolución de un árbitro, que se

sujetará a lo dispuesto en la Ley de Arbitraje y Mediación, al Reglamento del Centro de

Arbitraje y Mediación de la Cámara de comercio de Quito, y a las siguientes normas: a)

El árbitro será seleccionado conforme a lo establecido en la Ley de Arbitraje y

Mediación; b) Las partes renuncian a la jurisdicción ordinaria, se obligan a acatar el

laudo arbitral y se comprometen a no interponer ningún tipo de recurso en contra del

laudo arbitral; c) Para la ejecución de medidas cautelares, el árbitro está facultado para

solicitar el auxilio de los funcionarios públicos, judiciales, policiales y administrativos,

sin que sea necesario recurrir a juez ordinario alguno; d) El procedimiento será

confidencial y en derecho; e) El lugar de arbitraje serán las instalaciones del centro de

arbitraje y mediación de la Cámara de Comercio de Quito; f) El idioma del arbitraje será

el español; y, g) La reconvención, caso de haberla, seguirá los mismos procedimientos

antes indicados para el juicio principal.

vi

SÉPTIMA: ACEPTACIÓN.- Las partes contratantes aceptan el contenido del presente

contrato, por ser hecho en seguridad de sus respectivos intereses.

En aceptación firman a los 23 días del mes de Marzo del dos mil quince.

f) ___________________

f) ___________________

C.I. Nº 1726477522 Instituto Superior Tecnológico

“Cordillera”

CEDENTE CESIONARIO

vii

AGRADECIMIENTO

Es como si hubiera sido ayer el comienzo de la batalla sin embargo el tiempo ha pasado.

Siempre llegaron los momentos en que nuestra lucha ceso y nos unimos para batallar

por una misma meta.

Les agradezco a todos no solo por estar conmigo en los momentos malos sino por estar

aportando incesantemente cosas positivas a mi vida.

Muchas gracias padres, hermanos, familia, amigos.

viii

DEDICATORIA

Dedico esta Tesis principalmente a Dios quien me guía y me motiva a seguir adelante

día a día y hacer realidad uno de mis sueños más anhelados.

A mis Padres Cesar Villacís y Gloria Arcos que siempre me apoyaron incondicional

mente en la parte moral y económica para llegar a ser una profesional de la patria.

A Fernando Carvajal quien fue parte fundamental en este largo proceso de retos y

superaciones por ser quien me ha brindado ayuda desinteresada y me incentiva a

cumplir mis metas.

A la unidad de becas ABC quienes me enseñaron que los sueños se pueden alcanzar con

ayuda de gente que da la oportunidad a jóvenes como yo.

Al mejor Instituto en el Ecuador I.T.S.C.O. por darme la oportunidad de aprender con

los mejores.

A mi querido Colegio Juan Montalvo que siempre lo llevo en el alma.

A mis hermanos, amigas más cercanas: Michelle, Wendy, Alejandra, Eli, Jos y demás

familia en general por el apoyo que siempre me brindan día a día en el trascurso de cada

año de mi Carrera universitaria.

Gracias a todos por ser parte de mi sueño y quiero decirles que por todos ustedes lo

lograré.

ix

ÍNDICE GENERAL

DECLARACIÓN DE AUTORÍA DEL ESTUDIANTE ............................................... ii

CONTRATO DE CESIÓN SOBRE DERECHOS PROPIEDAD INTELECTUAL ..... iii

AGRADECIMIENTO .................................................................................................vii

DEDICATORIA ....................................................................................................... viii

ÍNDICE GENERAL .................................................................................................... ix

ÍNDICE DE TABLAS ................................................................................................. xi

ÍNDICE DE GRÁFICOS ............................................................................................ xii

RESUMEN EJECUTIVO .......................................................................................... xiii

ABSTRACT ...............................................................................................................xvi

INTRODUCCIÓN ................................................................................................... xvii

CAPÍTULO I .............................................................................................................. 15

Antecedentes ............................................................................................................... 15

1.01. Contexto ......................................................................................................... 15

1.02. Justificación .................................................................................................... 17

1.3. Definición Del Problema Central (Matriz T) ..................................................... 20

CAPÍTULO II ............................................................................................................. 21

Análisis de Involucrados ............................................................................................. 21

2.01. Mapeo de Involucrados ................................................................................... 21

2.02. Matriz de análisis y selección con los Involucrados ....................................... 22

CAPÍTULO III ............................................................................................................ 23

Problemas y objetivos.................................................................................................. 23

3.01. Árbol de Problemas ......................................................................................... 23

3.02. Árbol de Objetivos .......................................................................................... 24

CAPÍTULO IV ............................................................................................................ 25

Análisis de Alternativas ............................................................................................... 25

4.01. Matriz de análisis de alternativas e identificación de acciones ......................... 25

4.01.01. Tamaño del Proyecto ............................................................................. 26

4. 01.02. Localización del Proyecto ...................................................................... 27

4.01.03. Análisis Ambiental ................................................................................. 28

4.02. Matriz de análisis de impacto de los objetivos ................................................ 29

x

4.03. Diagrama de Estrategias .................................................................................. 30

4.04. Construcción de la Matriz del Marco Lógico .................................................. 31

4.04.01. Revisión de los Criterios para los indicadores ......................................... 31

4.04.02. Selección de Indicadores ......................................................................... 35

4.04.03. Medios de Verificación ........................................................................... 38

4.04.04. Supuestos................................................................................................ 41

4.04.05. Matriz Marco Lógico .............................................................................. 44

CAPÍTULO V ............................................................................................................. 47

La propuesta……………………………………………………………………………47

5.01. Antecedente de la herramienta del perfil de la propuesta Multimedia............... 47

5.01.01. Multimedia ............................................................................................. 47

5.01.02. Diseño Multimedia ................................................................................. 48

5.01.03. Salida laboral del Diseñador Multimedia................................................. 48

5.01.04. Diseño de páginas Web ........................................................................... 49

5.01.05. Tipos de páginas Web ............................................................................. 50

5.01.06. Que es Diseño de páginas Web Institucional ........................................... 52

5.01.07. Que es publicitaria 360 ........................................................................... 53

5.02. Descripción de la herramienta ......................................................................... 53

5.03. Formulación del proceso de aplicación ............................................................ 65

CAPÍTULO VI ............................................................................................................ 81

Aspectos Administrativos ............................................................................................ 81

6.01. Recursos ......................................................................................................... 81

6.02. Presupuesto ..................................................................................................... 82

CAPÍTULO VII .......................................................................................................... 86

7.01. Conclusiones y recomendaciones .................................................................... 86

Referencias Bibliográficas ........................................................................................... 88

ANEXOS .................................................................................................................... 90

xi

ÍNDICE DE TABLAS

Tabla 1 Análisis de las fuerzas T ................................................................................. 20

Tabla 2 Matriz de análisis y selección con los involucrados ....................................... 22

Tabla 3 Matriz de análisis de impacto de los objetivos ................................................. 29

Tabla 4 Revisión de los Criterios para los indicadores ................................................. 31

Tabla 5 Selección de Indicadores ................................................................................. 35

Tabla 6 Medios de Verificación ................................................................................... 38

Tabla 7 Supuestos ....................................................................................................... 41

Tabla 8 Matriz Marco Lógico ...................................................................................... 44

Tabla 9 Encuesta a Alumnos, pregunta 1 ..................................................................... 55

Tabla 10 Encuesta a Alumnos, pregunta 2 ................................................................... 56








Tabla 18 Gastos operativos .......................................................................................... 82

Tabla 19 Aplicación del proyecto ................................................................................ 83

Tabla 20 Cronograma .................................................................................................. 83

xii

ÍNDICE DE FIGURAS

Figura 1 Ejemplificada ................................................................................................ 21

Figura 2 Árbol de problemas ....................................................................................... 23

Figura 3 Árbol de objetivos ......................................................................................... 24

Figura 4 Acciones ....................................................................................................... 25

Figura 7 Diagrama de Estrategias. ............................................................................... 30

Figura 8 Mapa de contenidos ....................................................................................... 68

ÍNDICE DE GRÁFICOS

Gráfico 1 Encuesta a Alumnos, pregunta 1 .................................................................. 55









xiii

ÍNDICE DE IMÁGENES

Imágenes 1 Cálculo el tamaño de la muestra ............................................................... 26

Imágenes 2 Localización del Proyecto ........................................................................ 27

Imágenes 3 Edificio .................................................................................................... 69

Imágenes 4 Alumnos JM ............................................................................................ 69

Imágenes 5 Pedagógico JM ........................................................................................ 69

Imágenes 6 Tambores JM ........................................................................................... 69

Imágenes 7 Alumnos Destacados................................................................................ 69

Imágenes 8 Estatua ..................................................................................................... 69

Imágenes 9 Rectora .................................................................................................... 69

Imágenes 10 Juan Montalvo ...................................................................................... 70

Imágenes 11 Autoridad ............................................................................................... 70

Imágenes 12 Uniforme de ........................................................................................... 70

Imágenes 13 Pasión JM .............................................................................................. 70

Imágenes 14 Banda de Guerra .................................................................................... 70

Imágenes 15 Desfile ................................................................................................... 70

Imágenes 16 Cascos ................................................................................................... 71

Imágenes 17 Estudiantes ............................................................................................ 71

Imágenes 18 Homenaje .............................................................................................. 71

Imágenes 19 Cornetas................................................................................................. 71

Imágenes 20 Entrada ................................................................................................. 71

Imágenes 21 Secretaria ............................................................................................... 71

Imágenes 22 Salón ..................................................................................................... 71

Imágenes 23 Biblioteca ............................................................................................. 71

Imágenes 24 Salón Dentro .......................................................................................... 71

Imágenes 25 Interfaz .................................................................................................. 72

Imágenes 26 Botones y Portada de la página web ....................................................... 72

Imágenes 27 Retícula ................................................................................................. 73

Imágenes 28 Página Principal ..................................................................................... 73

Imágenes 29 Reseña Histórica .................................................................................... 73

Imágenes 30 Rectora .................................................................................................. 74

Imágenes 31 Misión, Visión y Objetivos .................................................................... 74

xiv

Imágenes 32 Artículos ................................................................................................ 74

Imágenes 33 Galería ................................................................................................... 75

Imágenes 34 Contactos ............................................................................................... 75

Imágenes 35 Pie de Página ......................................................................................... 75

Imágenes 36 Logotipo JM .......................................................................................... 76

Imágenes 37 Código N: 1 ........................................................................................... 77



Imágenes 40 Interfaz .................................................................................................. 78

Imágenes 41 Navegación ............................................................................................ 79

Imágenes 42 Página en Facebook ............................................................................... 80

Imágenes 43 Página en Twitter ................................................................................... 80

Imágenes 44 Resultados de Urkund Analysis Result ................................................... 91

xv

RESUMEN EJECUTIVO

Esta Tesis pretende resolver el problema sobre el diseño de páginas web ya que

se ha detectado un serio problema que presenta el plantel educativo como toda

Institución respetable del Distrito de Metropolitano de Quito es importante manejar y

darse a conocer en este ámbito tan importante como lo son la tecnología.

Problema: Deficiente Información para los estudiantes de La Unidad

Educativa “Juan Montalvo”.

Objetivo: Se Diseñará e Implementará una Página Web Institucional para la

Unidad Educativa “Juan Montalvo” ubicada en el Sector de la Gasca, en el Distrito

Metropolitano de Quito con la cual se dará a conocer el Colegio, su historia; sus

tradiciones y sus actividades extra curriculares generando así mayor interés de la

ciudadanía hacia la Institución Educativa y creará un adecuado manejo de la

información de la institución.

Justificación: Esta investigación es necesaria debido a que demostrara que al

realizar una buena página web para La Unida Educativa “Juan Montalvo “la

información recibida será más dinámica y se logrará que la página contribuya y sea

productiva para la institución.

Palabras Clave: Pagina Web, Institución, tecnología, historia, tradiciones,

actividades extra curriculares, información institucional, dinámica, productiva.

xvi

ABSTRACT

This thesis aims to solve the problem on web design as it has detected a serious

problem with the campus as any respectable institution District Metropolitan de Quito is

important to manage and make themselves known in this important area as they are the

technology.

Problem: Poor Information for Students of Educational Unit "Juan Montalvo".

Objective: It will design and implement an Institutional Website for Educational Unit

"Juan Montalvo" located in the Sector Gasca in the Metropolitan District of Quito

which will be released the College, its history; their traditions and their extracurricular

activities generating greater interest of citizens to the educational institution and create

an appropriate management of information of the institution.

Justification: This research is necessary because to prove that doing a good website for

the United Educational "Juan Montalvo" the information received will be more dynamic

and will ensure that the page contribute and be productive for the institution.

Keywords: Website, Institution, technology, history, traditions, extracurricular

activities, institutional information, dynamic, productive.

xvii

INTRODUCCIÓN

El presente proyecto i+d+i tiene como finalidad Diseño e Implementación de

una Página Web Institucional ya que en la actualidad se ha convertido en una necesidad

o algo indispensable para la sociedad las comunicaciones, que cada vez se realiza con

mayor eficiencia atreves de las nuevas tecnologías; por ello estas se aplican en diversos

ámbitos de la vida social: personal, laboral y educativo; por ello las instituciones

educativas se ven en la necesidad de estar a la vanguardia de la tecnología, para ser

competentes en un futuro laboral para sus estudiantes. He detectado un serio problema

que presenta el plantel educativo ya que como toda Institución respetable del Distrito

de Metropolitano de Quito es importante manejar y darse a conocer en este ámbito tan

importante como lo son las tecnología, por esto nace la idea de implementar un nuevo

avance tecnológico que es el diseño e implementación de la página web institucional,

también tenemos que tener cuenta que la institución educativa tiene énfasis en

tecnología, es algo que deja de ser opcional para convertirse en una necesidad

educativa. Como estudiante de una Institución con énfasis en Tecnología e Diseño

puedo constatar sobre la importancia de las TICS en los diferentes campos tanto

laborales como educativos; es decir para un que exista un buen un desempeño y se den

resultados positivos; en la actualidad es necesario contar con estas herramientas

tecnológicas. El proyecto está basado en el Diseño e Implementación de la Pagina Web

Institucional con el fin de que la comunidad Montalvina interactúe y así lograr mejores

resultados en la información y además mostrar la Institución a nivel local, regional.

Como también con la realización de este proyecto lograre aplicar todos los

conocimientos adquiridos en el área de Diseño Gráfico.

http://www.monografias.com/trabajos/lacomunica/lacomunica.shtml

http://www.monografias.com/trabajos11/veref/veref.shtml

http://www.monografias.com/trabajos11/fuper/fuper.shtml

http://www.monografias.com/trabajos13/renla/renla.shtml

http://www.monografias.com/trabajos13/trainsti/trainsti.shtml

http://www.monografias.com/trabajos/vanguardia/vanguardia.shtml

http://www.monografias.com/Tecnologia/index.shtml

http://www.monografias.com/trabajos13/diseprod/diseprod.shtml

http://www.monografias.com/trabajos15/indicad-evaluacion/indicad-evaluacion.shtml

http://www.monografias.com/trabajos11/contrest/contrest.shtml

http://www.monografias.com/trabajos5/teap/teap.shtml

xviii

Cuyos objetivos son:

Generar mayor interés sobre la historia y sus tradiciones de la Unidad

Educativa.

Fomentar comunicación acerca de las actividades que se realizan en el

Plantel.

Implementar nuevas tecnologías que contribuya al mejoramiento del entorno

social de la institución.

Crear una página web para interactuar con los docentes, los estudiantes y la

comunidad educativa en general.

http://www.monografias.com/trabajos28/docentes-evaluacion/docentes-evaluacion.shtml

http://www.monografias.com/trabajos910/comunidades-de-hombres/comunidades-de-hombres.shtml

15

DISEÑO E IMPLEMENTACION DE UNA PÁGINA WEB INSTITUCIONAL PARA LA UNIDAD

EDUCATIVA “JUAN MONTALVO” UBICADA EN EL SECTOR DE LA GASCA EN EL

DISTRITO METROPOLITANO DE QUITO PARA DAR A CONOCER SU HISTORIA, SUS

TRADICIONES Y SUS ACTIVIDADES EXTRA CURRICULARES GENERANDO ASÍ MAYOR

INTERÉS DE LA CIUDADANÍA HACIA LA INSTITUCIÓN EDUCATIVA

CAPÍTULO I

Antecedentes

1.01. Contexto

Según La Reseña Histórica redactada por las autoridades del Plantel El Centro

Educativo alberga a 2 500 estudiantes en cuatro áreas de educación integral.

Fue uno de los ‘mimados’ del laicismo del ‘Viejo Luchador’. El Colegio Juan

Montalvo conforma el grupo de los cuatro “grandes” del laicismo fundado por el

General Eloy Alfaro (JM, 2000). El expresidente fundó la centenaria institución en el

1901, conjuntamente con el Colegio Manuela Cañizares. En aquella época, José Peralta

fungía como Ministro de Instrucción, cargo que hoy equivale al titular de la cartera de

Educación.

Inaugurado el 14 de febrero de 1901, el nombre inicial del “Papá” Montalvo fue

Escuela Normal de Varones mientras que sus primeros profesores tuvieron la

nacionalidad estadounidense y chilena (JM, 2000). Así, el educador norteamericano

Tomás Word se desempeñó como jefe de profesores extranjeros.

El actual edificio del Juan Montalvo está ubicado en el barrio La Gasca, al lado

norte de la Universidad Central del Ecuador. Mario Campos, vicerrector del ciclo de

16






educación básica, indicó que conformó la primera camada de alumnos que llegaron al

nuevo edificio. “Había aulas y potrero. Levantamos con esfuerzo el colegio”, dijo.

El “Papá” Montalvo es un colegio que camina en el siglo XXI con el objetivo

de dar cumplimiento a las actuales demandas de la sociedad ecuatoriana, en torno a la

mundialización de la educación (JM, 2000).

Según las Autoridades Desde la promulgación de la LOEI en el año 2011 el

ISPED deja de ser Experimental y su oferta educativa se reduce a formar bachilleres

en ciencias BGU.

Actualmente la Comunidad educativa realiza el pedido al Distrito Norte 10D05

para ser Unidad Educativa Juan Montalvo para ofertar desde educación Inicial 1 hasta

3er. Año de bachillerato para esto se realizó una Asamblea con los docentes de la

Escuela república de Venezuela y del Colegio y se decidió que debía ser Unidad

Educativa ya que la Escuela por Historia ha sido parte del Juan Montalvo.

17






1.02. Justificación

El presente proyecto i+d+i tiene como finalidad Diseño e Implementación de

una Página Web Institucional ya que en la actualidad se ha convertido en una necesidad

o algo indispensable para la sociedad las comunicaciones, que cada vez se realiza con

mayor eficiencia atreves de las nuevas tecnologías; por ello estas se aplican en diversos

ámbitos de la vida social: personal, laboral y educativo; por ello las instituciones

educativas se ven en la necesidad de estar a la vanguardia de la tecnología, para ser

competentes en un futuro laboral para sus estudiantes.

He detectado un serio problema que presenta el plantel educativo ya que como

toda Institución respetable del Distrito de Metropolitano de Quito es importante manejar

y darse a conocer en este ámbito tan importante como lo son las tecnología, por esto

nace la idea de implementar un nuevo avance tecnológico que es el diseño e

implementación de la página web institucional, También tenemos que tener cuenta que

la institución educativa tiene énfasis en tecnología, es algo que deja de ser opcional

para convertirse en una necesidad educativa. Como estudiante de una Institución con

énfasis en Tecnología e Diseño puedo constatar sobre la importancia de las TIC en los

diferentes campos tanto laborales como educativos; es decir para un que exista un buen

un desempeño y se den resultados positivos; en la actualidad es necesario contar con

estas herramientas tecnológicas. El proyecto está basado en el Diseño e Implementación

de la Pagina Web Institucional con el fin de que la comunidad Montalvina interactúe y

http://www.monografias.com/trabajos/lacomunica/lacomunica.shtml

http://www.monografias.com/trabajos11/veref/veref.shtml

http://www.monografias.com/trabajos11/fuper/fuper.shtml

http://www.monografias.com/trabajos13/renla/renla.shtml

http://www.monografias.com/trabajos13/trainsti/trainsti.shtml

http://www.monografias.com/trabajos/vanguardia/vanguardia.shtml

http://www.monografias.com/Tecnologia/index.shtml

http://www.monografias.com/trabajos13/diseprod/diseprod.shtml

http://www.monografias.com/trabajos15/indicad-evaluacion/indicad-evaluacion.shtml

http://www.monografias.com/trabajos11/contrest/contrest.shtml

18






así lograr mejores resultados en la información y además mostrar la Institución a nivel

local, regional.

Como también con la realización de este proyecto lograré aplicar todos los

conocimientos adquiridos en el área de Diseño Gráfico.

El Impacto de este proyecto puede ser sumamente positivo en cuanto al cambio

de actitud y modo de afrontar las diferentes situaciones por parte de los profesores ya

que así podrán utilizar los recursos de una manera más consciente para los alumnos.

Creo que como ser humano, parte de la sociedad y estudiante podré mostrar que al

realizar una buena página web para La Unida Educativa “Juan Montalvo “la

información recibida será más dinámica y lograré que la pagina contribuya y sea

productiva para la institución.

El proceso educativo está basado en una acción de formación, la tecnología

supera recursos presenciales en cada institución educativa, es por eso que por medio de

este proyecto ambiciono provocar uso de nuevas tecnologías con base en la

responsabilidad, la disciplina y constancia en los alumnos de la Unidad Educativa “Juan

Montalvo”. Considerando El Plan del Buen Vivir y uno de sus Objetivos primordiales,

el número 4 Para el periodo 2013-2017 el cual nos dice:

Fortalecer la capacidades y potencialidades de la ciudadanía”, y con ello el 4.6 el

cual habla de” Promover la interacción recíproca entre la educación, el sector

productivo y la investigación científica y tecnológica, para la transformación de

la matriz productiva y la satisfacción de necesidades.

http://www.monografias.com/trabajos5/teap/teap.shtml

19






Es preciso centrar los esfuerzos para garantizar a todos el derecho al uso de las

TIC, bajo condicionamiento de la calidad y equidad, teniendo como centro al ser

humano y el territorio. Fortaleceremos el rol del conocimiento, promoviendo el uso de

la tecnología que debe ser responsable con la sociedad y con la naturaleza”, el mismo

que se apega a el tema plateado lo cual sustenta al proyecto como tal.

20






1.3. Definición Del Problema Central (Matriz T)

Tabla 1 Análisis de las fuerzas T

Análisis de las fuerzas T

Situación Empeorada Situación Actual Situación Mejorada

Inadecuado uso de la

información impartida por las

autoridades de la institución

provocara el desinterés por parte

de la comunidad Montalvina

Deficiente Información para los

estudiantes de La Unidad

Educativa “Juan Montalvo”

Con la creación de la página

web puedan interactuar los

docentes, los estudiantes y la

comunidad educativa en

general.

Fuerzas Impulsadoras I PC I PC Fuerzas Bloqueadoras

Diseñar e Implementar una

Página Web Institucional 4 5 5 3

Inadecuado uso de la

información

Conocer el Colegio, su historia;

sus tradiciones y sus actividades

extra curriculares

4

5

3

4

Desconocimiento sobre las

actividades realizadas en la

institución

Generar mayor interés de la

ciudadanía hacia la Institución

Educativa y crear un adecuado

manejo de la información de la

institución.

4 5 4 3

Poco interés por parte de las

autoridades

Implementación de nuevas

tecnologías que contribuya al

mejoramiento del entorno social

de la institución.

4 5 4 3

Uso inadecuado de las nuevas

tecnologías

En la tabla que antecede encontramos las siguiente nomenclatura: I = Impacto y PC = Potencial de

cambio. Que nos muestra el impacto actual y a donde va a cambiar una vez que hayamos ejecutado el

proyecto.

http://www.monografias.com/trabajos28/docentes-evaluacion/docentes-evaluacion.shtml

http://www.monografias.com/trabajos910/comunidades-de-hombres/comunidades-de-hombres.shtml

21






Diseño e Implementación de una página web institucional para la unidad educativa “Juan Montalvo” ubicada en el sector de la Gasca en el distrito metropolitano de quito para dar a conocer su historia, sus tradiciones y sus

actividades extra curriculares generando así mayor interés de la ciudadanía hacia la institución educativa.

CAPÍTULO II

Análisis de Involucrados

2.01. Mapeo de Involucrados

Estudiantes

Ministerio de

Educación

Padres de

Familia Profesores

Autoridades

Investigador

Figura 1 Ejemplificada

22


EDUCATIVA “JUAN MONTALVO” UBICADA EN EL SECTOR DE LA GASCA EN EL DISTRITO

METROPOLITANO DE QUITO PARA DAR A CONOCER SU HISTORIA, SUS TRADICIONES Y SUS

ACTIVIDADES EXTRA CURRICULARES GENERANDO ASÍ MAYOR INTERÉS DE LA

CIUDADANÍA HACIA LA INSTITUCIÓN EDUCATIVA

2.02. Matriz de análisis y selección con los Involucrados

Tabla 2 Matriz de análisis y selección con los involucrados

Actores

involucrados

Interés sobre el

problema

Problemas

Percibido

Recursos

mandatos

capacidades

Interés sombre

el proyecto

Conflicto

potencial

Estudiantes

Accesibilidad de

los contenidos

en una página

web

institucional

Escasa interacción

con los profesores y

contenidos que

deben ser

adquiridos

Datos

Estadísticos

Sociales

Adquirir

información

necesaria

Restricción

para el uso de

la página web

Ministerio de

Educación

Establecer

información adecuada con

nuevas

tecnologías

Desinterés en la

actualización de metodología

educativa en base

web

Mandato

(Artículo 298 de la Constitución

de la República)

Mejorar el nivel

tecnológico en el aprendizaje

Limitación de

permisos

Profesores

Material que les

permita una

interacción

tecnológica con

los estudiantes y los padres

Inexistencia de un

soporte para los

contenidos

informativos

Datos

Estadísticos

Impartir

contenido

educativo a

través de la

página web

Inadecuado

contenido

Web

Padres de

familia

Una buena

información

académica para

sus hijos

Déficit el

conocimiento

tecnológico

Datos

Informativos

Sociales

Saber más

sobre las

actividades

institucionales

Impedimento

del uso de la

tecnología en

sus hogares

Autoridades

Mantenerse

como una

organización de

calidad

Ausencia de una

página web para dar

información a

estudiantes

Datos

Estadísticos Dar

información

para la

realización de

la página

institucional

Que no se

apruebe el

proyecto

Investigador Desarrollo del

proyecto

Supresión de una

Diseño con un soporte virtual

educativo

Social

Humana

Creativa

Técnica

Tecnológica

Diseñar e

Implementar la página web

institucional en

la Unidad

Educativa

Tiempo para

realizar proyecto

23






CAPÍTULO III

Problemas y objetivos

3.01. Árbol de Problemas

Efecto

Problema Central

Causa

Figura 2 Árbol de problemas

Inadecuado uso de

herramientas que

informe a la

comunidad

montalvina

Poco manejo de páginas

web en la Institución

Delimitada utilización

de medios de difusión

Mal uso de nuevas

tecnologías

La página web no está en

funcionamiento

Escaso manejo de

imágenes fotográficas

Medio de información

inadecuado Página web poco atractiva

El sitio web posee

usabilidad

inadecuada

Deficiente

información de

actividades realizadas

en la institución

Imágenes mal utilizadas

con baja calidad Gráfica

Deficiente

cumplimiento de la

funcionabilidad

Deficiente Información para los estudiantes

de La Unidad Educativa “Juan Montalvo”

24






3.02. Árbol de Objetivos

Efecto

Positivo

Propósito

Componente

Figura 3 Árbol de objetivos

Poseer una herramienta

que informe a la

comunidad montalvina

Conocer de páginas


Utilizar medios de

difusión

Dar buen uso de las

nuevas tecnologías

Realizar una Página

web en óptimo

funcionamiento

Manejar imágenes

fotográficas

Desarrollar un soporte

digital informativo

Generar mayor interés

por parte de los

alumnos

Crear un sitio web

usable acorde al

publico

Distribuir la

información de manera

adecuada

Elaborar una página

web con imágenes en

alta calidad Gráfica

Cumplir con la

funcionabilidad

Adecuada información en la web para los

estudiantes de La Unidad Educativa “Juan

Montalvo”

25






CAPÍTULO IV

Análisis de Alternativas

4.01. Matriz de análisis de alternativas e identificación de acciones

Figura 4 Acciones

Desarrollar un soporte

digital informativo (A1)

Generar mayor interés por parte de

los alumnos (A2)

Crear un sitio web usable

acorde al publico (A3)

Distribuir la información

de manera adecuada

(A 1.1.)

Elaborar una página web con

imágenes en alta calidad Gráfica

(A 2.1.)

Cumplir con la

funcionabilidad (A 3.1.)

1. Investigar cuáles son

los soportes adecuados

para emitir la

información (A 1.1.1.)

2, Distribuir la

información por medio

de la página web

institucional (A 1.1.2.)

1. Implementar el uso de las

tecnologías a través de la

elaboración de la página web

institucional (A 2.1.1.)

2. Espacio adecuado en el cual la

comunidad montalvina interactúe

(A 2.1.2.)

3. Registrar tu dominio

(A 2.1.3.)

4. Crear un esbozo (A 2.1.4.)

5. Definir el contenido (A 2.1.5.)

6. Armar la estructura (A 2.1.6.)

7. Diseñar (A 2.1.7.)

8. Facilita la navegación

(A 2.1.8.)

9. Colocar el sitio web (A 2.1.9.)

1. Analizar qué tipo de

página web es la

adecuada y más

factibles para el plantel

(A 3.1.1.)

2. Soporte adecuado

para emitir la

información de una

forma más organizada

y llame la atención de

los involucrados

(A 3.1.2.)

26






4.01.01. Tamaño del Proyecto

En el tamaño del proyecto vamos a calcular la muestra de la población total de La

Unidad Educativa “Juan Montalvo”, la misma que es representado por "n". El mismo que

lo estamos direccionando a toda la Comunidad Montalvina. Que actualmente según fuente

del Centro Educativo se dice que alberga 2610 personas entre autoridades, profesores y

estudiantes.

Imágenes 1 Cálculo el tamaño de la muestra

Fuente: Netquest.

27






4. 01.02. Localización del Proyecto

El presente Proyecto de investigación, desarrollo e innovación se realizará en la

Institución Pública Unidad Educativa "Juan Montalvo" que se encuentra ubicada en

Ecuador, Provincia de Pichincha; en la Ciudad de Quito en la Av. La Gasca, Andrés de

Artieda y Gatto Sobral No. Oe7-261 más conocida como La Ciudadela Universitaria.

Telfs. 504-805 /550-232 Fax. 235-180, E-mail: [email protected]

Casilla 17-01-06.

Imágenes 2 Localización del Proyecto

Fuente: Google Maps.

mailto:[email protected]

28






4.01.03. Análisis Ambiental

El presente proyecto de Investigación no tiene mucha repercusión con El Medio

Ambiente debido a que se realizara una página web que no tiene una Impacto directo con

el Ecosistema sin embargo se puede crear e implementar mensajes de preservación y

cuidado del mismo haciendo que los estudiante tomen conciencia y lo pongan en práctica

todo lo examinado.

Aspectos positivos:

No tiene un impacto directo sobre el Medio Ambiente.

La página web institucional será realizada de una manera en la que contribuya

al cuidado del Planeta.

Realización de mensajes Ecológicos.

Aspectos negativos:

Un factor indirecto es el uso excesivo del internet que provoca la utilización de

energía eléctrica que afecta al medio ambiente.

29






4.02. Matriz de análisis de impacto de los objetivos

Tabla 3 Matriz de análisis de impacto de los objetivos

Objetivos Impacto

sobre el

propósito

Factibilidad

Técnica

Factibilidad

Financiera

Factibilidad

Social

Factibilidad

Política

T

Desarrollar un

soporte digital

informativo

4 5 5 5 4 23

Distribuir la

información de

manera adecuada

4 5 5 5 4 23

Generar mayor

interés por parte de

los alumnos

5 5 5 5 5 25

Elaborar una

página web con

imágenes en alta

calidad Gráfica

4 4 5 5 5 23

Crear un sitio web

usable acorde al

publico

5 5 4 5 5 24

Cumplir con la

funcionabilidad

5 5 4 5 4 23

En la tabla podemos visualizar, el impacto que tiene sobre los principales elementos que interviene en el

desarrollo del proyecto con una puntuación del 1 como menor y 5 como el más alto. Al final la (T) representa

la sumatoria total y la (C) representa la categoría según el resultado, la misma que puede ser alta media o baja

(Alta: 25-23 Media: 22-19 Baja: 18-15).

30






4.03. Diagrama de Estrategias

Figura 5 Diagrama de Estr.

Dar buen uso de las

nuevas tecnologías (F1)

Manejar imágenes fotográficas

(F3)

Adecuada información en la web para los estudiantes de La

Unidad Educativa “Juan Montalvo”

Realizar una Página web en

óptimo funcionamiento (F2)

Generar mayor interés por

parte de los alumnos (M1)

Desarrollar un soporte digital

informativo (M2) Crear un sitio web usable

acorde al publico (M3)

Desarrollar un soporte digital

informativo (A1)

Generar mayor interés por parte de los

alumnos (A2)

Crear un sitio web usable

acorde al publico (A3)

Distribuir la información de

manera adecuada (A 1.1.)

Elaborar una página web con imágenes

en alta calidad Gráfica (A 2.1.)

Cumplir con la

funcionabilidad (A 3.1.)

1. Investigar cuáles son los

soportes adecuados para

emitir la información

(A 1.1.1.)

2, Distribuir la información

por medio de la página

web institucional (A 1.1.2.)

1. Implementar el uso de las

tecnologías a través de la

elaboración de la página web institucional (A 2.1.1.)

2. Espacio adecuado en el cual la

comunidad montalvina interactúe

(A 2.1.2.)

3. Registrar tu dominio

(A 2.1.3.)

4. Crear un esbozo (A 2.1.4.)

5. Definir el contenido (A 2.1.5.)

6. Armar la estructura (A 2.1.6.)

7. Diseñar (A 2.1.7.)

8. Facilita la navegación (A 2.1.8.)

9. Colocar el sitio web (A 2.1.9.)

1. Analizar qué tipo de

página web es la

adecuada y más


(A 3.1.1.)

2. Soporte adecuado

para emitir la

información de una



los involucrados

(A 3.1.2.)

31






4.04. Construcción de la Matriz del Marco Lógico

4.04.01. Revisión de los Criterios para los indicadores

Tabla 4 Revisión de los Criterios para los indicadores

Nivel Resumen

Narrativo Indicadores

Meta

Cant. Cal. Tiempo Lugar G.S

Fin

F1: Poseer una

herramienta que

informe a la

comunidad

montalvina

El 93% entre

profesores y

estudiantes están de

acuerdo en

implementar una

herramienta que les informe

311

Excelente

6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

F2: Dar buen uso

de las nuevas

tecnologías

El 90% de

profesores creen

que la propuesta

dará uso a las

nuevas tecnologías

302

Excelente 6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

F3: Conocer de

páginas web en la

Institución

Una página web es

100% viable en la

unidad educativa

“Juan Montalvo”

335 Excelente 6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

F4: Realizar una página web en

óptimo

funcionamiento

El 95.62% de

profesores y

alumnos están de acuerdo con la

realización de una

página web en

óptimo

funcionamiento

320

Muy bueno 6

meses

U.E. Juan Montalvo,

Quito-

Ecuador

M

F5: Utilizar medios

de difusión

El 93 % de

profesoras están de

acuerdo en manejar

medios de difusión

311 Excelente

6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

F6: Manejar

imágenes

fotográficas

El 85% de

profesores y


acuerdo que se maneje fotografías

de excelente calidad

285

Excelente 6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

32






Prop

ósi

to

P1: Adecuada información en la

web para los

estudiantes de La

Unidad Educativa

“Juan Montalvo”

El 90% entre

profesores y

alumnos necesitan

una página web

para estar

comunicados

constantemente

301

Excelente 6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

Co

mp

on

en

tes

C1: Desarrollar un

soporte digital

informativo

Se implementa un

soporte digital

informativo

1

Excelente 6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

C2: Distribuir la información de

manera adecuada

Los profesores tienen deficiente

conocimiento en

realización de

páginas web

1

Excelente 6

meses

U.E. Juan Montalvo,

Quito-

Ecuador

M

C3: Generar mayor


los alumnos

El 94% de alumnos

están interesados

con la creación del

proyecto

314

Excelente 6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

C4: Elaborar una

página web con

imágenes en alta

calidad Gráfica

El 90 % de alumnos

está de acuerdo en

tener una página

con imágenes en

alta calidad gráfica

301

Excelente 6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

C5: Crear un sitio

web usable acorde al publico

La usabilidad de los contenidos se ha

perfeccionado

1

Excelente 6 meses

U.E. Juan

Montalvo, Quito-

Ecuador

M

C6: Cumplir con la

funcionabilidad

La funcionabilidad

ha mejorado 1

Excelente 6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

Acti

vid

ad

es

A1: Investigar

cuáles son los

soportes adecuados

para emitir la

información

Búsqueda de una

página web es el

soporte más

adecuado para

emitir información

1

Excelente 6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

A2: Distribuir la

información por medio de la página

web institucional

Los contenidos son distribuidos en

forma ordenada en

el sitio web

1

Excelente

6

meses

U.E. Juan Montalvo,

Quito-

Ecuador

M

A3: Implementar

el uso de las

tecnologías a través

de la elaboración de

la página web

institucional

Los estudiantes se

han adaptado a las

nuevas tecnologías

1

Excelente 6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

33






A4: Espacio adecuado en el cual

la comunidad

montalvina

interactúe

El impacto ha sido

positivo

1

Excelente

6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

A5: Registrar tu

dominio

El dominio es

totalmente

confiable

1

Excelente 6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

A6: Crear un

esbozo

Creación de

contenido acorde a

la necesidad de la

institución

1

Excelente

6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

A7: Definir el

contenido

Artículos que sean

útiles para

estudiantes y

maestros

1

Excelente 6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

A8: Armar la

estructura

Realización de artículos, módulos

y textos

1

Excelente 6

meses

U.E. Juan Montalvo,

Quito-

Ecuador

M

A9: Diseñar

El diseño es acorde

a una página web

institucional

1

Excelente

6

meses

U.E. Juan

Montalvo,

Quito-Ecuador

M

A10: Facilita la

navegación

La página web

contará con un

menú desplegable

que facilita la

navegación

1

Excelente 6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

A11: Colocar el

sitio web

El sitio web en un

Dominio confiable

1

Excelente 6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

A12: Analizar qué

tipo de página web

es la adecuada y

más factibles para

el plantel

Los profesores y

alumnos contaran

con un sitio

institucional acorde

que sea 100%

funcional

335

Excelente 6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

A13: Soporte

adecuado para

emitir la

información de una

forma más

Utilizar el Diseño

Gráfico como un

mecanismo para la

elaboración de un

sitio innovador y

1

Excelente

6

meses

U.E. Juan

Montalvo,

Quito-

Ecuador

M

34






Cant.= Cantidad

Cal. = Calidad

G.S. = Grupo Social

M.= Medio

organizada y llame la atención de los

involucrados

acorde a las necesidades de la

institución

35






4.04.02. Selección de Indicadores

Tabla 5 Selección de Indicadores

Nivel Resumen Narrativo Indicadores

Clasificador de

Indicadores Punt. Selec.

A B C D E

Fin

F1: Poseer una herramienta

que informe a la comunidad

montalvina

El 93% entre

profesores y

estudiantes están

de acuerdo en

implementar una

herramienta que

les informe

X X X X X 5 SI

F2: Dar buen uso de las

nuevas tecnologías

El 90% de

profesores creen

que la propuesta

dará uso a las

nuevas tecnologías

X X X X 4

SI

F3: Conocer de páginas web

en la Institución

Una página web

es 100% viable en

la unidad

educativa

“Juan Montalvo”

X X X X 4

SI

F4: Realizar una página web

en óptimo funcionamiento

El 95.62% de

profesores y

alumnos están de

acuerdo con la

realización de

una página web en

óptimo funcionamiento

X X X X 4

SI

F5: Utilizar medios de

difusión

El 93 % de

profesoras están

de acuerdo en

manejar medios

de difusión

X X X X 4

SI

F6: Manejar imágenes

fotográficas

El 85% de

profesores y

estudiantes están

de acuerdo que se

maneje fotografías

de excelente

calidad

X X X X X 5

SI

36






Prop

ósi

to

P1: Adecuada información en la web para los estudiantes

de La Unidad Educativa

“Juan Montalvo”

El 90% entre profesores y

alumnos necesitan

una página web

para estar

comunicados

constantemente

X X X X X 5

SI

Co

mp

on

en

tes

C1: Desarrollar un soporte

digital informativo

Se implementa un

soporte digital informativo

X X X X 4

SI

C2: Distribuir la información

de manera adecuada

Los profesores

tienen deficiente

conocimiento en

realización de

páginas web

X X X X 4

SI

C3: Generar mayor interés

por parte de los alumnos

El 94% de

alumnos están

interesados con la

creación del

proyecto

X X X X X 5

SI

C4: Elaborar una página web con imágenes en alta calidad

Gráfica

El 90 % de

alumnos está de

acuerdo en tener una página con

imágenes en alta

calidad gráfica

X X X X X 5

SI

C5: Crear un sitio web usable

acorde al publico

La usabilidad de

los contenidos se

ha perfeccionado

X X X X 4

SI

C6: Cumplir con la

funcionabilidad

La

funcionabilidad ha

mejorado

X X X X X 5

SI

Acti

vid

ad

es

A1: Investigar cuáles son los

soportes adecuados para

emitir la información

Búsqueda de una

página web es el

soporte más

adecuado para

emitir información

X X X X 4

SI

A2: Distribuir la

información por medio de la

página web institucional

Los contenidos

son distribuidos

en forma ordenada

en el sitio web

X X X X 4

SI

A3: Implementar el uso de

las tecnologías a través de la

elaboración de la página web

institucional

Los estudiantes se

han adaptado a las

nuevas

tecnologías

X X X X X 5

SI

37






A4: Espacio adecuado en el cual la comunidad

montalvina interactúe

El impacto ha sido

positivo X X X X 4

SI

A5: Registrar tu dominio

El dominio es

totalmente

confiable

X X X X 4

SI

A6: Crear un esbozo

Creación de

contenido acorde

a la necesidad de

la institución

X X X X X 5

SI

A7: Definir el contenido

Artículos que sean

útiles para

estudiantes y maestros

X X X X 4

SI

A8: Armar la estructura

Realización de

artículos, módulos

y textos

X X X X 4

SI

A9: Diseñar

El diseño es

acorde a una

página web

institucional

X X X X X 5

SI

A10: Facilita la navegación

La página web

contará con un

menú desplegable

que facilita la

navegación

X X X X X 5

SI

A11: Colocar el sitio web

El sitio web en un

Dominio confiable

X X X X 4

SI

A12: Analizar qué tipo de

página web es la adecuada y

más factibles para el plantel

Los profesores y

alumnos contaran

con un sitio

institucional

acorde que sea

100% funcional

X X X X 4

SI

A13: Soporte adecuado para

emitir la información de una

forma más organizada y

llame la atención de los

involucrados

Utilizar el Diseño

Gráfico como un

mecanismo para la

elaboración de un

sitio innovador y

acorde a las

necesidades de la institución

X X X X X 5

SI

La siguiente nomenclatura que se ha utilizado es: A = Es claro

B= Existe información disponible

C= Es tangible y se puede observar

D= La tarea de recolectar datos está al alcance y no requiere expertos, E= Es representativo

38






4.04.03. Medios de Verificación

Tabla 6 Medios de Verificación

Nivel Resumen

Narrativo Indicadores

Medios de Verificación

F. Info. M.R M.A F.R R

Fin

F1: Poseer una

herramienta que

informe a la

comunidad

montalvina



acuerdo en

implementar una

herramienta que les

informe

Primaria Encuesta Cuantitativo 6 m Inv.

F2: Dar buen

uso de las

nuevas

tecnologías

El 90% de profesores

creen que la

propuesta dará uso a

las nuevas

tecnologías


F3: Conocer de

páginas web en la Institución

Una página web es

100% viable en la unidad educativa

“Juan Montalvo”


F4: Realizar una

página web en

óptimo

funcionamiento

El 95.62% de

profesores y alumnos

están de acuerdo con

la realización de una

página web en

óptimo

funcionamiento


F5: Utilizar

medios de

difusión

El 93 % de profesoras

están de acuerdo en

manejar medios de difusión


F6: Manejar

imágenes

fotográficas


y estudiantes están de

acuerdo que se

maneje fotografías de

excelente calidad


Prop

ósi

to

P1: Adecuada

información en

la web para los

estudiantes de

La Unidad

Educativa “Juan

Montalvo”

El 90% entre

profesores y alumnos

necesitan una página

web para estar

comunicados

constantemente


39






Com

pon

en

tes

C1: Desarrollar un soporte

digital

informativo

Se implementa un

soporte digital

informativo

Secundaria Doc. Cualitativo 6 m Inv.

C2: Distribuir la

información de

manera

adecuada

Los profesores tienen

deficiente

conocimiento en

realización de

páginas web


C3: Generar

mayor interés

por parte de los

alumnos

El 94% de alumnos

están interesados con

la creación del

proyecto


C4: Elaborar

una página web

con imágenes en

alta calidad

Gráfica

El 90 % de alumnos

está de acuerdo en

tener una página con

imágenes en alta

calidad gráfica


C5: Crear un

sitio web usable

acorde al

publico

La usabilidad de los

contenidos se ha

perfeccionado


C6: Cumplir

con la

funcionabilidad

La funcionabilidad

ha mejorado Primaria

Guía. De

Obs. Simple

verificación 6 m Inv.

Acti

vid

ad

es

A1: Investigar

cuáles son los

soportes

adecuados para

emitir la

información

Búsqueda de una

página web es el

soporte más adecuado

para emitir

información


A2: Distribuir

la información

por medio de la

página web

institucional

Los contenidos son

distribuidos en forma

ordenada en el sitio

web

Primaria Guía. De

Obs. Simple


A3:

Implementar el

uso de las

tecnologías a

través de la

elaboración de

la página web

institucional

Los estudiantes se

han adaptado a las

nuevas tecnologías

Primaria Guía. De

Obs. Simple


40






A4: Espacio adecuado en el

cual la

comunidad

montalvina

interactúe

El impacto ha sido

positivo Primaria

Guía. De

Obs. Simple


A5: Registrar tu

dominio

A6: Crear un

esbozo

El dominio es

totalmente confiable

Primaria Guía. De

Obs. Simple


Creación de

contenido acorde a la

necesidad de la

institución

Primaria Guía. De

Obs. Simple


A7: Definir el

contenido

Artículos que sean

útiles para estudiantes y maestros

Primaria Guía. De

Obs. Simple


A8: Armar la

estructura

Realización de

artículos, módulos y

textos

Primaria Doc. Simple


A9: Diseñar

El diseño es acorde a

una página web

institucional

Primaria Guía. De

Obs. Simple


A10: Facilita la

navegación

La página web

contará con un menú

desplegable que

facilita la navegación

Primaria Guía. De

Obs. Simple


A11: Colocar el

sitio web

El sitio web en un

Dominio confiable Primaria

Guía. De

Obs. Simple


A12: Analizar

qué tipo de

página web es la adecuada y más

factibles para el

plantel

Los profesores y

alumnos contaran con

un sitio institucional acorde que sea 100%

funcional

Primaria Guía. De

Obs. Simple


A13: Soporte

adecuado para

emitir la

información de

una forma más

organizada y

llame la

atención de los

involucrados

Utilizar el Diseño

Gráfico como un

mecanismo para la

elaboración de un

sitio innovador y

acorde a las

necesidades de la

institución

Primaria Guía. De

Obs. Simple


Se ha usado la siguiente nomenclatura: F.info= Fuentes de información, M.R.= Método de recolección,

M.A= Método de análisis, F.R= Frecuencia de recolección, R.= Responsable, M = Meses e Inv.=

Investigador.

41






4.04.04. Supuestos

Tabla 7 Supuestos

Nivel Resumen Narrativo Supuestos Factores de Riesgo

Fin. Pol. Soc. Amb. Leg.

Fin

F1: Poseer una herramienta que

informe a la

comunidad

montalvina

Deficiente información de

actividades

realizadas en la

institución

X

F2: Dar buen uso de

las nuevas

tecnologías

Mal uso de nuevas

tecnologías

X X X

F3: Conocer de

páginas web en la

Institución

Poco manejo de

páginas web en la

Institución

X X

F4: Realizar una

página web en

óptimo

funcionamiento

La página web no

está en

funcionamiento

X X X

F5: Utilizar medios

de difusión

Delimitada

utilización de

medios de difusión

X X X X

F6: Manejar


Escaso manejo de

imágenes

fotográficas

X X

Prop

ósi

to

Prop

ósi

to

Com

pon

en

tes

P1: Adecuada

información en la

web para los estudiantes de La

Unidad Educativa

“Juan Montalvo”

Deficiente

Información para

los estudiantes de

La Unidad

Educativa “Juan

Montalvo”

X X X

Com

pon

e

nte

s

C1: Desarrollar un

soporte digital

informativo

Inadecuado uso de

herramientas que

informe a la


X X X X

42






C2: Distribuir la información de

manera adecuada


inadecuado

X X X

C3: Generar mayor


los alumnos

Poco interés por

parte de

estudiantes del

plantel

X X

C4: Elaborar una

página web con

imágenes en alta

calidad Gráfica

Escaso manejo de

imágenes

fotográficas

X X X X

C5: Crear un sitio web usable acorde al

publico

El sitio web posee usabilidad

inadecuada

X X X

C6: Cumplir con la

funcionabilidad

Deficiente

cumplimiento de la

funcionabilidad X X X

Acti

vid

ad

es

A1: Investigar cuáles

son los soportes

adecuados para emitir

la información

Página web poco

atractiva

X X

A2: Distribuir la

información por

medio de la página

web institucional

Deficiente

información de

actividades

realizadas en la

institución

X X X

A3: Implementar el

uso de las tecnologías

a través de la

elaboración de la

página web

institucional

Uso inadecuado de

nuevas tecnología

web

X X X

A4: Espacio

adecuado en el cual

la comunidad

montalvina interactúe

El impacto ha sido

positivo X X X

A5: Registrar tu

dominio

Página web poco

atractiva

X X X

A6: Crear un esbozo Esbozo poco

atractivo X X X

A7: Definir el

contenido

Artículos poco

atractivos para

estudiantes y

maestros

X X

43






A8: Armar la

estructura

Artículos, módulos y textos sin ningún

orden

X X

A9: Diseñar

El diseño no es

acorde a una

página web

institucional

X X

A10: Facilita la

navegación

La página web no

cuenta con un

menú que facilite

la navegación

X X

A11: Colocar el sitio

web

El sitio web en un

Dominio inestable X X X X

A12: Analizar qué

tipo de página web es

la adecuada y más factibles para el

plantel

Los profesores y

alumnos no

cuentan con un sitio institucional

acorde y que sea

funcional

X X X

A13: Soporte

adecuado para emitir

la información de una

forma más

organizada y llame la

atención de los

involucrados

El sitio no es y

acorde a las

necesidades de la

institución

X X

Se ha usado la siguiente nomenclatura:

Fin. = Financiero

Pol. = Político

Soc. = Social

Amb. = Ambiental

Leg. = Legal

44






4.04.05. Matriz Marco Lógico

Tabla 8 Matriz Marco Lógico

Resumen Narrativo Indicadores Medios de

Verificación Supuestos

F1: Poseer una

herramienta que informe a la



estudiantes están de acuerdo en implementar

una herramienta que les

informe

Primaria, Encuesta,

Cuantitativo

Deficiente información

de actividades realizadas en la institución

F2: Dar buen uso de

las nuevas tecnologías


creen que la propuesta dará

uso a las nuevas

tecnologías

Primaria,

Encuesta,

Cuantitativo

Mal uso de nuevas

tecnologías

F3: Conocer de

páginas web en la

Institución

Una página web es 100%

viable en la unidad

educativa

“Juan Montalvo”

Primaria,

Encuesta,

Cuantitativo

Poco manejo de páginas


F4: Realizar una

página web en óptimo funcionamiento

El 95.62% de profesores y

alumnos están de acuerdo

con la realización de una página web en óptimo

funcionamiento

Primaria,

Encuesta, Cuantitativo

La página web no está en

funcionamiento

F5: Utilizar medios de

difusión

El 93 % de profesoras

están de acuerdo en

manejar medios de

difusión

Primaria,

Encuesta,

Cuantitativo

Delimitada utilización de

medios de difusión

F6: Manejar imágenes

fotográficas

El 85% de profesores y


acuerdo que se maneje

fotografías de excelente

calidad

Primaria,

Encuesta,

Cuantitativo

Escaso manejo de


P1: Adecuada

información en la web

para los estudiantes de La Unidad Educativa

“Juan Montalvo”


alumnos necesitan una

página web para estar comunicados

constantemente

Primaria,

Encuesta,

Cuantitativo

Deficiente Información

para los estudiantes de

La Unidad Educativa

“Juan Montalvo”

C1: Desarrollar un

soporte digital

informativo

Se implementa un soporte

digital informativo

Secundaria,

Documentación

Cualitativo

Inadecuado uso de

herramientas que

informe a la comunidad

montalvina

C2: Distribuir la

información de manera adecuada

Los profesores tienen

deficiente conocimiento en realización de páginas web

Secundaria,

Documentación Cualitativo


inadecuado

45






C3: Generar mayor interés por parte de los

alumno

El 94% de alumnos están interesados con la creación

del proyecto

Primaria, Encuesta,

Cuantitativo

Poco interés por parte de

estudiantes del plantel

C4: Elaborar una

página web con

imágenes en alta

calidad Gráfica

El 90 % de alumnos está

de acuerdo en tener una

página con imágenes en

alta calidad gráfica

Primaria,

Encuesta,

Cuantitativo

Escaso manejo de


C5: Crear un sitio web

usable acorde al

publico

La usabilidad de los

contenidos se ha

perfeccionado

Secundaria,

Documentación

Cualitativo

El sitio web posee

usabilidad inadecuada

C6: Cumplir con la

funcionabilidad

La funcionabilidad ha

mejorado

Primaria,

Guía de

observación,

Simple verificación

Deficiente cumplimiento

de la funcionabilidad

A1: Investigar cuáles

son los soportes adecuados para emitir

la información

Búsqueda de una página

web es el soporte más adecuado para emitir

información

Secundaria,

Documentación Cualitativo

Página web poco

atractiva

A2: Distribuir la

información por medio

de la página web

institucional

Los contenidos son

distribuidos en forma

ordenada en el sitio web

Primaria,

Guía de

observación


Deficiente información

de actividades realizadas

en la institución

A3: Implementar el

uso de las tecnologías

a través de la

elaboración de la

página web

institucional

Los estudiantes se han

adaptado a las nuevas

tecnologías

Primaria,

Guía de

observación


Uso inadecuado de

nuevas tecnología

web

A4: Espacio

adecuado en el cual la


interactúe

El impacto ha sido positivo

Primaria,

Guía de

observación


El impacto ha sido

positivo

A5: Registrar tu

dominio

El dominio es totalmente

confiable

Primaria,

Guía de

observación Simple verificación

Página web poco

atractiva

A6: Crear un esbozo

Creación de

contenido acorde a la

necesidad de la institución

Primaria,

Guía de

observación


Esbozo poco atractivo

A7: Definir el

contenido

Artículos que sean útiles

para estudiantes y maestros

Primaria,

Guía de

observación


Artículos poco atractivos

para estudiantes y

maestros

A8: Armar la

estructura

Realización de artículos,

módulos y textos

Primaria,

Guía de

observación


Artículos, módulos y

textos sin ningún orden

46






A9: Diseñar El diseño es acorde a una

página web institucional

Primaria, Guía de

observación


El diseño no es acorde a

una página web

institucional

A10: Facilita la

navegación

La página web contará con un menú desplegable que

facilita la navegación

Primaria, Guía de

observación


La página web no cuenta

con un menú que facilite

la navegación

A11: Colocar el sitio

web

El sitio web en un

Dominio confiable

Primaria,

Guía de

observación


El sitio web en un

Dominio inestable

A12: Analizar qué

tipo de página web es

la adecuada y más


Los profesores y alumnos

contaran con un sitio

institucional acorde que

sea 100% funcional

Primaria,

Guía de

observación


Los profesores y

alumnos no cuentan con

un sitio institucional

acorde y que sea

funcional

A13: Soporte adecuado para emitir la

información de una



los involucrados

Utilizar el Diseño Gráfico como un mecanismo para

la elaboración de un sitio

innovador y acorde a las

necesidades de la

institución

Primaria, Guía de

observación


El sitio no es y acorde a

las necesidades de la

institución

47






CAPÍTULO V

La propuesta

5.01. Antecedente de la herramienta del perfil de la propuesta Multimedia

Es la presentación de un producto comercial o una obra artística a través de

múltiples plataformas. Para lograr esto es necesario poder aplicar conocimientos de

distintas áreas técnicas y creativas. Un diseñador multimedia se desenvuelve cómodamente

en la combinación de cine, video, sonido, fotografía, diseño gráfico, desarrollo web,

animación, motín graphics, mapping, 3D, y programación de aplicaciones interactivas y

Mobile.

Da Vinci fue la primera escuela en brindar la carrera de Diseño Multimedia en

Latinoamérica, y sigue ofreciendo el plan de estudios más completo en la actualidad.

Nuestro enorme equipamiento tecnológico te permite estudiar dentro de un marco de

experimentación e intercambio junto a los mejores profesores del área.

5.01.01. Multimedia

El Diseño Multimedia está compuesto por la combinación de diversas ramas, que

engloban texto, fotografías, videos, sonido, animación, manipulada y volcada en un soporte

digital.

48






Algunas de estas ramas pueden ser: Diseño Gráfico, Diseño Editorial, Diseño Web,

y diseño de videos.

La cualidad multimedia no está necesariamente ceñida a la informática, pues se

puede tomar como medio multimedia la mezcla de un libro junto a un casete, cuya

combinación se utiliza para crear textos con música ambiente.

5.01.02. Diseño Multimedia

Es la combinación o utilización de dos o más medios de forma concurrente. El

término multimedia sigue siendo confuso pues todavía no ha sido bien definido y sus

límites resultan difusos. Si a finales de la década de los 70, multimedia era la integración

de voz, texto, datos y gráficos, en los 90 a estos elementos se suman los gráficos

interactivos, las imágenes en movimiento, las secuencias de audio y vídeo, las imágenes en

tres dimensiones, la composición de documentos digitales y la realidad virtual. En

principio, la cualidad multimedia al no está restringida a la informática: un libro

acompañado de una casete de audio es una obra multimedia, sin embargo, poco a poco, el

término multimedia se ha ido generalizando para referirse a la informática y al mundo

digital.

5.01.03. Salida laboral del Diseñador Multimedia

Las posibilidades de inserción laboral de un profesional en esta carrera son

infinitas, gracias a la amplitud de conocimientos adquiridos y la posibilidad de aplicarlos a

diferentes ámbitos. Muchos optan por trabajar de forma autónoma, creando su propia

49






empresa, o simplemente realizando proyectos a pedido y construyendo de a poco su

carrera. Más allá de esto, puede participar en proyectos o dirigirlos en alguno de los

siguientes ámbitos: agencias de publicidad; productoras televisivas; empresas de desarrollo

de software; empresas de marketing; publicaciones electrónicas; desarrollo de aplicaciones

web; creación y desarrollo de videojuegos; en el departamento de publicidad, promoción o

prensa de cualquier empresa u organismo gubernamental; en la docencia; etc.

5.01.04. Diseño de páginas Web

Las páginas Web son documentos de hipertexto y multimedia. Son documentos

multimedia porque incorporan imágenes, vídeos, animaciones, sonidos, textos de todo tipo,

y son documentos de hipertexto, porque incorporan enlaces con otras páginas. Cuando

pulsamos sobre un enlace de una página Web, visualizamos la página a la que llama ese

enlace, esa página puede estar en el mismo servidor o en otro situado a mucha distancia,

este proceso de ir de una página a otra es lo que se denomina navegar por Internet.

Los programas que sirven para visualizar páginas Web son los navegadores de

Internet, son gratuitos y actualmente los dos más utilizados son: Microsoft Internet

Explorer (vamos por la versión 6.0) y Netscape (también la última versión es la 6.0).

El lenguaje utilizado para crear páginas Web es el HTML, se trata de un lenguaje

de etiquetas que define el aspecto de las páginas. Una página Web está compuesta por un

archivo de texto plano, con extensión HTML, escrito en lenguaje HTML, y todos los

archivos multimedia relacionados con él.

50






Para crear páginas Web necesitamos un editor de texto simple como el Bloc de

Notas y muchos conocimientos de lenguaje HTML, o muy pocos conocimientos de este

lenguaje y aprender el manejo de programas de diseño Web gráficos como FrontPage o

Dreamweaver. Estos programas traducen en segundo plano a código HTML todas las

actuaciones del usuario.

En esta lección crearemos una página Web muy simple empleando el Bloc de

Notas, el objeto es adquirir unos conocimientos básicos de HTML, así como una visión

general, de qué es una página Web, cómo se crea y se publica en Internet.

5.01.05. Tipos de páginas Web

Diseño de una página Web simple

Para crear documentos de hipertexto que puedan visualizarse en la Web, se ha

desarrollado el lenguaje HTML (Hyper Text Markup Language). Este lenguaje permite dar

indicaciones precisas al navegador de cómo debe presentarse el documento en pantalla.

Documentos HTML

Un documento HTML es un fichero de texto ASCII en el que se incluye, además

del texto que se quiere mostrar en pantalla, ciertas directivas o etiquetas que indican, entre

otras cosas, el formato del documento y la información relativa a los hiperenlaces.

51






Existen varias formas de clasificar las páginas web. Nosotros usamos dos tipo de

clasificación que creemos le pueden servir para tener una idea clara de lo que puede

obtener con su página web.

Según la forma en la que se sirven

Según la forma en la que la página se sirve para ser enviada a la pc del

visitante, pueden ser de dos tipos:

Página Web Estática:

Es aquella que está compuesta de una serie de archivos que contienen el código

HTML que constituye la página en sí y que permiten mostrar los textos, imágenes, videos,

etc. que conforman el contenido de la página.

Página Web Dinámica:

El término dinámico no se refiere a movimiento como muchos pueden pensar. El

término dinámico hace referencia a que la página web se construye al momento en que la

página es visitada por el usuario. Es decir que el contenido de la página web no es fijo sino

que se construye de acuerdo a la interacción que el usuario hace con la página.

52






Según la tecnología usada para construirlas

Páginas Web en HTML

Según Vargas son páginas estáticas construidas en el lenguaje de marcado HTML.

Para construirlas se necesita saber este lenguaje que es bastante sencillo. Se puede usar

software para edición web o simplemente un editor de texto cualquier, inclusive el bloc de

notas. Este tipo de página tiene las desventajas de las páginas estáticas y son poco

recomendables.

Páginas Web en algún lenguaje de programación de servidor

Son páginas dinámicas y están desarrolladas en algún lenguaje de programación de

servidor como: PHP, ASP, ColdFusion, Ruby, etc. Usan además una base de datos para

almacenar los contenidos de la página en sí. Para su desarrollo se requiere el uso de estos

lenguajes y una serie de conocimientos anexos (Vargas, 2015).

5.01.06. Que es Diseño de páginas Web Institucional

Un sitio web institucional es mucho más que una página web o un catálogo On-line.

Si un sitio web es una ventana a Internet y un catálogo On-line, una manera de hacer

negocio, el sitio web institucional puede convertirse en su oficina virtual, un lugar donde

su empresa funcionará con la misma eficacia que en su emplazamiento físico.

Podrá registrar usuarios con distintos niveles de acceso (clientes, proveedores,

colaboradores) para que realicen gestiones directamente a través de Internet. Cada uno de

http://www.markmedia.com.ar/catalogos-on-line/8-diseno-de-catalogos-on-line

53






sus usuarios podrá descargar los archivos que usted decida o recibir las noticias que a usted

le interese enviarle mediante el sitio web institucional.

5.01.07. Que es publicitaria 360

Una campaña 360º también conocida como campaña integral, es aquella que se

lanza a través de los distintos medios a los que se expone su público objetivo. Tal y como

sugiere su nombre, se trata de rodear o envolver al consumidor 360 grados para que le

llegue el mensaje de una manera eficaz, sin saturarle, y alcanzar así los retos planteados.

Las campañas 360º utilizan simultáneamente espacios como la radio, la TV o la

prensa gráfica, pero también se sirven de otras herramientas como la publicidad exterior en

los puntos de venta y, por supuesto, las nuevas tecnologías: mailing, sites específicos,

redes sociales. (Adpv.com, Publicado 3 octubre 2013).

5.02. Descripción de la herramienta

Para desarrollar el proyecto Digital se utiliza varias herramientas que son de mucha

ayuda para la creación del Sitio Web institucional los cuales fueron:

Microsoft Word: Realización del Proyecto Teórico, Adobe Dreamweaver CS6:

Realización de la Página Web Institucional, Adobe Photoshop: Retoque de fotografías,

Adobe Illustrator CS6: Realización de plantillas, logotipo; Google: Investigación y Google

Map: Ubicación.

Las herramientas de investigación que serán utilizadas dentro de este proyecto son

las encuestas que nos ayudarán a conocer si la propuesta planteada tendría la debida

54






aceptación por el grupo objetivo averiguando si conocen o están familiarizados con el tipo

de propuesta y a la vez conocer las preferencias que tienen a la hora de elegir algo.

También se tendrá como herramienta los datos obtenidos a través de una guía de

observación y simple verificación que nos ayudara a identificar las distintas reacciones y

necesidades que a simple vista tendrán las personas de acuerdo con interés del

implementar el producto.

A continuación el análisis respectivo de los resultados obtenidos a cada una de las

preguntas:

55






Pregunta 1

¿Quisiera que en la institución exista una herramienta que le informe?

Tabla 9 Encuesta a Alumnos, pregunta 1

Sí 311

93%

No 24 7%

Gráfico 1 Encuesta a Alumnos, pregunta 1

Análisis: El 93% entre profesores y estudiantes están de acuerdo en implementar una

herramienta que les informe. El resultado me ayuda a saber que piensan los profesores y

alumnos con respecto a diseñar e implementar una Pagina Web Institucional en la Unidad


56






Pregunta 2

¿Quisiera que una página web dé uso a las nuevas tecnologías?


Sí 302 90%

No 33 10%


Análisis: El 90% de profesores creen que la propuesta dará uso a las nuevas

tecnologías. El resultado me ayuda a saber que piensan los profesores y alumnos con

respecto a diseñar e implementar una Pagina Web Institucional en la Unidad Educativa

“Juan Montalvo”.

90%

10%

Sí No

57






Pregunta 3

¿Cree que una página web será viable en la unidad Educativa?


Sí 335 100%

No 0 0%


Análisis: Una página web es 100% viable en la unidad educativa “Juan Montalvo”.

El resultado me ayuda a saber que piensan los profesores y alumnos con respecto a

diseñar e implementar una Pagina Web Institucional en la Unidad Educativa “Juan

Montalvo”.

100%

0%

Sí No

58






Pregunta 4

¿Le gustaría que una página web sea un medio de difusión acorde para los alumnos?


Sí 311 93%

No 24 7%


Análisis: El 93 % de profesoras están de acuerdo en manejar medios de difusión.

El resultado me ayuda a saber que piensan los profesores y alumnos con respecto a


Montalvo”.

59






Pregunta 5

¿Cree usted que al realizar el sitio se debe utilizar fotografías en alta calidad?


Sí 285 85%

No 50 15%


Análisis: El 85% de profesores y estudiantes están de acuerdo que se maneje

fotografías de excelente calidad. El resultado me ayuda a saber que piensan los

profesores y alumnos con respecto a diseñar e implementar una Pagina Web

Institucional en la Unidad Educativa “Juan Montalvo”.

60






Pregunta 6

¿Quisiera que se implementara una página web institucional para estar

constantemente informado?


Sí 301 90%

No 34 10%


Análisis: El 90 % entre profesores y alumnos necesitan una página web para estar

comunicados constantemente. El resultado me ayuda a saber que piensan los profesores

y alumnos con respecto a diseñar e implementar una Pagina Web Institucional en la

Unidad Educativa “Juan Montalvo”.

61






Pregunta 7

¿Está usted de acuerdo con la creación e implementación del proyecto en el plantel?


Sí 314 94%

No 21 6%


Análisis: El 94% de alumnos están interesados con la creación del proyecto. El

resultado me ayuda a saber que piensan los profesores y alumnos con respecto a


Montalvo”.

62






Pregunta 8

¿Cree usted que es importante crear un sitio con imágenes en alta calidad gráfica?


Sí 8 90%

No 1 10%


Análisis: El 90 % de alumnos está de acuerdo en tener una página con imágenes en alta

calidad gráfica. El resultado me ayuda a saber que piensan los profesores y alumnos

con respecto a diseñar e implementar una Pagina Web Institucional en la Unidad


63






Pregunta 9

¿Quisiera que en la unida Educativa exista un sitio institucional acorde y 100%

funcional?


Sí 335 100%

No 0 0%

Grafico 9 Encuesta a Alumnos, pregunta 9

Análisis: Los profesores y alumnos contaran con un sitio institucional acorde que sea

100% funcional. El resultado me ayuda a saber que piensan los profesores y alumnos

con respecto a diseñar e implementar una Pagina Web Institucional en la Unidad


100%

0%

Sí No

64






Resultados de la encuesta

1. El 93% entre profesores y estudiantes están de acuerdo en implementar una

herramienta que les informe.

2. El 90% de profesores creen que la propuesta dará uso a las nuevas

tecnologías.

3. Una página web es 100% viable en la unidad educativa “Juan Montalvo”

4. El 93% de profesoras están de acuerdo en manejar medios de difusión

5. El 85% de profesores y estudiantes están de acuerdo que se maneje

fotografías de excelente calidad.

6. El 90% entre profesores y alumnos necesitan una página web para estar

comunicados constantemente.

7. El 94% de alumnos están interesados con la creación del proyecto

8. El 90 % de alumnos está de acuerdo en tener una página con imágenes en

alta calidad gráfica.

9. Los profesores y alumnos contaran con un sitio institucional acorde que sea

100% funcional

10. Según las encuestas realizadas un 95.62% de personas entre profesores y

alumnos están de acuerdo con la realización de una página web en óptimo

funcionamiento.

65






5.03. Formulación del proceso de aplicación

Propósito

Adecuada información en la web para los estudiantes de La Unidad Educativa

“Juan Montalvo”

La ventaja que se obtiene al desarrollar este tipo de proyectos ha sido comprobada,

la viabilidad obtenida, la accesibilidad de información y aceptación por parte del grupo

objetivo que este proyecto tiene.

Usuario

EL proyecto ha establecido como usuarios principales a los docentes y alumnos de

la Unidad Educativa “Juan Montalvo” quienes lo usarán a diario y como usuarios

secundarios la ciudadanía en general ya que la web es de uso público.

Herramientas

Para desarrollar el proyecto Digital se utiliza varias herramientas que son de mucha

ayuda para la creación del Sitio Web institucional los cuales fueron:

Adobe Dreamweaver CS6:

66






Diseña y desarrolla gráficamente sitios web modernos y adaptativos. El conjunto de

herramientas más completo del mundo para diseñadores web y de aplicaciones o interfaces

de usuario te permite crear, codificar y gestionar sitios web para que luzcan geniales en

pantallas de todos los tamaños.

Photoshop:

“La palabra Photoshop es de origen inglés como ‘taller de fotos’, es un programa

desarrollado por Adobe para la edición de imágenes”.

Esta herramienta sirvió para editar algunas fotografías que están incluidas en el aula

virtual, y algunas imágenes de contenidos de la asignatura como muestra.

Ilustrador:

“La aplicación de gráficos vectoriales estándar del sector te permite crear logotipos,

iconos, bocetos, tipografías y complejas ilustraciones para cualquier formato: impreso,

web, interactivo, vídeo y móvil”.

Esta herramienta me permitió crear un archivo PNG y JPEG, que va implementado

la página principal.

67






Para el desarrollo del proyecto se utilizara estos equipos que son indispensables

para la creación de una página web institucional:

Computadora HP D 1000

Nikon D3500

Desarrollo

Contenidos

Los contenidos que estarán presentes en el sitio web institucional partirán de un

menú principal del mismo que se derivarán los siguientes contenidos:

Índex / Inicio / Objetivo / Breve reseña Histórica

Autoridad

Quienes somos /Reseña Histórica /Misión /Visión / Objetivo /Himno al Colegio

/Plantel /Homenaje /Educación

Artículos

Galería

Contactos / Como encontrarnos / Dirección/ Formulario

68






Mapa de contenidos

Figura 6 Mapa de contenidos

Índex

Inicio

Objetivo

Breve Reseña História

Autoridad

Rectora

Quienes Somos

Reseña Histórica

Misión

Visión

Objetivo

Himno al Colegio

Plantel

Homenaje

Educación

Artículos Galería Contactos

Como Encontrarnos

Dirrección

Formulario

69






Índice de Imágenes

Imágenes realizadas y editadas por la autora del proyecto

Imágenes 8 Estatua Imágenes 9 Rectora

Imágenes 3 Edificio Imágenes 4 Alumnos JM

Imágenes 6 Tambores JM

Imágenes 7 Alumnos

Destacados

Imágenes 5 Pedagógico JM

70






Imágenes 11 Autoridad

Imágenes 12 Uniforme de Imágenes 13 Pasión JM

Educación Física

Imágenes 14 Banda de Guerra Imágenes 15 Desfile

Imágenes 10 Juan Montalvo

71






Imágenes 16 Cascos Imágenes 17 Estudiantes Imágenes 18 Homenaje

Imágenes 19 Cornetas Imágenes 20 Entrada Imágenes 21 Secretaria

Imágenes 22 Salón Imágenes 23 Biblioteca Imágenes 24 Salón Dentro

72






Diseño de interfaz

Imágenes 25 Interfaz

Botones

Los botones de la parte superior están establecidos para la página principal, Botones

de regresar al Inicio, además de llevar a enlaces de la página oficial en Facebook, Twitter

Google Maps, donde se podrá navegar de una manera más fácil y dinámica para maestros

y alumnos.

Imágenes 26 Botones y Portada de la página web

Retícula:

Se utilizó una retícula vertical con 5 columnas para una distribución de contenidos

más favorable.

73






Imágenes 27 Retícula

Producción

A continuación se presentara imágenes respectivas a todo el proceso de la

realización de la Pagina Web Institucional que estará subida en un servidor gratuito.

Imágenes 28 Página Principal

Imágenes 29 Reseña Histórica

74






Imágenes 30 Rectora

Imágenes 31 Misión, Visión y Objetivos

F

Imágenes 32 Artículos

75






Imágenes 33 Galería

Imágenes 34 Contactos

Imágenes 35 Pie de Página

76






Imagen corporativa

El logotipo Colores

Blanco: este color simboliza paz, humildad y amor.

Azul: Representa la Nobleza, Ciencia, Inteligencia,

Divinidad, Fidelidad y Seguridad.

Rojo: Representa el logotipo de corazón que posee la

institución.

Negro: este color simboliza seriedad y elegancia.

Estos colores han sido tomados en cuenta para la elaboración de la plataforma puesto

que va acorde con la imagen corporativa de la institución y son apropiados para el grupo

objetivo.

Tipografías:

La tipografía escogida corresponde al grupo de las regulares está identificada como

Myriad Pro y fue elegida por ser una de las tipografías más claras.

abcdefghijklmnñopqrstuvwxyz

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

0123456789!”#$%&/()=?@.,-:;[]{}¨*

Imágenes 36

Logotipo JM

77






Programación

Imágenes 37 Código N: 1


78







Navegación – interactividad

La página web institucional tiene una navegación e interactividad muy sencilla de

entender ya que en el inicio se encuentra el menú principal, tiene las indicaciones básicas

acerca de cómo navegar dentro de la página y además los botones y la información están

distribuidos de forma clara dentro del mismo, permitiendo que de esta manera el usuario

no se pierda a la hora de interactuar con el sitio web.

Imágenes 40 Interfaz

79






Imágenes 41 Navegación

Marketing y difusión

Al conocer los resultados de las encuestas realizadas se llegó a la conclusión que

para la difusión de la página web sería posible hacerlo a través de la publicidad 360 por

medio de redes sociales,

Una campaña 360º también conocida como campaña integral, es aquella que se lanza a través de los distintos medios a los que se expone su público objetivo. Tal y como sugiere

su nombre, se trata de rodear o envolver al consumidor 360 grados para que le llegue el

mensaje de una manera eficaz, sin saturarle, y alcanzar así los retos planteados.

Una red social es una forma de representar una estructura social, asignándole un grafo, si

dos elementos del conjunto de actores están relacionados de acuerdo a algún criterio entonces se construye una línea que conecta los nodos que representan a dichos elementos

80






ya que más del 95.62% de los encuestados estuvieron de acuerdo en realizarlo de

esta manera, en donde se podría implementar link s directos a las paginas oficiales de

Facebook y Twitter referentes al Página Oficial de la Unidad Educativa “Juan Montalvo”.

De igual forma se podría realizar una difusión en páginas web que pudieran estar

interesadas con el proyecto.

Imágenes 42 Página en Facebook

Fuente: Facebook

Imágenes 43 Página en Twitter

Fuente: Twitter

81






CAPÍTULO VI

Aspectos Administrativos

6.01. Recursos

Técnicos - Tecnológicos

Sistema Operativo: Windows 10 Pro de 64bits

Software’s: Microsoft Word, Adobe Dreamweaver CS6, Adobe Photoshop,

Adobe Illustrator CS6; Google, Google Map.

Hardware: Computadora Hp D 1000, Memoria RAM 4GB, Cámara NIKON

D3500.

Humanos: En cuanto al recurso humano es necesario nombrar a las personas

que colaboraron de distintas formas para poder hacer real este proyecto.

Viviana Villacís (Investigadora)

Estudiantes / Profesores

Mis padres y Hermanos

Fernando Carvajal

Wendy Leiva y Joselyn García

82






Económico: entre los recursos económicos que se utilizó para la realización del

proyecto se encuentra un ´pequeño capital, adquirido por parte del investigador y unidad de

Becas ABC.

6.02. Presupuesto

Gastos operativos

Tabla 18 Gastos operativos

Cantidad Detalle V.Unt V.Total Financia

miento

1

Movilización vehicular hacia las

distintas locaciones para recopilar

los datos.

0.25 12.50 Terceros

1 Mes Gastos de servicios básicos como lo

es la luz. 20.00 Padres

3 impresiones

por mes

Impresiones del 1er borrador de

tesis, corrección de tesis y

presentación del proyecto final (100

hojas de tesis full color)

0.25 75.00 Propio

5 Alimentación 12 60.00 Propio

1 Mes Internet 30.00 Propio

Suministros de oficina como

esferos, cuaderno, papeles, etc. 10.00 Propio

3 Empastados 8.00 24.00 Propio

VALOR TOTAL 231.50 Propio

83






Aplicación del proyecto

Tabla 19 Aplicación del proyecto

6.03. Cronograma

Tabla 20 Cronograma

TIEMPO DE EJECUCIÓN DEL PROYECTO

N.

-

Actividad Responsable Tiempo Resultados

Esperados mes semana

1 2 3 4

1 Aprobación del tema del proyecto

Dirección de escuela

Sep.

x Dar el visto bueno para iniciar la

investigación.

2 Desarrollo de los

antecedentes de la propuesta

Viviana Villacís Oct x Definir el concepto

del problema, cubrir la Matriz T.

3 Desarrollo de

análisis de involucrados

Viviana Villacís Nov x Realizar un análisis

de los involucrados realizando mapeo y

matriz de análisis.

4 Elaboración de

problemas y objetivos de la

Viviana Villacís Nov x Analizar los

problemas y objetivos para

Cantidad Detalle V.Unt V.Total

Gastos operativos 231.50

2 Publicidad en Facebook y Twitter 90

1 Dominio por 4 meses 8.00 720

1 Diseño Web 382.50 382.50

SUBTOTAL 1424.00

10% DE IMPREVISTOS 151.48

VALOR TOTAL 143391.48

84






propuesta obtener una mejor guía en el

desarrollo del

proyecto.

5 Realizar análisis de alternativas del

proyecto

Viviana Villacís Dic Ene

X x

x x x Obtener alternativas de las acciones,

tamaño,

localización y análisis del

proyecto,

observando

estrategias para realizar revisión,

selección y

verificación de involucrados y

supuestos.

6 Elaborar la

propuesta, con el tema escogido

Viviana Villacís Feb

Mar

X

x

X

x

x x Obtener resultados

de la propuesta que se va a realizar

sobre el área

tecnológica, desarrollando

páginas web para

posteriormente realizar estrategias

y un plan con los

medios

involucrados.

7 Desarrollar los

aspectos

administrativos

Viviana Villacís x Plasmar recursos,

técnicos, humanos,

económico, realizar un presupuesto de

gastos operativos,

obtener un

cronograma de las actividades

realizadas durante

el transcurso del proyecto.

8 Ejecutar el

capítulo 7

Viviana Villacís Mar x Se procederá a

sacar conclusiones,

recomendaciones y colocar anexos que

se han obtenido del

proyecto realizado.

9 Primer borrador Desconozco el

tutor

Mar x Se presentará el

primer borrador de

85






la tesis realizada para su aprobación

final

86






CAPÍTULO VII

7.01. Conclusiones y recomendaciones

Conclusiones

1. El 93% entre profesores y estudiantes están de acuerdo en implementar una

herramienta que les informe.

2. El 90% de profesores creen que la propuesta dará uso a las nuevas

tecnologías.

3. Una página web es 100% viable en la unidad educativa “Juan Montalvo”

4. El 93% de profesoras están de acuerdo en manejar medios de difusión

5. El 85% de profesores y estudiantes están de acuerdo que se maneje

fotografías de excelente calidad.

6. El 90% entre profesores y alumnos necesitan una página web para estar

comunicados constantemente.

7. El 94% de alumnos están interesados con la creación del proyecto

8. El 90% de alumnos está de acuerdo en tener una página con imágenes en alta

calidad gráfica.

87






9. Los profesores y alumnos contaran con un sitio institucional acorde que sea

100% funcional.

10. Según las encuestas realizadas un 95.62% % de personas entre profesores

y alumnos están de acuerdo con la realización de una página web en óptimo

funcionamiento.

Recomendaciones

Se debe dar un buen uso a las nuevas tecnologías que nos ofrece un sin

número de alternativas para crear un sitio atractivo e innovador para el

usuario.

Si quieres crear un sitio web debe ser 100% usable y acorde al público.

Manejar imágenes fotográficas en Alta Calidad y tomando en cuenta el

enfoque, la luz, ley de tercios, etc.

Evita saturar tu página de inicio con fotos, imágenes, iconos, banners,

etc.

Utiliza colores y fondos que sean acorde y que refuercen la identidad de

la marca.

88






Referencias Bibliográficas

Adobe Photoshop Team. (2011). Guía Adobe Photoshop CS5. Adobe.

Alezandre Ríos Martín & Antonio Vertedor Domínguez. (2011). Tutoriales Photoshop Vol 1.

Areku Design.

Cantos, F. L. (2012). Tecnología de los medios audiovisuales I. España: Universitat Jaume I.

Cantos, F. L. (2012). Tecnología de los medios audiovisuales II. España: Universitat Jaume I.

EL Comercio . (24 de Enero de 2014). El comercio . Obtenido de

http://www.elcomercio.com/cartas/matriz-productiva.html

Gabriela, D. F. (S.f). Manual del uso del Internetr y Herramientas Tecnológicas. Obtenido de

http://www.utm.edu.ec/seguimosavanzando/wp-

content/uploads/carrusel/manuales/fcae/uso.int.her.tec.pdf

Informática. (s.f.). Blog Gerardo Urbina. Obtenido de http://gerardo-

urbinavelasco.blogspot.com/p/que-es-http.html

JM, E. (2000). COLEGIO EXPERIMENTAL JUAN MONTALVO QUITO.

Julieta Santos & Ariel Castriciano. (2012). Producción Multimedia: vídeos y animaciones. Serie

para la enseñanza en el modelo 1 a 1. Argentina: Ministerio de Educación de la Nación.

Libros Web. (2006). HTML T CSS.

Mateos, J. F. (2001). Guia Visual de Internet. Madrir: Ediciones Anaya Multimedia.

Palcios, A. (s.f.). Obtenido de https://es.wikipedia.org/wiki/Dise%C3%B1o_multimedia

Puig, P. M. (2013). Los sistemas de comunicaciones digitales. UOC.

Puig, P. M. (2013). Los sistemas de comunicaciones digitales. España: UOC.

Red Users . (Viernes 14 de Marzo de 2014). redusers.com. Obtenido de

http://www.redusers.com/noticias/introduccion-indesign-cs6/

Thüer, S. (2002). El Departamento de Ciencias de la. Córdova, Argentina .

Universidad Cristiana Latinoamericana . (20 de 09 de 2015). huecasgratonomicas.jimdo.com.

Obtenido de htpp://www.http://huecasgastronomicasdmq.jimdo.com

Vargas, L. (21 de mayo de 2015). Obtenido de http://www.ajaxperu.com/paginas-web/tipos-

paginas

89






Varios. (2012). El diseño: 7 visiones transversales. Esppaña: Universidad de León.

Varios. (2013). Conceptos básicos de diseño gráfico. España: UOC.

VILLARROEL, G. (21 de julio de 2008). Obtenido de

http://cesarerazodmdigep.blogspot.com/2008/07/definicin.html

ANEXOS

MODELO DE ENCUESTA

La siguiente encuesta tiene como finalidad obtener información acerca de la realización e

implementación de una página web institucional en el Plantel.

EDAD: GÉNERO: M F

1. ¿Quisiera que en la institución exista una herramienta que le informe?

Sí No

2. ¿Quisiera que una página web dé uso a las nuevas tecnologías?

Sí No

3. ¿Cree que una página web será viable en la unidad Educativa?

Sí No

4. ¿Le gustaría que una página web sea un medio de difusión acorde para los

alumnos?

Sí No

5. ¿Cree usted que al realizar el sitio se debe utilizar fotografías en alta calidad?

Sí No

6. ¿Quisiera que se implementara una página web institucional para estar

constantemente informado?

Sí No

7. ¿Está usted de acuerdo con la creación e implementación del proyecto en el

plantel?

Sí No

8. ¿Cree usted que es importante crear un sitio con imágenes en alta calidad gráfica?

Sí No

9. ¿Quisiera que en la unida Educativa exista un sitio institucional acorde y 100%

funcional?

Sí No

Imágenes 44 Resultados de Urkund Analysis Result

Fuente: Urkund.

carrera de diseÑo grÁfico diseÑo e implementaciÓn de … · iv la información de la...

Documents