Mostrar el registro sencillo del ítem

Diseño e implementación de una página web para el Instituto de Formación Docente de Trinidad

dc.rights.licensecc by-nc-nd 4.0ES
dc.contributor.advisorPerrone, Verónica
dc.creatorCastro Bazán, María Laura
dc.date.accessioned2024-08-08T20:42:02Z
dc.date.available2024-08-08
dc.date.available2024-08-08T20:42:02Z
dc.date.issued2020
dc.date.submitted2024-08-08
dc.identifier.urihttp://repositorio.cfe.edu.uy/123456789/2758
dc.description.abstractDebido a que vivimos en un mundo digital, y teniendo en cuenta los avances que surgen día a día en el campo de la Tecnología de la Información y la Comunicación, las instituciones educativas se han tenido que integrar de manera progresiva a esta nueva era. El objetivo principal de este proyecto es el diseño e implementación de una herramienta multimedia para el Instituto de Formación Docente de Trinidad que facilite el acceso a la información, comunicación y divulgación, dirigida a todos los integrantes de la comunidad educativa, así como a la sociedad en general. El problema se identificó a través de técnicas de investigación social de tipo cualitativa y cuantitativa aplicadas a diferentes actores de la comunidad educativa, quienes consideraron favorable la creación de una página web institucional. A la hora de esbozar la página web se consideró que el diseño se centrara en el usuario y no en la tecnología; primando el criterio de accesibilidad y usabilidad, valorando la utilidad que aportará la herramienta, reemplazando la consulta telefónica o personal por el uso del sitio web, facilitando la comunicación sincrónica y asincrónica entre la institución y la población en general. Para implementar el proyecto se utilizó un gestor de contenidos de código abierto, alojado en los servidores del Consejo de Formación en Educación. Lo que se pretende como estudiante de la Tecnicatura Asistente Docente de Laboratorio de Tecnologías Digitales es aportar a la institución una herramienta web que sea una ventana a la sociedad elevando así la imagen institucional.ES
dc.description.tableofcontentsIntroducción..........................................................................................................................1 Introducción al Tema............................................................................................................1 Contexto............................................................................................................................... 3 Descripción Genérica del Problema..................................................................................... 5 Entorno y Justificación.........................................................................................................6 Objeto........................................................................................................................................ 9 Objetivo del Proyecto...........................................................................................................9 Enfoque..................................................................................................................................... 9 Objetivos específicos............................................................................................................9 Antecedentes........................................................................................................................... 10 Estado de Situación............................................................................................................ 10 Antecedentes sobre Acceso y Uso de Internet en Uruguay................................................11 Aportes de la Experiencia Personal del Autor....................................................................12 Hipótesis de trabajo............................................................................................................... 18 Limitaciones y Condicionantes a Considerar para la Resolución del Problema.............. 18 Requerimientos...................................................................................................................18 Planificación y Acciones para Desarrollar......................................................................... 19 Actividades................................................................................................................. 19 Planificación............................................................................................................... 20 Metodología y Resultados...................................................................................................... 21 Solución del Problema....................................................................................................... 21 Citas de Anexos..................................................................................................................21 Solucionando problemas de Intranet............................................................................ 23 Selección de plantilla................................................................................................... 23 Estructura de la plantilla As Template 002035 free..................................................... 24 Ingresando al Backend................................................................................................. 25 Organizando la plantilla............................................................................................... 27 Menú de navegación.....................................................................................................28 Creando artículos..........................................................................................................30 Banner móvil................................................................................................................ 34 Seleccionando los módulos.......................................................................................... 35 Cambiando el estilo...................................................................................................... 36 SEO............................................................................................................................ 40 Conclusiones y Propuestas.....................................................................................................41 Bibliografía............................................................................................................................. 43 ANEXOS................................................................................................................................. 46 ANEXO A: Blog del IFD de Trinidad............................................................................... 47 ANEXO B: Resultado de datos del acceso y uso de Internet en Uruguay.........................48 ANEXO C: Muestra encuestada en el IFD de Trinidad..................................................... 49 ANEXO D: Preguntas formuladas a la directora del IFD de Trinidad...............................50 5 ANEXO E: Preguntas para la entrevista realizada a la secretaria docente del IFD de Trinidad.............................................................................................................................. 51 ANEXO F: Preguntas formuladas a los estudiantes del IFD............................................. 52 ANEXO G: Preguntas formuladas a los docentes del IFD................................................ 53 ANEXO H: Datos obtenidos de las encuestas de los estudiantes...................................... 54 ANEXO I: Datos de las encuestas realizadas a los docentes............................................. 59 ANEXO J: Herramienta utilizada por Centros e Institutos de CFE para tener presencia en la web................................................................................................................................. 63 ANEXO K: Análisis de datos de Institutos y Centros de Formación Docente.................. 64 ANEXO L: Boceto de la página web para el IFD de Trinidad.......................................... 65 ANEXO M: Paleta de colores............................................................................................ 67 ANEXO N: Plantillas alojadas en Joomla!........................................................................ 70 ANEXO O: Diseño de la página web enviada por la División Informática de CFE en el Gestor de Contenidos JOOMLA!.......................................................................................71 ANEXO P: Configuración global...................................................................................... 72 ANEXO Q: Página en mantenimiento............................................................................... 73 ANEXO R: Gestor de Categorías.......................................................................................74 ANEXO S: Diagrama del Menú desplegable.....................................................................75 ANEXO T: Prototipo de la página web realizado en GIMP.............................................. 76 ANEXO U: Algunos de los código utilizado para realizar los diferentes cambios en CSS y HTML.................................................................................................................................77 ANEXO V: Encuesta realizada a los diferentes actores de la comunidad educativa......... 82 ANEXO W: El antes y el después......................................................................................87 Anexo didáctico – pedagógico............................................................................................... 89 PLANIFICACIÓN............................................................................................................. 89 Tablas Tabla 1: Actividades para desarrollar ……………………………………...……..… 19 Tabla 2: Planificación del sitio web ……………...………….…………….……..… 20 Tabla 3: Muestra encuestada en el IFD de Trinidad ................................................... 49 Tabla 4: Preguntas formuladas a la directora del IFD de Trinidad Prof. Carolina Irazábal …............................................................................................................................... 50 Tabla 5:Respuestas formuladas a la directora del IFD de Trinidad Prof. Carolina Irazábal ................................................................................................................................... 50 Tabla 6:Preguntas para la entrevista realizada a la secretaria docente del IFD de Trinidad Mtra. Adriana Estefan .............................................................................................. 51 Tabla 7:Preguntas formuladas a los estudiantes del IFD de Trinidad ........................ 52 Tabla 8:Preguntas formuladas a los docentes ............................................................. 53 Tabla 9:Datos encuesta a estudiantes ......................................................................... 56 Tabla 10:Datos de encuestas a estudiantes ................................................................. 57 Tabla 11:Datos de encuestas a docentes ..................................................................... 61 Tabla 12:Datos de encuestas a docentes ..................................................................... 62 Tabla 13: Datos de encuesta realizada a la comunidad educativa .............................. 85 6 Figuras Figura 1: Datos obtenidos en la encuesta realizada a los estudiantes de la institución ………………….…………………………………………………………………………… 15 Figura 2: Datos de la encuesta realizada a los docentes de la institución ………..… 16 Figura 3: Maquetación del sitio ……………………………………………..……… 22 Figura 4: Instalación de Joomla! usando BITNAMI ……………………………..… 23 Figura 5: Plantilla que se usará para el diseño de la página web ……...…………… 24 Figura 6: Organización de los Módulos de la plantilla As Template 002035 Free .... 24 Figura 7: Ingreso a la administración de Joomla! ...................................................... 25 Figura 8: Imagen del backend …………………………………………………….... 25 Figura 9: Administradores del sitio ………………………………..………..……… 26 Figura 10: Menú en el backend ……………………..……………..………..……… 26 Figura 11: Configuración de los metadatos …………………..……..……..… …… 27 Figura 12: Añadir categoría……………………………………..……..……..………28 Figura 13: Barra de Menú que contenía la plantilla inicial………………...………...28 Figura 14: Crear un Nuevo elemento del Menú…………………….……...………...29 Figura 15: Tipo de elementos del menú…………………………….……...………...29 Figura 16: Barra de Menú principal terminado…………………………….…….......30 Figura 17: Creación de Artículos…………………….…………………….…….......30 Figura 18: Artículo en código HTML………………….……………….….…….......31 Figura 19: Desplegable para los encabezados………………….……….….…….......31 Figura 20: Gestor de contenido multimedia……………….……………….…….......32 Figura 21: Imagen insertada desde el Gestor de multimedia...…………….…….......32 Figura 22: Pantalla de OS GALLERY………….…………………………….….......33 Figura 23: Vínculo generado en OS GALLERY agregado al artículo……..…….......33 Figura 24: Insertar video en un artículo..……………………………………….........33 Figura 25: Subir imágenes al Banner……………………..…………………….........34 Figura 26: Forma en que se carga el material multimedia……………..……….........34 Figura 27: Imagen de los módulos en el backend……..…………..…..…….….........35 Figura 28: Ingreso para cambiar el estilo de la plantilla………..……..…….….........36 Figura 29: Ingresando a las hojas de estilo (CSS)………..…..……………...….........36 Figura 30: Hoja de estilos tmpl.default.css…..…..………………………….….........37 Figura 31: Fondo del background de la página antes de modificarlo.…….…............37 Figura 32: Panel antes de la modificación…………………………………..….........38 Figura 33: Categoría Novedades definitiva…….….....................................................38 Figura 34: Módulo a la derecha…….….......................................................................39 Figura 35: Módulo a la izquierda en su posición definitiva…….…............................39 Figura 36: Utilización del módulo 22 ….................................................................... 40 Figura 37: Metapalabras claves ….............................................................................. 40 Figura 38: Blog del IFD de Trinidad …...................................................................... 47 Figura 39: Datos del acceso y uso de Internet en Uruguay ….................................... 48 Figura 40: Datos de la encuesta formulada a los estudiantes …................................. 54 Figura 41: Datos de la encuesta formulada a los estudiantes ..................................... 55 Figura 42: Datos de la encuesta formulada a los estudiantes ..................................... 56 Figura 43: Datos de encuestas formuladas a docentes ............................................... 59 Figura 44: Datos de encuestas formuladas a docentes ............................................... 60 Figura 45: Datos de la encuesta formulada a docentes ….......................................... 61 Figura 46: Herramienta que muestra qué herramienta utiliza …................................ 63 7 Figura 47: Herramienta que muestra qué herramienta utiliza …................................ 63 Figura 48: Análisis de datos de Institutos y Centros de Formación Docente ............ 64 Figura 49: Boceto de página web ............................................................................... 65 Figura 50: Boceto de la página cuando se abre un artículo ........................................ 66 Figura 51: Color hexadecimal #ebcc8b ...................................................................... 67 Figura 52: Color hexadecimal #293039 ..................................................................... 67 Figura 53: Paleta de colores utilizada por el CFE ….................................................. 68 Figura 54: Color hexadecimal #ffffff …..................................................................... 68 Figura 55: Color hexadecimal #005e8d …................................................................. 68 Figura 56: Color hexadecimal #f7b512 ...................................................................... 69 Figura 57: Plantilla seleccionada para desarrollar la página web .............................. 70 Figura 58: Plantilla (sin modificar) enviada por el CFE para el IFD de Trinidad ….. 71 Figura 59: Configuración global ................................................................................ 72 Figura 60: Configuración de los Metadatos …........................................................... 72 Figura 61: Imagen de la página offline ...................................................................... 73 Figura 62: Categorías que presentaba la plantilla ...................................................... 74 Figura 63: Categorías que fueron creadas ….............................................................. 74 Figura 64: Elementos del Menú desplegable ............................................................. 75 Figura 65: Boceto de la página en GIMP ................................................................... 76 Figura 66: Modificando la tipología …....................................................................... 77 Figura 67: Modificando el background ….................................................................. 77 Figura 68: Cambiando el color y el estilo de la línea que separa una información de otra .......................................................................................................................................... 78 Figura 69: Cambio de color de los títulos ….............................................................. 78 Figura 70: Cambio de color del backgraund del módulo izquierdo, se deja previsto por si en el futuro se quiere usar con color …………............................................................. 79 Figura 71: Cambio del color de las letras del buscador y del color del borde de este.79 Figura 72: Cambio de la imagen del círculo del botón que se desplaza arriba-abajo. 80 Figura 73: Cambio del color de las letras del menú y el posicionamiento en toda la pantalla ................................................................................................................................... 80 Figura 74: Menú de navegación Inicio en dos tonalidades......................................... 80 Figura 75: Cambio de la imagen en el espacio pensado para el logo …..................... 81 Figura 76: Cambiando las letras de Footer ................................................................. 81 Figura 77: Datos de la encuesta realizada a la comunidad educativa ….................... 82 Figura 78: Datos de la encuesta realizada a la comunidad educativa ........................ 83 Figura 79: Datos de la encuesta realizada a la comunidad educativa ........................ 84 Figura 80: Datos de la encuesta realizada a la comunidad educativa ........................ 85 Figura 81: Plantilla enviada por División informática de CFE .................................. 87 Figura 82: Página web del IFD de Trinidad ............................................................... 88ES
dc.formatpdfES
dc.format.extent97 pES
dc.languagespaES
dc.publisherCFEES
dc.rightsopenAccessES
dc.subjectEducación TécnicaES
dc.titleDiseño e implementación de una página web para el Instituto de Formación Docente de TrinidadES
dc.typeInvestigacionAcademicaES
dc.creator.filiacionANEP CFEES
dc.subject.keywordsTecnología digitalES
dc.subject.keywordsInstituto de Formación Docente de TrinidadES
thesis.grantorInstituto Normal de Enseñanza TécnicaES
thesis.nameAsistente Docente De Laboratorio de Tecnologías DigitalesES
dc.type.versionacceptedES


Ficheros en el ítem

Thumbnail
Nombre:
Castro, M. Diseño.pdf
Tamaño:
10.94Mb
Formato:
PDF
Ver/

Este ítem aparece en la(s) siguiente(s) colección(ones)

Mostrar el registro sencillo del ítem