Diseño de una página Web para la asignatura Proyecto de Ingeniería Mecánica I

Texto completo

(1)Universidad Central “Marta Abreu” de las Villas Facultad de Ingeniería Mecánica Departamento de Procesos Tecnológico. Trabajo de Diploma. Titulo: Diseño de una pagina Web para la asignatura Proyecto de Ingeniería Mecánica I.. Autor: Andy Nasco Paz. Tutor: MSc .Ing. Ricardo Alfonso Blanco.. Curso 2005-2006 Julio, 2006.

(2)

(3) Pensamiento. Pensamiento. […]Como la Grecia dueña del espíritu del arte, quedará nuestra época dueña del espíritu de investigación .Se continuará esta obra; pero no se excederá su empuje .Llegará el tiempo de las afirmaciones incontestables; pero nosotros seremos siempre los que enseñamos, con la manera de certificar, la de afirmar. No dudes, hombre joven. NO niegues, hombre terco .Estudia, y luego cree. José Martí.

(4) Dedicatoria. Dedicatoria:. El presente trabajo se lo dedico a mis abuelos que están en el cielo a mis tíos y en especial a mis padres, mi tío Ricardo y familia, quienes me han sabido guiar por los caminos de la superación profesional y la vida. A todos mis amigos por todos los años compartidos y a todos los que de una forma u otra me han apoyado y se esfuerzan para que el mundo sea mucho más conciente y mejor. A las personas de cada viaje, a las que en algún momento han formado parte de mi vida, a las que hoy se encuentran lejos de mí, a la vida, y a mí..

(5) Agradecimientos. Agradecimientos. Deseo expresar mis más sinceros agradecimientos a todos los profesores y compañeros de estudio que han contribuido de una forma u otra en el desarrollo tanto de mi formación profesional como para la vida En especial al profesor Ricardo Alfonso Blanco, ya que gracias a su apoyo incondicional y acesoraminto fue posible la culminación de este trabajo, mis más sinceros agradecimientos a Yaidel Reyes López y su novia Elisabet pues sin su apoyo incondicional no se hubiera podido realizar este trabajo , a Yolexis por ayudarme en todo lo que le fue posible durante este trabajo y la carrera , a Ricardo Oscar Paz Moya que aunque se encuentra lejos me ayudó y me apoyó en lo que necesité, a Noel Benítez y familia por su apoyo como personas y amigos , a mi familia por darme fuerza y apoyo incondicional para terminar este trabajo de diploma. Mis más profundo agradecimientos a mis padres y a mi novia por estar en cada momento que los necesite A todos mis amigos por confiar en mí y estar siempre presentes en los momentos más duros A TODOS MUCHAS “GRACIAS”..

(6) Resumen. Resumen Las páginas Web tienen una gran importancia en el campo de la educación pues a través de ellas se puede acceder a una gran y variada información. La página Web diseñada para la asignatura Proyecto de Ingeniería Mecánica I permite a los estudiantes del tercer año de la carrera de Ingeniería Mecánica acceder a toda la información que se brinda sobre el proceso tecnológico de fabricación de piezas por maquinado. Por medio de diferentes niveles se llega a las actividades docentes, documentos metodológicos, al hipertexto, la comunicación por chat y el correo electrónico, aspectos esenciales para la lograr la informatizar la asignatura. Este diseño constituirá un argumento más para continuar realizando páginas Web con fines educativos, lo que posibilitará una educación más interactiva y actualizada en la enseñanza universitaria, donde todo estudiante tendrá a su alcance no solo materiales valiosos, sino además la posibilidad de autoprepararse y autoevaluarse..

(7) Summary. Summary Web pages have great importance in digitalization world, because they have lots of uses and it is one of the fastest and easiest ways of getting information from anywhere. This one belongs to the discipline of the Department of Technology Processes, with the objective that third year students from Mechanical Engineery of the Universidad Central Marta Abreu de las Villas have a better preparation on the subject Proyecto de ingenieria Mecanica II with the insertion of this technology in the subject. In this web page appears the program analytic of the subject, planned classes, a hypertext with visual information, extra class tasks, subject plans and auxiliary materials. With all of this, the preparation of students’ groups with great dependency for their preparation as professionals is wanted. Besides, it is wanted this page to be another reason to keep creating Web pages with this purposes, which will permit a more interactive and up to date education in the university teaching, every student will have at his/her hands not only important materials, but also the possibility of preparing himself / herself in a fast way..

(8) Indice Contenido. página. Introducción………………………………………………………………………………. 1. CAPITULOI: “Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria”……………………………………………………… 1.1 Introducción………….……………………………………………………………… 1.2 Aportes actuales de las TIC al campo de la educación………………………… 1.3 El hipertexto………………...……………………………………………………… 1.4 Internet……………………………...……………………………………………… 1.5 Páginas Web………………………………………………………………………… 1.6 Estado del uso de las TIC en la asignatura Proyecto de Ingeniería 1.7 Conclusiones parciales……………………………………………………….. 5 5 8 10 11 14 21 22. CAPITULO II: "Diseño de la página Web para la asignatura de Proyecto de Ingeniería Mecánica I………………………………………………… 2.1 Introducción………...……………………………………………………………… 2.2 Definición de los objetivos de la página Web…………………………………… 2.3 Definición de la estructura de las páginas……………………………………… 2.4 Diseño de la interacción con el usuario………………………….……………… 2.5 Diseño de la interfaz gráfica.……………………………………………………… 2.6 Técnica de programación utilizada……………………………………………… 2.7 Creación de las páginas…………………………………………………………… 2.8 Conclusiones parciales……………………………………………………….. 23 23 23 23 32 33 34 35 36. CAPITULO III: Evaluación de la página Web…………………………………… 3.1 Introducción……….………………………..……………………………………… 3.2 Propuestas teóricas para el desarrollo de parámetros e indicadores………… 3.3 Evaluación critica de la página Web de la asignatura Proyecto de Ingeniería Mecánica I por especialistas………………....………………………… 3.4 Conclusiones parciales……………………………………………………………. 37 37 38. Conclusiones ……..………………………………………………………………… Recomendaciones………………………………………………………………… Bibliografía……………………………………………………………………………. 48 49 50. 46 47.

(9) Introducción. 1. Introducción Las tecnologías de Información y Comunicación (TIC), representan en estos momentos uno de los retos que tiene ante sí la educación superior ya que permiten renovar sustantivamente los procesos formativos en múltiples formas y plantea nuevas propuestas, para la comunicación entre docentes y alumnado, así como los procesos de enseñanza y aprendizaje. Todavía nos encontramos en una fase inicial de las aplicaciones de las TIC en la enseñanza superior, no obstante se han dado pasos importantes, es evidente que se consolide en los próximos años. El desarrollo de la información y las comunicaciones se ha visto favorecido en las últimas décadas, debido principalmente a los grandes avances tecnológicos en el ámbito mundial, la enseñanza no ha estado aislada de ese progreso y Cuba como país puntero en este campo no ha estado ajena a esto. La Universidad Central “Marta Abreu” de las Villas, como parte de la integración de la computación en la enseñanza y en especifico la Facultad de Ingeniería Mecánica, han dado un cambio en ese sentido, al orientar tanto en las disciplinas como en las asignaturas el uso eficiente de las TIC y en especifico con el diseño de paginas Web, de manera que sirva como herramienta de apoyo a la enseñanza tradicional. En nuestra universidad y demás centros de educación superior del país los Drs. Giraldo Valdés Pardo, Heriberto Expósito Santana, los MSc. Ricardo Alfonso Blanco, Yolanda Rodríguez Rivero, Fé E. Díaz Cuellar, han desarrollado investigaciones relacionadas con el diseño de páginas Web para la docencia. Dentro de los foráneos se destacan Marqués Pere Graells, Wilson J. Rugh, José Mendoza Rodríguez, entre otros, en investigaciones relacionadas con la temática en cuestión. En este trabajo se pretende realizar una página Web para la asignatura “Proyecto de Ingeniería Mecánica I” con fácil acceso a toda la información necesaria para el desarrollo exitoso de dicha asignatura. Es de señalar que en esta asignatura no se ha realizado con anterioridad ningún trabajo de estas características ni magnitud. Por tal motivo es que se. 1.

(10) Introducción. 2. decide realizar la investigación y que se titula: “Diseño de una pagina Web para la asignatura Proyecto de Ingeniería Mecánica I, en lo adelante PIM I.. Por lo anteriormente planteado y la revisión bibliográfica realizada donde varios autores han abordado el desarrollo de páginas Web para fines docentes, permitió determinar el siguiente problema científico:. Problema: Como propiciar en los estudiantes un mayor desarrollo de las habilidades para confeccionar procesos tecnológicos de maquinado.. Objeto: Proceso de enseñanza y aprendizaje en estudiantes del tercer año de la carrera Ingeniería Mecánica.. Objetivo general: Perfeccionar el proceso de enseñanza y aprendizaje de la carrera de Ingeniería Mecánica con la introducción de las TIC.. Objetivo específicos: 1. Preparar y organizar toda la documentación que se va a presentar en la página Web. 2. Diseño de la página Web. 3. Evaluación de la página Web por especialistas.. Hipótesis: Si se tiene la información organizada y toda la preparación metodológica es posible diseñar la página Web que mejore la informatización de la asignatura y el trabajo colaborativo e independiente de los estudiantes.. Preguntas: 1. ¿Como se organiza la documentación de la asignatura que será presentada en la página Web? 2.

(11) Introducción. 3. 2. ¿Cual seria el diseño más apropiado de la página Web? 3. ¿Que repercusión tendrá la página Web en los estudiantes? 4. ¿La página Web diseñada logrará motivar a todo aquel que la visite?. Tareas científicas: 1. Realizar una revisión teórica sobre el uso pedagógico de las TIC aplicadas a la docencia y en específico con la elaboración de páginas Web. 2. Preparar en html toda la documentación que se va a presentar, lo que incluye las actividades docentes, programa, P-1 y guía de la asignatura, colectivo docente, formación de valores, ejercicios interactivos, secuencias animadas y el trabajo independiente de los estudiantes. 3. Reelaborar el hipertexto con la incorporación de nuevos contenidos. 4. Diseño de la página Web.. Novedad científica: Perfeccionamiento del proceso de enseñanza aprendizaje de la asignatura al emplear otros métodos y medios de enseñanza, capaces de propiciar un aprendizaje colaborativo con el apoyo de las TIC como soporte tecnológico.. Viabilidad: Es posible hacer esta propuesta pues se cuenta con el equipamiento necesario, el personal esta capacitado y con muchos deseos de trabajar. En cuanto al aspecto financiero no se requiere de grandes inversiones para la realización.. Aportes: 1. Los materiales docentes elaborados que incluye un hipertexto, actividades docentes, programa, P-1 y guía de la asignatura, colectivo docente, formación de valores, ejercicios interactivos, secuencias animadas y el trabajo independiente de los estudiantes 2. La página Web con acceso a un gran volumen de información actualizada y organizada para el estudio y consulta de la asignatura.. 3.

(12) Introducción. 4. Repercusión Social: •. Incrementa el nivel de la cultura del empleo de la computación en el proceso de enseñanza y aprendizaje.. •. Contribuye a que los futuros profesionales de la ingeniería mecánica sean capaces de tomar decisiones de manera autónoma, para poder elevar la eficiencia y efectividad de su accionar en la futura labor como profesionales y del proceso de enseñanza aprendizaje en las condiciones actuales.. •. Contribuye a sentar bases para el desarrollo de este proceso en la enseñanza a distancia.. El presente trabajo se estructura en tres capítulos los cuales se detallan a continuación: Capítulo I: “Las Tecnologías de la Información y la Comunicación (TIC) en la enseñanza”. Se presenta un análisis del estado del arte, haciendo referencia a conceptos importantes que se manejan en estas tecnologías, detallando la repercusión de las (TIC) en el ámbito educativo. Capítulo II: Diseño de la Web de la asignatura “Proyecto de Ingeniería Mecánica I”. Se realiza una explicación de forma general de cómo se encuentra estructurada dicha página, con ejemplos de cada una de sus salidas para que al usuario le resulte de mayor facilidad la navegación y la obtención de información en la misma. Capitulo III: Evaluación de las páginas Web. En este capitulo se abordan los criterios para realizar la evaluación de una pagina Web, así como un resumen de la evaluación de la página por parte del grupo de especialistas de la Universidad Central “Marta Abreu” de Las Villas.. 4.

(13) Capítulo I. Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria. Capítulo I:. Las tecnologías enseñanza universitaria.. 5. de información y comunicación (TIC) en la. 1.1 Introducción En la actualidad la universidad en el ámbito de la docencia tradicional, se ve enfrentada a un nuevo paradigma, en el cual tanto docentes como alumnos deben asumir nuevos roles en un modelo de enseñanza que facilite el aprendizaje, y que responda a los requerimientos de la demanda actual, de acuerdo con las nuevas tendencias de la sociedad y de la cultura de la información y del conocimiento. Lo que exige a las universidades formar un profesional creativo, con autonomía, capaz de comunicarse, con conocimiento de las nuevas tecnologías y autogestión, que le permitan incorporarse al mundo laboral en forma eficiente y competente [Cas99]. ¿Qué son las Tecnologías de Información y Comunicación? Las TIC han sido definidas como .tecnologías que procesan, almacenan, sintetizan, recuperan y presentan información de la más variada forma. Es un conjunto de herramientas, soportes y canales para el tratamiento y acceso a la información. Constituyen nuevos soportes y canales para dar forma, registrar, almacenar y difundir contenidos informacionales [San01]. En los últimos años, las TIC han tomado un lugar importante en nuestro quehacer cotidiano han pasado a formar parte de nuestra vida como estudiante y en otros aspectos cotidianos, como era de esperar el proceso de enseñanzaaprendizaje no puede estar ajeno a las tecnologías por esta causa podemos definir tres aspectos importantes como elementos comparativos [Une99]. 1. La unión de la ciencia y la tecnología. Se ha alcanzado un punto tal que, en cada momento se hacen más frágiles los muros a derrumbar entre ambas..

(14) Capítulo I. Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria. 6. 2. Rotura de fronteras nacionales e internacionales para la educación. Crecimiento de la educación a distancia, acuerdos y convenios instituciones y estados, desarrollo. entre. en las telecomunicaciones y los. transportes. 3. Globalización de la enseñanza. Esto implica nuevos sistemas y métodos para enseñar ya no basado en los tradicionales. Los cambios que se dan en las instituciones de educación superior presentan cuatro manifestaciones que podemos considerar como respuestas desde la práctica, de gran interés para comprender el fenómeno, todas ellas interrelacionadas dentro de los procesos de innovación: Cambios en el rol del profesor Los cambios que se dan en la institución, entre los que podemos destacar el impacto de las TIC, conducen irremediablemente a plantear un cambio de rol del profesor, de la función que desempeña en el sistema de enseñanza-aprendizaje en el contexto de la educación superior. Comience el planteamiento por una reflexión sobre este rol, o comience por la introducción de las TIC en el proceso, habrá que afrontar el binomio rol del profesor y papel de las TIC en la docencia universitaria. La institución educativa y el profesor dejan de ser fuentes de todo conocimiento, y el profesor debe pasar a actuar como guía de los alumnos, facilitándoles el uso de los recursos y las herramientas que necesitan para explorar y elaborar nuevos conocimientos y destrezas; pasa a actuar como gestor de la pléyade de recursos de aprendizaje y a acentuar su papel de orientador. Todo ello requiere, además de servicios de apoyo y asesoramiento al profesorado, un proceso de formación que conduzca a [Dud97]..

(15) Capítulo I. Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria. 7. •. Conocimiento y dominio del potencial de las tecnologías. •. Interacción con la comunidad educativa y social en relación con los desafíos que conlleva la sociedad del conocimiento.. •. Conciencia de las necesidades formativas de la sociedad.. •. Capacidad de planificar el desarrollo de su carrera profesional.. Cambios en el rol del alumno Al igual que el profesor, el alumno ya se encuentra en el contexto de la sociedad de la información, y su papel es diferente al que tradicionalmente se le ha adjudicado. Los modelos educativos se ajustan con dificultad a los procesos de aprendizaje que se desarrollan mediante la comunicación mediada por ordenador. Hasta ahora, el enfoque tradicional ha consistido en acumular la mayor cantidad de conocimientos posible, pero en un mundo rápidamente cambiante esto no es eficiente, al no saber si lo que se está aprendiendo será relevante. Es indudable que los alumnos en contacto con las TIC se benefician de varias maneras y avanzan en esta nueva visión del usuario de la formación. Esto requiere acciones educativas relacionadas con el uso, selección, utilización y organización de la información, de manera que el alumno vaya formándose como un maduro ciudadano de la sociedad de la información. El apoyo y la orientación que recibirá en cada situación, así como la diferente disponibilidad tecnológica, son elementos cruciales en la explotación de las TIC para actividades de formación en esta nueva situación; pero, en cualquier caso, se requiere flexibilidad para pasar de ser un alumno presencial a serlo a distancia, y a la inversa, al mismo tiempo que flexibilidad para utilizar autónomamente una variedad de materiales [Sal97]..

(16) Capítulo I. Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria. 8. 1.2 Aportes actuales de las TIC al campo de la educación Las TIC nos facilitan la realización de nuestros trabajos porque, sean éstos los que sean, siempre requieren cierta información para realizarlo, un determinado proceso de datos y a menudo también la comunicación con otras personas; y esto es precisamente lo que nos ofrece las TIC: •. Acceso a todo tipo de información. •. Todo tipo de proceso de datos, y de manera rápida y fiable. •. Canales de comunicación inmediata, sincrónica y asíncronica, para difundir información y contactar cualquier persona o institución del mundo.. Además, conjuntamente con estas tres funcionalidades básicas, las TIC nos aportan: automatización de tareas e interactividad, almacenamiento de grandes cantidades de información en pequeños soportes de fácil transporte (discos, tarjetas, redes), homogeneización de los códigos empleados para el registro de la información (digitalización de todo tipo de información textual y audiovisual). Las principales funcionalidades de las TIC en los centros están relacionadas con: •. Alfabetización digital de los estudiantes y profesores. •. Uso. personal. profesores,. alumnos:. acceso. a. la. información,. comunicación, gestión y proceso de datos. •. Uso didáctico para facilitar los procesos de enseñanza y aprendizaje. •. Comunicación con el entorno. •. Relación entre profesores de diversos centros a través de redes y comunidades. virtuales:. informaciones, preguntas.. compartir. recursos. y. experiencias,. pasar.

(17) Capítulo I. Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria. 9. Se debe tener claro que las TIC tienen grandes ventajas como caminos de búsquedas de informaciones, para lograr una gran comunicación y además su uso se hace indispensable para la adquisición de conocimientos [Mar00]. Las suficientes razones por las cuales estos sistemas se están aplicando en la vida curricular pueden ser muy fuertes y a la ve muy cuestionada, una muestra el: •. El conocimiento informático envuelve todo el espacio del saber y toda la lógica existente en cada proceso relacionado entre ellos.. En estos. sistemas educativos el estudiante debe de ser capas de ser ingenioso y un dinámico participante, para el desarrollar. sus habilidades como. operador del mismo. •. El trabajo en conjunto entre el alumnado y el docente que se crea con la aparición de la tecnología, se convierte en una gama de conocimiento didáctico que favorece al colectivo.. •. Las máquinas son medios, no fines en sí mismas. No reemplazan a las personas, pero las ayudan en la reorganización de interacciones. Por lo tanto, reorganizan los escenarios de enseñanza de aprendizaje.. Por lo tanto los programas de enseñanza y aprendizaje, además de brindar información es necesario que posea los argumentos suficiente para que el alumno pueda sentirse motivado por lo cual se debe proporcionar interactivos par que él. métodos. pueda comparar su capacidad de aprovechamiento. científico. Finalmente, debido al uso de las TIC es posible fortalecer las redes de comunicación, internacional, y así favorecer los grupos de estudios virtuales. La presencia de las TIC en la enseñanza está motivada por varios planteamientos. Por una parte las TIC nos proporciona una vía amplia de conocimientos y reflexiones, mas sin embargo se debe tomar como una vía par el desarrollo y.

(18) Capítulo I. Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria. 10. preparación de alumnos donde los mismos sean capaces de establecer parámetros cualitativos por los cual estos sistemas tengan razón de ser. Con la aplicación de las TIC, se agiliza todo el proceso de comunicación y búsqueda de información en la enseñanza superior, esto es debido a que las mismas se basan en la inserción de diferentes sistemas para mayor aprovechamiento del tiempo y otros parámetros que nos permiten tomar decisiones en breves espacios de tiempo, por lo cual estos sistemas deben tener presentes diversos factores. •. El nivel de profundidad de los objetivos.. •. El tiempo de duración.. •. Los recursos disponibles.. •. Los objetivos a lograr.. •. Nivel del profesor acerca del sistema.. 1.3 El hipertexto Un hipertexto es un documento digital que se puede leer de manera no secuencial. Un hipertexto tiene los siguientes elementos: secciones, enlaces y anclajes. Las secciones o nodos son los componentes del hipertexto o hiperdocumento. Los enlaces son las uniones entre nodos que facilitan la lectura secuencial o no secuencial del documento. Los anclajes son los puntos de unión entre nodos. Los hipertextos pueden contener otros elementos, pero los tres anteriores son los mínimos y suficientes. La estructura de hipertexto se compone de tres elementos esenciales: nodos, enlaces y anclajes. Los nodos son las unidades básicas que contienen la información, los enlaces interconectan los nodos vinculando segmentos de información y los anclajes sirven para marcar el inicio y el destino de cada enlace..

(19) Capítulo I. Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria. 11. Estos elementos básicos y simples que constituyen un hipertexto dan lugar al desarrollo de estructuras muy heterogéneas y complejas que permiten acceder a la información mediante la llamada navegación o recorrido a través de los nodos, mediante los enlaces [Lam06]. En un documento en papel solemos movernos por la información de una forma lineal: una hoja tras otra. Sin embargo, en una página web el hipertexto nos permite irnos desplazando de un documento a otro con el simple acto de pulsar sobre un enlace. Esta peculiar forma de navegar por un conjunto de información entrelazada puede provocar cierta desorientación por parte del lector, ya que con un solo paso puede haberse desplazado tanto a una sección diferente de la misma Web, como a un Web totalmente distinta. Además, raramente podremos incluir toda nuestra información en un solo documento; tendremos que fragmentarla en diversos ficheros. Estas dos circunstancias nos obligan a intentar estructurar lo mejor posible la información, de forma que nuestro lector esté siempre bien orientado sobre en qué sección se encuentra y entienda la relación entre la página que está viendo con las demás. Esto podemos conseguirlo con diversas ayudas: •. Realizando páginas de índice lo más claras posible.. •. Usando los botones de navegación que permitan al usuario volver a las páginas de índice, a la página principal o desplazarse a las páginas relacionadas.. •. Incluyendo gráficos o colores diferentes según la seccion de nuestro web en que nos encontremos.. 1.4 Internet. El Internet, algunas veces llamado simplemente "La Red", es un sistema mundial de redes de computadoras, un conjunto integrado por las diferentes redes de cada país del mundo, por medio del cual un usuario en cualquier computadora puede, en caso de contar con los permisos apropiados, accesar.

(20) Capítulo I. Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria. 12. información de otra computadora y poder tener inclusive comunicación directa con otros usuarios en otras computadoras. Fue concebido por la agencia de nombre ARPA (Advanced Research Projects Agency) del gobierno de los Estados Unidos en el año de 1969 y se le conocía inicialmente como ARPANET. El propósito original fue crear una red que permitiera a los investigadores poder comunicarse a través de los sistemas de cómputo con investigadores en otras Universidades. Hoy en día, el Internet es un medio de comunicación público, cooperativo y autosuficiente en términos económicos, accesible a cientos de millones de personas en el mundo entero. Físicamente, el Internet usa parte del total de recursos actualmente existentes en las redes de telecomunicaciones. Técnicamente, lo que distingue al Internet es el uso del protocolo. de. comunicación. llamado. TCP/IP. (Transmission. Control. Protocol/Internet Protocol). Para muchos usuarios del Internet, el correo electrónico (e-mail) ha reemplazado prácticamente al servicio postal para breves mensajes por escrito. El correo electrónico es la aplicación de mayor uso en la red. También se pueden realizar conversaciones "en vivo" con otros usuarios en otras localidades usando el IRC (Internet Relay Chat). Más recientemente, el software y hardware para telefonía en Internet permite conversaciones de voz en línea [Mor06]. Aunque la interacción informática todavía está en sus inicios prácticamente, ha cambiado espectacularmente el mundo actual, eliminando las barreras del tiempo y la distancia y permitiendo a la gente compartir información y trabajar en colaboración. El avance hacia la “superautopista de la información” continuará a un ritmo cada vez más rápido. El contenido disponible crecerá rápidamente, lo que hará más fácil encontrar cualquier información en Internet. Las nuevas aplicaciones permitirán realizar transacciones económicas de forma segura y proporcionarán nuevas oportunidades para el comercio. Las nuevas tecnologías aumentarán la velocidad de transferencia de información, lo que hará posible la transferencia directa. Es posible que las actuales transmisiones de televisión se vean sustituidas por transmisiones específicas en las que cada hogar reciba una.

(21) Capítulo I. Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria. 13. señal especialmente diseñada para los gustos de sus miembros, para que puedan ver lo que quieran en el momento que quieran.. El crecimiento explosivo de Internet ha hecho que se planteen importantes cuestiones relativas a la censura. El aumento de las páginas de Web que contienen textos y gráficos aumenta con el aumento de las investigaciones. Internet es una interconexión de redes informáticas que permite a las computadoras conectadas comunicarse directamente. El término suele referirse a una interconexión en particular, de carácter planetario y abierto al público, que conecta redes informáticas de organismos oficiales, educativos y empresariales, cuyo objetivo es la búsqueda de información, así como la operación de los sistemas interactivos que se encuentran vinculados con estos sistemas TIC. También existen sistemas de redes más pequeñas llamadas intranet, generalmente para el uso de una única organización. Varias computadoras individuales conectadas entre sí forman una red de área local (LAN). Internet consiste en una serie de redes (LAN) interconectadas. Las computadoras personales y las estaciones de trabajo pueden estar conectadas a una red de área local mediante un módem a través de una conexión RDSI o RTC, o directamente a la LAN. También hay otras formas de conexión a redes, como la conexión T1 y la línea dedicada. Los puentes y los hubs vinculan múltiples redes entre sí. Un enrutador transmite los datos a través de las redes y determina la mejor ruta de transmisión. La tecnología de Internet es una precursora de la llamada "superautopista de la información", un objetivo teórico de las comunicaciones informáticas que permitiría proporcionar a colegios, bibliotecas, empresas y hogares acceso universal a una información de calidad que eduque. Estos sistemas son realizados con herramientas que son parte indispensables del desarrollo de las TIC por consiguiente se hace referencia a algunas de sus características y uso..

(22) Capítulo I. Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria. 14. 1.5 Páginas Web Una página de Internet o página Web es un documento electrónico que contiene información específica de un tema en particular y que es almacenado en algún sistema de cómputo que se encuentre conectado a la red mundial de información denominada Internet, de tal forma que este documento pueda ser consultado por cualquier persona que se conecte a esta red mundial de comunicaciones y que cuente con los permisos apropiados para hacerlo. Una página Web es la unidad básica del World Wide Web. Una página Web tiene la característica peculiar de que el texto se combina con imágenes para hacer que el documento sea dinámico y permita que se puedan ejecutar diferentes acciones, una tras otra, a través de la selección de texto remarcado o de las imágenes, acción que nos puede conducir a otra sección dentro del documento, abrir otra página Web, iniciar un mensaje de correo electrónico o transportarnos a otro Sitio Web totalmente distinto a través de sus hipervínculos. Estos documentos pueden ser elaborados por los gobiernos, instituciones educativas, instituciones públicas o privadas, empresas o cualquier otro tipo de asociación, y por las propias personas en lo individual [Mor06]. Los elementos que componen una página Web son los siguientes:.

(23) Capítulo I. Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria. 15. Fig. 1.1 Elementos de una página Web. Crear una página Web no consiste simplemente en recopilar una serie de textos, imágenes, sonidos, etc. (lo que se llama el contenido) e irlos insertando en la página, esto conlleva la realización de una serie de fases previas.. Fases del diseño: •. Definir los objetivos de la página Web. •. Definir la estructura de las páginas. •. Diseñar la interacción con el usuario. •. Diseñar la interfaz gráfica. Definir los objetivos de la página Web La respuesta a las preguntas ¿a quién va dirigido la página Web? y ¿qué va a ofrecer la página Web a sus visitantes? determina los contenidos de la página Web, tanto en el fondo (la información que se va a publicar) como en la forma (los tipos de medios que se van a utilizar para mostrar esta información)..

(24) Capítulo I. Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria. 16. Definir la estructura de las páginas La información que se va a publicar en la página Web se estructura en páginas independientes conectadas entre sí. La estructura más típica para la página Web es la de árbol, con una página principal en la raíz del mismo y las demás páginas repartidas en los diferentes niveles del árbol. Diseñar la interacción con el usuario Se diseña un mecanismo de navegación que permita al visitante desplazarse cómodamente por las páginas. También se decide la interacción basada en formularios y scripts dinámicos. Diseñar la interfaz gráfica Se diseña el aspecto visual de la página Web, eligiendo un estilo global de diseño, diseñando cada una de las páginas y los elementos gráficos comunes a todas ellas. Es muy interesante el uso de metáforas, que son representaciones visuales cercanas al usuario y relacionadas con el tema de la página. Creación de las páginas Tras las cuatro fases anteriores ya se puede pasar a la creación de las páginas individuales con las herramientas adecuadas. También se deberá decidir si se van a usar tecnologías complejas o el acceso a bases de datos, que exigen ciertos requisitos por parte del servidor Web. El paso final Una vez creada la página Web aún quedan una serie de tareas importantes por hacer: •. Comprobar a fondo la página para detectar posibles errores antes de su publicación.. •. Realizar pruebas de usabilidad..

(25) Capítulo I. Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria. •. 17. Transferir la página a su ubicación definitiva en el servidor Web.. Las bases de datos: Hasta hace poco la mayoría de las páginas Web se creaban manualmente: una persona se dedicaba a trasladar una información ya existente a documentos HTML. Esta forma de crear las páginas conlleva un alto riesgo de errores y requiere un gran esfuerzo de mantenimiento. Para dar solución a esta problemática se decide diseñar páginas Web que tomen los datos automáticamente de fuentes externas que se mantengan al día; estas fuentes son las bases de datos. Ventajas del uso de bases de datos como soporte de las páginas Web. •. Disminución del esfuerzo de mantenimiento y del costo de la página Web.. •. Disminución de los errores en las páginas al automatizar su creación.. •. Disminución del espacio de almacenamiento requerido, ya que la mayoría de las páginas no existen realmente, sino que son creadas en el momento en que se solicitan.. Otras posibilidades que brinda el uso de bases de datos. •. Personalizar las páginas. Al crearse de forma automática, pueden adecuarse al perfil del visitante.. •. Añadir capacidades de búsqueda a la página Web.. •. Actualizar los datos publicados en tiempo real.. •. Almacenar datos de los visitantes para decidir los contenidos que se le ofrecerán en su próxima visita.. La arquitectura de un sistema de bases de datos en la Web es la siguiente:.

(26) Capítulo I. Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria. 18. Fig. 1.2 Arquitectura de un sistema de bases de datos.. Técnicas para el acceso a bases de datos en la Web Programación CGI. La interfaz CGI permite ejecutar programas en el servidor Web. Estos programas pueden acceder a las bases de datos ubicadas en el servidor..

(27) Capítulo I. Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria. 19. Scripts de servidor. Son scripts que se ejecutan en el servidor Web y por tanto pueden interactuar con cualquier aplicación instalada en el mismo, y en particular con los gestores de bases de datos. Scripts de servidor más utilizados: •. ASP (Active Server Pages) de Microsoft, basadas en VBScript o JScript.. •. JSP (Java Server Pages) de Sun, basadas en Java.. •. ColdFusion de Macromedia (esta tecnología fue desarrollada inicialmente por la compañía Allaire, posteriormente adquirida por Macromedia).. •. PHP (PHP Hypertext Preprocessor) de dominio público.. Cada uno de ellos requiere su propio servidor de aplicaciones para el procesamiento de los scripts. Consejos generales sobre las páginas Web. •. Reducir el desplazamiento dentro de una página.. •. Usar tablas con bordes invisibles para formatear páginas con precisión.. •. No colocar demasiados objetos en una misma página, ya que al establecerse una conexión independiente con el servidor para cada uno de ellos el tiempo de carga aumenta.. •. Incluir en la página información de contacto para el envío de comentarios o sugerencias.. Consejos sobre el texto. •. No colocar demasiada cantidad, ya que el texto es más difícil de leer en la pantalla que en el papel. Si es preciso, colocar la información en varias páginas.. •. Colocar los textos en tablas para una mayor precisión..

(28) Capítulo I. Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria. •. 20. No abusar de las mayúsculas. El texto en minúsculas resulta más fácil de leer.. •. No abusar del texto intermitente, ya que puede llegar a ser molesto.. Consejos sobre los enlaces. •. Los enlaces deben poder identificarse con claridad. El usuario debe ser informado de alguna forma de cuáles son los elementos activos de la página.. •. Limitar el número de enlaces dentro de una página.. •. Comprobar que todos los enlaces apuntan al sitio deseado antes de publicar la página.. •. El texto enlazado debe ser breve.. •. No dejar páginas huérfanas, sin enlaces. Siempre se debe proporcionar al menos una forma de regresar a la página principal.. •. No colocar enlaces a páginas no disponibles.. Consejos sobre las imágenes. •. Incluir imágenes de baja resolución para aquellas imágenes que puedan tardar en cargarse.. •. La suma de los tamaños de todas las imágenes nuevas de una página (es decir, sin contar las que se encuentran en la memoria caché) no debería exceder de los 50 ó 60 K.. Consejos sobre las imágenes de fondo. •. Utilizar fondos simples y discretos que faciliten la lectura de la página.. •. Modificar si es preciso el color del texto para que contraste claramente con el del fondo.. Consejos sobre los elementos multimedia. •. No abusar de los sonidos de fondo, ya que pueden resultar molestos si se prolongan durante mucho tiempo..

(29) Capítulo I. Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria. •. 21. No abusar de los iconos animados, sobre todo si se usan como elementos meramente decorativos.. •. No colocar directamente en la página objetos incrustados de gran tamaño como los vídeos. Colocar en su lugar un enlace, que podrá estar asociado a una versión reducida del objeto, e informar del tamaño exacto del objeto enlazado.. Consejos sobre los marcos. •. Comprobar que las dimensiones de un marco son suficientes para mostrar su contenido en el caso de que se eliminen las barras de desplazamiento.. •. No abusar del uso de marcos.. En resumen, se trata de ayudar a los visitantes a navegar y a encontrar la información que buscan lo más rápidamente posible. Teniendo en mente estas ideas durante el diseño conseguirá una página Web usable.. 1.6 Estado del uso de las TIC en la asignatura Proyecto de Ingeniería Mecánica I. En el curso 2004-2005 se implementa por primera vez un Portal Docente en la Facultad de Ingeniería Mecánica de la Universidad Central “Marta Abreu” de Las Villas creado específicamente para la gestión de contenidos docentes con un carácter totalmente público, permitiéndoles a los estudiantes el acceso a una gran cantidad de materiales necesarios para su aprendizaje. La asignatura Proyecto de Ingeniería Mecánica I se encuentra publicada en el Portal Docente con la siguiente estructura: materiales docentes (incluye las actividades docentes con sus orientaciones teóricas y de trabajo colaborativo, cuestionarios de preguntas interactivas y su trabajo independiente;. incluye. además el hipertexto), programa analítico, calendario de actividades docentes, estrategias curriculares, y profesores..

(30) Capítulo I. Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria. 22. Para nadie es un desconocimiento en los últimos tiempos de las sistemáticas afectaciones en la red eléctrica, con una gran incidencia en el proceso de enseñanza aprendizaje de las asignaturas. Esto ha motivado que los estudiantes no puedan mantenerse conectados al Portal Docente, afectándose el rendimiento de los mismos. En este sentido y para evitar estos inconvenientes se decide elaborar una página Web con toda la información que se tiene en el Portal Docente y colocarla en cada máquina de la red estudiantil de computación, de forma tal que si hay fallos en la red por cualquier causa el estudiante pueda seguir trabajando con todos los materiales disponibles sin afectación alguna.. 1.7 Conclusiones parciales. Con el uso de las TIC. se abrirán múltiples posibilidades de innovación. educativa que ofrecerán una enseñanza más individualizada y que sin duda facilitarán los aprendizajes de los estudiantes. Con los hipertextos se puede acceder rápidamente a una gran variedad de información, que podría favorecer aprendizajes flexibles con un alto control propio por parte de los estudiantes; y a su versatilidad, que permitiría su utilización en diversos contextos instruccionales. Internet actualmente es una herramienta de acceso a gran información y sobre todo abre un canal comunicativo casi permanente con el profesorado, con los compañeros y con todo el mundo, pero exige de los profesores una formación adecuada en el manejo de este recurso en el ámbito de sus actividades de clase. Las páginas Web brindan buenos beneficios al campo de la educación pues en ellas se puede acceder a textos dinámicos y combinados con imágenes, videos y animaciones, permitiendo la ejecución de diferentes acciones, a través de sus hipervínculos. Todo lo anterior hace posible el uso de estas herramientas en la asignatura PIM I con el objetivo de introducir en su impartición nuevos métodos y medios de enseñanza, para lograr un salto positivo en la enseñanza..

(31) Capítulo I. Las tecnologías de información y comunicación (TIC) en la enseñanza universitaria. 23.

(32) Capítulo II. Diseño de la página Web para la asignatura de Proyecto de Ingeniería Mecánica I.. Capítulo II:. 23. Diseño de la página Web para la asignatura de Proyecto de. Ingeniería Mecánica I. 2.1 Introducción: Toda página Web requiere de un diseño característico desde el punto de vista estético y funcional, mostrar una visión refrescante de sus características exteriores y con una excelente estética. No deja de ser importante los contenidos que las páginas Web brindan al cliente, los mismos deben poseer una calidad, y veracidad alta. La información que debe de aparecer en las Web será actualizada o acorde al contenido que se pretende brindar. El diseño y creación de la página Web de la asignatura “Proyecto de Ingeniería Mecánica I” se realizó bajo estos conceptos.. 2.2 Definición de los objetivos de la página Web. •. Creación de una página Web dirigida fundamentalmente a los estudiantes. de tercer año de la carrera de ingeniería mecánica, que sirva de apoyo al proceso de enseñanza aprendizaje de la asignatura Proyecto de Ingeniería Mecánica I, para la localización y procesamiento de la información, la orientación teórica y el trabajo colaborativo a seguir en las actividades docentes, así como en el trabajo independiente de los estudiantes. •. Introducir el empleo de secuencias animadas sobre los softwares que se. emplean en la asignatura y de la autoevaluación de los estudiantes por medio de cuestionarios de preguntas interactivas y del chat para la comunicación entre todos.. 2.3 Definición de la estructura de las páginas. Toda la información a publicar en la página Web se estructuró con una estructura de árbol, o sea, con una página principal en la raíz del mismo y las demás páginas repartidas en los diferentes niveles del árbol..

(33) Capítulo II. Diseño de la página Web para la asignatura de Proyecto de Ingeniería Mecánica I.. 24. Como ejemplo de este sistema empleado o esta característica podemos dar a conocer la descripción de la página y los enlaces que contienen la misma.. Descripción de la página Web: La pagina Web diseñada consta con un sistema de autentificación para poder navegar dentro de ella, luego de entrar aparecerá una pagina Web con tres menú ubicados en tres niveles los cuales poseen enlaces a diferentes contenidos que aparecen en ella. En la siguiente figura se muestran los tres niveles del menú:. Fig. 2.1 Muestra de los tres niveles. Enlaces de la página:.

(34) Capítulo II. Diseño de la página Web para la asignatura de Proyecto de Ingeniería Mecánica I.. 25. En la pagina de inicio aparece un sistema de autentificación, ver Fig. 2.2, con esto se pretende, que el profesor después de haber entrado a los contenidos de la página sea administrador del sistema, y el alumno solo un usuario de la pagina.. Fig. 2.2 Página de inicio. Debido a este propósito después de la autentificación según cliente aparece la página correspondiente si el usuario es el profesor aparece en el monitor de la computadora la página de administración como se le hace llamar por la opción que le brinda de poder realizar cambios internos en la estructura de los temas y los objetivos planificado para el desarrollo de la asignatura, así como la actualización de las informaciones que ella nos brinda, o lo que es lo mismo variar los contenidos, así como la facultad de restringir el acceso a dicha página. El alumno como usuario observa otra página sin la opción de administrar, solo puede revisar los contenidos publicados. No tendrá ni la más mínima posibilidad de variar ni cambiar nada de lo publicado.. .. La página principal (inicio) pose una marquesina donde se pueden mostrar informaciones según el interés del profesor, además posee como diseño en su formato un menú con tres niveles, para la navegación, el mismo fue mostrado en la Fig. 2.2.

(35) Capítulo II. Diseño de la página Web para la asignatura de Proyecto de Ingeniería Mecánica I.. 26. En el primer nivel aparecen diferentes enlaces mediante los cuales haciendo clic sobre ellos, se tendrá acceso a diversas informaciones que posee la página, ver Fig. 2.1, estos botones son: •. Inicio. •. Material docente. •. Hipertexto. •. Chat. •. Contactos. En el caso que el usuario sea el profesor aparecerá visualizado otro enlace el cual es denominado Administración, este enlace permite que el profesor tenga la posibilidad de restringir o dar el acceso a cualquier cliente.. Cuando se pulsa Inicio: Se vuelve a la página de inicio donde se. encuentra el sistema de. autentificación.. Cuando se pulsa Documentos Metodológicos: Cuando este enlace es activado aparecerá en el segundo nivel del menú diferente enlaces los cuales son: •. Docencia. •. Programa analítico. •. P1. •. Guía de proyecto. •. Formación de valores. •. Docentes. Según el contenido que posean estos enlaces puede aparecer el nivel tres del menú Al pulsar Programa analítico, P1, Guía de proyecto, formación de valores no aparecerán enlaces en el tercer nivel del menú pues la información necesaria esta en la página, no se necesita otro enlace..

(36) Capítulo II. Diseño de la página Web para la asignatura de Proyecto de Ingeniería Mecánica I.. 27. En el caso de Docencia, en el tercer nivel del menú aparecen las clases planificada para la asignatura, Mientras que en Materiales docentes solo se publicaran material que el profesor decida que es relevante para impartir algún tema o clase y algún material para la consultar, ver Fig. 2.1.. Cuando se pulsa Hipertexto: Después de pulsar el enlace anteriormente nombrado, ver Fig. 2.3, se observara en el nivel dos del menú los siguientes enlaces: •. Análisis de la pieza. •. Dibujo de la pieza. •. Materiales. •. Secuencia tecnológica. •. Equipamiento tecnológico. •. Regímenes de corte.

(37) Capítulo II. Diseño de la página Web para la asignatura de Proyecto de Ingeniería Mecánica I.. 28. Fig. 2.3 Enlace Hipertexto Según el contenidos que posean estos enlaces puede aparece el nivel tres del menú Cuando pulsamos Análisis de la pieza aparecerán enlaces en el tercer nivel del menú pues la información de dicho contenido esta segmentada por epígrafes mediante los cuales podremos acceder a la información que deseamos de una manera más directa dichos enlaces son: •. Introducción. •. Análisis funcional. •. Análisis dimensional. •. Acabados superficiales. •. Anexos. Cuando se desea observar el contenido que aparece en el enlace Dibujo de la pieza aparecerá en el menú del tercer nivel las conexiones a: •. Introducción. •. Pasos a seguir. Fig. 2.4 Menú Dibujo de pieza.

(38) Capítulo II. Diseño de la página Web para la asignatura de Proyecto de Ingeniería Mecánica I.. 29. Si se quiere acceder al enlace Materiales solo se pulsa sobre dicho enlace y aparecerá en el tercer nivel del menú los vínculos a: •. Selección. •. Tipo de pieza en bruto. Fig. 2.5 Menú Materiales. Si se quiere ver lo que aparece en el enlace Secuencia tecnológica se pulsa, y en el menú del tercer nivel no tendremos enlaces. Pues toda la información aparece de forma directa.. En Equipamiento tecnológico después de pulsado se revela en el menú del nivel tres los enlaces a: •. Máquinas herramientas. •. Accesorios. •. Instrumentos de medición. •. Herramientas de corte.

(39) Capítulo II. Diseño de la página Web para la asignatura de Proyecto de Ingeniería Mecánica I.. 30. Fig. 2.6 Menú Equipamiento tecnológico. En el momento que se pulse Regímenes de corte el menú del nivel tres nos mostrara los enlaces a: •. De torneado. •. De taladrado. •. De fresado. Fig. 2.7 Menú Regímenes de corte.

(40) Capítulo II. Diseño de la página Web para la asignatura de Proyecto de Ingeniería Mecánica I.. 31. Cuando se pulsa Chat: Aparece una caja de dialogo que contiene un sistema para la comunicación. Esto permite debatir temas sobre la clases u otras materia, también tiene la ventajas que se puede intercambiar ideas con nuestros compañeros y profesor lo que conlleva a disipar dudas sobre las materia que se presten para los debates.. Fig. 2.8 Chat. Cuando se pulsa contacto: Aparece de forma automática la posibilidad de comunicarse con el profesor que imparte la asignatura, a través del correo electrónico por ese medio se podrá brindar interés. que. información profesional se. hagan. de. la. del profesor según las preguntas de. asignatura.. comunicaciones normales de intereses propios.. Además. permite. establecer.

(41) Capítulo II. Diseño de la página Web para la asignatura de Proyecto de Ingeniería Mecánica I.. 32. Fig. 2.9 Contacto. 2.4 Diseño de la interacción con el usuario. Entre los objetivos de la pagina se encuentra brindar al usuario la posibilidad de acceder a las clases de la asignatura y que estos puedan, de forma individual realizar una serie de exámenes, sobre los cuales se desea tener control. Para esto se pensó en el uso de un mecanismo que permitiera el control de los usuarios así como de las clases que se desean poner públicas y además en una forma automática de evaluación.. Con este fin se utilizó el php, lenguaje scripts de frecuente uso en aplicaciones Web dinámicas, que nos permite un fácil acceso a bases de datos y que por demás es de uso libre. En nuestro caso el php fue utilizado en la elaboración de estructuras y funcionalidades que permitieran el control sobre los elementos dinámicos de la página, dígase alumnos, profesores, grupos y clases. Estos pueden ser adicionados, modificados o eliminados de la página de una forma fácil y sin que se afecte el resto del contenido ni la apariencia de la misma..

(42) Capítulo II. Diseño de la página Web para la asignatura de Proyecto de Ingeniería Mecánica I.. 33. La forma en que se almacena este contenido dinámico es un tema interesante teniendo en cuenta que el acceso a este contenido debe ser de una manera rápida, que pueda ser fácilmente modificado y que no permita inconsistencias en el mismo. Aquí es donde entra el MySql, un gestor de bases de datos con el que se puede interactuar muy fácilmente por medio de php y que constituye una fuente segura y de uso libre. En la base de datos se almacenaron los datos de los profesores, alumnos y grupos.. Para el caso de la evaluación automática, las cuales se muestran a los estudiantes como formulario se pensó en el uso del JavaScripts ya que este permite el procesamiento de datos e información en la parte del cliente. Después de realizado el examen que hace el estudiante, los datos del formulario se procesan en un scripts de este lenguaje y brinda el resultado final de la evaluación. 2.5 Diseño de la interfaz gráfica. La interfaz visual de una pagina Web que tiene como fin la motivación y el aprendizaje de los estudiantes sobre una asignatura debe contar con un diseño sencillo, que facilite la navegación por la misma y que permita, en pocos pasos, llegar al contenido que sea de interés por el usuario. De ahí la división de la misma en tres niveles de navegación, lo cual se muestra explícitamente en el menú de la página anteriormente mencionado.. Es importante también que el usuario sepa con exactitud en que lugar de la página se encuentra, lo cual es una característica que ayuda en gran medida a la navegación. En la siguiente figura se pueden observar, dentro de los cuadro en rojo, los elementos que indican al usuario su posición actual dentro de la página..

(43) Capítulo II. Diseño de la página Web para la asignatura de Proyecto de Ingeniería Mecánica I.. 34. Fig. 2.10 Posición en páginas. 2.6 Técnica de programación utilizada. La técnica de programación utilizada, no es mas que la técnica de programación denominada técnicas de Programación Orientada a Objetos, esta técnica consiste en concebir como un objeto todo lo que se programa, donde todo objeto tienen como en la vida cotidiana funcionalidades y propiedades. El estilo permite la unión de las funciones con los datos en una sola estructura esto nos brinda una mayor facilidad a la hora de programar como ejemplo de esta técnica en la página podemos citar el siguiente: Ejemplo: El usuario: propiedades: se plantea que es el. nombre con los apellidos y el. nombre de usuario que se le asigna Funcionalidad: no es más que almacenar esa información en la base de datos de forma automática posterior a la acción ejecutada Ejemplo del programa: Class alumno: <? include_once("confuser.php"); include_once("database.php");.

(44) Capítulo II. Diseño de la página Web para la asignatura de Proyecto de Ingeniería Mecánica I.. 35. class Alumno{ var $login; var $name; //var $groupstr; var $groupid; var $logedin; var $error; function Alumno($l,$n,$gid) { $this->login = $l; $this->name = $n; $this->groupid = $gid; $this->logedin = false; } function logIn() { $db = new Db(UDBSERVER, UDB, UDBUSER , UDBPWD); $sql = 'SELECT * FROM `alumno` WHERE login = "'.$this>login.'"'; //echo $sql; if ($r = $db->query($sql)) if ($elem = $r->first()) { //existe $this->name = $elem->value("name"); //$this->groupstr ; $this->groupid = $elem->value("idgrupo"); $this->logedin = true; return true; Se puede encontrar más información sobre los ficheros de programas en la carpeta que contiene toda la documentación de la página. La documentación no es más que todo el contenido que presenta dicha página.. 2.7 Creación de las páginas. Para el diseño de la página se utilizo el FireWorks, una herramienta que facilita la elaboración y optimización de imágenes con el fin de ser utilizadas en.

(45) Capítulo II. Diseño de la página Web para la asignatura de Proyecto de Ingeniería Mecánica I.. 36. página Web. Para el montaje de los elementos estáticos de la página se utilizó el DeamWeaber, herramienta que facilita el trabajo con HTML. La programación en php y JavaScripts fue realizada en el UltraEdit. Que brinda algunas facilidades en este sentido como el chequeo parcial de la sintaxis del lenguaje.. Después de creada la página Web se hizo una comprobación de la misma con el objetivo de detectar los posibles errores antes de su publicación, así como pruebas de usabilidad, con resultados satisfactorios. Finalmente se transfirió la página a su ubicación definitiva en el servidor Web de. la. facultad,. consultándose. en. http://einstein.fim.uclv.edu.cu/pim2/. o. http://10.12.12.5/pim2/ 2.8 Conclusiones parciales. Se logró un diseño que permite la fase de navegación a través de los contenidos del sitio permitiendo acceder a la información de manera rápida y sencilla. Por medio del sistema de autentificación permite una definición adecuada del rol, de usuario, estableciendo diferencias entre el profesor y el estudiante. La interfaz gráfica brinda de una forma sencilla y agradable a la vista, la información que el usuario precisa en cada momento. Teniendo en cuenta las perspectivas de un cambio de plataforma hacia el software libre de la estructura informática del país, se utilizaron para la elaboración de la página, herramientas totalmente libres como lo son el PHP y el MYSQL. Durante la programación de la página Web se logró una estructura interna que permite realizar rápidamente cambios en los contenidos y sin complejidad alguna..

(46) Capítulo III. Evaluación de las páginas Web.. 37. Capítulo III. Evaluación de las páginas Web. 3.1 Introducción La evaluación de páginas es necesaria por motivos cuantitativos y cualitativos. El elevado número de páginas existentes obliga a contar con criterios desde los que se extraiga la información de calidad de la abultada cifra de recursos inservibles, inoperantes y desdeñables. Asimismo, cualquier fuente de información sólo es válida si aporta contenidos útiles y si los mismos son localizados de forma sencilla. Por este motivo, también es necesario recurrir a parámetros que ayuden a identificar la información imprescindible y separarla de la que nada aporta. Es evidente que disponer de indicadores para aplicar en el proceso de evaluación es, sin lugar a dudas, necesario. Existen muchas propuestas diferentes de qué es lo que se debe evaluar en un sitio Web, que van desde las que pormenorizan hasta el detalle hasta las que se fijan meramente en unos pocos aspectos (Cod00a). En el mundo anglosajón se hace referencia en multitud de ocasiones a los “cinco criterios clásicos”: authority, accuracy, objetivity, currency, coverage (aunque con matizaciones dependiendo de los autores) que podríamos traducir como autoridad, rigor, objetividad, actualidad y cobertura. Pero también se añaden cada vez más a menudo otros elementos, como el acceso y la navegación y el diseño (Fro03). A continuación, se expondrán algunas de las aportaciones que se consideran más significativas, ya sea por el rigor con el que se presentan, por la evidente utilidad de las mismas o por haber sido desarrolladas por autores de contrastada.

(47) Capítulo III. Evaluación de las páginas Web.. 38. relevancia en el estudio de la calidad de la información Web. Las teorías que aquí se presentan han sido publicadas en fuentes impresas o digitales y la identificación de todas ellas se expone en la bibliografía. En el siguiente epígrafe, por tanto, se pretende dejar constancia del estado de la cuestión, difundiendo los trabajos de mayor relevancia y las conclusiones a las que han llegado los autores de los mismos.. 3.2 Propuestas teóricas para el desarrollo de parámetros e indicadores Las aportaciones teóricas más importantes en España se deben al profesor Lluís Codina, quien en dos ocasiones ha publicado sus teorías sobre qué criterios deben aplicarse en cualquier proceso de análisis de la información digital. En la primera de ellas (Cod00a), aunque indica que toda evaluación puede centrarse únicamente en el estudio del contenido y la autoría, establece catorce parámetros con sus correspondientes indicadores, los cuales divide en tres niveles de interés. Se exponen a continuación los catorce criterios genéricos sobre los que este autor va a desarrollar su primer esquema de indicadores: 1. Calidad y volumen de la información 2. Autoría: responsabilidad y solvencia 3. Legibilidad y ergonomía 4. Navegación y representación de la información 5. Recuperabilidad 6. Interactividad/Computabilidad 7. Velocidad de descarga.

(48) Capítulo III. Evaluación de las páginas Web.. 39. 8. Servicios adicionales 9. Luminosidad 10. Calidad de los enlaces 11. Actualización de los enlaces 12. Descripción, selección y evaluación 13. Visibilidad 14. Autodescripción Con acierto, este autor retoma sus teorías en otra publicación editada el mismo año (Cod00b), en la cual agrupa los criterios propuestos en sólo seis parámetros, que desarrolla con los correspondientes indicadores y con la novedad de que se facilitan algunas notas aclaratorias, que pueden ser útiles para el proceso de aplicación de los criterios expuestos. En esta segunda aportación de Codina los indicadores son los siguientes: 1. Autoría: adecuación y solvencia de la fuente 2. Contenido: valor intrínseco y volumen de la información 3. Acceso a la información: navegación y recuperación 4. Ergonomía: comodidad y facilidad de utilización 5. Luminosidad: presencia y calidad de enlaces externos 6. Visibilidad: número de enlaces que recibe de otros recursos También es útil la sistematización de criterios que realiza Nicole Auer (Aue98), quien, además, es responsable de una de las recopilaciones más completas de artículos y proyectos relacionados con la calidad de la información Web. Para dicha autora, quien se basa en estudios previos de otros.

(49) Capítulo III. Evaluación de las páginas Web.. 40. investigadores, los parámetros para evaluar información accesible en Internet son cinco: autoría, cobertura, objetividad, exactitud y actualidad. Para cada uno de los parámetros Auer desarrolla una serie de indicadores, una exposición razonada de por qué es necesario cada parámetro y los métodos que se pueden emplear para aplicar los indicadores sugeridos. El mismo número de parámetros, en gran medida coincidentes, son los que se deben emplear en opinión de Janet Alexander y Marsha Tate, autoras de uno de los pocos manuales impresos (Ale99) sobre cómo evaluar la información Web. Un dato interesante del estudio realizado por ambas autoras es que, antes de desarrollar los parámetros de calidad de la información Web, comentan estos mismos criterios aplicados al análisis de las fuentes de información tradicionales. Esta perspectiva de la evaluación de las páginas Web como fuente de referencia, dota a las teorías de estas autoras de un grado extraordinario de interés para quienes trabajan en unidades de información, tal y como ocurre con el esquema propuesto años antes por Carolyn Caywood. Los cinco criterios de Alexander y Tate son, una vez más, autoridad, exactitud, objetividad, actualidad, cobertura y destinatarios (Cay96). Otra monografía de interés sobre el tema es la que firma Alison Cooke y que se presenta como un guía para evaluar la información accesible en Internet (Coo99). Esta autora prefiere no establecer una lista única de elementos de análisis, sino que desarrolla distintas relaciones de criterios para aplicar en función del tipo de información o servicio que se esté evaluando: sitios Web institucionales,. páginas. personales,. directorios. temáticos,. publicaciones.