CAPÍTULO I EL PROBLEMA PLANTEAMIENTO DEL PROBLEMA

CAPÍTULO I
EL PROBLEMA
PLANTEAMIENTO DEL PROBLEMA
1.1 Ubicación del problema en el contexto
El diseño gráfico es una profesión cuya actividad es el desarrollo y
ejecución de ideas, hechos y mensajes específicos a grupos sociales
determinados en forma gráfica y visual; así mismo contempla aspectos
informativos, estilísticos, de identidad, de persuasión, tecnológicos,
productivos y de innovación.
El ambiente competitivo que caracteriza a la profesión del
diseñador gráfico, obliga a los estudiantes y egresados, a mantener una
actualización tecnológica continua en lo que la utilización de motores de
búsqueda de bancos de imágenes, texto y tipos de fuentes, algún tipo de
programación sencilla requerida para desarrollo web, etc. El aprendizaje
en esta área nunca termina, las tendencias cambian rápido y las
tecnologías ayudan a mejorar día a día.
El contexto en el cual surge este trabajo se debe a la importancia y
características del desarrollo tecnológico de los nuevos dispositivos
móviles (tablet’s, laptops, Smartphone) entre otros, sumados al uso del
Internet, el mismo que favorece la comunicación interactiva en la
digitalización de los mensajes, así también abre la posibilidad de un
espacio inédito de intercambio de la información fuera de los circuitos de
los conglomerados educativos.
1
El propósito de esta investigación se da como resultado de la
encuesta a estudiantes y docentes de la Universidad de Guayaquil,
concretamente de los últimos años de la Carrera de Diseño Gráfico,
quienes tienen carencia de comunicación con su institución académica y
mantienen una desinformación profesional de las nuevas tendencias con
relación a su campo de estudio gráfico/ visual.
Para lo cual se implementa una propuesta de elaboración y
desarrollo de un sitio web adaptable que ayude a mejorar la comunicación
y formación práctica de estos estudiantes de educación superior. Las
características de los nuevos dispositivos móviles, sean tabletas, laptops
y Smartphone aportan nuevos recursos y métodos en la tarea formativa,
destacando su uso como elementos facilitadores de cambio y como apoyo
a nuevas metodologías docentes más flexibles y centradas en el alumno,
convirtiéndose en una constante subyacente en nuestro proceso de
investigación.
Hacia fines de 1995 en los países de América Latina y el Caribe, se
desarrollan los primeros sitios webs para publicar información científica
editada en esta región para investigadores, docentes, estudiantes,
editores, bibliotecarios y especialistas de la educación superior.
En Estados Unidos, así como en países desarrollados de Europa la
difusión de la información educativa a través de sitios webs ha tenido gran
éxito, se han desarrollado con carácter técnico-científico, publicando
artículos sobre trabajos de investigación científica y tecnológica, revisión
del estado del arte en un área específica del conocimiento y trabajos de
vinculación con la comunidad en los cuales se realizaron actividades de
investigación científica. Los mismos que son visitados por los estudiantes
universitarios en todo dispositivo de mano que tenga alguna forma de
conectividad inalámbrica.
2
En el Ecuador la iniciativa de un sitio web universitario abarca
áreas temáticas como las ingenierías ambientales, de alimentos,
automotriz, industrial, informática, etc., y dirigidos a la comunidad de
docentes, investigadores, estudiantes universitarios de pregrado y
posgrado en general.
Llegan con el concepto de "aprendizaje móvil", como una
metodología de enseñanza y aprendizaje que se sustenta en el uso de
pequeñas y maniobrables dispositivos, tales como laptops, teléfonos
móviles o celulares, agendas electrónicas, tabletas, que han potenciado
los cambios sustanciales en los hábitos de lectura y estudios de los
contenidos de las páginas web publicadas por internet.
El perfil del Diseñador Gráfico es el de un eterno estudiante, que
debe actualizarse constantemente, tomar capacitaciones, que lea
tutoriales y que sea un maestro en el auto aprendizaje. De ahí la
importancia de los sitios webs de carácter técnico-científico publicados
por internet que representan un nuevo formato para el consumo y la
producción de contenidos, y quizás éste sea uno de los principales puntos
para detenernos en el análisis acerca de las posibilidades educativas que
podemos aprovechar como son: el alcance geográfico y la interacción con
los lectores; convirtiéndolos en una tendencia en aumento para una
sociedad hiper-conectada.
1.2 Situación conflicto
El problema concretamente se trata de la desvinculación y poco
intercambio de experiencias académicas que no contribuyen al desarrollo
y
fortalecimiento
académico
de
los
estudiantes,
ocasionando
profesionales con pocas herramientas actualizadas para su vida laboral.
3
Y que cada vez sea más necesario un medio de información como
un sitio web, que sirva para orientar y desarrollar la calidad del
desempeño de los estudiantes de la carrera de diseño gráfico, como
también para promover y brindar información sobre el desarrollo cultural.
Esta investigación tiene como tarea incorporar el uso de la
tecnología de la información y la comunicación digital, para implementar
un sitio web adaptable con toda la información requerida para abrir un
campo a quienes les apasiona el diseño gráfico. La carrera se ubica entre
las más costosas por los libros, materiales e insumos que deben utilizar
los estudiantes sin importar si se estudia en una institución privada o
pública, convirtiéndose en un limitante clave para el éxito de los
estudiantes y luego egresados.
Como disciplina tecnológica, el diseño gráfico presenta una
necesidad esencial a la práctica de la profesión, que es el cambio
continuo y aprendizaje debido a la renovación constante de hardware y
software en computación adaptables para dar culminación física a los
trabajos.
Dentro de la nueva era digital se debe estar actualizado debido a
que la demanda de diseñadores gráficos actualmente va en aumento,
tanto en el campo de la fotografía cómo en el diseño gráfico, en la
aplicación de nuevo software, optimización del uso de imágenes en
ordenadores y equipos digitales.
El mencionado sitio web busca comunicar la información y
transformarla en conocimiento en los estudiantes, instrucción amplia y
profunda del manejo de diferente software existente en el país, así como
proveer a los docentes de eficiente información estratégica para la mejora
educativa continua de los estudiantes de la carrera de diseño gráfico.
4
1.3 Causas del problema, consecuencias
1.4 Delimitación del problema
Campo: Educativo – Educación Superior.
Área: Diseño Gráfico.
Aspectos: Andragógico, Tecnológico, Social.
Tema: Actualización de las tendencias en el campo gráfico para la
formación de los estudiantes de la carrera de diseño gráfico.
Propuesta: Elaboración de un sitio web adaptable con contenido de las
actualizaciones de software, manejo de imagen y nuevos formatos
digitales.
1.5 Planteamiento del problema o formulación
¿Qué efectos tiene el uso de un sitio web adaptable, como
estrategia de información de actualizaciones de software, manejo de
imagen y nuevos formatos digitales a los estudiantes de 4to. Año de la
Carrera de Diseño Gráfico de la Facultad de Comunicación Social
(FACSO)?
5
1.6 Evaluación del problema
Delimitado: El problema en estudio está situado en la ciudad de
Guayaquil, provincia del Guayas año 2014; donde estudiantes de 4to. Año
de la Carrera de Diseño Gráfico de la Facultad de Comunicación Social
FACSO desconocen la debida información de actualizaciones de
software, manejo de imagen y nuevos formatos digitales.
Claro: Este problema es real y entendible, de tal manera que al
leerlo sea captado inmediatamente por los estudiantes y los educadores;
y puedan reflexionar sobre la comunicación e información que puede
transmitir el sitio web.
Concreto: El planteamiento de la temática de esta investigación
está redactado en forma directa y específica, para ponerlo en práctica en
el desarrollo del proceso de enseñanza-aprendizaje de los estudiantes.
Relevante: Es importante porque permite obtener resultados
satisfactorios y oportunos que acrecentaran más el conocimiento y la
actualización para la comunidad educativa y docente.
Original: El problema planteado es de actualidad por presentar la
oportunidad de utilizar nuevas perspectivas en la formación académica de
los estudiantes.
Factible: Cuenta con la colaboración de las autoridades y
estudiantes del 4to. Año de la Carrera de Diseño Gráfico de la FACSO,
así como de los recursos necesarios como son los económicos, humanos,
técnicos, de tiempo y lugar para la solución del problema.
6
1.7 Objetivos de la investigación
Objetivo general:

Establecer
un
medio
de
comunicación
mediante
la
elaboración de un sitio web adaptable para los estudiantes del 4to. Año de
la Carrera de Diseño Gráfico que contenga información de eventos,
tecnología y tendencias del ámbito gráfico.
Objetivos específicos:

Investigar
las
preferencias
culturales
y
necesidades
tecnológicas de los estudiantes de 4to. Año de la Carrera de Diseño
Gráfico de la Facultad de Comunicación Social para brindarles una mejor
información acorde a la era actual.

Determinar el interés de docentes y estudiantes en la
creación e implementación de un sitio web, para difundir información y
contenidos de la Carrera de Diseño Gráfico.

Diseñar un sitio web adaptable como medio de información
para difundir innovaciones sobre tendencias gráficas, actualización de
software y nuevos formatos digitales a los estudiantes de la Carrera de
Diseño Gráfico.
7
1.8 Hipótesis
La implementación de un sitio web adaptable que contenga información
de eventos, tecnología y tendencias del ámbito gráfico, incrementará
competencias, habilidades técnicas y un mejor desempeño en los
estudiantes de 4to. Año de la Carrera de Diseño Gráfico.
1.9 Justificación e importancia
Al desarrollar el presente trabajo de investigación se beneficiarán
todos los estudiantes de 4to. Año de la Carrera de Diseño Gráfico de la
Facultad de Comunicación social FACSO en nivel de conocimientos y
destrezas, para optimizar la oferta laboral. También se beneficiarán
hombres y mujeres que pertenecen al cuerpo docente de la Facultad
debido a que podrán contar con una plataforma tecnológica para el
desarrollo de sus investigaciones y trabajos académicos.
De
este
proyecto
se
beneficia
también
la
Facultad
de
Comunicación Social ya que es un aporte innovador y eficaz para el nivel
de profesionalización de los egresados de la misma.
Los estudiantes con los ambientes virtuales propiciados por las
tecnologías para la información y la comunicación pueden ver
acrecentadas las situaciones y posibilidades de aprender si tienen la
visión, actitud y capacidades para lograrlo. Sin duda el sitio web con su
contenido cultural y tecnológico, brinda una excelente oportunidad y un
nuevo escenario con entornos virtuales siendo un enlace favorable para
un cambio significativo en el proceso de enseñanza –aprendizaje.
8
CAPÍTULO II
MARCO TEÓRICO
2.1 Antecedentes del estudio
Al revisar los archivos y fuentes de información de la Facultad de
Comunicación Social carrera de diseño gráfico se encontraron trabajos de
investigación similar pero con enfoque diferente al que se presenta en
este proyecto con el tema: “Actualización de las tendencias en el
campo grafico para la formación de los estudiantes del 4to. Año de la
carrera de diseño gráfico de la Facultad De Comunicación Social
(FACSO) de la Universidad De Guayaquil, 2014”.
2.2 Fundamentación teórica.
2.2.1 Comunicación
El funcionamiento de las sociedades humanas es posible gracias a
la comunicación. La comunicación es un instrumento social tan
importante, que, sin esta herramienta, se puede afirmar, jamás podríamos
influir en las ideas, en los sentimientos o en las acciones de otras
personas. El destino del hombre es afrontar y resolver problemas; y esto,
como es natural, es obra de la comunicación.
La palabra deriva del latín “communicare”, que significa “compartir
algo, poner en común”. Por lo tanto, la comunicación es un fenómeno
inherente a la relación que los seres vivos mantienen cuando se
encuentran en grupo. A través de la comunicación, las personas o
animales obtienen información respecto a su entorno y pueden
compartirla con el resto.
9
El proceso comunicativo implica la emisión de señales (sonidos,
gestos, señas, etc.) con la intención de dar a conocer un mensaje.
Para que la comunicación sea exitosa, el receptor debe contar con
las habilidades que le permitan decodificar el mensaje e interpretarlo. En
el caso de los seres humanos, la comunicación es un acto propio de la
actividad psíquica, que deriva del pensamiento, el lenguaje y del
desarrollo de las capacidades psicosociales de relación. El intercambio de
mensajes (que puede ser verbal o no verbal) permite al individuo influir en
los demás y a su vez ser influido.
Los elementos que intervienen en el proceso de comunicación son
los siguientes:

Emisor: Aquél que transmite la información (un individuo, un grupo
o una máquina).

Receptor: Aquél, individual o colectivamente, que recibe la
información. Puede ser una máquina.

Código: Conjunto o sistema de signos que el emisor utiliza para
codificar el mensaje.

Canal: Elemento físico por donde el emisor transmite la
información y que el receptor capta por los sentidos corporales. Se
denomina canal tanto al medio natural (aire, luz) como al medio técnico
empleado (imprenta, telegrafía, radio, teléfono, televisión, ordenador, etc.)
y se perciben a través de los sentidos del receptor (oído, vista, tacto,
olfato y gusto).

Mensaje: La propia información que el emisor transmite.
10

Contexto: Circunstancias temporales, espaciales y socioculturales
que rodean el hecho o acto comunicativo y que permiten comprender el
mensaje en su justa medida.
Se puede decir que la comunicación es la madre de todas las
ciencias, así, vemos su intervención en las relaciones interpersonales, en
la industria, en las artes, en el medio artístico, en lo educativo, en la
política, en la religión y por supuesto en los medios de comunicación
masiva.
2.2.2 Funciones de la Comunicación.
La comunicación es consustancial al ser humano, que es
eminentemente un ser social, las diversas funciones que tiene la
comunicación son básicas para el desarrollo de la persona. Entre estas
funciones tenemos:

Afectiva: Mediante la comunicación el ser humano se relaciona
emocionalmente con los demás, expresando nuestros sentimientos y
afectos. Esta función de la comunicación es de gran importancia
para la estabilidad emocional de las personas.

Reguladora: La comunicación puede ser utilizada para regular la
conducta de los demás y facilitar su adaptación a la sociedad.

Informativa: A través de ella se trasmite la cultura, historia,
experiencias, etc. Esta función es esencial en el ámbito educativo.
11
2.2.3 Importancia
La sociedad usa la comunicación para todas las relaciones
humanas y cada día por medio de la ésta se accede al conocimiento de
todo lo que ocurre en el mundo y hace que sus metas hacia el futuro
estén más cercanas y las ideas sean inalcanzables.
“En los negocios de hoy, en la vida social y familiar, usted requiere toda la
habilidad que pueda manejar en cualquier tipo de comunicación. Esto comprende,
por supuesto, el lenguaje hablado y escrito. También incluye la expresión no
verbal, los gestos y el lenguaje corporal, que puede ser igualmente importante en
la comunicación de sus ideas y sentimientos a los demás” D. Wolton. (1992:1).
Mediante la comunicación, la sociedad tiene como finalidad
desarrollar relaciones interpersonales, las cuales hacen que entre todas
las personas compartan sus opiniones, pensamientos y creencias y así
formar vida. La comunicación es tan importante hasta tal punto que los
seres humanos mediante la transmisión de información, conocimientos,
han ido creando culturas diferentes.
En
el
mundo
actual
la
comunicación
juega
un
papel
importantísimo, una persona mediante la comunicación, ya sea verbal o
no verbal, puede tener contacto con otras personas ya sean de su país o
no y por tanto, poder afrontar los retos impuestos por la sociedad.
La comunicación se exige en todas partes: en la universidad, en la
familia, en el trabajo y en múltiples actividades cotidianas de todo
individuo. A través del tiempo la comunicación se ha ido pasando de
lugares a otros de maneras distintas, por ejemplo, antes se usaban
palomas mensajeras, humo y otras señales que hoy ya no se usan, pero
algo seguro es que toda la información que se mandaba llegaba a su
destinatario.
La era de la comunicación en que vivimos ha sido testigo de una
rápida expansión de los medios de información y una mejora de las
técnicas para el intercambio de ideas.
12
El adelanto tecnológico de la comunicación e información,
especialmente en el uso de microcomputadoras y nuevos dispositivos
móviles han permitido reducir considerablemente los costos y el tiempo de
producción, mejorando notablemente la versatilidad de dicho material y el
acceso al mismo.
El vídeo representa un buen ejemplo de los avances tecnológicos
en el sector de la comunicación. También se ha revolucionado la
preparación de material impreso con textos, gráficos y fotografías. Pero
actualmente contamos con ciertos modos o instrumentos con los que
podemos pasar la información y así comunicarnos, como son el internet,
la televisión, la radio, el periódico, solo por mencionar algunos.
2.2.4 Comunicar la información
Comunicar la información supone hacer público y difundir un
trabajo. Y esta comunicación puede hacerse a través de distintos canales
y formatos:

Trabajos escritos

Exposiciones orales y/o presentaciones audiovisuales

Publicación en internet.

Redactar el trabajo

Exponer y publicar el trabajo
2.2.5 Publicación en internet.
“La Web 2.0 es una tendencia con un funcionamiento cada vez más
participativo y bidireccional, en la que los alumnos no se limitan a leer o visualizar
contenidos, sino que incrementan su nivel de implicación produciendo sus
propios contenidos y publicándolos mediante sencillas aplicaciones” Dans (2009).
Hoy día es muy fácil difundir tus trabajos o intercambiar información
gracias al Internet gracias a la llamada Web 2.0 o Web social, las misma
que hace referencia a todo un conjunto de aplicaciones que han surgido
en los últimos años de la web para consumir y generar de contenidos.
13
Estas aplicaciones son normalmente gratuitas y muy fáciles de
utilizar (normalmente formularios), lo que permite que todos son capaces
de publicar en la web contenidos en formatos varios con sólo disponer de
acceso al Internet.
Cada vez son más las instituciones, investigadores, profesores y
estudiantes que comienzan a relacionarse y compartir conocimiento a
través de las tecnologías propias de la Web 2.0. porque es una web
dinámica, participativa y colaborativa, donde los usuarios se convierten en
protagonistas activos, creando y compartiendo contenidos, opinando,
participando y relacionándose.
El conjunto de aplicaciones de la Web 2.0 podemos clasificar en 5
subconjuntos de aplicaciones que permiten:

Generar contenidos (muchas veces online) en distintos formatos:
audio, video, presentaciones, páginas web, documentos, etc. (ej.
prezenit, google pages, audacity, Cmaptools, etc.).

Editar, publicar, compartir y/o almacenar contenidos (ej. Blogs,
Wikis, Google pages, google docs, Flicker, You Tube, etc.).

Compartir y recuperar información: marcadores sociales (ej.
Delicious, Meneame, etc.).

Participar en redes sociales (ej. Myspace, Facebook, Twitter,
Second Life, etc.).

Mantener espacios privados personales con una gestión ágil y
directamente desde la web (ej. Gmail, Yahoo, etc.).
2.2.6 El Internet
Los orígenes de la Word Wide Web (w.w.w.) pueden situarse a
comienzos de la década de los noventa en el Conseil Europeén pour la
Recherche Nucléaire (CERN), cuando un grupo de científicos comenzó a
trabajar en un sistema de documentación que permitiera intercambiar
información entre los investigadores.
14
El objetivo consistía en lograr que los datos fuesen accesibles
independientemente del tipo de computadora utilizada, sin importar su
ubicación, configuración o sistema operativo.
“Internet, conceptualmente, es una red de redes conocida como World
Wide Web, lo que significa una red o telaraña mundial de computadoras que se
comunican por protocolo TCP/IP. Red que entrega información contenida en
páginas web que no son otra cosa que direcciones que permiten a sus usuarios la
búsqueda de archivos tales como programas, música, libros, revistas, vídeos,
imágenes y, que además permiten comunicarse a través de correos electrónicos,
realizar video conferencias y foros, así como participar en cursos virtuales y
relacionarse por medio de chats y web chat”. (Rodríguez, 2007)
Con el desarrollo de World Wide Web y el HTML produjeron un
incremento notable de la difusión del conocimiento, por medio de las
publicaciones de sitios web, impactando positivamente los distintos
campos del saber, la informática, la física y las matemáticas. La Internet
es la red mundial compuesta por diferentes servicios; como son: la
navegación en páginas Web, el foro, el blog, el correo electrónico, la
banca electrónica, el comercio electrónico, etc.
2.2.7 Internet como nuevo “Medio de Comunicación”
Alejandro Piscitelli afirma:
“Internet fue el primer medio masivo de la historia que permitió una
horizontalización de las comunicaciones, una simetría casi perfecta entre
producción y recepción, alterando en forma indeleble la ecología de los medios.
Nacida de una combinación de necesidades militares y experimentales a fines de
la década del sesenta (Hafner y Lyon, 1996, Abbate, 1999), sobrepasando sus
estrictos cinturones de seguridad y dando lugar a movilizaciones anarquistas y
contraculturales a mediados de los noventa, se comercializó e inició una
evolución/revolución que ha pasado por varias etapas y que está hoy en plena
ebullición.” (Piscitelli, 2002: 207).
Con la aparición del internet surgió un nuevo “medio de
comunicación” a través del cual puede circular el intercambio de
información de los medios de comunicación tradicionales (prensa escrita,
radio y televisión), porque que se les abre la posibilidad de difusión de
informaciones que cada uno de ellos producen.
15
Entre los beneficios del internet como un nuevo medio de
comunicación existe:

Brinda nuevas fuentes de información: sitios web, bases de datos,
listas de interés, boletines de noticias entre otros.

Permite otros canales para la con las fuentes de información y con
las audiencias como el e-mail, el chat, etc.

Permite crear espacios interactivos de comunicación (correo
electrónico, chat, listas de interés) y de opinión (foros y encuestas).

Permite
personalizar
la
información,
y
sus
formatos
de
presentación, para individuos y colectivos.

Libera al medio de la periodicidad, ya que la información puede
actualizarse en cualquier momento (versiones digitales).

Amplia las audiencias, más personas pueden leer un diario local
(versiones digitales).

Permite acceso inmediato a la información reciente pero también a
la que no es actual como ediciones anteriores de un periódico.

Reduce los tiempos y costos de producción del producto
periodístico, ya que la publicación es directa y obvia pasos en la
realización.
16
2.2.8 Sitio Web. Concepto, características y beneficio.
Concepto
Sitio web o como en inglés se dice “website”. Éste es un lugar en
el internet alojado en un servidor donde están múltiples páginas web con
diferente contenido y el cual en su conjunto forma un sitio web. Las
páginas web, elemento básico de la World Wide Web (el servicio más
exitoso de Internet), son documentos digitales dinámicos, pues hacen
posible la ejecución de diferentes acciones, como enlazarse a otras partes
de un documento y otras páginas web, además de tener servicios y
aplicaciones que crean sitios más complejos.
De forma institucional es importante mantener una homogeneidad
en las páginas web de las dependencias universitarias, tanto editorial
como descriptivamente. Por ello, existen lineamientos para propiciar el
desarrollo de páginas web universitarias.
También el sitio Web permite atraer y conservar una constante
comunicación con los integrantes de la comunidad educativa, estudiantes,
egresados y maestros que de una u otra forma harán aportes en beneficio
de los procesos de formación de los integrantes de la comunidad gráfica
universitaria.

Características. - Una página web es un documento digital en el
que se puede hallar información variada y numerosa. Esto se puede
constatar con tan sólo teclear un tema en buscadores como Yahoo,
Google, Altavista, Terra y Ozú, entre muchos otros.
En ellos aparecen grandes listados de páginas web, en los que se
puede localizar una gama de contenidos, cuya diferencia radica sólo en
aspectos como la organización y la selección de la información.
17
La diversidad de la información está dada porque las páginas web
se publican en entidades académicas, instituciones públicas y privadas,
empresas, agrupaciones civiles, cuyos contenidos se presentan además
de textos, así también con imágenes, sonido, video y animaciones.

Beneficio. - Las páginas web han tenido mayor auge que los libros
en línea. Seguramente porque las características del medio digital
empatan muy bien con una publicación periódica, que se distingue por ser
más dinámica. En el caso de las páginas web, destaca el hecho de que
ofrecen mayor capacidad para la actualización constante y el tiempo de
publicación se reduce considerablemente.
Además de éstas, las páginas web tienen otras ventajas en cuanto
al contenido, como su enriquecimiento por el hipertexto, el sonido, el
video, las imágenes y las animaciones; la rapidez en su publicación; la
velocidad para el acceso a nivel mundial; grandes posibilidades de
búsqueda y recuperación de información; su actualización constante, y la
interacción con los usuarios.
La producción editorial y el desarrollo de una publicación digital,
tiene características como el diseño de interfaces, la arquitectura de la
información y la programación.
2.2.9 Tipos de sitios web
Las páginas web son documentos o información que se crean en
formato HTML, estos son adaptados a la World Wide Web (WWW) y se
puede acceder a ellos por medio de un navegador. Al conjunto de páginas
web enlazadas se las conoce bajo el nombre se sitio web.
18
Existen distintas formas de clasificar a las páginas web, algunos
criterios para ello son:
Según su construcción

Estáticas. - Este tipo de páginas web están compuestas por
archivos que contienen código HTML, es por medio de este que se
pueden mostrar las imágenes, textos, videos y todos aquellos contenidos
que componen a la página en sí. Los archivos que constituyen a la página
web son almacenados en el servidor de Hosting, cuyo formato es también
en HTML.
Las páginas web pueden ser editadas por medio de programas
como el Dreamweaver. Para esto, los archivos deben ser descargados del
servidor con algún software, editarlos, guardarlos y subirlos nuevamente.
El contenido de estas páginas no se modifica constantemente
puesto que estas suelen estar en manos de personas que requieren
contratar a diseñadores para que se encarguen de esto, lo que implica
una serie de gastos. Además, la actualización contante no es algo que
sus dueños necesiten.

Dinámicas. - En estas páginas, en cambio, los contenidos son
modificados continuamente ya que esto queda en manos de quienes las
visitan. La información de estas páginas está guardada en bases de datos
de las cuales los usuarios extraen aquello que les interese.
Estas páginas se caracterizan entonces por ser sus usuarios
quienes modifican el diseño y los contenidos, se las puede actualizar muy
fácilmente, ya que no es necesario ingresar al servidor para esto.
Además, tienen numerosas funciones como foros, bases de datos,
contenidos dinámicos, carritos de compras, entre otros.
19
Según su tecnología

En HTML. - Estas páginas están construidas con lenguaje HTML,
por lo que se requiere tener conocimientos de este para hacerlas. Un
defecto de estas páginas es que son estáticas, además ofrecen muy
poco, por lo que no son recomendables para ventas y marketing.
La ventaja que ofrecen es que son muy fáciles de construir, con
conocimientos básicos de diseño, alcanza.

En Flash. - Estas páginas se construyen utilizando el software
Flash, de Adobe, que permite la realización de animaciones, efectos,
sonidos y movimientos. Para que los usuarios puedan visualizarlas, es
necesario contar con los plug-in requeridos.
Para
realizarlas
sí
es
necesario
tener
conocimientos
en
profundidad sobre el software, otra desventaja, es que las páginas hechas
con Flash son muy pesadas, por lo que el tiempo de descarga puede
prolongarse.

En lenguaje del servidor. - Estas se hacen en lenguaje PHP,
Ruby, ASP, entre otros. Para desarrollar esta clase de páginas también es
necesario tener conocimientos avanzados sobre el lenguaje a utilizar. Son
ideales para interactuar con los usuarios y para el área de marketing.
Según la forma en que los usuarios utilizan el sitio web

Informativos: cuando el flujo de información solamente se da
desde el sitio web a los usuarios (no en sentido contrario).
20

Interactivos: cuando el flujo de información en ambos sentidos, es
decir, los usuarios no solamente reciben información del sitio web, sino
que también pueden enviar su propia información al sitio web o a otros
usuarios.
2.2.10 Utilidad de sitios webs en las universidades
Como medio de comunicación
La comunicación entre el centro de enseñanza superior y su
comunidad educativa corresponde principalmente a información y
contenido en las áreas del conocimiento, es precisamente la labor
creativa de profesores e investigadores, la que fortalece e incrementa
estos contenidos que dan testimonio del quehacer universitario, con las
cuales se enriquecen las masas en los ámbitos académico y científico.
"Las herramientas de comunicación en la red se constituyen en un medio
que permite al estudiante dar respuesta a necesidades educativas de carácter más
individual y flexible", Amador (2004, P 71).
Hasta los años 50, las publicaciones académicas y científicas eran
publicadas por entidades de tipo académico. Tiempo después y debido a
la enorme cantidad de artículos que se producían, las editoriales
asumieron las funciones de seleccionar, revisar y editar los artículos
enviados por los investigadores, para su posterior comercialización
principalmente
a
través
de
las
bibliotecas
de
las
instituciones
universitarias y así ser analizadas por la comunidad educativa y científica.
Desde los años 1990, la edición científica de revistas se ha visto
influenciada por la aparición de Internet. Cada año son más los títulos de
publicaciones del área académica -investigativa que se propagan en este
nuevo medio distinto al impreso. De hecho, Internet está cambiando los
patrones de comunicación entre los científicos, así como su estilo de
trabajo.
21
La edición científica tradicional se ha visto alterada por la aparición
de la edición electrónica de distintas formas: supone la aparición de
nuevas formas de comunicación de contenidos, nuevos formatos, nuevos
servicios de valor añadido, nuevos estándares, nuevos proyectos
cooperativos, nuevos papeles para los distintos actores que intervienen
en torno a las publicaciones científicas electrónicas.
En los sitios webs de las universidades con acceso abierto, se
ofrece un listado de publicaciones digitales científicas y académicas de
diferentes áreas del conocimiento; las mismas que se administran,
preservan y difunden desde ese portal electrónico. La presencia en
Internet a través de directorios, o páginas web propias de las revistas,
apoyan su visibilidad y denotan el interés del editor por su difusión.
El vínculo de comunicación de la unidad académica con la
colectividad estudiantil se promueve y actualiza a través de un sitio web,
proporcionado a los usuarios servicios estudiantiles y administrativos
como biblioteca digital, correo electrónico, bolsa de trabajo, difusión de
actividades culturales y educativas, innovación educativa, desarrollo
docente, mallas de la carrera, consulta de notas, etc. facilitando el acceso
y circulación de la información.
Como medio educativo
La intencionalidad de uso académico de los sitios web como
herramientas educativas en red, por parte de la mayoría de los
profesores, son un buen indicio de asesoramiento a los estudiantes en
atención a las necesidades de aprendizaje y dificultades académicas.
"Es importante permitir acceso libre al conocimiento, generar autonomía
para la comunidad científica y establecer un medio para la comunicación
científica". Giovanna Riggio
22
Con la implementación de los sitios web, en las universidades los
académicos y los científicos, así como los propios estudiantes
universitarios, han adquirido una nueva forma de concebir la transmisión
del conocimiento. Las computadoras junto al Internet se han convertido
en herramientas de confianza que ayudan a los estudiantes en
virtualmente todos los aspectos de la vida académica tales como:
El uso de computadoras y otras formas de tecnología dentro y
fuera de los recintos universitarios ecuatorianos es común desde hace
años, numerosos universitarios toman notas en computadoras portátiles
con conexiones inalámbricas.
Es factible para la matriculación por internet y conocer los horarios
de clases. Las bases de datos de la universidad se pueden utilizar para
abrir una cuenta de correo electrónico, para proporcionar a la universidad
la información requerida de todos los estudiantes.
Para los cursos, la mayoría de tus profesores utilizan un sitio Web
o un sistema de instrucción por Internet. Los trabajos asignados,
programas de estudio y actualizaciones sobre el curso aparecerán en
Internet. Los exámenes, pruebas y demás evaluaciones también pueden
tener un componente de Internet. También es posible consultar las
evaluaciones de los docentes y los comentarios de los estudiantes. La
mayoría de profesores utilizan software de presentaciones en forma
rutinaria. La tecnología de video, las webcams y las teleconferencias con
video han abierto nuevas puertas para los docentes.
El uso de la tecnología no disminuye fuera de las clases, pues se
completan las tareas en una computadora, pues las herramientas de
apoyo para los estudiantes (blogs, salas de chat, artículos de periódicos
electrónicos, paneles de discusión y preguntas frecuentes) se encuentran
en Internet y los estudiantes los utilizan intensamente.
23
Los periódicos académicos y ciertos textos están disponibles en
Internet en forma creciente en sus versiones completas, lo que facilita los
proyectos de investigación.
Los buscadores de Internet y las herramientas de búsqueda con
tecnología Web ahora posibilitan que los estudiantes encuentren
cantidades ilimitadas de información sobre todos los temas y en múltiples
idiomas.
Actualmente, instituciones como el Instituto Tecnológico de
Massachussets y otras prestigiadas universidades de Europa y Asia han
puesto sus materiales de aprendizaje en línea, proporcionándolos
gratuitamente a las instituciones, profesores y estudiantes que deseen
consultarlos o utilizarlos. Se ha producido un fenómeno de oferta
globalizada de educación a distancia, similar al proceso de alianzas
estratégicas observada en el mundo empresarial, que ha conducido a la
aparición de centros y consorcios educativos multinacionales llamados de
Educación Global, que llegan a tener una oferta educativa individual
superior a los 140 mil cursos, a cargo de más de 1,000 instituciones de
diversos países internacionalmente acreditadas.
La globalización en la educación superior demanda de las
universidades
ecuatorianas atiendan
con decisión, oportunidad
y
relevancia las necesidades y problemas de la dimensión local, estatal y
nacional, así como abrir enlaces para incorporar nuevos sectores y
brindar acceso a experiencias y programas educativos de otras naciones
y al mundo global de la información.
De hacerse de manera oportuna la evolución de los sistemas,
modelos y funciones de la educación superior en el país; la universidad
ecuatoriana pudiera alcanzar a las instituciones que llevan la vanguardia
educativa mundial y mantenerse entre ellas.
24
2.2.11 Herramientas de comunicación del sitio web
La característica fundamental de la web 2.0 es la presencia de
servicios
a
los
que
los
estudiantes acceden
no
sólo
para
consultar información, sino también para participar y contribuir añadiendo
nuevos contenidos o haciendo comentarios sobre los ya existentes.
En un medio de educación superior se necesita utilizar diferentes
tipos
de
herramientas
que
permitan
establecer
una
interacción
comunicativa entre los usuarios, profesores/as y alumnos/as, de diversos
modos. Un sitio web permite leer y visualizar on-line, así como consultar
de forma virtual virtualmente e interactuar con las siguientes herramientas
de comunicación en red:

Correo electrónico: Es un servicio de envío y recepción de
mensajes de una cuenta de correo a otra, con la diferencia de que el
mensaje viaja de forma electrónica a través de la red y no físicamente
como se hace en el correo tradicional. Se envía correos a los docentes y
estudiantes como recordatorio y notificaciones.

El foro: Permite el intercambio asincrónico (no simultáneo) de
mensajes; el foro es muy utilizado para generar las discusiones sobre
temas controvertidos o dudas relacionadas con el contenido académico
de asignaturas. Una de las ventajas que ofrece el foro es que las
repuestas a las preguntas permanecen en él, permitiendo a los
estudiantes una retroalimentación permanente.

El blog: Un blog o bitácora es una forma directa de insertar
contenidos en la red sin necesidad de modificar sitios o páginas Web, lo
que hace de él una herramienta de comunicación muy ágil en la
actualización de los contenidos. A su vez, permite a los estudiantes
consultar las novedades desde cualquier lugar y a cualquier hora.
25

Chat: A través de un programa de Chat una persona puede
comunicarse de forma escrita en tiempo real con otras personas
conectadas a la red. Los chats pueden ser públicos cuando todos los
usuarios conectados a él pueden participar en la conversación. En un chat
privado sólo los participantes invitados expresamente pueden hablar.

La página Web: Es una herramienta interactiva en la que se
integran comunicación, diseño y tecnología y que debe incorporar lo que
se quiere comunicar (información), a quién (estudiantes), de qué forma
(diseño y estrategias de comunicación) y qué tipo de herramientas de
comunicación en red se utilizan (software y plataforma).
2.2.12 Aplicaciones móviles, complemento educativo
Una aplicación móvil es una aplicación informática diseñada para
ser ejecutada en los actuales Smartphone o teléfono inteligentes. Por lo
general se encuentran disponibles a través de plataformas de distribución,
operadas por las compañías propietarias de los sistemas operativos
móviles como Android, iOS, BlackBerry OS, Windows Phone, entre otros.
“Las aplicaciones para móvil reflejan la convergencia de varias tecnologías
adecuadas para el uso educativo, como por ejemplo herramientas de animación,
aplicaciones para la creación y la composición, y redes sociales. Los GPS y las
brújulas facilitan la localización y el posicionamiento; los acelerómetros y los
sensores de movimiento permiten el diseño y el uso de aplicaciones de una
manera completamente nueva; y las capturas digitales y la edición aportan nuevas
herramientas para el vídeo, el audio y la creación de imágenes. Las aplicaciones
para móvil lo engloban todo, y las innovaciones en el desarrollo de dispositivos
móviles siguen expandiéndose a un ritmo sin precedentes.” INFORME HORIZONTE
DEL NMC: Edición para la enseñanza universitaria (2012. pág.12).
Los
universitarios
son
usuarios
especialmente
activos
de
dispositivos móviles para la subida de vídeos o imágenes como material
complementario, y eso hace que las aplicaciones educativas tengan en
este segmento un gran potencial.
26
Los
teléfonos
inteligentes
y
las
tabletas
portátiles
están
transformando radicalmente, la forma en la que accedemos a las fuentes
de conocimiento: nos mantenemos conectados durante todo el día a
infinitos volúmenes de datos, de información, en bruto y sin procesar. La
educación está cambiando con diversos proyectos que acercan a los que
quieran aprender todas las ventajas de la tecnología con un elemento de
nuestro tiempo: el teléfono móvil.
Las aplicaciones móviles permiten crear y mantener una relación
con el estudiante y profesor, estableciendo una valiosa interacción.
Ayudan a participar de una sesión de estudio para reforzar su capacidad
intelectual con estas aplicaciones educativas motivando el interés por las
clases tanto online como física. El acceso es instantáneo y a los
estudiantes les gusta aprender en cualquier momento, y eso hace que los
móviles se posicionen como herramientas de aprendizaje ideales.
2.2.13 Diseño web adaptable o responsive web design
Un portal web de diseño adaptable conocido en inglés The
Responsive Web Design “RWD” es un Diseño web flexible a cualquier
pantalla o computador sin importar el dispositivo desde donde que se
navegue ya sea: móvil, tabletas, computador, el sitio web se adapta y
visualiza de una forma óptima.
La técnica de diseño como de programación para que un sitio web
adaptable se ajuste visualmente es gracias a los lenguajes HTML5 (quinta
revisión importante del lenguaje básico de la World Wide Web) y CSS3
(lenguaje de hojas de estilos usado para describir la presentación
semántica de un documento, es decir, su aspecto y formato), las
soluciones se han hecho mucho más simples y estandarizadas,
aumentando vertiginosamente el uso de estos dispositivos móviles.
27
Se trata de modificar el diseño de tu Web para implementar un
diseño
Web
adaptable
a
través
de
media-queries
en
CSS.
Probablemente conlleve un cambio de interfaz y debemos tener claro que
el contenido debe ser el mismo para todos los dispositivos.
Importancia
El diseño responsive es importante para los móviles y las tablets ya
que son los dispositivos de navegación del presente debido a que cada
vez se navega más por distintos dispositivos ajenos a un ordenador
convencional.

Eficiencia en la actualización: Se reduce la inversión tanto en
creación como en administración, gestión y mantenimiento web, ya que
solamente hay un único sitio. El sitio solo se debe actualizar una vez y se
ve reflejada en todas las plataformas.

Mejora la usabilidad y conversión: Esta tecnología aporta a la
usabilidad y la conversión. Se han hecho estudios que demuestran que
cuando se aprovecha toda la pantalla del visitante aumenta la conversión.

Impacto en el visitante. Esta tecnología por ser nueva genera
impacto en las personas que la vean en acción, lo que permitirá asociar a
la marca con creatividad e innovación.

Recomendado por Google: Google dice que el diseño web
responsive es recomendado para la configuración de dispositivos móviles,
esto se debe a que sitios con el mismo URL y el mismo HTML,
independientemente del dispositivo, hace más fácil y eficiente para
Google indexar este sitio en la web.
28
The Boston Globe es un gran ejemplo Responsive que muestra como
un diario puede ser diseñado y adaptado a los diferentes tamaños de
pantalla de forma elegante.
2.2.14 El blog
Un blog es un sitio Web que facilita la publicación instantánea de
entradas (posts) y permite a sus lectores dar retroalimentación al autor en
forma
de
comentarios.
Las
entradas
quedan
organizadas
cronológicamente iniciando con la más reciente.
Un blog requiere poco o ningún conocimiento sobre la codificación
HTML y muchos sitios de uso libre (sin costo) permiten crear y alojar
blogs.
Algunos
de
los
más
populares
incluyen
a: WordPress; Blogger;Livejournal; Xanga y Edublogs.
Como actividad basada en la comunicación, la docencia no queda
al margen de la influencia de los blogs como herramienta educativa y
comunicativa. Su flexibilidad los hace adaptables a cualquier materia,
asignatura y nivel educativo.
El edublog es la conjunción de las palabras education y blog,
refiriéndonos a blogs cuyo primordial objeto es asistir y apoyar en
procesos de aprendizaje.
Esta
herramienta
permite
a
docentes
y
alumnos
hacer
presentaciones multimedia, esto es, incorporar hipertexto (texto escrito,
dibujos, fotos, sonido y vídeos) de una forma muy sencilla. De esta
manera es más fácil enseñar y aprender, porque se utilizan múltiples
inteligencias al estimular nuestra inteligencia visual, auditiva, el trabajo en
equipo o el trabajo individual, etc.
29
Características

Acceso desde cualquier lugar. Basta con tener conexión a
Internet.

Clasificación de los contenidos en categorías. La noticia del
blog se puede agrupar por categorías y así facilitar la navegación de los
usuarios que accedan.

Enlazar unos blogs con otros. Los blogs nos permiten poner una
lista con blog que usted visite periódicamente o que tengan la misma
temática que el suyo.

Retroalimentación. Cada noticia genera comentarios que hacen
replantearse su postura, ya que estas entradas posibilitan la aportación de
distintos puntos de vista.
Ventajas educativas

Como medio para desarrollar la capacidad crítica de los
alumnos. Los alumnos, a través del blog, expresan su opinión acerca de
un tema determinado planteado por el profesor o por los propios alumnos.
Los estudiantes se convierten en protagonistas del aprendizaje.

Como elemento de ampliación de los contenidos dados en
clase, Mediante el blog, el profesor puede dejar a sus alumnos más
información de los temas que se estén tratando en ese momento en el
aula. La educación ya no se centra solamente en la adquisición de
conocimientos, sino en la formación personal continua.
30

Como vehículo de comunicación entre el profesor y los
alumnos, ya que en el blog pueden comentar y preguntar las dudas e
inquietudes que les surjan. La comunicación se ha convertido en un
aspecto fundamental de la nueva enseñanza en Internet.

Como medio de comunicación e interacción entre los alumnos.
A través del blog el profesor puede proponer un tema de debate y los
alumnos comentan, opinan y dan argumentos para defender sus
argumentos.
El blog desde fuera: la página principal de un blog presenta elementos
comunes que se puede acceder como:

Entradas o artículos ordenados cronológicamente, comenzando por
los más actuales.

Comentarios a los distintos artículos.

Calendario, o archivos por año/mes/día.

Categorías o temas en que se clasifican los artículos.

Blogroll o repertorio de enlaces a otros blogs o sitios web.
El blog desde adentro: un blog se administra a través de un panel de
control online e incluye herramientas para:

Escribir y editar artículos y páginas.

Configurar las distintas opciones: escritura, lectura, discusión, etc.

Establecer las categorías o temas y los enlaces a otros sitios web.

Moderar los comentarios que hacen los visitantes.

Administrar los usuarios y los permisos que estos tienen:
administrador, editor, colaborador, etc.

Configurar el aspecto visual del blog, a través de un repertorio de
plantillas.
31
2.2.15 Aplicaciones y sitios web para blogs

BITÁCORAS
Está presente en Internet desde el año 2002 y es el mayor centro de
servicios y promoción de blog y bloggers en español.

BLOGGER
Blogger se inició en una pequeña empresa llamada Pyra Labs (San
Francisco) en agosto de 1999. Desde 2003 es propiedad de Google.

EDUBLOGS
Un servicio para que docentes y estudiantes publiquen de forma gratuita
su blog. El sistema utiliza WordPress Multi-User con casi todas las
ventajas y funcionalidades de otras bitácoras gestionadas con esta
aplicación.

WORDPRESS
Es el sistema que más desarrollo está teniendo en los últimos tiempos y
tal vez la mejor que existe actualmente en PHP. Altamente personalizable
con una gran variedad de plugins y diseños.
La creación de un blog se puede hacer de varias formas:

Descargar el software necesario e instalarlo en un servidor
propio. Esta opción le ofrecerá todas las posibilidades de insertar los
complementos que necesite para el mismo. Obviamente son necesarios
conocimientos informáticos específicos que no todo el mundo tiene.

Utilizar los que se ofrecen de forma gratuita en Internet. Esta
opción es la más adecuada para la inmensa mayoría de los usuarios, ya
que no son necesarios conocimientos informáticos específicos.
32
2.3 Fundamentación sociológica
El análisis de la sociedad ecuatoriana, ha determinado hoy en día
que está asentada en la denominada era tecnológica al igual que el resto
de países del mundo; está denominación que de a poco ha ganado
terreno en nuestro país, ha dado paso a incursionar en nuevos ámbitos
informativos para los estudiantes de universitarios que para el caso son
las website en la cual se podrá visualizar la información de eventos y
actividades culturales, deportivas, artísticas, etc.
“En estos términos es como se describe y explica la complejidad social y
sus continuas transformaciones. Y el individuo es identificado en relación con el
rol que desempeña y el grado de eficacia y eficiencia con que consigue adaptarse
a una o varias estructuras sociales concretas: estado, mercado, empresa,
organización social, institución, etc. “(Donati y Colozzi, 1994, p. 18)
Conocimiento científico y académico para los docentes, en las
revistas digitales que a la vista estudiantil es mucho más profesional y
mejora la rapidez con la cual llega la información.
La preferencia de un sitio web radica de entre una gama de
material didáctico tradicional como los periódicos estudiantiles; es que las
revistas digitales son más dinámicas, creativas, comunican mucho más
con movimientos y son de fácil acceso; evitando incluso el material
impreso que muchas veces es desechado por el usuario.
Está dispuesta a revolucionar el medio socio-educativo de
información ya que la institución educativa dará a los estudiantes de hoy
en día una forma más práctica y fácil de enterarse de por menores y estar
al día en tecnología de la rama en mención.
33
2.4 Fundamentación tecnológica
La tecnología dentro de la educación cumple un papel muy
importante, sobre todo en lo referente al proceso enseñanza-aprendizaje.
Por lo cual basándose en la tecnología se puede desarrollar diversos
recursos o formas de enseñar, con el fin de llegar al estudiante de una
mejor manera con los contenidos académicos.
"La web es, pues, un medio, un sistema diferente a través del cual se
relacionan los sujetos y los objetos que intervienen en el proceso educativo, pero
no es una finalidad educativa por sí misma. Si vamos más allá incluso podemos
decir que la evolución de las tecnologías en general, y de la web en concreto,
condiciona, sin duda, los recursos pedagógicos que se utilizan. Pero no tenemos
que supeditar la tecnología a la educación, sino que la tecnología tiene que estar,
en el caso que nos ocupa, al servicio de la educación" (Duart y Sangrà, 2000. Pág.
17).
La utilización de las tecnologías de la información y la
comunicación en el proceso de enseñanza-aprendizaje, se expresa en el
desarrollo de software educativo, la multimedia, el uso de entornos
virtuales de enseñanza-aprendizaje entre otros.
En este sentido, la Tecnología de la Información se proyecta hacia
la integración del tratamiento, exposición y propagación de la información
y la comunicación de manera efectiva y oportuna, empleando, innovando
y desarrollando los avances tecnológicos pertinentes.
Las habilidades en el uso de la tecnología a través de diversos
medios informáticos y de comunicación (tablets, laptops Smartphone)
permite al estudiante adquirir conocimientos, recursos y prácticas, y que
luego facilite adoptar, transferir e innovar tecnología en su proceso de
formación, a través de pasantías, en el ejercicio de la profesión y en todo
ámbito en que se desenvuelvan.
34
2.5 Fundamentación andragógica
Antiguamente se consideraba que la educación era sólo cuestión
de niños, que la única institución para impartirla era la escuela y que el
ser humano era educable sólo en un período de su vida, pero esto no es
verdad. El hecho educativo es un proceso que actúa sobre el hombre a lo
largo de toda su vida y no hay momento en las diversas fases de la
existencia en que se sienta libre de las influencias del medio, Aún en
plena ancianidad se sabe que se producen cambios respecto a nuestras
creencias, a nuestras opiniones, costumbres y hábitos, esto es llamado:
Andragogía.
“Estas definiciones no implican que haya que enseñar a los niños
pedagógica y a los adultos andragógicamente. Ambos términos sólo distinguen
entre dos conjuntos de supuestos acerca de los estudiantes; el profesor que
adopte uno de esos grupos de supuestos enseñará pedagógicamente, ya sea que
trabaje con niños o con adultos, y el que adopte el otro grupo lo hará
andragógicamente, sean sus alumnos adultos o niños” (Knowles, 1982: 21).
La andragogía, reconoce al participante o estudiante universitario
como el centro del proceso de enseñanza y aprendizaje en las
Universidades, es él quien decide: qué aprende, cómo lo aprende y
cuándo lo aprende, tomando en cuenta sus necesidades, intereses y su
experiencia, lo que conlleva al desarrollo y adquisición de conocimientos,
habilidades y actitudes que contribuyan en el logro de los aprendizajes
que éste necesite. En otras palabras, el participante es el único
responsable de su proceso de aprendizaje.
El propósito de la educación andragógica se dirige no solamente a
preparar y formar nuevas generaciones para el presente y el futuro, sino
también a incentivar la creación espontánea, la capacidad de generar
nuevas alternativas y fomentar la formación de los jóvenes y adultos de
una manera diferente a la que tradicionalmente se realiza.
35
2.6 Fundamentación Legal
Este
proyecto
de
carácter
educativo
e
informativo
está
fundamentado legalmente en varios artículos de la CONSTITUCIÓN DE
LA REPÚBLICA DEL ECUADOR, y de LEY ORGÁNICA DE LA
EDUCACIÓN SUPERIOR, que han sido analizados y considerados
esenciales para este estudio.
CONSTITUCIÓN POLÍTICA DEL ECUADOR
TÍTULO VII
RÉGIMEN DEL BUEN VIVIR
Capítulo Primero
Inclusión y equidad
Sección octava, Ciencia, tecnología, innovación y saberes
ancestrales
Art. 385.- El sistema nacional de ciencia, tecnología, innovación y
saberes ancestrales, en el marco del respeto al ambiente, la naturaleza, la
vida, las culturas y la soberanía, tendrá como finalidad:
1.
Generar,
adaptar
y
difundir
conocimientos
científicos
y
tecnológicos.
2.
Recuperar, fortalecer y potenciar los saberes ancestrales.
3.
Desarrollar tecnologías e innovaciones que impulsen la producción
nacional, eleven la eficiencia y productividad, mejoren la calidad de
vida y contribuyan a la realización del buen vivir.
36
Art. 386.- El sistema comprenderá programas, políticas, recursos,
acciones, e incorporará a instituciones del Estado, universidades y
escuelas politécnicas, institutos de investigación públicos y particulares,
empresas públicas y privadas, organismos no gubernamentales y
personas naturales o jurídicas, en tanto realizan actividades de
investigación, desarrollo tecnológico, innovación y aquellas ligadas a los
saberes ancestrales.
El Estado, a través del organismo competente, coordinará el
sistema, establecerá los objetivos y políticas, de conformidad con el Plan
Nacional de Desarrollo, con la participación de los actores que lo
conforman.
TÍTULO I
LEY ORGÁNICA DE LA EDUCACIÓN SUPERIOR
ÁMBITO
OBJETO, FINES Y PRINCIPIOS
DEL SISTEMA DE EDUCACIÓN SUPERIOR
Capítulo II
Fines de la Educación Superior.
Art. 4. Derecho a la Educación Superior. - El derecho a la
educación superior consiste en el ejercicio efectivo de la igualdad de
oportunidades, en función de los méritos respectivos, a fin de acceder a
una formación académica y profesional con producción de conocimiento
pertinente y de excelencia.
Las ciudadanas y los ciudadanos en forma individual y colectiva,
las comunidades, pueblos y nacionalidades tienen el derecho y la
responsabilidad de participar en el proceso educativo superior, a través de
los mecanismos establecidos en la Constitución y esta Ley.
37
Art. 8. Serán fines de la educación superior. - La educación
superior tendrá los siguientes fines:
a) Aportar al desarrollo del pensamiento universal, al despliegue de la
producción científica y a la promoción de las transferencias e
innovaciones tecnológicas;
b) Fortalecer en las y los estudiantes un espíritu reflexivo orientado al
logro de la autonomía personal, en un marco de libertad de pensamiento y
de pluralismo ideológico;
c) Contribuir al conocimiento, preservación y enriquecimiento de los
saberes ancestrales y de la cultura nacional.
38
CAPÍTULO III
METODOLOGÍA
3.1 Metodología de la investigación
La Investigación es esencial en el proceso del conocimiento,
porque no basta percibir, es necesario comprender y aplicar para poder
predecir, nos ayuda a mejorar el estudio porque permite establecer
contacto con la realidad a fin de conocerla mejor.
“La investigación científica se puede definir como una serie de etapas a
través de las cuales se busca el conocimiento mediante la aplicación de ciertos
métodos y principios” Tecla, Alfredo y Garza Alberto.
Se pretende que las respuestas a los problemas planteados tengan
fundamento científico, se debe usar la razón y la metodología para que
nuestros conocimientos se acerquen a la verdad. La Metodología dice
como ordenar los conocimientos, que caminos o métodos son los más
seguros para llegar a ellos y con cuales instrumentos recorrer esos
caminos.
Entonces, lo que principalmente hace la metodología es estudiar
los métodos para luego determinar cuál es el más adecuado a aplicar o
establecer en una investigación o trabajo; además estudia el proceder del
investigador y las técnicas que emplea.
El presente trabajo de investigación obedece a la modalidad de
proyecto factible con una propuesta de modelo operativo viable.
3.2 Método
Es el camino que toma el hombre para una investigación
determinada la cual debe ser ordenada y objetiva.
39
“Método es la manera sistemática en que se aplica el pensamiento al
investigar, y es de índole reflexiva.” Kerlinger (1981).
El método y la metodología deben mantener siempre la más
estrecha y estricta cooperación, ya que la Metodología debe traducir en el
plano operativo y concreto las orientaciones generales que especifica el
Método.

Método Deductivo: Sigue un proceso sintético – analítico, es
decir, que se presentan conceptos, principios, definiciones, leyes o
normas de las cuales se extraen conclusiones. Parte de lo general para
explicar o demostrar lo particular.

Método Inductivo: Es un proceso analítico – sintético que utiliza el
razonamiento en el estudio de casos, hechos o fenómenos particulares,
aceptados como válidos para llegar a conclusiones cuya aplicación es de
carácter general.
3.3 Tipos de investigación
Desde un punto de vista semántico los tipos de investigación son
sistemas definidos para obtener el conocimiento, pueden ser:

Investigación de campo
Son investigaciones que se realizan en el lugar donde se encuentra
el objeto de investigación.
Este estudio se realizará directamente en la Facultad de
Comunicación Social (FACSO), Carrera de Diseño Gráfico con un
cuestionario de 10 preguntas a los estudiantes de 4to. Año ya que este es
el lugar de investigación y a los cuales será impartida la información.
40

Investigación descriptiva
Describe, registra analiza e interpreta la naturaleza actual, la
composición y los procesos de los fenómenos para presentar una
interpretación correcta, se pregunta Cómo es y cómo se manifiesta.
Es decir que, a través de la observación y aplicación de
instrumentos con el propósito de diagnosticar las necesidades de los
alumnos, dar respuesta a las preguntas, analizar el marco teórico y
elaborar de una forma sencilla la propuesta.
3.4 Técnicas y herramientas

Técnicas: Son mecanismos que sirven para recolectar, procesar,
analizar y ordenar los datos provenientes de la investigación, así como de
la debida presentación de la información. Se deben aplicar las técnicas
durante todo el proceso de la investigación, las mismas que deben
relacionarse con las variables formuladas. En este proyecto se emplearon
las siguientes técnicas: Observación y Encuesta.

Observación:
Es
una
técnica
que
consiste
en
observar
atentamente el fenómeno, hecho o caso, tomar información y registrarla
para su posterior análisis.
Con esa técnica se identifica la situación que atraviesan
actualmente los estudiantes de la carrera de Diseño Gráfico de la
Facultad de Comunicación Social FACSO de la ciudad de Guayaquil,
provincia del Guayas año 2014, debido a la desinformación que tienen
acerca de los temas referentes a las actualizaciones de software, manejo
de imagen y nuevos formatos digitales; así como de las posibles
dificultades en su perfil académico lo cual obstaculiza obtener un mejor
desenvolvimiento profesional en el futuro.
41

Encuesta: Es una técnica destinada a obtener datos de varias
personas cuyas opiniones impersonales interesan al investigador, se
ejecuta mediante un listado de preguntas. La encuesta aplicada con un
cuestionario estructurado de preguntas, mediante el cual se recepta los
datos que se requieren investigar para obtener información específica.
3.5 Población y muestra

Población
En el ámbito estadístico, se denomina población al conjunto de
todos los individuos que se desea estudiar. Estos pueden ser: personas,
animales, artículos etc. Cada uno de los elementos de la población se
llaman individuos o unidades estadísticas.
"Una población es un conjunto de todos los elementos que estamos
estudiando, acerca de los cuales intentamos sacar conclusiones". Levin & Rubin
(1996).
La población objeto de este estudio está constituida por los
estudiantes del 4to. Año horario matutino de la Carrera de Diseño Gráfico
de la Facultad de Comunicación Social (FACSO) en la ciudad de
Guayaquil, provincia del Guayas año 2014.
Cuadro N° 2.- POBLACIÓN
ITEM
ESTRATO
POBLACIÓN
1
Estudiantes
200
TOTAL
200
Elaborado por: Mantilla Araujo Roberto David
Fuente: Facultad de Comunicación Social FACSO / Carrera de Diseño Gráfico
42

Muestra
Subconjunto finito de una población. Una muestra debe ser
representativa, es decir, debe reflejar las características esenciales de la
población que se desea estudiar, el número de elementos que forman la
muestra se denomina tamaño muestra. La muestra para realizar el
estudio de este proyecto está compuesta por estudiantes del 4to. Año
Paralelo A1 matutino de la carrera de diseño gráfico.

Muestreo probabilístico. - Proceso en el que los elementos son
escogidos al azar y con la misma probabilidad de integrar la muestra.
Sólo estos métodos de muestreo probabilísticos nos aseguran la
representatividad de la muestra extraída y son, por tanto, los más
recomendables. Puede ser: aleatorio simple, sistemático, estratificado, por
agrupamientos.
3.5.1 Cálculo del tamaño de la muestra
Una vez conocidos los valores de la población, se determina el
tamaño de la muestra aplicando la siguiente fórmula para poblaciones
finitas al total de 200 estudiantes de la zona delimitada objeto de nuestro
estudio. De esta manera se conocerá el número de encuestas a realizar:
Gráfico N° 1.- FÓRMULA DE LA MUESTRA
Z.N.p.q
n= _______________
e (N-1) + Z . p . q
Donde:
Z = Nivel de confianza
N = Población o Universo
n = Muestra
p = Probabilidad de éxito del
proyecto.
q = Probabilidad de fracaso del
proyecto.
e = Error tolerable
Elaborado por: Mantilla Araujo Roberto David
Fuente: Facultad de Comunicación Social FACSO / Carrera de Diseño Gráfico
43
Gráfico N° 2.- APLICACIÒN Y DESARROLLO DE LA FÓRMULA DE LA MUESTRA
Datos para la aplicación de la Fórmula:
N= 200 Estudiantes
e= 5%
Z= 95%
0.05
0,95 /2 = 0.475
p= 50%
0,5
q= 50%
0,5
1.96
2
(1.96) (200) (0,5) (0,5)
n=
2
2
(0.05) (200-1) + (1.96) (0,5) (0,5)
(3.84) (200) (0,25)
n=
(0,0025) (199) + (3.84) (0,25)
768 (0,25)
n=
0,4975 + 0,96
192
n=
1,4575
n=
131,732
Redondeando queda
n = 135 encuestas
Elaborado por: Mantilla Araujo Roberto David
44
CAPÍTULO IV
ANÁLISIS E INTERPRETACIÓN DE RESULTADOS
1.- ¿En qué lugar suele utilizar con mayor frecuencia el internet?
Cuadro N° 3.- ¿En qué lugar suele utilizar con mayor frecuencia el internet?
ITEM
FRECUENCIA
PORCENTAJE
Casa
77
57%
Trabajo
30
22%
Lugar de estudio
21
16%
Otro
7
5%
TOTAL
135
100%
Elaborado por: Mantilla Araujo Roberto David
Fuente: Encuesta realizada a los alumnos del 4to año de la Carrera de Diseño Gráfico / FACSO
Gráfico N°3. ¿En qué lugar suele utilizar con mayor frecuencia el
internet?
16%
22%
5%
57%
Elaborado por: Mantilla Araujo Roberto David
Fuente: Encuesta realizada a los alumnos del 4to año de la Carrera de Diseño Gráfico / FACSO
Se procura indagar que porcentaje de estudiantes encuestados en qué
lugar utilizan frecuentemente internet a lo que se determina que la mitad
de la población encuestada lo utiliza en la casa y la cuarta parte en el
trabajo. Concluyendo que más de la mitad de los estudiantes verán el sitio
web por internet, siempre y cuando se utilice una correcta publicidad para
el mismo.
45
2.- ¿Por qué medios se entera de las actividades que se desarrollan
en su facultad?
Cuadro N° 4.- ¿Por qué medios se entera de las actividades que se
desarrollan en su facultad?
ITEM
FRECUENCIA
PORCENTAJE
Periódico
38
28%
Redes
81
60%
Sitio web
11
8%
Otro
5
4%
TOTAL
135
100%
Elaborado por: Mantilla Araujo Roberto David
Fuente: Encuesta realizada a los alumnos del 4to año de la Carrera de Diseño Gráfico / FACSO
Gráfico N° 4. ¿Por qué medios se entera de las actividades que se
desarrollan en su facultad?
8%
4%
28%
60%
Elaborado por: Mantilla Araujo Roberto David
Fuente: Encuesta realizada a los alumnos del 4to año de la Carrera de Diseño Gráfico / FACSO
Se pretende hacer una idea de los medios que utiliza la facultad para
informar a los estudiantes de las actividades a desarrollarse en la
institución, más de la mitad de los estudiantes encuestados respondió que
se entera por las redes sociales (facebook, instagram, etc.)
46
3.- ¿Con qué frecuencia ingresa al sitio web de su facultad?
Cuadro N° 5.- ¿Con qué frecuencia ingresa al sitio web de su facultad?
ITEM
FRECUENCIA
PORCENTAJE
Muy frecuente
13
10%
Frecuente
33
24%
Poco frecuente
53
39%
Nada frecuente
36
27%
TOTAL
135
100%
Elaborado por: Mantilla Araujo Roberto David
Fuente: Encuesta realizada a los alumnos del 4to año de la Carrera de Diseño Gráfico / FACSO
Gráfico N°5. ¿Con qué frecuencia ingresa al sitio web de su facultad?
10%
27%
24%
39%
Elaborado por: Mantilla Araujo Roberto David
Fuente: Encuesta realizada a los alumnos del 4to año de la Carrera de Diseño Gráfico / FACSO
Claramente se desea saber si los estudiantes continuamente acceden al
sitio web de la facultad y la respuesta de más de un cuarto de
encuestados que poco lo frecuentan, refuerza positivamente el estudio
trazado; siendo la propuesta del sitio web adaptable necesario para el
avance y progreso de los estudiantes con los contenidos técnicos de que
dispondrá.
47
4.- Conoce de un sitio web universitario en donde pueda acudir en
busca de documentos, experiencias pedagógicas u otros en el
internet.
Cuadro N°6.- Conoce de un sitio web universitario en donde pueda acudir en busca de
documentos, experiencias pedagógicas u otros en el internet.
ITEM
FRECUENCIA
PORCENTAJE
SI
62
46%
NO
73
54%
TOTAL
135
100%
Elaborado por: Mantilla Araujo Roberto David
Fuente: Encuesta realizada a los alumnos del 4to año de la carrera de diseño gráfico / FACSO
Gráfico N°6. Conoce de un sitio web universitario en donde pueda
acudir en busca de documentos, experiencias pedagógicas u otros en
el internet.
46%
54%
Elaborado por: Mantilla Araujo Roberto David
Fuente: Encuesta realizada a los alumnos del 4to año de la Carrera de Diseño Gráfico / FACSO
El desconocimiento de un sitio web universitario en más de la mitad de los
estudiantes encuestados, revela que la mayoría No sabe de sitios webs
digitales académicos sobre el área de diseño gráfico en el medio actual
por internet. Esto indica que la propuesta será de gran utilidad para los
estudiantes de Diseño Gráfico.
48
5.- ¿Cuáles considera que serían los beneficios que debería ofrecer
un sitio web universitario?
Cuadro N°7.- ¿Cuáles considera que serían los beneficios que debería ofrecer un sitio
web universitario?
ITEM
FRECUENCIA
PORCENTAJE
Brindar conocimiento
34
25%
Información de actividades
17
13%
Material de apoyo
12
9%
Actualizacion de nuevos formatos
72
53%
TOTAL
135
100%
Elaborado por: Mantilla Araujo Roberto David
Fuente: Encuesta realizada a los alumnos del 4to año de la Carrera de Diseño Gráfico / FACSO
Gráfico N°7. ¿Cuáles considera que serían los beneficios que debería
ofrecer un sitio web universitario?
25%
53%
13%
9%
Elaborado por: Mantilla Araujo Roberto David
Fuente: Encuesta realizada a los alumnos del 4to año de la Carrera de Diseño Gráfico / FACSO
Se trata de saber por parte de los estudiantes que beneficios conlleva un
sitio web universitario y la opción ACTUALIZACIONES DE LOS NUEVOS
FORMATOS DIGITALES, obtuvo que más de la mitad de la población
encuestada en relación a las demás alternativas. Siendo una respuesta
positiva y que determina favorablemente la propuesta de implementar un
sitio web para los estudiantes
49
6.- ¿Cree qué mediante la implementación de un sitio web
universitario mejoraría la comunicación con la comunidad?
Cuadro N°8.- ¿Cree qué mediante la implementación de un sitio web universitario
mejoraría la comunicación con la comunidad?
ITEM
FRECUENCIA
PORCENTAJE
Muy Probable
63
47%
Probable
56
41%
Poco Probable
13
10%
Nada Probable
3
2%
TOTAL
135
100%
Elaborado por: Mantilla Araujo Roberto David
Fuente: Encuesta realizada a los alumnos del 4to año de la Carrera de Diseño Gráfico / FACSO
Gráfico N°8. ¿Cree qué mediante la implementación de un sitio web
universitario mejoraría la comunicación con la comunidad?
2%
10%
47%
41%
Elaborado por: Mantilla Araujo Roberto David
Fuente: Encuesta realizada a los alumnos del 4to año de la Carrera de Diseño Gráfico / FACSO
Considerando los resultados de esta pregunta se obtiene que casi la
mitad de los estudiantes encuestados responden como MUY PROBABLE;
siendo una aprobación para implementar un sitio web y mejorar la
comunicación. Demostrando así que muchos de los estudiantes se
encuentran dispuestos a utilizar los avances tecnológicos para optimizar
la comunicación con la comunidad universitaria.
50
7.- ¿Cree conveniente implementar un sitio web universitario que
brinde la oportunidad de publicar documentos, proyectos
pedagógicos, realizar consultas de apoyo que beneficie a los
alumnos de la carrera?
Cuadro N°9.- ¿Cree conveniente implementar un sitio web universitario que brinde la
oportunidad de publicar documentos, proyectos pedagógicos, realizar consultas de
apoyo, que beneficie a los alumnos de la carrera?
ITEM
FRECUENCIA
PORCENTAJE
SI
113
84%
NO
22
16%
TOTAL
135
100%
Elaborado por: Mantilla Araujo Roberto David
Fuente: Encuesta realizada los alumnos del 4to año de la Carrera de Diseño Gráfico / FACSO
Gráfico N°9. ¿Cree conveniente implementar un sitio web universitario
que brinde la oportunidad de publicar documentos, proyectos
pedagógicos, realizar consultas de apoyo, que beneficie a los alumnos
de la carrera?
16%
84%
Elaborado por: Mantilla Araujo Roberto David
Fuente: Encuesta realizada a los alumnos del 4to año de la Carrera de Diseño Gráfico / FACSO
Una de las preguntas claves sobre los objetivos trazados en el estudio de
esta investigación es saber que tan necesario es un sitio web digital para
la comunidad estudiantil gráfica en esta era tecnológica, con lo cual más
de las tres cuartas partes de la población encuestada dijo Si estar de
acuerdo con este proyecto y el restante dijo No.
51
DISCUSIÓN DE LOS RESULTADOS
Las
representaciones
estadísticas
con resultados
permitieron
justificar la propuesta de: Elaboración de un Sitio Web con contenido
de las actualizaciones de Software, Manejo de Imagen y nuevos
Formatos Digitales. Se determinaron estos resultados de la siguiente
manera:
Estudiantes:
De los estudiantes encuestados de forma negativa el 2% Nada Probable
respondió, y positivamente el 47% Muy Probable responde que mejoraría
la comunicación con la comunidad al implementar un sitio web, lo que nos
indica que el portal será visitado con regularidad.
De
los
estudiantes
encuestados
el
53%
considera
a
las
ACTUALIZACIONES DE LOS NUEVOS FORMATOS DIGITALES como
beneficio primordial que debería ofrecer el sitio web universitario; lo que
determina el contenido del mismo.
De los estudiantes encuestados el 84% respondieron Si estar de acuerdo
con este proyecto y un 16% dijo No; concluyendo que la mayoría cree
necesario el desarrollo del sitio web tal como se lo propone en este
proyecto de investigación.
52
CAPÍTULO V
LA PROPUESTA
5.1 Título
“ELABORACIÓN
DE
UN
SITIO
WEB
ADAPTABLE
CON
CONTENIDO DE LAS ACTUALIZACIONES DE SOFTWARE, MANEJO
DE IMAGEN Y NUEVOS FORMATOS DIGITALES.”
5.2 Justificación
Nace de la necesidad de mejorar la comunicación de los
estudiantes de la carrera de diseño gráfico de la Facultad de
Comunicación
Social,
experiencia
personal
de
la
carencia
de
conocimiento de nuevas tendencias en el ámbito gráfico y tecnológico
evitando el buen desarrollo del profesional.
Es así como se presenta la oportunidad de elaborar esta
investigación y aportar con cierta información a las personas que
laboramos en el campo del diseño gráfico (diseñadores, diagramadores,
etc.).
En el proceso de investigación se aplicó la encuesta en el estudio
de Campo, dando como resultado que falta de un sitio web universitario
limita la comunicación integral de los alumnos de la carrera de diseño
gráfico, es así que un 84% de la muestra encuestada da el apoyo a la
elaboración de un sitio web tal como se lo propone en este proyecto de
investigación.
Por medio de la Propuesta podremos de manera visual y concreta
responder al problema de investigación apoyados en los resultados de las
encuestas, así como lo planteado en los objetivos trazados.
53
La falta de un sitio web universitario de la carrera de diseño gráfico
de la Facultad de Comunicación Social ha generado que los estudiantes
no cuenten con un medio para informarse de todo tipo de actividad, apoyo
pedagógico e intercambio de ideas de su facultad.
El problema planteado en el presente proyecto fue confirmado por
la muestra poblacional consultada, apoyando la factibilidad de la
propuesta que planteamos mejorar la comunicación de su comunidad
estudiantil. Se detectó la falta de conocimiento de nuevas tendencias
gráficas para su desarrollo profesional; por lo tanto con este proyecto se
quiere incentivar en el uso de un sitio web universitario para los
estudiantes con la objetivo claro de poder erradicar la escases de
conocimientos actuales de la rama del diseño gráfico.
5.3 Objetivos
5.3.1 Objetivo general

Implementar un soporte web que estratégicamente ayude a la
comunicación en red de los alumnos garantizando un fluido intercambio
de información y total apoyo de actividades, material de apoyo y
actualización de nuevas tendencias y formatos digitales relacionada al
campo del diseño gráfico y de la facultad.
5.3.2
Objetivos específicos

Diseñar una web adaptable como estrategia informativa que
favorezca el desarrollo adecuado del trabajo académico y motivación a la
comunidad estudiantil.
54

Informar a la comunidad gráfica sobre: los nuevos formatos
digitales, actividades de la facultad, y un espacio de intercambio de
información entre estudiantes que motive compartir ideas y criterios.

Fomentar el desarrollo grupal de los futuros profesionales a través
de la página web como punto de encuentro para proponer temas o
proyectos comunes a trabajar.
5.4
Fundamentación
La página web es un documento digital dinámico que permite a los
usuarios interactuar entre sí, con estilos simplificados donde se realizan
accionar diversas como subida de información, publicaciones de trabajo,
compartir criterios sobre tendencias entre otras, donde la comunicación
visual y el desarrollo óptimo de sus funciones hacen que el usuario se
sienta identificado, haciendo de este un espacio que lo identifique y lo
haga de parte de un grupo específico.
Su principal importancia radica a que hoy en día es una de las
plataformas más utilizadas en el mundo para la comunicación de
usuarios, donde el tamaño del grupo objetivo o empresa no tienen
relevancia alguna sobre tener o no una página web en internet, siendo
esta un complemento visual y dinámico para la información dada en las
redes sociales, incrementando la confianza del usuario a la marca o
Institución que posea una página web bien estructurada.
Como parte de un buen desarrollo web en la actualidad el valor
agregado en cuanto a calidad informativa se trata y contenidos, se da a
través de la es optimización SEO y estadísticas de google analytics,
dando así estadísticas internas generales para conservar el interés del
usuario y no perder nuestro grupo objetivo.
55
Para el presente caso, el desarrollo óptimo de la página web de la
facultad tendrá las siguientes características:

Código estructurado con framework bootstrap

Lenguajes de programación, Librerías:

PHP – Ajax

Librerías Jquery

HTML 5
5.4.1 Bootstrap
Bootstrap es un potente framework que combina HTML 5, CSS3 y
Javascript, con el objetivo de simplificar el proceso de diseño web sobre
todo en conceptos delicados como compatibilidad con navegadores.
Pero su mayor valor es la capacidad para diseño responsive o
fluido consiguiendo que nuestra web se adapte según el tipo dispositivo,
para ser más exacto la web se adapta según la resolución del dispositivo
o ventana del navegador.
En resumen, sus principales características son:

Interfaces que funcionen de manera brillante en los navegadores
actuales, y correcta en los no tan actuales.

Un diseño que pueda ser visualizado de forma correcta en
distintos dispositivos y a distintas escalas y resoluciones.

Una mejor integración con tus las librerías que sueles usar
habitualmente, como por ejemplo jQuery.

Un diseño sólido basado en herramientas actuales y potentes
como LESS o estándares como CSS3/HTML5.
56
5.4.2 Librería Jquery
Según sus creadores, jQuery es una “librería JavaScript muy rápida
y muy ligera que simplifica el desarrollo de la parte de cliente de las
aplicaciones web”. En otras palabras, jQuery incluye muchas utilidades
para crear fácilmente las páginas web de las aplicaciones dinámicas
complejas.
La ventaja principal de jQuery es que es mucho más fácil que sus
competidores. Usted puede agregar plugins fácilmente, traduciéndose
esto en un ahorro substancial de tiempo y esfuerzo.
La licencia open source de jQuery permite que la librería siempre
cuente con soporte constante y rápido, publicándose actualizaciones de
manera constante. La comunidad jQuery es activa y sumamente
trabajadora.
Otra ventaja de jQuery sobre sus competidores como Flash y puro
CSS es su excelente integración con AJAX. En resumen:

jQuery es flexible y rápido para el desarrollo web.

Viene con licencia MIT y es Open Source.

Tiene una excelente comunidad de soporte.

Tiene Plugins.

Bugs son resueltos rápidamente.

Excelente integración con AJAX.
En conclusión, la librería Jquery es simple pero potente y nos ofrece una
variedad de widget muy interesantes, podemos utilizar plugins de terceros
o los nuestros propios.
57
5.4.3 HTML5
HTML es el lenguaje usado para escribir las páginas web, describe
la estructura y el contenido usando solo texto y lo complementa con
objetos tales como imágenes, flash y otros. Su estructura se compone de
etiquetas o tags entre las cuales van insertados los diferentes elementos
que componen el sitio web como son los bloques de texto, scripts y la ruta
a la ubicación de archivos externos como imágenes y otros archivos
multimedia.
HTML5 surge como una evolución lógica de las especificaciones
anteriores y por la necesidad de lograr los siguientes objetivos:

Lograr que la información, y la forma de presentarla estén lo más
separadas posible.

Resumir, simplificar y hacer más sencillo el código utilizado.

Un lenguaje que haga las páginas compatibles con todos los
navegadores web, incluyendo los de los teléfonos móviles y otros
dispositivos modernos usados en la actualidad para navegar en
Internet.

Eliminar restricciones que hagan el código más popular y asequible.
Se dice que HTML5 cambiará el diseño de Internet y es muy
probable que lo haga; permitirá una mayor estandarización en el diseño
de páginas de Internet con la introducción de sus nuevas características.
HTML5 tiene muchas virtudes, todo parece indicar que las
predicciones de un cambio radical son correctas, pero esta versión del
lenguaje todavía es joven y su adopción por los webmasters es escasa
para poder decir si tiene fallas que impidan su popularización, por lo
pronto unos ejemplos de las nuevas aplicaciones de HTML 5.
58
5.5
Ubicación física y sectorial
La Carrera de Diseño gráfico está ubicada en la Alborada 3era.
Etapa Calle Isla Plaza e Isla Santa Fé, Guayaquil.
Gráfico N°10. Ubicación sectorial
Elaborado por : Mantilla Araujo Roberto David
Fuente: Internet – Google Maps
5.6
Descripción de la propuesta
La Propuesta que se presenta en el diseño e implementación de un
sitio web adaptable sigue una estructura y línea gráfica que explica
detalladamente cada una de sus secciones. En lo que respecta a la
información podrán encontrar temas de interés como últimas tendencias
en el campo gráfico para poder difundir y dar su criterio de manera
paulatina entre los usuarios.
La elaboración del sitio web adaptable se ha podido estructurar con
los siguientes aspectos:
59
5.6.1 Planificación
Cuadro N°10. Cronograma de actividades
CRONOGRAMA DE ACTIVIDADES PARA LA
ELABORACIÓN DE LA PROPUESTA
2015
ACTIVIDADES
SEPT
I
II III IV
OCT
I
II III IV
OCT
I
II III IV V
Planificación
Recopilación de datos
Instalación de programas de diseño
gráfico
Diseño de línea gráfica
Boceto de la estructura del sitio web
Maquetación en editor de código
HTML(Adobe Dreamweaver CC
2015)
Alojamiento de Sitio web en la red
Elaborado por : Mantilla Araujo Roberto David
Fuente: Internet – Google Maps
5.6.2 Recopilación de datos
Esta fase es fundamental a la hora de elaborar un proyecto, debido
a que consta de un estudio general de todos los aspectos a considerar
para poder terminarlo con éxito; en la presente propuesta se tomaron en
cuenta los siguientes aspectos:

Documentación del proyecto

Objetivos

Beneficiarios

Contenido

Legalidad

Plazos de tiempo

Presupuesto
60
5.6.3 Instalación de programas de diseño gráfico
Para el diseño y elaboración de la propuesta se utilizaron los
siguientes programas de diseño gráfico:

Adobe Illustrator CC es una aplicación en forma de taller de arte
que trabaja sobre un tablero de dibujo, conocido como "mesa de trabajo" y
está destinado a la creación artística de dibujo y pintura para ilustración.
Está herramienta contiene opciones creativas, un acceso más
sencillo a las herramientas y una gran versatilidad para producir
rápidamente gráficos flexibles cuyos usos se dan en impresión, vídeo,
publicación en la web y dispositivos móviles.

Adobe Photoshop CC es el mejor y más profesional y completo
software de edición fotográfica, ya que este programa te permite editar,
hacer fotomontajes, efectos en 3D, y su gran gama de filtros te da un sin
fin de posibilidades para la creación de imágenes digitales ya que con
ellos puedes hacer desde terminados rústicos hasta fotos de mundos
imaginarios.

Adobe Dreamweaver CC es un programa para desarrollo de
páginas web. El mismo posee un entorno visual y una vista código. La
aplicación permite crear sitios de forma totalmente gráfica y dispone de
funciones para acceder al código HTML generado.
Contiene modo tanto para diseñadores como programadores.
Incluye un software de cliente FTP completo, permitiendo entre otras
cosas trabajar con mapas visuales de los sitios web. Estos reconocidos
programas han permitido durante todo el proceso académico trabajar
eficientemente con ellos, logrando desarrollar un estilo y creatividad
personal al momento de plantear la presente propuesta.
61
5.6.4 Diseño de línea gráfica
En este punto el boceto de la identidad corporativa pasa a una
etapa de digitalización en los programas de ilustración, terminando así en
el logo.
Gráfico N°11. Logo
Elaborado por : Mantilla Araujo Roberto David
Para este caso, empleamos tipográfica estilizada, moderna en los
actuales tiempos del diseño minimalista como es la familia de fuente web
HELVETICA. Formas lineales para su iso-logo con tonos representativos
de la carrera de diseño como son tonos claros.
Gráfico N°12. Descripcion del color marca DG SOCIAL.COM para modo RGB
Elaborado por : Mantilla Araujo Roberto David
62
La estructura que compone el inicio del sitio web es muy intuitiva a
la hora de la navegación por parte del usuario, ya que en su botonera
podemos encuentran a un solo click las diversas categorías del mismo.
Gráfico N°13. Cabecera del sitio web
Elaborado por : Mantilla Araujo Roberto David
En el lateral del sitio web podemos encontrar la sección de suscripción
y los enlaces de las redes sociales con la que cuenta DG SOCIAL.COM
para brindarle al usuario una mejor comunicación de la información del
tema de su interés.
Gráfico N°14. Cuadro de suscripción del sitio web
Elaborado por : Mantilla Araujo Roberto David
63
Se encontrará en el sitio web una pequeña galería lateral con la
que se dará a conocer los eventos recientes que se realizaron por parte
de la Carrera de Diseño Gráfico.
Gráfico N°15. Galeria lateral de eventos recientes
Elaborado por : Mantilla Araujo Roberto David
En esta página se pueden visualizar temas de tendencias y
tecnologías donde el estudiante se informa de innovaciones que se están
usando en el mundo del diseño gráfico.
Gráfico N°16. Modelo de contenido
Elaborado por : Mantilla Araujo Roberto David
64
5.7 Misión
Promover una alternativa diferente de información a los estudiantes
de la carrera de Diseño Gráfico, sobre temas relacionados al área gráfica,
ámbito técnico y social mejorando la calidad del profesional egresado.
5.8 Visión
Lograr que el sitio web DG SOCIAL.COM sea fuente primordial de
información digital interactiva entre los estudiantes de la carrera de
Diseño Gráfico y los docentes.
5.9 Beneficiarios
Con el desarrollo e implementación de este proyecto serán
beneficiados: los estudiantes, docentes, autoridades, y la comunidad en
general de la carrera de Diseño Gráfico.
5.10 Impacto Social
El impacto social son los resultados a conseguir cuando se elabore
y difunda el sitio web entre los estudiantes de la carrera de Diseño
Gráfico, mejorando su calidad de conocimientos con la información que se
proporcione acerca de actualizaciones de software, manejo de imagen y
nuevos formatos digitales.
La facilidad en el manejo de las nuevas aplicaciones móviles o
teléfonos inteligentes, permiten hoy en día nuevas formas de desarrollar
propuestas en el ámbito educativo.
65
CAPITULO VI
CONCLUSIONES Y RECOMENDACIONES
Al término de la presente investigación y del planteamiento de la
propuesta damos paso a los hallazgos obtenidos de las encuestas
ejecutadas; para hacer las sugerencias y recomendaciones a la
exposición de los resultados.
Conclusiones

Se cumplió con los objetivos planteados al inicio del proyecto de
investigación, a continuación, se detalla las siguientes conclusiones:

Como resultado inicial del diagnóstico se evidencio escaza difusión
y promoción de las preferencias culturales y necesidades académicas
/tecnológicas de los estudiantes.

Poco impulso de trabajos o proyectos pedagógicos por parte de los
docentes difundidos por medio del internet.

Preferencia y comodidades por parte de los estudiantes a la hora
de obtener información.

Falta de un sitio web universitario para buscar recursos, que
complementen los contenidos recibidos en las aulas por parte de los
estudiantes de la carrera de Diseño Gráfico.
66
Recomendaciones

Se debe desarrollar e implementar un sitio web como medio de
comunicación e información para los estudiantes y así complementar su
enseñanza conjuntamente con los docentes.

Incentivar a los estudiantes a conocer los beneficios del sitio web
por medio de una campaña publicitaria en la Facultad antes de su
lanzamiento al internet.

Este proyecto en el futuro se convertiría en la principal herramienta
de búsqueda y consultas de los estudiantes de la carrera de Diseño
Gráfico.

Se recomienda para asegurar el éxito en la implementación del sitio
web
realizar
un
mantenimiento
permanente
para
conservar
la
actualización de los datos a futuro a fin de minimizar inconvenientes en
los servicios de información que brinde a la colectividad educativa.
67
DEFINICIÓN DE TÉRMINOS
HTML (Lenguaje de Marca de Hipertextos): lenguaje de programación
muy sencillo que se utiliza para crear los textos y las páginas web, es
justamente un lenguaje que se basa en las marcas para crear los
hipertextos.
Hipertexto: Texto organizado en nodos unidos entre sí por enlaces
dependientes de su contenido.
Interactividad: Método que permite una interacción, a modo de diálogo,
entre un ordenador y el usuario, sea local o remoto.
Link: Enlace presentado como un texto o imágenes en un sitio web, que
el usuario puede pinchar para tener acceso o conectar con otro
documento en el navegador.
Sitio web: Es una colección de páginas de internet relacionadas y
comunes a un dominio de Internet o subdominio en la World Wide Web en
Internet, dedicado a algún tema particular o propósito específico.
Reusabilidad: Es el grado en que un programa (o partes de este) se
puede reusar en otras aplicaciones.
World Wide Web (web o w.w.w.): es una red mundial de datos a la que
se puede acceder a través de Internet. A través de un software conocido
como navegador, los usuarios pueden visualizar diversos sitios web.
68
BIBLIOGRAFÍA
andragógico,
M.
(s.f.).
https://my.laureate.net.
Obtenido
de
https://my.laureate.net/faculty/docs/Faculty%20Documents/Andragogia.Fu
ndamentos.pdf
C., L. P. (2010). Metodología de la investigación científica.
Cáceres, V. P. (s.f.). Guía para el diseño de proyectos educativos.
Universidad de Guayaquil.
cibernético, A. d. (2012). https://profeaventurals.blogspot.com. Obtenido
de https://profeaventurals.blogspot.com/2012/08/antecedentes-delperiodismo-cibernetico.html
cuestionarios,
T.
d.
(s.f.).
https://www.borrones.net.
Obtenido
de
https://www.borrones.net/investigacion/cuestionario.pdf
ecuatorianos, T. e. (s.f.). https://www.flacsoandes.org. Obtenido de
https://www.flacsoandes.org/dspace/bitstream/10469/5166/1/RFLA
CSO-CH119-05-Rivera.pdf
ESPOL, R. d. (s.f.). https://www.dspace.espol.edu.ec. Obtenido de
https://www.dspace.espol.edu.ec/bitstream/123456789/16892/1/Re
vista%20digital%20interactiva%20de%20Dise%C3%B1o%20y%20
Producci%C3%B3n%20Audiovisual%20para%20la%20ESPOLn.pd
f
impresa?, T. 4. (2011). https://www.latindex.ucr.ac.cr. Obtenido de
https://www.latindex.ucr.ac.cr/docs/Tema4-editoresnovatosoct2011.pdf
Joaquín Párraga, A. D. (s.f.). La práctica de la innovación educativa.
España.
Roberto Hernández, C. F. (2008). Metodología de la investigación.
universitaria,
I.
d.
(s.f.).
https://www.uoc.edu.
Obtenido
de
https://www.uoc.edu/rusc/dt/esp/salinas1104.pdf
69
70
71
EVIDENCIA FOTOGRAFICA ENCUESTA REALIZADAS A LOS
ALUMNOS DE LA CARRERA DE DISEÑO GRÁFICO
72
EVIDENCIA FOTOGRAFICA ENCUESTA REALIZADAS A LOS
ALUMNOS DE LA CARRERA DE DISEÑO GRÁFICO
73