DESARROLLO DE UN SITIO WEB COMO MATERIAL DE SOPORTE

PONTIFICIA UNIVERSIDAD CATÓLICA DEL ECUADOR SEDE SANTO DOMINGO

Dirección Académica – Escuela de Diseño

DESARROLLO DE UN SITIO WEB COMO MATERIAL DE SOPORTE PARA EL PROCESO DE INGRESO AL CURSO DE FORMACIÓN CONTINUA DE INGLÉS EN LA PLATAFORMA PEARSON PARA LOS ESTUDIANTES DE LA PUCE SD. Plan de Trabajo de Titulación previo a la obtención del título de Diseñadora con mención en Comunicación Visual.

Línea de Investigación: Tecnologías de la información y la comunicación.

Autora:

LEONELA YOMAYRA PILLAJO CORDERO

Director:

Mg. JUAN PABLO RUIZ YÉPEZ

Santo Domingo – Ecuador Febrero, 2021

PONTIFICIA UNIVERSIDAD CATÓLICA DEL ECUADOR SEDE SANTO DOMINGO

Dirección Académica – Escuela de Diseño

HOJA DE APROBACIÓN DESARROLLO DE UN SITIO WEB COMO MATERIAL DE SOPORTE PARA EL PROCESO DE INGRESO AL CURSO DE FORMACIÒN CONTINUA DE INGLÉS EN LA PLATAFORMA PEARSON PARA LOS ESTUDIANTES DE LA PUCE SD. Línea de Investigación: Tecnologías de la información y la comunicación.

Autora:

LEONELA YOMAYRA PILLAJO CORDERO

Juan Pablo Ruiz Yépez, Mg. DIRECTOR DE TRABAJO DE TITULACIÓN Adriana Graciela Segura Mariño, Dra. CALIFICADORA Cristóbal Oswaldo Mayorga Vivanco, Mg. CALIFICADOR Carlos Vicente Galarza Macancela, Mg. DIRECTOR DE GRADO

Santo Domingo – Ecuador Febrero, 2021

iii

DECLARACIÓN DE AUTENTICIDAD Y RESPONSABILIDAD Yo, Pillajo Cordero Leonela Yomayra portador de la cédula de ciudadanía No. 1719821892 declaro que los resultados obtenidos en la investigación que presento como informe final, previo la obtención del Grado de Diseño con Mención en Comunicación Visual son absolutamente originales, auténticos y personales.

En tal virtud, declaro que el contenido, las conclusiones y los efectos legales y académicos que se desprenden del trabajo propuesto de investigación y luego de la redacción de este documento son y serán de mi sola y exclusiva responsabilidad legal y académica.

Igualmente declaramos que todo resultado académico que se desprenda de esta investigación y que se difunda, tendrá como filiación la Pontificia Universidad Católica del Ecuador, Sede Santo Domingo, reconociendo en las autorías al director del Trabajo de Titulación y demás profesores que amerita. Estas publicaciones presentarán el siguiente orden de aparición en cuanto a los autores y coautores: en primer lugar, a los estudiantes autores de la investigación; en segundo lugar, al director del trabajo de titulación y, por último, siempre que se justifique, otros colaboradores en la publicación y trabajo de titulación.

Nombres y Apellidos CI. 1719821892

INFORME DE TRABAJO DE TITULACIÓN ESCRITO DE GRADO Francisco Sánchez Parrales, Mg. Dirección de Investigación y Postgrados Pontificia Universidad Católica del Ecuador Sede Santo Domingo. De mi consideración, Por medio del presente informe en calidad del director/a del trabajo de titulación de Grado de la Escuela Diseño, titulado: Desarrollo de un sitio web como material de soporte para el proceso de ingreso al curso de formación continua de inglés en la plataforma Pearson para los estudiantes de la PUCE SD, realizado por la estudiante : Pillajo Cordero Leonela Yomayra con cédula: N.º 2300419302, previo a la obtención del título de Diseñadora con Mención en Comunicación Visual, informo que el presente trabajo de titulación escrito se encuentra finalizado conforme a la guía y el formato de la Sede vigente.

Santo Domingo, 18/02/2021.

Atentamente,

Juan Pablo Ruiz Yépez, Mg. Profesor Auxiliar I

RESUMEN Actualmente el hablar inglés trae consigo muchas ventajas en un mundo globalizado, aún más siendo uno de los idiomas más hablado, por lo general, se lo adquiere en el periodo estudiantil, como: instituciones o academias. Por lo tanto, hay un sin número de materiales didácticos que sirven como soporte para este proceso de aprendizaje y que ayuda a facilitar la información necesaria para adquirirlo. La presente investigación desarrolló como propuesta un sitio web que sirva como material de soporte para el proceso de ingreso al curso de formación continua de inglés en la Plataforma Pearson de la Pontificia Universidad Católica del Ecuador sede Santo Domingo, así mismo fomentar el aprendizaje del idioma inglés. La investigación es de tipo mixta, con un diseño de investigación no experimental, por lo tanto, el tipo de investigación es transversal. Para la recolección de datos se aplicó las fichas de resumen en una unidad de análisis basada en bibliografía sobre las temáticas tanto del inglés como del desarrollo web, mediante los resultados obtenidos se determinó la importancia de la investigación para el desarrollo del contenido y diseño del sitio web, se concluyó que el proceso de desarrollo web es de suma importancia y que se deben tomar ciertos aspectos tanto en la usabilidad y navegabilidad para el usuario dentro del sitio web.

Palabras clave: Desarrollo Web, Aprendizaje virtual, Aprendizaje de Inglés, Diseño

ABSTRACT Nowadays speaking English brings many advantages in a globalized world, even more being one of the most spoken languages, generally it is acquired during the student period, such as nstitutions or academies. Therefore, there are a lot of didactic materials that serve as support for this learning process and help to facilitate the necessary information to acquire it. The present investigation developed as a proposal a website that serves as support material for the process of admission to the English continuing education course at the Pearson Platform of the Pontificia Universidad Católica del Ecuador Sede Santo Domingo, as well as promoting the learning of the English language. The research is of a mixed type, with a non-experimental research design, therefore, the type of research is transversal. For the collection of data, summary sheets were applied in an analysis unit based on bibliography on the topics of both English and web development. The results obtained determined the importance of research for the development of the content and design of the website, concluded that Web development process is of utmost importance and that certain aspects must be considered both in the usability and navigability for the user within the website.

Keywords: Web Development, Virtual learning, English Learning, Design

ÍNDICE DE CONTENIDOS 1.

INTRODUCCIÓN.............................................................................................. 1

2.

REVISIÓN LITERARIA .................................................................................. 4

2.1.

El idioma inglés y su importancia en la academia ............................................... 5

2.1.1.

La importancia del idioma inglés dentro de la PUCESD ..................................... 6

2.1.2.

Soportes y recursos importantes para el aprendizaje del idioma inglés ............... 6

2.2.

Aprendizaje en Línea ........................................................................................... 7

2.2.1.

Tipos de aprendizaje ............................................................................................ 8

2.2.1.1.

M-Learning .......................................................................................................... 8

2.2.1.2.

B-Learning ........................................................................................................... 9

2.2.1.3.

U-Learning ........................................................................................................... 9

2.2.2.

Material Didáctico .............................................................................................. 10

2.3.

Diseño y desarrollo web ..................................................................................... 11

2.3.1.

Softwares ............................................................................................................ 12

2.3.2.

Etapas del desarrollo web................................................................................... 13

2.3.2.1.

Primera etapa: Planificar .................................................................................... 13

2.3.2.2.

Segunda etapa: Concebir .................................................................................... 14

2.3.2.3.

Tercera etapa: Construir, Testear y Visualizar ................................................... 14

2.3.2.4.

Cuarta etapa: La promoción ............................................................................... 15

2.3.2.5.

Quinta etapa: Evaluar ......................................................................................... 15

2.3.2.6.

Sexta etapa: Puesto al día y Evolución .............................................................. 15

2.3.3.

Tipos de sitios web ............................................................................................. 15

3.

METODOLOGÍA ............................................................................................ 17

3.1.

Enfoque, diseño y tipo de investigación ............................................................ 17

3.2.

Población y muestra ........................................................................................... 17

3.3.

Técnicas de recogida de datos ............................................................................ 18

3.4.

Operacionalización de las variables o categorías ............................................... 18

3.5.

Técnicas de análisis de datos.............................................................................. 19

4.

RESULTADOS ................................................................................................. 20

4.1.

Resultado 1: Fundamentación teórica ................................................................ 20

4.1.1.

Niveles del MCER ............................................................................................. 20

4.1.2.

Curso de inglés PUCE SD.................................................................................. 21

4.1.2.1.

Proceso de Admisión.......................................................................................... 21

4.1.2.2.

Plataforma Pearson: Myenglishlab .................................................................... 22

4.1.2.2.1.

Metodología ....................................................................................................... 22

4.1.3.

Sitios Web .......................................................................................................... 23

4.1.3.1.

Clasificación de un sitio web ............................................................................. 23

4.1.3.2.

Características de un sitio web ........................................................................... 24

4.1.3.2.1.

Accesibilidad web .............................................................................................. 24

4.1.3.2.2.

Navegabilidad web ............................................................................................. 24

4.1.3.2.3.

Usabilidad web ................................................................................................... 24

4.2.

Resultado 2: Desarrollo Web ............................................................................. 25

4.2.1.

Desarrollo Web .................................................................................................. 25

4.2.1.1.

Planificación ....................................................................................................... 25

4.2.1.2.

Servidores ........................................................................................................... 25

4.2.1.2.1.

XAMPP .............................................................................................................. 26

4.2.1.2.2.

phpMyAdmin ..................................................................................................... 26

4.2.1.3.

WordPress .......................................................................................................... 27

4.2.1.4.

Tema ................................................................................................................... 27

4.2.1.4.1.

Colores ............................................................................................................... 28

4.2.2.

Contenido ........................................................................................................... 28

4.2.3.

Arquitectura del Sitio Web................................................................................. 28

4.3.

Resultado 3: Validación ..................................................................................... 30

5.

DISCUSIÓN...................................................................................................... 32

6.

CONCLUSIONES Y RECOMENDACIONES ............................................. 34

7.

REFERENCIAS ............................................................................................... 36

8.

Anexos ............................................................................................................... 38

1

1.

INTRODUCCIÓN

El lenguaje inglés es el más común en el aprendizaje, convirtiéndose en una prioridad para el sistema educativo, enfocándose en la formación integra de cada persona, adquirir un segundo idioma requiere un nuevo aprendizaje diferente, a la lengua materna, por lo general el idioma inglés, se lo adquiere durante la formación del estudiante, instituciones o academias, en las que se emplean distintos recursos para poder adquirirlo.

En la actualidad, adaptarse a los nuevos cambios Tecnológicos, requiere el desarrollo e implementación de nuevas herramientas de estudio, que aporten positivamente a la enseñanza y aprendizaje, tanto a profesores como a estudiantes, tomando en cuenta el ámbito en que se va a enfocar para el desarrollo de contenidos e información de herramientas digitales, que permitan un mejor rendimiento académico con resultados positivos.

A continuación, se describen algunos estudios pertinentes a los contenidos expuestos relacionados con la problemática: En la investigación realizada sobre el tema Explorando AppInventory, se da a conocer la importancia que tiene la Web “Si se incorpora en actividades diarias de enseñanza y aprendizaje, pueden mejorar la colaboración, cognitiva y trabajo creativo de los alumnos, mejorando y redefiniendo las prácticas educativas tradicionales.” (Corbatto & Dattolo, 2019, p.1).

Este estudio realizó una plataforma Web llamada “AppInventory”, por medio de investigaciones que permitieron el desarrollo de esta plataforma, con la finalidad de poder mejorar la enseñanza y el aprendizaje, “Los resultados son alentadores y destacaron el impacto positivo de nuestro modelo visual, con respecto a la plataforma general y también específicamente a las cuatro características consideradas.” (Corbatto & Dattolo, 2019, p.26).

Por otra parte, en la investigación realizada por Marco Beltrán (2007), El aprendizaje del Idioma Inglés como Lengua Extranjera “Existe una gran diferencia entre aprender un nuevo idioma y adquirir un nuevo idioma. Todos los estudiantes de idiomas empiezan aprendiendo el idioma, pero no todos lo adquieren. Por tanto, la adquisición de un segundo idioma se refiere al proceso final del aprendizaje que le permite al estudiante manejar un segundo idioma de la misma manera que lo hace con el primero” (p.5).

2 Por último, en la investigación de (Dávila, Galvis y Vivas, 2014) se da a conocer la importancia del diseño del sitio web como una herramienta didáctica que motiva el aprendizaje a los estudiantes y en el que participan familiares docentes y estudiantes permitiéndoles sus propios recursos y habilidades a favor de los procesos de aprendizajes.

Como sustento del proyecto de investigación, nace a partir de la necesidad de crear un material de soporte que sirva como un recurso de estudio y guía didáctica por medio de la elaboración de un sitio web para el proceso a la realización del examen de ingreso, al curso de inglés en la plataforma PEARSON para los estudiantes de la PUCE SD, puesto que la Pontificia Universidad Católica del Ecuador sede Santo Domingo aplica Cursos de formación, como son los Idiomas Modernos, en la cual uno de ellos es el Curso de Inglés en la plataforma PEARSON, como parte de un requisito y formación continua del estudiante a obtener la Certificación Internacional.

La necesidad de crear un sitio web se adapta al aprendizaje ubicuo, como material de soporte, que se enfoca a las necesidades del estudiante, puesto que este material ofrece un fácil acceso en cualquier dispositivo y lugar de ubicación.

Indudablemente, el potencial de la red informática ha abierto un mundo de posibilidades para los aprendices de lenguas extranjeras, quienes ahora tienen a su alcance una mayor cantidad de materiales auténticos y actualizados, un contacto directo con personas de la cultura meta y la posibilidad de aprender en un entorno multimedia (Lim y Lee, 2007).

Uno de los ejes estratégicos para el desarrollo de este proyecto, se encuentra en el Plan Nacional de Desarrollo 2017-2021-Toda una Vida, “Garantizar una vida digna con iguales oportunidades para todas las personas” (p.53). Explicando la educación como prioritario en la profesionalización ciudadana, fortaleciendo la educación técnica y tecnológica en vinculación con el mundo laboral.

Este proyecto tiene como objetivo fomentar la educación de aprendizaje de lenguas extranjeras como el Idioma Inglés, poder capacitar al estudiante a ingresar a la obtención del curso y posteriormente obtener su certificado Internacional, enfocándose a reforzar el conocimiento por medio de una necesidad de crear un material de soporte para el proceso del curso de inglés de la plataforma PEARSON, a través de ello promover a la instrucción del Idioma Inglés por medio de este Sitio Web, enfocado a los estudiantes de distintas carreras o estudiantes que se matriculen independiente del curso, dirigido a la Pontificia Universidad Católica del Ecuador sede Santo Domingo.

3 Los elementos anteriores condujeron a formular el siguiente problema de investigación: ¿Cómo desarrollar un Sitio web como material de soporte para el proceso de ingreso al curso de formación continua de inglés en la Plataforma Pearson para los estudiantes de la PUCE SD? Problema que se sistematiza a través de las siguientes preguntas específicas: En función de la problemática detectada, los objetivos de la investigación son los siguientes: ¿Cuáles son las características del sitio web en base al contenido del curso de formación continua de inglés en la Plataforma Pearson de la PUCE SD? ¿Como Desarrollar el contenido y diseño del Sitio Web para el proceso de ingreso al curso de formación continua de inglés en la Plataforma Pearson de la PUCE SD? ¿Como Validar la funcionalidad del sitio web para el proceso de ingreso al curso de formación continua de inglés en la Plataforma Pearson de la PUCE SD? Objetivo general: Desarrollar un Sitio Web como material de soporte para el proceso de ingreso al curso de formación continua de inglés en la Plataforma Pearson para los estudiantes de la PUCE SD Objetivos específicos: Determinar las características del sitio web en base al contenido del curso de formación continua de inglés en la Plataforma Pearson de la PUCE SD Desarrollar el contenido y diseño del Sitio Web para el proceso de ingreso al curso de formación continua de inglés en la Plataforma Pearson de la PUCE SD Validar la funcionalidad del sitio web para el proceso de ingreso al curso de formación continua de inglés en la Plataforma Pearson de la PUCE SD

4

2.

REVISIÓN LITERARIA

A continuación, por medio de un esquema se presenta los temas que se van a tratar con sus respectivos subtemas:

Figura 1.Esquema de la estructura de los temas y subtemas de la revisión literaria.

5

2.1.

El idioma inglés y su importancia en la academia El Lenguaje del idioma ingles ha ido evolucionando y tomando importación desde

tiempos remotos como una forma de comunicación o como una estrategia en el desarrollo de las sociedades, en términos generales “El lenguaje ha adquirido gran relevancia como medio de desarrollo intelectual, lo que ha permitido a algunas potencias hacer uso de la lengua como mecanismo de dominio y control sobre aquellos países que se ven limitados en este ámbito” (Ramírez y Falcón, 2010, p.96).

El aprendizaje de nuevas lenguas se vincula con la globalización, la creación de nuevas herramientas tecnológicas, transportes, entre otros diversos factores, crea la necesidad de adquirir una segunda lengua como medio de comunicación, “La importancia, entonces, de una segunda lengua, se presenta como una necesidad vital y surge lo que se conoce como bilingüismo” (Ramírez y Falcón, 2010, p.98). Como segunda lengua se asocia a la que se adquiere con un propósito en específico, muy distinto a la lengua materna que aprende como primer idioma, en un entorno familiar.

Por lo tanto, el inglés se ha incorporado en lo largo de la historia como una lengua franca, que permite la comunicación entre diferentes hablantes, en el que se ha vuelto una obligación y exigencia en adquirirlo sobre todo en el sector de educación, La lengua inglesa monopolizo el espacio curricular de idioma extranjero en los niveles de Enseñanza Media y Básica en forma obligatoria desde quinto año básico, lo que evidencia la prioridad de la enseñanza de esta lengua por sobre otras por parte del Ministerio de Educación (Ramírez y Falcón, 2010).

Convirtiéndose en una lengua global entre muchos países, por otra parte, la importancia de adquirir el idioma inglés u otras lenguas, requiere de la decisión de cada individuo y en la forma en que lo emplee, la capacitación de este idioma por lo general, tiene como resultados positivos dentro de la sociedad, ya que tiene un mayor reconocimiento dentro de ella aptitudes culturales con habilidades lingüísticas.

Asimismo, afirma que “En la actualidad la lengua que ha logrado posesionarse como lengua global es el inglés, pues es el idioma presente en las relaciones internacionales de la mayoría de los países” (Ramírez y Falcón, 2010, p.105).

6

2.1.1. La importancia del idioma inglés dentro de la PUCESD La Pontificia Universidad Católica del Ecuador sede santo domingo (PUCESD), ofrece cursos de formación, con certificaciones Internacionales reconocidas a nivel mundial, avala por la Pontificia universidad el ecuador sede santo domingo uno de estos cursos en la que el proyecto se dirige son en los idiomas modernos del curso de inglés -Plataforma Pearson, que consta de los siguientes niveles: Sin certificación Internacional: A0, A1, A2, B1, B2 Y C1 Con certificación internacional: A1, B1, B2, C1 El curso de inglés-Plataforma Pearson se oferta para todos los estudiantes de diferentes áreas de profesionalización (Todas las carreras) que ofrece la universidad, en el que se debe capacitar y aprobar hasta el nivel B1 como requisito para la post titulación y graduación.

Con el propósito de inducir y capacitar al estudiante como futuro profesional con funciones en el campo de aprendizaje de idiomas extranjeros, “La diferencia importante entre el inglés para fines específicos y el inglés general está en el alumno y su propósito para aprender inglés” (Vijayalakshmi, 2020, p1.). Se toma en cuenta que este curso de inglés, consta como requisito a obtener la certificación Internacional en nivel B1, para la post graduación y titulación de las respectivas carreras.

2.1.2. Soportes y recursos importantes para el aprendizaje del idioma inglés Hay que tomar en cuenta la era tecnológica, a la hora de desarrollar nuevos métodos de enseñanzas, sim embargo en el idioma inglés, requiere de sus propias herramientas de estudio para la capacitación y conocimiento de dicha lengua, esto implica la necesidad de investigar y determinar que soportes y recursos son los más pertinentes a la hora de crear un material de soporte.

Por otro lado, en el aprendizaje del idioma inglés, se toma en cuenta la implementación de nuevos elementos como técnicas, que aporte un mayor retenimiento en el aprendizaje de estos contenidos “Actualmente cursos de idiomas se han enriquecido con elementos

7 adicionales, como canciones, verificación del texto hablado, videoconferencias, juegos y actividades” (BASIEWICZ, 2013, p2).

Algunos de los soportes declarados en esta actualidad son los sitios web por su gran accesibilidad y facilidad en espacio de trabajo de los usuarios, estos sitios web suelen ser interactivos, que trabajan conjuntamente, con videos, animaciones, vocabulario y audios.

Permitiendo al usuario una adecuado experiencia dentro de ella, tanto la usabilidad como la navegabilidad, los métodos tradicionales en el aprendizaje del idioma ingles suele ser dentro de un aula, por lo general en el periodo estudiantil, en la cual disponen de recursos digitales como físico que apoyan el estudio y aprendizaje de este idioma, por otra parte, están los cursos fuera de una institución que permite al individuo aprender de manera autónoma, asimismo, apoyándose de recursos de estudios.

Muchas de las personas disponen de dispositivos tecnológicos, por lo que resulta más fácil disponer de la información necesaria que se busca en ese instante.

2.2.

Aprendizaje en Línea Hoy en día podemos observar el uso de los dispositivos digitales a mayor escala, en el

aprendizaje en línea estos dispositivos se vuelven imprescindibles, ya que forma parte del estudiante, cuando hablamos de aprendizaje en línea, nos referimos aquel estudiante mantiene un estudio por medio del internet y dispositivos digitales, en el que se basa por medio de estos para adquirir o recibir la información necesaria académicamente hablando.

El proceso de aprendizaje va a ser una actividad presente durante toda la vida de los individuos involucrados en la sociedad y que debe evolucionar a medida que esta avanza. Cualquier persona debe incorporar nuevos conocimientos que permitan su adecuación a las situaciones que se plantean a lo largo de su vida. Ha de considerarse por tanto el proceso de conocimiento y aprendizaje como un elemento fundamental durante toda la vida del ser humano. (Conde, 2007)

Por lo general, se suelen basar en plataformas, sitos web, foros que forman parte de un recurso de estudio, crear recursos o aplicaciones multimedia que fomente el aprendizaje, crea la importancia de búsqueda de nuevas fuentes de herramientas, que implica la necesidad de crear aplicaciones o recursos, adaptándose a los tipos de cambios que se presente en la sociedad e incorporándose a la necesidad del estudiante como aprendizaje e-learning.

8 El avance de las tecnologías en los últimos años a involucrado el surgimiento de muchas estrategias y materiales didácticos para la educación que fomentan el aprendizaje del conocimiento humano.

El aprendizaje Online, está presente en la vida académica del estudiante, lo que le otorga mayor accesibilidad a la educación y capacitación en el proceso de aprendizaje “En la actualidad, el aprendizaje a distancia es apoyado por gobiernos internacionales. Instituciones, gracias a las cuales se ha convertido en el estándar de enseñanza” (BASIEWICZ, 2013, p.1) Asimismo, al hablar de aprendizaje online nos referimos al e-learning en otros términos García (2007), describe a e-learning, como: Utilización de nuevas tecnologías de la información y la comunicación con un propósito de aprendizaje. Una de esas tecnologías será Internet y la adaptación de contenidos a plataformas de aprendizaje, pero también podría incluirse las tecnologías Multimedia o los Simuladores.

Debe entenderse que una de las principales ventajas que va a aportar el eLearning es la facilidad de acceso, es decir, la formación va a llegar a más personas gracias a la liberación de las barreras espacio-temporales. (p.4)

2.2.1. Tipos de aprendizaje Según, García (2007), Señala, que: Hace unos años la transmisión de conocimientos se limitaba a los libros, los periódicos y la televisión, y el uso que se hacía de muchos de ellos no se podía considerar dentro del proceso de aprendizaje. Unos años más adelante, y gracias a la evolución tecnológica se introducen otros medios innovadores como los ordenadores personales, que suponen un paso inicial a lo que empezó a conocerse como aprendizaje virtual o e-Learning. (p.1)

2.2.1.1.

M-Learning El termino M-learning o también conocido como Mobile Learning, es una rama del E-

learning, hace referencia al aprendizaje a través de dispositivos móviles, cuya finalidad es aportar y facilitar en la capacitación del individuo en el entorno educativo o social, como aprendizaje online, en una sociedad cada vez más móvil, se presenta con dispositivos tecnológicos como: portátiles, Tablet, teléfono móvil. La principal característica es que se adapta a los nuevos tiempos dentro de un entorno social, permite la conectividad, la

9 flexibilidad, la multifuncionalidad, la accesibilidad y la diversidad de cada persona permitiendo el autoconocimiento y el autoaprendizaje.

El M-learning, permite el estudiante aprender de manera autónoma mediante dispositivos digitales, sin tener que estar en un solo lugar, como en un aula, sino mas bien cuando el estudiante requiera de dicha información independientemente del lugar, este tipo de aprendizaje es muy importante y de gran potencial pedagógico, se adapta a la vida diaria de la persona, ayudando a los estudiantes en una interacción instantánea de información.

2.2.1.2.

B-Learning El b-learning (blended learning), se lo conoce como la combinación en capacitación

presencial, (comunicación entre profesor y alumno en un aula), por otra parte, se combina con educación o aprendizaje online (uso de distintos dispositivos tecnológicos, internet o medios digitales), por lo tanto, se puede considerar como un aprendizaje semipresencial.

Este método de enseñanza, como aprendizaje mixto, se puede emplear de una forma estratégica en el proceso de aprendizaje del alumno, como el profesor, en poder utilizar las oportunidades que ofrece esta modalidad en combinación a un método de enseñanza antiguo con las herramientas digitales.

Los sistemas b-learning, basados en el uso de las tecnologías Web como apoyo a la formación presencial, se adaptan perfectamente al modelo basado en la solución de problemas, cuyo fin último no es otro que el del conocimiento constructivista, por ello podemos considerar que este sistema de formación mediada fija su eje central en el aprendizaje por iniciativa del alumno, definiéndose como un proceso de indagación, análisis, búsqueda y organización de la información orientado a la resolución de las cuestiones, problemas propuestos en la asignatura con el fin de demostrar y desarrollar destrezas para dicho fin. (Sánchez, García, Sánchez, Moreno y Reinoso, 2005) 2.2.1.3.

U-Learning U-learning, también conocido como aprendizaje ubicuo (U-learning, Ubiquitous

Learning), es la conexión entre dispositivos digitales y humano, “El objetivo del u-learning es permitir un verdadero aprendizaje autónomo haciendo uso de las amplias posibilidades que ofrecen las redes de telecomunicación y sus tecnologías asociadas” (Fernández, 2009, p.2).

10 Permite al usuario el fácil al acceso de dicha información a cualquier dispositivo digital en cualquier espacio de trabajo, enfocado en el ámbito del aprendizaje, esto implica una ventaja ante cualquier situación que suceda en la sociedad, pues el uso de tecnologías avanza, a la vez los cambios que se presenta cada día en un mundo globalizado son múltiples.

Algunas características del aprendizaje ubicuo son: -

Permanencia: Cualquier información se mantiene de forma constate, hasta que esta sea eliminada, ya que este método permite almacenar cualquier información que sea usado en cualquier dispositivo digital.

- Accesibilidad: Disponer o tener acceso a diferentes fuentes de estudio, contenidos plataformas, entre otras, que permitan información, en el proceso de aprendizaje

- Inmediatez: Los usuarios pueden obtener o adquirir información al instante - Interactividad: Los usuarios o estudiantes interactúan de forma comunicativa entre estudiante y profesor por medio de herramientas digitales.

- Adaptabilidad: Se adapta al tiempo del usuario, en un espacio de trabajo individual o colectivo se obtiene la información correcta de modo acertado en el tiempo y lugar adecuados.

2.2.2. Material Didáctico Hoy en día existen diferentes tipos de materiales didácticos o también llamados, recursos didácticos, apoyos educativos, entre otros, que sirven como soporte a la educación en aprendizaje y enseñanza entre profesor y alumno, la creación de estos materiales puede ser digitales o físicos, depende mucho la circunstancia en la que se va a emplear, hay que tomar en cuenta, en la era de la tecnología, la creación de materiales digitales tiene una gran acogida en estudiantes, por las variedades de ventajas que ofrece, una de ellas puede ser los sitios web, plataformas, blog o foros.

Los materiales multimedia educativos se pueden clasificar según su estructura, sus contenidos, sus destinatarios, según su concepción sobre el aprendizaje, u otros. Encuadramos el material editado como un “material educativo formativo y multimedial” dado que responde a un plan determinado para enseñar y está compuesto por representaciones de contenidos situaciones de

11 aprendizaje en múltiples formatos como ser texto, gráficas y animaciones accesibles para el usuario. (Costa, Domenicantonio, Vacchino, 2010)

Asimismo, cumple con una gran importancia en el sector educativo, sobre determinado aprendizaje, hay que tomar cierto características para que un material didáctico tenga buenos resultados, algunos de ellos son: -

Determinar el objetivo de estudio, el material didáctico debe tener relación con lo que se esta aprendiendo, tantos en los contenidos como la materia.

-

El uso de técnicas con el que este elaborado el material, el aspecto de diseño, la experiencia que comparte el estudiante

-

La información que se esta empleando debe ser la correcta, respectivo a su material didáctico.

Los materiales didácticos no solo facilitan a los estudiantes en su proceso de aprendizaje también sirve de apoyo en la metodología de enseñanza alas docentes, que posteriormente se compartirá con los estudiantes en un entorno virtual o físico, permitiendo la comunicación entre ambos, Alberto (2019), añade que: El material didáctico es usado para favorecer el desarrollo de las habilidades en los alumnos, así como en el perfeccionamiento de las actitudes relacionadas con el conocimiento, a través del el lenguaje oral y escrito, la imaginación, la socialización, el mejor conocimiento de sí mismo y de los demás, por esto, el propósito del uso de los materiales didácticos ha ido cumpliendo una creciente importancia en la educación. Además, promueve la estimulación de los sentidos y la imaginación, dando paso al aprendizaje significativo. (p.9)

Para la elaboración de un material didáctico es necesario considerar cual es nuestro público objetivo, ya que no es lo mismo crear un material didáctico para adultos que para niños, en ese aspecto se mide la obtención de los contenidos, como: texto imágenes audio, que se van a emplear, fuera de la finalidad del material didáctico, siempre van a poyar a el estudiante y motivarlo en su aprendizaje de su respectiva materia.

2.3.

Diseño y desarrollo web El concepto web hace referencia al Internet, una red informática de alcance global que

permite la interconexión de computadoras y que ofrece una gran variedad de servicios y recursos de hipertexto por medio de la Web, por lo tanto, un sitio web, es un espacio virtual en

12 Internet, que brinda distintos tipos de contenidos, en el que son accesibles en un mismo domino de la World Wide Web (WWW).

“Los sitios web son estructuras de información como tantas otras, con la singularidad que aportan las características que les son propias como: la hipertextualidad, la forma gráfica y el acceso y la interactividad” (García, 2002, p.1).

Para la creación de sitios web, se toma en cuenta varios parámetros o estándares, que permiten el desarrollo de dicho sitio, como lo es el HTML, un lenguaje que permite al usuario, el desarrollo del contenido de las páginas web, como, imágenes, videos, audio, entre otros, como un lenguaje HTML y no como programación, este hipertexto cuenta varias versiones, una de ella es el HTML5, como última versión.

Por esta razón, se puede decir que, teniendo un programa con archivo HTML, se pueden crear sitios web, pero una buena planificación y proceso en los contenidos y diseño influye mucho en los cambios de interactividad y usabilidad en experiencia con el usuario, depende del diseñador web, el optar en trabajar en un programa en específico, para desarrollar contenidos y diseños, la variedad de programas son muchas.

Por otra parte, en el desarrollo del sitio web establecer un diseño o una estética, influye mucho en los contenidos, que se van a tratar o implementar con el público dirigido o usuario todo se compone con un solo.

2.3.1. Softwares A la hora de crear un sitio web, los programas son algo indispensables, existen muchos programas que cumplen con esta función, sim embargo algunos de ellos son limitantes por sus recursos, se toma en cuenta también los programas que se van utilizar durante todo el proceso de creación tanto en contenidos, diseño, animación, estructura o maquetación, en lo que se vaya a implementar con respecto a las páginas web.

Estos son algunos de los programas que ofrece Adobe Systems, que pueden ser utilizado para el desarrollo y diseño de un sitio web y que se encuentran disponible a cualquier usuario:

13 Adobe Illustrador: es una aplicación de creación y editor de gráficos vectoriales, se trabaja en un tablero llamado “mesas de trabajo”, en la que se puede crear diagramas, logotipos, gráficos, ilustraciones, caricaturas, entre otros más usos.

Adobe Photoshop: conocido mundialmente como una herramienta de edición de imágenes y fotografías, en retoques, montajes y gráficos de carácter profesional.

Adobe Premier Pro: es un software de edición y posproducción de vídeo, Permite el trabajo con múltiples secuencias Adobe after Effects: es una aplicación con la finalidad de crear gráficos profesionales en movimiento y el uso de efectos espaciales, dando como resultado una animación.

Adobe Dreamweaver: una aplicación destinada a la creación, construcción diseño y edición de sitios y aplicaciones Web, basados en estándares.

2.3.2. Etapas del desarrollo web A continuación, se presenta las siguientes etapas, que se debe tomar en cuenta para el proceso de precreación y postcreación de un sitio web, con el objetivo de aplicar el correcto procedimiento para un resultado positivo en los usuarios, mediante su interacción, según.

Estas son las etapas, según García (2002): 2.3.2.1.

Primera etapa: Planificar Describe esta etapa como primera parte de la planificación, considera a un equipo de

trabajo, para la distribución de estructuras no visibles que hacen a la operatividad de un sitio web, siendo responsables y a cargo de la concepción, construcción evaluación y mantenimiento del sitio.

Una vez, determinado las tareas que cada miembro del equipo en las que se va a trabajar, se procede a recolectar toda la información necesaria, sobre creación y desarrollo de sitio web, que aporte conocimientos en el proceso de creación mediante referencia o investigaciones que aporten, sobre temas relacionados

14 Por otro lado, se debe determinar la misión y objetivos del sitio, asimismo determinar los usuarios a quien se dirige el sitio web, como un público específico, en la que está enfocado en la necesidad de crear dicho material, esto será guiado como un plan de trabajo.

2.3.2.2.

Segunda etapa: Concebir Se encamina a la construcción del sitio web, en esta etapa se toma mucho en cuenta la

calidad del producto tanto en contenidos y usabilidad del sitio.

Básicamente se toma en cuenta aspectos vinculados a: estructura cumplimiento de objetivos; conocimiento de la audiencia y adecuación; credibilidad y solvencia, autorías características de la URL; auspiciantes y publicidad; contenidos y valor agregado; interactividad; accesibilidad; actualización; estructura hipertextual; acceso grafico a la estructura general, diseño; criterios ergonómicos, navegabilidad, identidad visual corporativa netiqueta y recuperación e impacto.

(García, 2002)

Por otra parte, hay que determinar los contenidos y su estructura, a desarrollar por medio de una representación gráfica, esto también implica determinar el formato de este sitio web, en su posterior visualización y navegación, en las que se contempla, el: cenefa lateral, cenefa horizontal, menús desplegables, menús con teclas, entre otras muchas.

2.3.2.3.

Tercera etapa: Construir, Testear y Visualizar Se deberá tomar en cuenta la estructura que será visualizada antes de ser puesta al

dominio público como: •

El nivel de complejidad tecnológica para la edición.

•

Las diferentes formas de visualización según los navegadores y resoluciones de pantalla

•

El tiempo de carga de los sitios y cada página.

Se creará un prototipo del sitio, tal y como fue planificado en el que consistirá en reducir la complejidad de los contenidos en recursos visuales e interactivas mejorando la accesibilidad del usuario, poniendo a evaluar el sitio mediante pruebas del mismo usuario.

Cada sitio Web dispone de su página principal, lo cual conducirá a conocer de que se trata la pagina o que contenidos se están exponiendo, como: el nombre del sitio, derechos del

15 autor, dirección y fecha. Es muy importante que todas las paginas de un sitio web sean homogéneas y se distingan de otros sitios.

2.3.2.4.

Cuarta etapa: La promoción La promoción de un sitio web debe responder a un plan, estas son algunas de las formas: -

Registro en buscadores y directorios

-

Incorporar el sitio web al mensaje corporativo

-

Intercambiar anuncios gráficos conocidos como “banners”

.

2.3.2.5.

Quinta etapa: Evaluar La evaluación es un factor esencial en la construcción, ejecución y del mantenimiento

de un sitio web. Se trata de una actividad que se efectúa en forma constante a lo largo de todas las etapas del proyecto web es deseable que una vez el que el sitio web esté en línea la evaluación continua en forma sistemática con el fin de garantizar l su vigencia y calidad, (p.13) 2.3.2.6.

Sexta etapa: Puesto al día y Evolución Es importante la actualización y mantenimiento del Sitio Web, por esta razón se debe

elaborar un plan de mantenimiento y desarrollo en el que se visualice los resultados de este mantenimiento, a la vez ir evolucionando y adoptando nuevas formas técnicas tanto al contenido como la imagen del Sitio Web. 2.3.3. Tipos de sitios web Cuando se desarrolla un sitio web, se toma en cuenta ciertos parámetros a seguir, sim embargo cuando se habla de tipos de sitio web, hace referencia a las múltiples opciones que existe para desarrollarlo según su objetivo inicial, ya que se obtiene como referencias a los usuarios finales que exploraran el sitio web, se puede encontrar dos principales tipos de sitio web, como: Sitio Web Dinámico: Los sitios web dinámicos son aquellos con un código más avanzado que el HTML, son cada vez más los que se utilizan, ya que estos sitios permiten al

16 usuario tener interacción con la página durante su navegación, hablamos de interacción cuando se le permite al usuario la toma de decisiones, como: encuestas, comentarios, compra de un producto, etc.

Sitio Web Estático: El desarrollo de un sitio web estático es más simple, aunque tiene desventaja por parte del usuario, ya que solo muestra la información de los contenidos, sin permitir una navegación interactiva por parte del usuario, constan de un lenguaje de programación básico como HTML. Por otro lado, también se puede encontrar otros tipos de sitio web más comunes, son: Blogs, sitios webs corporativos, foros, tienda online, buscadores, sitios web educativos, sitios de juegos, etc.

17

3.

3.1.

METODOLOGÍA

Enfoque, diseño y tipo de investigación La presente investigación es mixta, ya que abarca características tanto del enfoque

cualitativo y cuantitativo. Hernández, Fernández y Baptista (2014), señalan que una de las utilidades de emplear este método es “La meta de la investigación mixta no es reemplazar a la investigación cuantitativa ni a la investigación cualitativa, sino utilizar las fortalezas de ambos tipos de indagación, combinándolas y tratando de minimizar sus debilidades potenciales.” (p.532). El enfoque cualitativo se enfoca en la investigación, observación y recolección de la información de los contenidos planteados de la investigación, mientras tanto el enfoque cuantitativo se enfoca en la propuesta, recolección de los datos y validación del proyecto por medio rubrica evaluativa.

El diseño de investigación que se empleara es no Experimental, por lo tanto, el tipo de investigación es transversal, analiza datos de variables recopiladas en un determinado de tiempo sobre una población definida.

3.2.

Población y muestra “La población de estudio es un conjunto de casos, definido, limitado y accesible, que

formará el referente para la elección de la muestra, y que cumple con una serie de criterios predeterminados” (Arias, Villasís y Miranda, p.3) La unidad de análisis para obtener los datos estuvo delimitada por la investigación bibliográfica por medio de fichas de resumen ya que estos datos no provienen de personas directamente sino de información impresa, para la posterior validación del proyecto, estará dirigida a los docentes expertos en tecnología web para la realización y evaluación con respecto a los contenidos y el sitio web que se manejan dentro de ella.

18

3.3.

Técnicas de recogida de datos

Al tener una investigación con enfoque mixto de tipo transversal, la técnica de recogida de datos será la ficha de resumen que nos ayudará a recolectar toda la información necesaria para el desarrollo del proyecto, por medio de fuentes y plataformas completamente cualificadas en información.

Para la validación del sitio web se aplicó a dos docentes expertos en tecnologías de la información, mediante una rubrica evaluativa se, estructurado con preguntas cerradas y abierta, que permitió recabar la mayor información e interpretación del sitio web para sus respectivos cambios o mejoras.

3.4.

Operacionalización de las variables o categorías

Tabla 1.

Operacionalización de las variables para ficha de resumen

Variables

El sitio Web soporte

Dimensión/es operacional

experiencia de usuario

Indicadores

Interfaz de usuario Accesibilidad Usabilidad

Arquitectura de la información

Bases de datos Almacenamiento en la nube

Plataforma de desarrollo

Entorno de desarrollo IDES Softwares Diseño

19

3.5.

Técnicas de análisis de datos

Los resultados obtenidos en la recolección de datos, se procedió a analizarlos mediante una observación obtenida por la ficha de resumen, que fue interpretada y analizada para obtener la mejor información acuerdo a los temas que se está investigando, que posteriormente se utilizó como contenidos del sitio web.

20

4.

RESULTADOS

En el presente apartado se expondrán los resultados obtenidos en la investigación, así como su respectivo análisis de cada una.

4.1.

Resultado 1: Fundamentación teórica Objetivo específico 1: Determinar las características del sitio web en base al contenido

del curso de formación continua de inglés en la Plataforma Pearson de la PUCE SD. En el presente apartado se requirió de una amplia investigación para obtener la información necesaria que aporte al desarrollo y creación del sitio web con respecto a los temas abordados.

4.1.1. Niveles del MCER Para lograr el cumplimiento de este objetivo se indago en páginas de alto impacto como: Cambridge Assessment English, Oxford University Press y libros, adquiriendo la información necesaria de los distintos niveles según el Marco Común Europeo de referencia para las lenguas (CEFR o MCER) de los siguientes niveles: A1, A2, B1, B2, C1, C2.

Se trabaja contenidos como: vocabulario, gramática, audio, etc. Estos contenidos se adaptaron a los distintos niveles que se implementó al Sitio web y en las cuales serán visualizados a los usuarios.

21

Figura 2.Diagrama de los exámenes de inglés en el MCER. Adaptado de Cambridge Assessment English

4.1.2. Curso de inglés PUCE SD La pontificia universidad católica del ecuador sede santo domingo (PUCESD), ofrece cursos de formación continua, uno de ellos son los idiomas modernos, del curso de inglés en la plataforma Pearson, este curso consta de seis niveles: Sin certificación Internacional: A0, A1, A2, B1, B2 Y C1 Con certificación internacional: A1, B1, B2, C1 Se toma en cuenta que este curso de inglés, consta como requisito a obtener la certificación Internacional en nivel B1, para la post graduación y titulación en las respectivas carreras.

4.1.2.1.

Proceso de Admisión Para la admisión al curso de inglés plataforma Pearson hay que pasar por un proceso de

admisión, este proceso consta de un examen admisión que se encuentra disponible para todos los estudiantes de diferentes carreras o estudiantes que optan solo por el curso. Anteriormente

22 se publican las fechas en el que se podrá acceder a este examen por medio de las plataformas sociales de la PUCE SD. El examen de admisión no tiene ningún costo y consta de una serie de preguntas de opción múltiple de listening, speaking de los siguientes niveles según los estándares internacionales de MCE: A0 - A1- A2 - B1 - B2 - C1. Este examen se lo realiza vía online mediante un link que aporta la universidad, tanto para el examen de ubicación como para la inscripción para el curso.

Este proceso de admisión que se lleva a cabo mediante una prueba, es conocido como examen de ubicación, esto permite determinar mediante los resultados del examen, en qué nivel de inglés actual se encuentran los estudiantes y así poder asignarlos en su nivel correspondientes a la hora de egresar al curso en la plataforma Pearson (Myenglishlab).

4.1.2.2.

Plataforma Pearson: Myenglishlab Una vez asignado el nivel correspondiente a cada estudiante, se procede a egresar a la

plataforma Pearson (Myenglishlab), posteriormente haberse matriculado en su respectivo nivel, se le otorga un usuario y contraseña que le permitirá entra a la plataforma como un recurso didáctico, esto le permite al estudiante adquirir destrezas, tanto en el escrito y oral, por medio de actividades, con un amplio vocabulario basándose a entornos socio-culturales de su respectivo nivel, que ofrece la plataforma, a la vez evaluando el proceso de aprendizaje del estudiante mediante el progreso de dichas actividades y evaluaciones, que posteriormente será evaluado por el profesor.

4.1.2.2.1.

Metodología

La plataforma Pearson (Myenglishlab), consta de cinco módulos: Speaking, Writting, Gramar, Listening y Vocabulary. Estos se desarrollan mediante una gran variedad de actividades interactivas que son implementadas en los niveles de inglés, cada nivel contiene como temario diez unidades, compuesta y estructuradas por los cuatro módulos, en los que el estudiante debe desarrollar para incrementar su aprendizaje mediante actividades, evaluaciones y juegos que permitirá evaluar la capacidad de lo aprendido, dejando el progreso de actividad que es realizada y posteriormente la evaluación de docente.

23 Las evaluaciones que realiza el estudiante en la plataforma se ven implementadas en cada unidad, se evalúa el speaking, writing y un test que contiene actividades relacionadas con la respectiva unidad, los resultados del test serán visualizados una vez finalizado la prueba, por la cual el estudiante está en constante conocimiento sobre su puntuación.

4.1.3. Sitios Web Aubry (2018), “para ver un sitio web es necesario un navegador. Los navegadores son programas que abren las páginas web creadas con los lenguajes HTML y CSS entre otros y que interpretan estos lenguajes para mostrar los contenidos descritos y diseñados” (p.537).

Los sitios web han existido desde los comienzos del internet, se habla de un sitio web a un conjunto de páginas en un tema en concreto, que se organizan estructuralmente en Internet, una simple página contiene un lenguaje de programación básico HTML, este contiene información de los contenidos que alberga el sitio web, por medio al protocolo HTTP. Toda esta información, al igual que el sitio web se encuentra alojado en un servicio de hosting, esto permite que el sitio web pueda ser visualizado en cualquier dispositivo conectado a internet, esto se identifica con un nombre de dominio.

4.1.3.1.

Clasificación de un sitio web Los sitios web se pueden clasificar en dos tipos.

Sitio Web Dinámico: Los sitios web dinámicos son aquellos con un código más

avanzado que el HTML, son cada vez más los que se utilizan, ya que estos sitios permiten al usuario tener interacción con la página durante su navegación, hablamos de interacción cuando se le permite al usuario la toma de decisiones, como: encuestas, comentarios, compra de un producto, etc.

Sitio Web Estático: El desarrollo de un sitio web estático es más simple, aunque tiene desventaja por parte del usuario, ya que solo muestra la información de los contenidos, sin permitir una navegación interactiva por parte del usuario, constan de un lenguaje de programación básico como HTML

24 4.1.3.2.

Características de un sitio web Existen diferentes tipos de sitios web tanto en su diseño como su desarrollo, hay ciertos

aspectos que se debe tomar en cuenta en la creación de un sitio web y permitir una experiencia de calidad al usuario, estos son: 4.1.3.2.1.

Accesibilidad web

Cuando se habla de accesibilidad de una página web es un aspecto amplio, esto hace referencia el acceso que tiene el usuario con respecto al sitio web, sin que se presente algún error o dificultad en la navegación, estos pueden ser: -

El acceso a los distintos contenidos o información de la página.

-

El acceso a distintos dispositivos tecnológicos.

-

El acceso a contenidos a personas independientemente de la discapacidad.

4.1.3.2.2.

Navegabilidad web

La navegabilidad de un sitio web se refiere a la facilidad que tiene el usuario navegando y explorando dentro de ella, permitiendo al usuario identificar los contenidos de forma clara, fácil, sencilla, rápida e interactiva. Permitiendo al usuario obtener una experiencia satisfactoria del sitio web con respecto a su contenido y diseño.

4.1.3.2.3.

Usabilidad web

Según, Gonzales y Farnos (2016), define la usabilidad, como: La usabilidad sería la medida del grado de facilidad en el uso de un tipo de producto en este caso “tecnológico” y del tipo de satisfacción que genera ese uso en el usuario. En este sentido diríamos que una buena página web tiene que provocar el interés del usuario por los contenidos ofertados, por su facilidad de acceso y comprensión y por el grado en el que satisface las necesidades del usuario. (p.50)

25

4.2.

Resultado 2: Desarrollo Web Objetivo específico 2: Desarrollar el contenido y diseño del Sitio Web para el proceso

de ingreso al curso de formación continua de inglés en la Plataforma Pearson de la PUCE SD 4.2.1. Desarrollo Web En este apartado se ejecuta la elaboración del Sito Web con la información y contenidos ya recolectados.

4.2.1.1.

Planificación Una vez recopilada la información de los respectivos niveles de inglés según el Marco

Común Europeo de referencia para las lenguas (CEF o MCER), se determinó en base a la investigación de los contenidos tratados que el diseño y desarrollo del sitio web debe ser una página dinámica, donde cada tema principal (Niveles) y subtemas (contenido de cada nivel) tenga su propio espacio, es decir, que se trabajaría en una sola página, pero a la vez como un conjunto. Sin que se sobrecargue de información a la hora de que el usuario revise el contenido del sitio web.

Figura 3.Estructura de los temas principales y subtemas

4.2.1.2.

Servidores Para el desarrollo del sitio web, se necesitó la ayuda de algunos servidores, que

permitieran con el proceso de creación del sitio, como:

26 4.2.1.2.1.

XAMPP

Se utilizó la herramienta XAMPP, es un paquete de software de código libre, que permite el desarrollo de páginas web o programación, gestiona la base de datos MySQL, el servidor Apache y el lenguaje de script PHP y Perl, phpMyAdmin y phpSQLiteAdmin, etc.

Figura 4. Panel de control de XAMPP

4.2.1.2.2.

phpMyAdmin

phpMyAdmin es una interfaz web de código abierto que maneja administración de MySQL. Puede realizar varias tareas como crear, modificar o eliminar bases de datos, tablas, columnas o filas. También puede ejecutar declaraciones SOL o administrar usuarios y sus permisos.

Cuando se trata de explotar phpMyAdmin en todo su potencial, incluso los desarrolladores y administradores de sistemas experimentados buscan tutoriales para realizar sus tareas. (Delisle, p.1)

Figura 5.Base de datos del sitio Web

27

4.2.1.3.

WordPress Para la elaboración del servicio web se utilizó el programa de WordPress (es un sistema

de gestión de contenidos (CMS) que permite crear y mantener un blog u otro tipo de web). Ya previamente hecho las pruebas y determinado los contenidos e información del sitio web se procedió a elegir el tema acordé a los temas tratados por medio de las herramientas que ofrece este servicio.

Figura 6.Servicio de WordPress.Adaptado de WordPress.org

4.2.1.4.

Tema Se optó por el tema Treville en WordPress, ya que es un tema que se compone de una

amplia variedad en estructuras, bloques, menús de navegación y organización en diseño y funcionalidad, permitiendo al usuario un sitio dinámico y atractivo visualmente.

Figura 7.Tema aplicado Treville en WordPress.Adaptado de WordPress.org

28

4.2.1.4.1.

Colores

Figura 8.Colores predeterminados del Tema Treville en WordPress

4.2.2. Contenido Se trabajo con los distintos niveles según del marco común europeo de las lenguas (CEF o MCER), que se había investigado anteriormente de páginas oficiales, como: Cambridge Assessment English, con sus respectivos ítems, como: Grammar, Listening, Vocabulary, proporcionando contenidos tanto al nivel: A1, A2, B1, B2, C1.

Se opto la utilización de algunas de las herramientas que ofrecía la página web, para el desarrollo e implementación de los contenidos, para un mayor entendimiento y experiencia a la hora de que el usuario navegue dentro de ella.

4.2.3. Arquitectura del Sitio Web En este apartado se visualiza la arquitectura y diseño del sitio web en general, como es el background de la página web, se puede encontrar la edición de la paginas, el repositorio de los archivos multimedia, tanto como imágenes o audios, información del usuario y creador del sitio web entre otras posibles opciones que ayudan a la creación y desarrollo del sitio web.

Figura 9.Repositorio de las páginas del Sitio Web en WordPress

29

Figura 10.Información del usuario del Sitio Web en WordPress

Cada apartado del editor de WordPress tiene su debida función que complementa al desarrollo de las páginas del sitio web.

Figura 11.Información Editable de una página en WordPress

Cada página es editada por individual, accediendo al editor de WordPress de la respectiva página, donde se manipula la información de los contenidos expuestos y visualizados en el sitio

30 web, que abarcan información multimedia, textuales, hipervínculos entre otras múltiples acciones para el desarrollo de las páginas.

Figura 12.Diseño y estructura del Sitio Web

4.3.

Resultado 3: Validación Objetivo específico 3: Validar la funcionalidad del sitio web para el proceso de ingreso

al curso de formación continua de inglés en la Plataforma Pearson de la PUCE SD Para verificar si el sitio web es adecuada se elaboró una rúbrica que permitirá evaluar por medio de docentes expertos. (Ver Anexo 3) Interpretación: El sitio web fue evaluado por dos docentes expertos en tecnología web de la Pontificia Universidad Católica del Ecuador sede Santo Domingo, dos de los docentes mediante la rúbrica de evaluación, se expuso preguntas con temas, como: la usabilidad, la navegabilidad, la identidad y la accesibilidad del sitio web. Por lo que, se afirmó que tanto a la usabilidad, navegabilidad y objetivo del sitio web cumple con las funciones objetivas, para el posterior uso a los usuarios como un recurso de estudio.

31 Por otra parte, un docente añadió por medio de la observación general que, los audios colocados en todos los test no cargan y que solo funciona para revisarlos entrando al enlace de YouTube. Posterior a la objeción de la rúbrica se procedió a revisar los contenidos de audio del sitio web y se pudo observar que existía un error al intentar producir los audios, ya que no se podía escuchar, por lo que consiguiente se arregló esos inconvenientes, para que el sitio web no tenga ningún otro error y trabaje de manera adecuada.

32

5.

DISCUSIÓN

La interpretación de la información arrojada de los resultados se basa en una amplia investigación que permitió el desarrollo y la creación del sitio web y los contenidos que se manejan dentro del sitio web, que posteriormente fueron evaluados por un docente experto.

Para Corbatto y Dattolo (2019), la importancia que tiene la Web en el aprendizaje de la educación como una herramienta de estudio para los estudiantes como para los docentes con respecto a la organización, diseño, enseñanzas de una forma adecuada en el seguimiento de las herramientas más relevantes para las respectivas tareas, incluyendo tanto a la educación básica como la educación más alta, se debe a la ventaja en la disponibilidad de enseñanza que ofrece las nuevas tecnologías y como está afectando de manera global, permitiendo la disponibilidad, la comunicación y la enseñanza.

AppInventory un catálogo visual de web que permite a los docentes adoptar metodologías centradas para el alumno, asimismo motivando en la enseñanza del estudiante explorando nuevas herramientas, mejorando y redefiniendo de las prácticas y metodologías de enseñanza tradicional, la creación y desarrollo del sitio web para los estudiantes de la PUCE SD, se centra especialmente en los estudiantes para motivar y fomentar la enseñanza enfocándose en una sola materia, permitiéndoles su propio recurso de estudio relevante a su aprendizaje, asimismo centrándose en las ventajas que ofrece las nuevas tecnologías o dispositivos digitales.

Como primer resultado se indago sobre los recursos y metodología de enseñanza del idioma inglés, especialmente enfocado al curso de formación continua de inglés plataforma Pearson de la PUCE SD, se determinó que el aprendizaje del idioma ingles consta de seis niveles, según el Marco Común Europeo de referencia para las lenguas (CEFR o MCER), los que se tomó como referencia para categorizar los contenidos según su nivel respectivo en el sitio web.

Por otro lado, tanto para la admisión al curso como al ingreso de la plataforma Pearson en general se hace mediante un proceso virtual, por la cual en ese periodo los estudiantes se preparan con recursos de estudios especialmente de internet, la plataforma (MyEnglishLab), permitió recolectar la mayor información sobre recursos, técnicas y métodos de enseñanzas que son proporcionadas al estudiante, estableciendo una adecuada organización de los contenidos del sitio web.

33 Por otra parte, para el desarrollo del sitio web se requirió la utilización de diferentes servicios que permitieron desarrollar el sitio de una forma adecuada y profesional, la información recolectada de la investigación permitió tener una perspectiva clara de la estructura y organización del sitio web tanto en lo estético como funcional para el posterior uso de los usuarios en la experiencia y navegabilidad dentro del sitio web como tal, ya que se observó que existen una variedad de tipos de sitios web.

Mediante la interpretación de los resultados arrojadas por la rubricas evaluadas por medio de los docentes expertos se pudo determinar en qué fallaba el sitio web y si cumplía los objetivos expuestos desde un principio, por lo que los resultados arrojados fueron positivos, ya que los cambios fueron mínimos y cumplía sus funciones como un recurso de estudia en usabilidad y navegabilidad dentro del sitio web.

34

6.

CONCLUSIONES Y RECOMENDACIONES

La investigación forma un papel fundamental en el desarrollo de una propuesta o investigación de un objetivo, permitiendo la información necesaria para llevar acabo dicho proyecto y más aún cuando se dirige a un público en específico, ya que los contenidos son especialmente desarrollados a dicho grupo de personas, la investigación realizada permitió el desarrollo y creación del sitio web, formo un punto esencial en la propuesta del proyecto, permitiendo recabar toda la información del contenido expuesto como el inglés y como se conforma a la hora de la enseñanza y aprendizaje del estudiante, así mismo se indagó y permitió conocer que implica la creación y desarrollo de los sitios webs.

El desarrollo web implica un proceso de investigación y fases que se deben tomar en cuenta al desarrollarlo, como técnicas, características o métodos, está desarrollado e implementado a los usuarios que dispongan de cualquier tiempo y dispositivo a su alcance, ofreciendo la comodidad necesaria, tomando en cuenta cierta características como la navegabilidad y usabilidad que es algo que el usuario experimenta visualmente cuando navega en ella, por lo tanto, el procedimiento de creación tanto a contenidos es algo esencial e imprescindible.

Los contenidos que se implementaran en un sitio web deben ser previamente seleccionados ya que influirá en la implementación y organización del desarrollo web en todas sus páginas en general deben ser homogéneas y acorde al tema que se está tratando tanto al diseño como la información de los contenidos, ya que influirá mucho en el usuario. Tomando en cuenta la era tecnológica, hay que aprovechar para desarrollar productos o propuestas que aporten a la sociedad como algo beneficioso que apoye ventajosamente a cualquier ámbito.

El inglés hoy en día es algo indispensable en un mundo globalizado, es difícil ignorarlo y el adquirirlo son muchas opciones, una larga investigación indica que las personas terminan adquiriéndolo por ser una lengua internacional, ya que cada día se emplea este idioma en todos los sectores de un entorno social y cultural, ya que se trata de una herramienta que permite la comunicación entre personas de diferentes países, aquellas que adquieren este idioma ya sea como una segunda lengua, se puede percatar de las ventajas que podría obtener, por lo contrario aquellas personas que no dominen este idioma se encuentran en desventaja. Las formas de adquirirlo son muchas, pero siempre se espera que haya más recursos que puede ayudar o guiar

35 en el proceso de aprendizaje, uno de los recursos que se adaptaría ante esta situación serían los recursos digitales, ya que hoy en día se demanda mucho de la tecnología y aparatos digitales.

La creación de nuevos recursos de estudios implica de una importancia investigación, a la hora de desarrollarlo y crearlo, es una ventaja que ofrece las nuevas tecnologías, nuevos métodos de enseñanza, materiales didácticos que motiven a los estudiantes como profesores.

La creación del sitio web enfocado al curso de inglés para los estudiantes forma parte como un recurso de estudio permitiéndoles la facilidad y disponibilidad de estudio, asimismo se recomendaría la implementación de otros recursos de estudio para emprender otros cursos o materias que aplique la PUCE SD, así mismo utilizando nuevos métodos y enseñanzas de aprendizaje aprovechando los dispositivos digitales, para un fácil acceso a un bajo costo.

36

7.

REFERENCIAS

Dávila Sanabria, D. T., Galvis Álvarez, A. C., & Vivas Granados, R. (2015). Sitio Web como estrategia de enseñanza en la educación para la sostenibilidad. Praxis & Saber, 6(11), 115-138.

Corbatto, M., & Dattolo, A. (2019). Exploring AppInventory, a visual catalog of applications for assisting teachers and students. Multimedia Tools and Applications, 78(23), 32891-32918.

León, A. D. (2002). Etapas en la creación de un sitio web. Biblios: Revista de Bibliotecología y Ciencias de la Información, 4.

Beltrán, M. (2017). El aprendizaje del idioma inglés como lengua extranjera. Revista Boletín Redipe, 6(4), 91-98.

Lim, H., Lee, SG y Nam, K. (2007). Validar los factores del e-learning que afectan la eficacia de la formación. Revista Internacional de Gestión de la Información, 27 (1), 22-35.

Ramírez, M. G., & Falcón, I. A. L. (2010). Importancia del lenguaje en el contexto de la aldea global. Horizontes educacionales, 15(1), 95-107.

Conde González, M. Á. (2007). mLearning, de camino hacia el uLearning.

Sánchez-Cortés, R., García Manso, A., Sánchez Allende, J., Moreno Díaz, P., & Reinoso Peinado, A. (2005). B-Learning y Teoría del Aprendizaje Constructivista en las Disciplinas Informáticas: Un esquema de ejemplo a aplicar. Recent research developments in learning technologies, 1-6.

Férnandez Gómez, E. (2009). U-learning. El futuro está aquí. México: Ed. Alfaomega.

Costa, V., Domenicantonio, R., & Vacchino, M. (2010). Material educativo digital como recurso didáctico para el aprendizaje del Cálculo Integral y Vectorial. UNIÓN. Revista Iberoamericana de Educación Matemática, 21, 173-185.

Muñoz, P. A. M. (2019). Elaboración de material didáctico.

García de León, A. (2002). Etapas en la creación de un sitio web. Biblios, (14).

Hernández, S., Fernández, C., & Baptista, L. (2014). Metodología de la Investigación. (6ta. ed.)

Caracas.

Arias-Gómez, J., Villasís-Keever, M. Á., & Novales, M. G. M. (2016). El protocolo de investigación III: la población de estudio. Revista Alergia México, 63(2), 201-206.

37 Delisle, M. (2012). Mastering phpMyAdmin 3.4 for effective MySQL management. Packt Publishing Ltd. Delisle, M. (2012). Mastering phpMyAdmin 3.4 for effective MySQL management. Packt Publishing Ltd. Soto, A. P. G., & Miró, J. D. F. (2016). Usabilidad y accesibilidad para un e-learning inclusivo. Revista de educación inclusiva, 2(1).

38

8.

ANEXOS

Anexo 1. Fichas de Resumen

Figura 13.Ficha de resumen 1

Figura 14.Ficha de resumen 2

Figura 15.Ficha de resumen 3

39

Figura 16.Ficha de resumen 4

Figura 17.Ficha de resumen 5

Anexo 2. Diseño del Sitio Web

Figura 18.Identificador del sitio web

40

Figura 19.Página de inicio del sitio web desde una laptop

Figura 20.Página de inicio del sitio web desde un smartphone

41

Figura 21.Menú del sitio web con los temas y subtemas del nivel A1

Figura 22.Descripción del tema principal A1

Figura 23.Descripción del tema principal C1

42

Figura 24.Descripción del tema vocabulary

Figura 25.Vocabulario del nivel A1

43

Figura 26.Vocabulario del nivel A2

Figura 27.Vocabulario del nivel B1

44

Figura 28.Descripción del tema Gramática

Figura 29.Gramática del nivel B1

45

Figura 30.Gramática del nivel B2

Figura 31.Gramática del nivel C1

46

Figura 32.Descripción del tema Listening

Figura 33.Listening del nivel A1, audio y versión en texto

Figura 34.Listening del nivel C1, audio y versión en texto

47

Figura 35.Verbos irregulares de la página Recursos

Figura 36.Información del tema Contactos

48

Figura 37. Objetivo de la pagina Acerca del sitio Web

49 Anexo 3. Rúbrica para evaluar el sitio web y sus funciones

50 Anexo 4. Cronograma

N.ACT. 1 2 3 4 5 6 7 8

CRONOGRAMA

2020 JUL

AGOS

SEP

OCT

2021 NOV

DIC

ENE

FBR

Desarrollo del Plan Ejecución del Proyecto Elaboración del marco teórico Aplicación de instrumentos Elaboración de la propuesta de intervención Constatación de los resultados Elaboración del informe final de tesis Disertación del grado

Anexo 5. Tabla de recursos

Recursos

Valor unitario

Cantidad

Valor total USD

GASTOS Humano Estudiantes*

0

1

Inversiones (tecnológicos)** 1

1600

1600 1

Internet

6

28

168

Teléfono Subtotal Imprevistos 5%

6

10

60 1829 91,45

Computadora Gestión (mes)**

TOTAL:

1.920,45

MAR