Grupo de Apoyo a la Teleenseñanza

La web es la mejor plataforma para el e-learning o tele-enseñanza ya que nos permite llegar a todos los alumnos fácilmente y mostrar los contenidos didácticos necesarios para mejorar el aprendizaje ya sea como complemento a las clases presenciales o como manera de impartir clases no presenciales. En la manera en que los contenido tengan más calidad en la presentación de los mismos, serán más atractivos para el alumno y le instará a que los siga más de cerca.

Es por esto que desde el Grupo de Apoyo a la Teleenseñanza dedicamos dos temas al desarrollo web, y en concreto en este mes veremos las posibilidades que tenemos cuando usamos otras herramientas más avanzadas. Ofreceremos este mes un pequeño "mini-curso" de Dreamweaver para crear una página web.

El lenguaje de la web, hablando múltiples lenguajes

Una web políglota, los lenguajes de la web

En con un navegador web, no sólo podemos visualizar páginas web expresadas en lenguaje HTML, aunque sí que éste es el más extendido. Existen otros tipos de lenguajes que nos sirven para expresar una página web. En esta sección daremos un repaso por la mayoría de ellos.

HTML

Ya vimos en el tema del mes anterior que se trata de un lenguaje de marcas o etiquetas que nos indican qué estamos expresando y su contenido. HTML es ampliamente usado y estándar en Internet es por eso que todos los navegadores soportan por lo menos alguna versión de HTML.

• W3C HTML Home Page (traducción a castellano)

CSS

Como vimos en el ultimo tema del mes las hojas de estilo CSS nos permiten modificar las propiedades de las etiquetas HTML en su conjunto y no de manera separada. De manera que podamos crear un "estilo" propio de colores y fuentes comunes para todo nuestro sitio web.

• Cascade Stylesheets Home Page (traducción a castellano)

XML

Es el lenguaje de moda. Muchas páginas se están adaptando a este lenguaje, es una extensión de HTML permitiendo crear etiquetas propias para ordenar los datos de una web que podemos representar posteriormente mediante documentos en lenguaje XSLT que vienen a ser las hojas de estilo CSS para HTML.

• W3C XML (traducción a castellano)

JAVASCRIPT

Es un lenguaje de programación que se utiliza junto al HTML para proporcionar capacidad de crear webs dinámicas, poder detectar tipos de navegador o resolución gráfica del cliente, etc.... Se trata de un lenguaje "por el lado cliente", es decir, que es nuestro ordenador el que ejecuta las líneas de programa de JavaScript que se encuentra en la página web y por tanto los cálculos los realizará nuestro navegador. JavaScript es ampliamente utilidado por todos los sitios web.

• ECMAScript -definición del estándar- (traducción a castellano)

VBSCRIPT

Pertenece al mismo tipo de lenguajes que JavaScript a diferencia que está expresado en una sintaxis parecida al lenguaje de programación Visual Basic. Este lenguaje está solamente soportado por Internet Explorer y el resto de los navegadores no soportan este tipo de lenguaje. En cambio se usa VBScript comunmente porque permite añadir efectos y un dinamismo a los sitios web que sean visualizados con Internet Explorer que no logra JavaScript. Normalmente el método usado por todos los diseñadores web es detectar el tipo de navegador con el que se está visualizando la página web y, si usa IExplorer ejecutar código VBScript, y si es otro navegador ejecutar otro código alternativo en JavaScript.

• VBScript Reference

PHP

Pertenece a los lenguajes de programación de tipo "del lado servidor", ya que todas las líneas de programa son interpretadas por el servidor antes de que se visualice el resultado en el navegador. De manera que se puede generar una página con contenido HTML en el momento que el usuario pide que se le muetre la página. De ésta manera podemos obtener siempre resultados actualizados. Podemos pensar por ejemplo en un buscador de páginas web, siempre produce resultados diferentes dependiendo de la búsqueda y del momento en que se le consulte de manera que aunque siempre se pida la misma página, se visualizarán contenidos distintos porque el servidor muestra resultados actualizados generando una página HTML que el navegador puede leer.

• Manual de PHP, en español

ASP

Es la alternativa a PHP usado ampliamente por los servidores de Microsoft, permite crear servicios web usando la tecnología de Microsoft con integración con productos como Office, Internet Information Server, Windows Server, etc... Su funcionamiento es el mismo que PHP, se interpreta en el servidor y al cliente simplemente le llega una página HTML actualizada con los contenidos generados de forma automática.

• Microsoft ASP Portal

CGI

Son verdaderos programas que se ejecutan en el servidor para producir una página web. Están creados con cualquier lenguaje de programación habitual aunque se suele usar PERL. La diferencia con PHP y ASP es que estos últimos no son programas ejecutables sino que el código se escribe en un archivo de texto y es un programa intérprete el que lee el fichero de texto e interpreta las instrucciones de éste, es lo que se llama lenguaje de script.

Dreamweaver, la herramienta web por excelencia

La herramienta de edición web por excelencia

Dreamweaver es un editor visual que permite la creación rápida de páginas web así como la introducción de código HTML si fuese necesario. Permite la edición de ficheros XML, PHP, introdución de JavaScript, etc... este programa es ampliamente usado por la comunidad de desarrolladores web por la versatilidad que ofrece.

 

En la interfaz de Dreamweaver se ordenan mediante paneles todo lo necesario para editar una web, teniendo tanto la opción visual como la introducción de código directamente.

Interfaz de Macromedia Dreamweaver

Como podemos ver, en el modo Diseño podremos editar el contenido de una página web de una manera muy sencilla, ofreciéndonos todo tipo de ayudas visuales. Podemos también dividir la pantalla en dos, de modo que tengamos visible tanto el modo visual como la inserción de código.

Es también al insertar código cuando vemos la potencia de Dreamweaver ayudándonos en la labor indicando las opciones a insertar en un cuadro contextual como se muestra en la siguiente imagen.

Dreamweaver mostrando los asistentes de completado de código

Podemos ver como al empezar a escribir una etiqueta nos aparece el asistente de completado con un listado de etiquetas que podemos insertar o atributos de la etiqueta que estamos editando.

En la barra de herramientas tenemos las opciones más comunes, como crear campos de email, tablas, insertar objetos Flash, comentarios, formularios, etc...

Barra de herramientas de Dreamweaver

Podemos insertar los componentes más comunes de una página web usando la barra de herramientas de manera que no nos será difícil poder editar y agregar lo que queramos a nuestro gusto.

Con Dreamweaver podremos además, crear y editar hojas de estilo CSS, editar código JavaScript y VBScript, páginas PHP y ASP, y un largo etc de estándares de Internet.

Editando páginas web con Dreamweaver

En esta sección explicaremos algunas nociones de edición de páginas web con Dreamweaver, de manera que cualquier persona pueda aprender a usarlo fácilmente.

Si nos fijamos en la parte superior de la ventana de Dreamweaver podemos localizar en por orden, la barra de menú, la barra de herramientas, las pestañas con los documentos que tenemos abiertos y la barra de documento que nos permite cambiar entre las distintas vistas, publicar y poner título a nuestro documento.

Parte superior de la ventana de Dreamweaver

Otra zona importante es la sección de Propiedades que se encuentra en la parte inferior de la ventana de Dreamweaver cuando seleccionamos un elemento. De manera que podamos modificar todas las propiedades del elemento seleccionado de manera directa.

Sección de propiedades del objeto seleccionado

En el panel lateral de la derecha tendremos acceso más directo a distintas opciones así como el panel de comportamientos que permite añadir opciones dinámicas a nuestra página de forma muy sencilla.

PARA SABER MÁS

Para aprender más de la edición de páginas web con Dreamweaver ofrecemos unos enlaces a unos cursos prácticos disponibles en la red basados en la última versión de Dreamweaver 2004. Ambos gratuitos

• Curso de Dreamweaver 2004 de AulaClic
• Curso de Dreamweaver de MixMail

Creando páginas web dinámicas

A menudo encontramos web con alto índice de interactividad o páginas como Google Suggest que te "sugieren" los términos de búsqueda de manera automática mientras escribes.

Hay muchas maneras de añadir interactividad a una página web, la más utilizada y estándar es JavaScript. En el tema del mes pasado ya ofrecíamos algunos enlaces interesantes a tutoriales y manuales de JavaScript. Otra forma es usar otras tecnologías como applets de JAVA o Flash que se insertan como objetos independientes dentro de una página web HTML. Usando estas tecnologías podemos incluir interactividad y nos abre un abanico de posibilidades mucho más grande.

Hemos creado una sección aparte para hablar de la extensión CourseBuilder para Macromedia Dreamweaver que permite crear páginas dinámicas para realizar test rápidamente a través de asistentes muy sencillos.

• Ir a sección de CourseBuilder para Macromedia Dreamweaver

Como hemos visto se pueden crear páginas con interactividad que pueden ser interesantes a nuestros propósitos mediante JavaScript que nos ha completado automáticamente la extensión CourseBuilder.

Otra opciones más avanzadas permiten crear páginas interactivas a través de lenguajes de servidor (explicado en otra sección) o del uso de elementos JAVA o FLASH, éste último siendo muy válido para la enseñanza virtual ya que nos permite crear elementos interativos en el grado de complejidad que nosotros queramos, de una manera más sencilla que programando directamente.

Puede ver algunos ejemplos de las posibilidades de Flash y algunos desarrollos que proponemos desde nuestro grupo en nuestra sección específica.

• Sección de Desarrollo Flash del GAT
• Tema del mes de octubre Flash en el GAT
• Curso de Introducción a Macromedia Flash impartido por el GAT

Si desea obtener más información no dude en ponerse en contacto con nosotros.

Las páginas web son uno de los elementos básicos para el desarrollo de contenidos y para presentar y difundir información. Por ello, desde el GAT, y habida cuenta de las demandas del profesorado, vamos a dedicar el tema de este mes a introducir los conceptos y habilidades básicas necesarias para hacer una página web.

Supondremos que el usuario no tiene ningún conocimiento previo sobre la matería y solamente ha trabajado con herramientas de Office como Word o PowerPoint (Haber usado alguna de ellas de un modo básico es suficiente).

Podemos establecer un paralelismo entre un documento de Word y una página web. Un documento de Word no es más que un archivo con extensión .doc que se crea con un programa llamado Microsoft Word. Del mismo modo una página web es un archivo, un documento, con extensión .htm (o .html) que se crea con ciertos programas. Los archivos de word pueden contener, además de texto con distintos formatos, otros elementos como gráficos e imágenes. Del mismo modo, una página web, como sabemos puede contener imágenes y otros elementos. Un elemento carácterístico, aunque no privativo, de las páginas web son los enlaces. Los enlaces permiten acceder, desde una página, a otra página web.

Una vez hemos construido la página web con la herramienta pertiente el siguiente paso es publicarla, ya sea en el Campus Virtual SUMA o en internet. Este mes nos centraremos en la publicación en SUMA.

Podemos dar entonces una primera defición práctica y básica de una página web: Se trata de un documento, un archivo, con extensión .htm que puede contener texto imágenes y enlaces a otras páginas.

Este mes mostraremos cómo realizar de forma sencilla una página web con Word u Openoffice, así como, partiendo desde cero, la forma de instalar y utilizar un programa gratuito y de gran utilidad como NVU cuya utilidad específica es la creación de páginas web.

Mi primera página web con Word y OpenOffice

Es usual que se comience a hacer páginas web con herramientas ya conocidas, como es el caso de Word de Microsoft Office o de OpenOffice. La idea es guardar el documento como una página web. En el siguiente video puede encontrar una explicación detallada de cómo hacerlo.

• Ver vídeo de uso de Word para desarrollo web

También es posible crear páginas web con OpenOffice, puede seguir un tutorial similar al anterior en el enlace al final de la página. Antes de ello es conveniente saber que la creación de páginas web con herramientas como Word no permite obtener resultados óptimos, ya que estas aplicaciones introducen código en la página que puede ocasionar problemas si tratamos de editar la misma con otra aplicación.

Lo cierto es que si quiere obtener resultados sencillos, puede realizar una página web incluyendo imágenes y enlaces a otras páginas, utilizando Word u Open Office.

• Ver vídeo de uso de OpenOffice para desarrollo web

Qué programa específico utilizo para crear páginas web

NVU es un programa para crear páginas web tanto en modo visual como en modo código. Dicho de otra forma, se trata de un editor web, es decir de una aplicación orientada exclusivamente a crear páginas web, a diferencia de lo que ocurría con Word y OpenOffice, donde crear una página web es una opción en la que guardar nuestro documento.

Para descargarte el programa desde nuestro servidor pulsa en el siguiente enlace

• NVU versión 0.80 para Windows

Para instalarlo no tienes más que hacer doble clic en el archivo y sigue las instrucciones. NVU también está disponible para MAC y LINUX. Puedes descargarte el programa, así como obtener información adicional en la página del proyecto NVU:

• www.nvu.com

Si has usado alguna vez el Composer de Netscape te recomendamos que te instales NVU, ya que el proyecto NVU ha tomado el testigo de Netscape y de Composer. Las sucesivas versiones de Composer serán NVU.

Una vez tenga instalado el programa puede abrirlo y ver el entorno. Posteriormente puede consultar los siguientes vídeos explicativos.

• Mi primera página con NVU

Notas sobre algunos aspectos avanzados

Vamos a presentar en esta sección algunos aspectos más avanzados que tienen que ver con otras aplicaciones para el desarrollo como Dreamweaver, el uso de JavaScript, Hojas de Estilo en Cascada, etc. Con esto enlazaremos con el tema de Desarrollo web Avanzado, que trataremos en los próximos meses.

• HyperText Markup Language (HTML) conceptos básicos
• JavaScript
• Hojas de Estilo en Cascada CSS
  

En este tema del mes intentaremos explicar todos los conceptos de manera que cualquier persona que no sepa de creación de páginas web pueda entenderlo. En todas las referencias visuales que se verán se ha utilizado NVU 0.90 que aconsejamos a todos aquellos que quieran empezar a editar páginas web y crearlas de forma sencilla y con soporte para la mayoría de estándares. Además NVU es gratuito y libre y se puede descargar en cualquier momento de su página web www.nvu.com tanto en un instalador como en un zip que sólamente hay que descomprimir, además también está disponible para otros Sistemas Operativos aparte de Windows como MacOSX y Linux.

HyperText Markup Language (HTML) conceptos básicos

HTML es el lenguaje con el que están construidas las páginas web generalmente y es el más estándar soportado por todos los navegadores web en una versión u otra del estándar.

En relidad un archivo HTML no es más que texto y etiquetas que indican cómo visualizar la página. Es por esto que no se ve igual una página vista en distintos navegadores ya que HTML sólo puede describir cómo se quiere que se vea la página pero el trabajo de generarla a partir del archivo es trabajo del navegador y pueden surgir diferencias en el proceso.

Vamos a ver cómo es una página web por dentro. Vamos a tomar como ejemplo una página web de ejemplo que hemos creado y que podéis ver en la siguiente imagen.

Si intentamos abrir una página web con un editor de texto como el simple Bloc de Notas veremos realmente cómo está formada.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="es"> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>Pagina de prueba</title> <meta content="Grupo de Apoyo a la Tele-Enseñanza" name="author"> <meta content="Esto es una página de ejemplo para el tema del mes" name="description"> </head> <body style="direction: ltr;"> <br> <table style="text-align: left; margin-left: auto; margin-right: auto; width: 702px; height: 125px;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="text-align: center; height: 100px;"><img style="width: 700px; height: 100px;" alt="Titulo de ejemplo" src="file:///C:/Documents%20and%20Settings/sevir/Escritorio/Tema%20del%20mes/titweb.jpg"><br> </td> </tr> <tr> <td> <table style="text-align: left; width: 100%;" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td style="width: 20%; background-color: rgb(248, 248, 248); vertical-align: top;"><small><span style="font-weight: bold;"><br> <span style="color: rgb(102, 0, 0);">MENU</span><br> <a style="color: rgb(51, 51, 51);" href="#principal">Principal</a><br style="color: rgb(51, 51, 51);"> <a href="#seccion1"><span style="color: rgb(51, 51, 51);">Sección 1</span></a><br style="color: rgb(51, 51, 51);"> <a href="#seccion2"><span style="color: rgb(51, 51, 51);">Sección 2</span></a><br> <br> </span></small></td> <td> <h2><a name="principal"></a>Titulo de prueba</h2> Como podemos ver una página web son simplemente etiquedas de texto que indican como representarlas dentro de un navegador.<br> <br> Podemos usar un editor visual tipo NVU o crear un fichero HTML desde Office u OpenOffice fácilmente y, si tenemos algunos conocimientos de las etiquetas HTML editarlas desde cualquier editor de textos.<br> <br> <h3><a name="seccion1"></a>Sección 1</h3> Podemos indicar desplazamientos en la misma página con la etiqueta <a name="etiqueta"> que posteriormente usaremos para desplazarnos con el menú.<br> <br> <br> <h3><a name="seccion2"></a>Sección 2</h3> Cuando queremos crear páginas más complejas, aunque se puede usar igualmente programas como NVU y edición directa de la página, es mejor usar herramientas como Macromedia Dreanweaver ya que el desarrollo del proyecto será mucho más rápido porque ofrece todo tipo de ayudas visuales y en la inserción del código HTML.</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <br> </body> </html>

Las etiquetas están encerradas entre los símbolos "<" y ">" y como vemos hay multitud de etiquetas distintas, por lo que en muchos casos usamos editores de páginas web visuales en los que no es necesario conocer las etiquetas ni para qué sirven cada una de ellas.

Una página web muy básica se puede componer de la siguiente manera

<html> <head> <title></title> </head> <body> </body> </html>

Las etiquetas principales son <html> que indica el comienzo de la página y que se finaliza con </html> indicando el final de la página web. Dentro de esta etiqueta, un documento HTML se divide en una cabecera (encerrada entre las etiquetas <head></head>) y un cuerpo del documento -que es lo que veremos- (encerrado entre las etiquetas <body></body>).

Como se puede ver una página tiene un título que se encuentra dentro de la cabecera y encerrado entre las etiquetas <title></title>.

Otros elementos de una página web

Etiquetas con atributos

Podemos encontrarnos con etiquetas que contienen atributos, por ejemplo la etiqueta <body> puede contener atributos para poder especificar...

Un color de fondo: <body BGCOLOR="#FFFFFF">
Una imagen de fondo: <body BACKGROUND="imagen.jpg">

Saltos de línea

Para indicar un salto de línea con una etiqueta HTML deberemos poner <br> esto nos permitirá escribir frases con saltos de línea ya que el navegador no interpreta las pulsaciones de la tecla "INTRO" como saltos de línea.

Párrafos

Si queremos especificar un párrafo de texto deberemos encerrarlo entre las etiquetas <p> </p> como en el siguiente ejemplo.

<p> Lo que escribamos dentro lo verás como un párrafo aparte </p>

Imágenes

Se pueden insertar imágenes pero éstas estarán fuera del documento y lo único que haremos es especificar con una etiqueta la imágen que queremos que aparezca.

<IMG SRC="lecci3a.jpg" WIDTH=150 HEIGHT=110>

Como se puede ver hemos indicado también con los atributos WIDTH y HEIGHT el ancho y alto de la imagen. La imágen deberá estar en la misma carpeta que el archivo HTML.

Tablas

Las tablas son un elemento básico con el que se puede posicionar los contenidos y dividir las secciones de una página web. Una tabla la componen las siguientes etiquetas...

<table><td><tr></tr></td></table>

Las etiquetas <table> </table> encierran todo el contenido de la tabla. Las etiquetas <td></td> indican las columnas, cuantas más etiquetas de este tipo pongamos más columnas tendrá la tabla. Por último las etiquetas <tr></tr> indican las filas contenidas en la columna en la que están encerradas.

Es interesante conocer cómo están hechas las páginas web, pero en la mayoría de ocasiones nos será más rápido usar un editor de páginas web visual para crearla como si fuera un procesador de texto sin que tengamos que saber qué etiquetas está colocando internamente en el fichero.

JavaScript

JavaScript es un lenguaje de programación simple usado dentro de las páginas web para añadir interacción y poder de decisión. Es lo que diferencia a una página web llamada "estática" de una web "dinámica", esta última integra elementos como posibilidad interacción del usuario para introducir texto u opciones, capacidad de desición y de realizar comprobaciones como la de saber qué navegador se está usando para ver la página y dibujar contenidos diferentes dependiendo del tipo de navegador usado.

JavaScript se puede usar embebido en la página - dentro del código HTML -, o en un archivo externo con extensión .js

Por ejemplo podríamos usar JavaScript para abrir una ventana con un tamaño determinado y algunas opciones determinadas al pulsar en un enlace poniendo este código.

<a src=" javascript:window.open('otrapagina.html','nombreventana', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0');">Enlace</a>

Incluso que aparezca un mensaje al pulsar en el enlace.

<a href="javascript: alert('Esto es un mensaje de prueba')">Haz clic aquí </a>

Como se puede ver el uso de JavaScript nos permite multiplicar por mucho las opciones de una página web en HTML. No queremos dedicarnos a explicar JavaScript en sí ya que existen multitud de recursos en internet y páginas donde ofrecen minicursos o tutoriales gratuitos de JavaScript y qué se puede hacer con él. Dejaremos algunas reseñas y enlaces a tutoriales en castellano que se puden encontrar en la web.

• Tutorial de JavaScript (Universidad de Navarra)
• Tutorial de JavaScript en 5 entregas (Terra)
• Tutorial de JavaScript (Universidad de las Palmas de Gran Canaria)

CSS

Las hojas de estilo CSS son documentos de texto donde se indica el color, tamaño, etc.. del texto, tablas, y otros elementos HTML para modificar sus propiedades de forma unificada. Es una forma de dar un mismo valor a las propiedades de algunas etiquetas HTML.

Los documentos CSS nos permiten distribuir las propiedades comunes en "clases" de manera que posteriormente en nuestro fichero HTML indiquemos que una etiqueta es de una "clase" determinada.

No queremos entrar en demasiados detalles, en este apartado explicaremos cómo crear estilos CSS desde el editor de hojas de estilo de NVU.

NVU es un editor visual de páginas web gratuito continuación del antiguo Netscape Composer. Este editor permite también crear una hoja de estilos de forma sencilla. Tendremos que seleccionar la opción del menú Tools > CSS Editor. Aparecerá la ventana de creación de Hojas de Estilo.

Editor de Hojas de Estilo de NVU

Pulsando en el botón Style elt. nos aparecerá las opciones para darle un título a la hoja de estilos y poder crearla mediante el botón Create Stylesheet (Crear Hoja de Estilos). Daremos una descripción en el campo Title, una vez hemos pulsado en el botón de Crear Hoja de Estilos tendremos la opción de editar creando nuevos estilos pulsando sobre el botón Rule (Regla).

Creando nuevas reglas...

Podremos entonces dar nombre a la nueva "clase" con la que podremos unificar todas las propiedades, o redefinir una clase ya constituida como por ejemplo los enlaces o links, pudiendo redefinir su aspecto por defecto.

Indicando el nombre de la nueva clase en la hoja de estilos

Podemos ahora indicar las propiedades para esta regla, como formato de fuente (tipo de letra, color, opciones de subrayado, etc..), indicar tipos de borde y decoración (para las tablas y marcos), fondo (para poner un color de fondo o una imagen en tablas y marcos), y otras propiedades.

Modificando las propiedades de la clase creada

Una vez pulsamos en Close (Cerrar) para quitar el cuadro de edición de Hojas de Estilo podríamos por ejemplo escribir el texto de una página web y darle un formato único indicando a qué "clase" de los estilos creados queremos que se adapte, para esto deberíamos escribir el siguiente código HTML:

<font class="claseprueba">prueba de texto</font>

También podríamos crear enlaces a páginas web indicando esa clase para que tengan el aspecto que queramos, tablas, etc...

 

Si no decimos nada, NVU creará la hoja de estilos CONTENIDA dentro del fichero HTML, si visualizamos el código generado podemos ver cómo se ha indicado nuestras reglas de estilo dentro de el documento HTML...

<head>
  <title>prueba</title>
  <style title="Hoja de estilos de prueba" type="text/css">
.claseprueba { font-family: Times New Roman,Times,serif;
font-size: 20px;
color: rgb(153, 153, 0);
font-weight: bold;
font-style: normal;
text-decoration: underline overline;
}
  </style>
</head>

Vemos que en la cabecera del documento ha introducido una nueva sección encerrada entre las etiquetas <style></style> y dentro contiene la declaración de nuestra clase. La desventaja de definir los estilos dentro del documento HTML es que no se puede reutilizar esos estilos en otros documentos y se tendrían que copiar toda la declaración de estilos en cada uno de los documentos que hagamos. Otra solución es crear un documento de hoja de estilos aparte con la extensión .css que también podemos hacerlo desde el editor de NVU. Si volvemos a abrir el editor de Hojas de Estilo, seleccionamos nuestra hoja de estilo y pulsamos sobre el botón Export stylesheet and switch to exported version (Exportar hoja de estilo y cambiar a la versión exportada). Nos aparecerá un cuadro de diálogo para guardar nuestro fichero .css que guardaremos junto a nuestro documento HTML. NVU automáticamente enlazará a esta hoja de estilos en vez de a los estilos contenidos dentro del documento.

Creando un fichero css externo

Ahora las reglas estarán definidas en el fichero .css, podremos ahora crear nuevas páginas web y enlazarlas a esta hoja de estilos desde el editor de Hojas de Estilo de NVU pulsando sobre el botón Link elt. (Enlazar estilo) o introduciendo el siguiente código HTML en la cabecera de nuestra página...

<link href="estilo.css" rel="stylesheet" type="text/css">

Quizás no haya usted escuchado nunca eso de "Software Libre". Para quienes comienzan desde cero y quieran una definición sencilla podríamos decir que estamos hablando de programas que podrá usted instalar, utilizar y si lo cree necesario modificar el código del programa para mejorarlo o adaptarlo a sus necesidades. Pero ¿de qué tipo de programas hablamos? De los que usted usa: de programas tipo Office, dibujo, etc.

Un ejemplo más concreto: OPENOFFICE. Le permitirá no solo crear sus documentos tipo .doc, sino también .pdf, presentaciones, páginas web etc.

A lo largo de este mes le presentaremos aplicaciones útiles para el desarrollo de contenidos. Le ayudaremos paso a paso a instalar y a usar algunas de ellas. Vamos a estructurar el tema de la siguiente forma. Por un lado introduciremos los conceptos fundamentales y las referencias más importantes en el ámbito del software libre, así como las iniciativas que al respecto se llevan a cabo en el ámbito de la Universidad de Murcia. De otro lado presentaremos herramientas para el desarrollo de contenidos y repositorios de materiales que usted podrá usar en sus cursos en SUMA.

Conceptos, referencias y Software Libre en la Universidad de Murcia

El proyecto SOFTLA simboliza el apoyo institucional que desde la Universidad de Murcia se le quiere dar al Software Libre, reune una serie de medidas a tomar y directrices para implantar Software Libre en nuestra institución de manera más amplia.

Desde éste proyecto, la Universidad de Murcia investigará en materia de recursos recogidos como libres o abiertos, es decir aquellos que puedan ser de interés para la comunidad académica y personal administrativo de la Universidad, que por su carácter gratuito y libre (pudiéndose modificar, libre de copyright) son útiles para nuestra institución.

• Plan Estratégico para el Desarrollo y Uso de Software Libre en la Universidad de Murcia (proyecto SOFTLA)

Desde el Grupo de Apoyo a la Teleenseñanza se mantendrá el contacto con Proyecto en la manera en que el Software Libre es útil como recurso didáctico y útil para su uso docente. Más información en la web del Proyecto SOFTLA

• Web Proyecto SOFTLA

 

Caldum, Conocimiento Abierto y Libre de la Universidad de Murcia

Es un proyecto que surgió allá por el 2002 entre un grupo de alumnos y personal de la Universidad de Murcia. El grupo que se ha formado se ofrece a los miembros de la comunidad universitaria, ayuda y jornadas como los Dias Caldum que sirven para adentrarse de forma fácil y guiada dentro de la comunidad Linux.

Se ocupan de organizar talleres prácticos e Install Parties (reuniones en los que cualquier neófito es guiado para instalar un sistema operativo Linux en su ordenador y dejarlo configurado correctamente).

Para más información acudir a la web de CALDUM

• Sitio web de CALDUM

¿Aún no comprende el significado del Software Libre o el Open Source? Le ayudaremos a que le sea más claro

Software Libre define todo el conjunto de programas informáticos que se recogen bajo una licencia *libre*, donde una licencia libre es aquella que permite su modificación y distribución sin necesidad de pago por derechos de copia, existen muchos tipos de licencias de éste tipo con nombres variados desde las licencias GNU a las licencias Creative Commons. Todas tienen en común el propósito de facilitar la modificación de los programas sin necesidad de estar haciendo algo ilegal o protegido por las estrictas leyes del copyright. Una ventaja añadida es que por su caracter de proyecto comunitario, en su mayoría se trata de software gratuito.

Open Source define un concepto más amplio que no sólo está restringido al software o programas informáticos, sino que recoge cualquier tipo de fuente, ya sea información escrita, programas, contenidos audio-visuales, ...., el concepto de Open Source o Fuente Abierta / Libre, se puede aplicar a libros, textos informaticos que son suceptibles a ser modificados por cualquier persona y no están sujetos a copyright. Un ejemplo de ésto es Wikipedia, un proyecto de enciclopedia en la cual cualquier persona puede modificar o añadir definiciones libremente siempre con el fin de mejorar el resultado anterior.

GNU comprende muchos significados y comúnmente aparecen mezclados. Atendiendo al significado que aparece en la página oficial de la Free Software Foundation (Fundación Software Libre) las siglas GNU significan GNU's Not Unix.
  Los sistemas operativos Unix han dominado el mercado de los servidores desde hace años, el Proyecto GNU nació con la esperanza de lograr un sistema operativo completo al estilo de un sistema Unix pero que fuera software libre. El proyecto GNU se une entonces al sistema base (kernel) Linux, para formar lo que conocemos como GNU/Linux o simplemente Linux.
  GNU también se amplia en materia de licencias, existen varias licencias GNU como, The GNU General Public License, The GNU Lesser General Public License y The GNU Free Documentation License. La primera, también llamada GNU GPL comprende las otras dos, ofrecen un marco legal al que acogerse para recoger tanto documentación como software, la característica más interesante de estas licencias de uso (recordemos que si un documento o software no se recoge bajo una licencia, estos quedan protegidos por el copyright o derecho de copia, de forma automática) es que el contenido es libre, se puede modificar por cualquier persona, y además obliga a que la modificación también se recoja en la misma licencia GNU, esto significa que en ningún momento una persona puede proteger un contenido que ha publicado otra persona y cobrar por ello derechos de copia.

Creative Commons son otro tipo de licencias, la mejora respecto a las anteriores es que el autor puede elegir acogerse a una serie de especificaciones de la licencia pero desechar otros que no considere necesarios. Por ejemplo, podemos decir que el material del que somos autores sea modificable y permitir que la modificación SI esté protegida por copyright, o no permitirlo, o indicar que obligatoriamente se pueda distribuir la modificación hecha por terceros, es decir, da elección al autor a elegir a su gusto qué es lo que permite que se haga o no con su obra.

Herramientas para el desarrollo de contenidos

En nuestro interés de ofrecer herramientas para desarrollar contenidos electrónicos dentro del marco de la teleenseñanza, en ésta sección propondremos una serie de herramientas de software libre útiles para desarrollar contenidos. La elección de estas u otras herramientas siempre es responsabilidad del que las use, si les son útiles y fáciles de usar.

OPEN OFFICE, la herramienta ofimática por excelencia

En el mundo del software libre para usuarios de a pie, Open Office es la abanderada, ya que ha sabido aunar simplicidad con potencia de uso, siendo equiparable a otros paquetes ofimáticos como el ampliamente usado Microsoft Office u otros como Corel Wordperfect Office. Además, Open Office ofrece compatibilidad con Microsoft Office, pudiendo editar documentos de éste último sin problemas y guardarlo en formato reconocible por el paquete de Microsoft.

Si quiere saber más sobre esta herramienta, desde el GAT hemos preparado una sección específica para aprender más sobre esta herramienta, siga leyendo en éste enlace.

 

JClic, software español para contenidos docentes

JClic es una herramienta de software construida como Applet de JAVA(1), capáz de funcionar en cualquier entorno con soporte JAVA (Windows, MacOSX, Linux) para crear aplicaciones interactivas para diversas materias, en un principio está dirigido a aplicaciones interactivas para niños pero todo depende de la materia a tratar.
Página de la herramienta: http://clic.xtec.net/es/jclic/index.htm
Ver ejemplo de actividades: http://clic.xtec.net/db/act_es.jsp?id=2740
Biblioteca de actividades ya construidas: http://clic.xtec.net/es/act/index.htm

En su web se presenta la aplicación como....
JClic está formado por un conjunto de aplicaciones informáticas que sirven para realizar diversos tipos de actividades educativas: rompecabezas, asociaciones, ejercicios de texto, palabras cruzadas ...
Las actividades no se acostumbran a presentar solas, sino empaquetadas en proyectos. Un proyecto está formado por un conjunto de actividades y una o más secuencias, que indican el orden en qué se han de mostrar.
El antecesor de JClic es Clic, una aplicación que desde 1992 ha sido utilizada por educadores y educadoras de diversos países como herramienta de creación de actividades didácticas para sus alumnos.

 

NVU como herramienta de creación web

Pretende ser una herramienta de fácil uso y visual, para crear páginas web, al igual que otras herramientas del estilo Frontpage o Dreamweaver, estas herramientas de tipo WYSIWYG(2), permite editar páginas web como si de un editor de texto se tratase, de manera que podemos colocar imágenes, texto y otros elementos propios de una página web.

Podemos ver más información sobre esta herramienta en su web http://www.nvu.com y encontrar la traducción del programa en español en la web del Proyecto NAVE(3) http://nave.escomposlinux.org/productos/nvu/ así como las instrucciones para su instalación.

 

VNC, como pizarra virtual

Esta herramienta no sirve para crear contenidos pero sí es útil para enseñarlos o mostrar los movimientos por la pantalla que realiza el profesor. VNC es un programa de control remoto, es usado en la enseñanza virtual como pizarra virtual en aulas de clase con ordenadores, ya que permite que los clientes conectados al ordenador que haga de servidor sólo puedan ver una imágen de la pantalla del servidor siendo imposible su control remoto, de manera que el profesor puede ir explicando paso a paso mientras los alumnos tienen en su pantalla una copia de lo que está haciendo el profesor en su ordenador.

Hay varias variaciones del programa VNC original RealVNC es la más usada y UltraVNC que se integra con el sistema de seguridad de Windows usando los usuarios y contraseñas de éste.

 

Bulmages, software español de contabilidad

Programa de Gestión, Facturación y Contabilidad gratuito y abierto, de aspecto y características profesionales. Muy útil para carreras de Empresariales. Al contrario que los citados anteriormente, este programa sólamente se encuentra disponible para el sistema operativo Linux. Ver página de BULMAGES

 

The Gimp, edición de gráficos altamente potente

The Gimp es un programa de edición de gráficos bitmap(4), con características profesionales, es capaz de editar con capas, aplicar multitud de efectos, recortar, retocar imágenes, etc... Soporta multitud de formatos gráficos, muchos de sus usuarios ponen a The Gimp a la altura de otros programas de edición de imágenes profesionales como Adobe Photoshop o Jasc Paint Shop Pro. Ir a página de The Gimp

 

HFS, HTTP File Server

Esta herramienta de fácil uso permite crear un servidor web(5) rápidamente para compartir archivos en su ordenador y que cualquier usuario de internet puede bajarlos cómodamente desde el navegador. Su uso es simple, se comparte una carpeta del ordenador desde la interfaz del programa y automáticamente cualquier persona desde su navegador puede descargar los ficheros, es útil cuando se quiere distribuir ficheros de forma rápida sin necesidad de enviarlos por correo, simplemente indicando al destinatario la dirección a la que se debe conectar desde su navegador para obtenerlos. Ir a página de HFS

 

PDFCreator, generación de documentos PDF desde cualquier aplicación

Los documentos PDF(6) se han convertido en un estándar de facto para la visualización de documentos ya que siempre se verá de la misma manera en cualquier sistema y usando cualquier visualizador PDF, de ésta manera nos aseguramos que no hayan incorrecciones entre lo que diseñó el creador y lo que visualiza el usuario final.

PDFCreator funciona como una impresora virtual en Windows, en nuestro sistema aparecerá como una impresora más en cualquier programa y a la que podemos enviar documentos, la diferencia estriba en que la impresión final no será en papel sino en un documento PDF.

Podemos descargar este software de la página principal del proyecto en SourceForge. Disponemos de dos versiones de la iteración 8.0 de éste software, PDFCreator (AFPL Ghostscript) y PDFCreator (GNU Ghostscript). La diferencia está en la versión de Ghostscript (el programa que usa internamente para crear los documentos PDF), Ghostscript es un software con copyright de artofcode LLC, en cambio existe una versión con licencia GNU (para su distribución libre) etiquetada como GNU Ghostscript. Cualquiera de las dos versiones son válidas aunque nosotros recomendamos la versión con GNU Ghostscript por la licencia libre que utiliza. El procedimiento de instalación es muy sencillo y una vez finalizado encontraremos una impresora más instalada en nuestro sistema desde la que podemos imprimir desde cualquier programa de Windows.

A continuación le facilitamos los enlaces directos para bajarse el programa así como el fichero de idioma para que el programa se encuentre traducido al castellano, el fichero deben guardarlo en la carpeta donde se ha instalado el programa. El parche que indicamos es una pequeña actualización que apareció para la versión actual 8.0 que soluciona algunos pequeños fallos.

• Bajar PDFCreator 8.0versión GNU | (fichero de idioma en castellano)
• Bajar PDFCreator 8.0 versión AFPL | (fichero de idioma en castellano)
• Parche para PDFCreator 8.0 b2 (no es necesario aunque sí recomendable)
• Ir a página de PDFCreator en SourceForge

NOTA: Para cualquier duda sobre éstas herramientas háganoslo saber a través de la dirección de correo gat@um.es

 

(1) Un Applet JAVA es un pequeño programa que puede ejecutarse en un navegador web siempre y cuando el sistema tenga instalado el programa de ejecución JAVA (máquina virtual o runtime JAVA), es descargable gratuitamente desde la web de SUN Microsystems además de que muchos sistemas Windows o Linux ya cuentan con él instalado. NOTA: Windows XP no tiene instalada la máquina virtual de JAVA por lo que es necesaria instalarla para ejecutar los Applet JAVA en el navegador. (2) WYSIWYG son las siglas inglesas de What You See Is What You Get ("lo que ves es lo que obtienes"), éste acrónimo es muy usado cuando hablamos de herramientas de edición web debido a que una página web en su interior es simplemente un documento de texto con una serie de etiquetas para especificar qué estamos mostrando y cómo mostrarlo. Con la aparición de los editores WYSIWYG, un creador de páginas web puede diseñar una página y ver en todo momento cómo se visualiza, además de ser más parecido a un procesador de textos moderno. (3) El Proyecto NAVE, es un proyecto español que se dedica con un grupo de voluntarios a realizar traducciones de algunos programas de software libre. (4) Un Bitmap o mapa de bits es una imagen o photografía guardada en un ordenador, normalmente la imágen la componen miles de pequeños puntos de color, internamente guardado como cientos de líneas de bits (unos y ceros) indicando el color de cada punto que conforma la imagen. (5) Un Servidor Web es aquel ordenador que contiene un sitio web (conjunto de páginas web) y es accesible públicamente desde internet. (6) PDF (Portable Document Format o Formato de Documento Portable). Se trata de un tipo de fichero ideado por la empresa software Adobe, permite que el documento siempre se visualice de la misma manera sea cual sea el sistema o software que se esté utilizando para visualizar el documento. Se ha convertido en un estándar de facto utilizado ampliamente entre la industria gráfica. PDF introduce las fuentes dentro del documento de manera que no ocurra como que al visualizar el documento el texto cambie de fuente porque ésta no se encuentre en el sistema final, esto ocurre con documentos de procesador de texto como MS Word o OpenOffice Writer ya que si no se dispone de la fuente (tipo de letra) con la que se creó el documento, la sustituye por otra predeterminada.

Contenidos y materiales para la Teleenseñanza

En ésta sección comentamos una serie de sitios web y materiales sin copyright enmarcados en alguna licencia "abierta" que se pueden usar libremente para cualquier propósito. Estos recursos, son útiles como recursos didácticos e informativos para realizar trabajos o cursos. También indicaremos algunos cursos interesantes que se presentan gratuitos y relacionados con la teleenseñanza.

Connexions

Se trata de un proyecto promovido por la Universidad de Rice, que proporciona a todo el que quiera, crear cursos y documentación online que es fácilmente conectada con otra información publicada por terceras personas que también participan en el proyecto. Se basa en la idea de que los módulos de información se pueden conectar con contenido común editado por otros. La información está bajo licencia Creative Commons que permite su difusión y modificación libre de las leyes del copyright. En el sitio web también se encuentra un directorio con los cursos ya creados por varias universidades estadounidenses. Toda la información se guarda en ficheros bajo el estándar XML(1).

En su web se define como:
What is Connexions?
Connexions is a revolutionary approach to education that seeks to provide a place where everyone in the world can share knowledge for free.
Based on concepts pioneered in “open-source” computing, Connexions provides equal access to all, via tools that let everyone—from university professors to school children—post and update knowledge in one place, the Content Commons.
The project provides free, Web-based tools that make it easy for anyone to access materials in the Content Commons, modify them to meet their specific needs, collaborate with others, and to explore the links between concepts, courses, and discplines.
Based at Rice University in Houston, Connexions transcends traditional learning by making information more accessible, interactive, relevant, and fun.

Ir al sitio web de Connexions

 

Wikipedia

Este proyecto de enciclopedia mundial, pretende la creación de una enciclopedia en la que su contenido sea libre de copyright, todo su contenido se encuentra bajo licencia copyleft(2) y permite la libre distribución y modificación. Para favorecer el rápido crecimiento de ésta enciclopedia se encuentra abierta a cualquier incorporación o modificación de su contenido de toda la comunidad de Internet. En ésta enciclopedia cualquiera puede modificar una definición si cree que puede realizar una aportación positiva o corregirla.

Para mantenerse estable conserva siempre un histórico de cambios permitiendo deshacer una modificación en el caso de que accidental o premeditadamente se ha querido modificar una definición introduciendo errores. La filosofía de éste proyecto al igual que otros muchos proyectos "abiertos" es que el contenido siempre será mejorado, o tenderá a esto y a que las definiciones sean lo más correctas posibles.

Como siempre debemos recomendar usar esta herramienta con cuidado ya que nunca podremos estar seguros de que las definiciones sean del todo correctas y no se ha introducido ninguna errata en el momento que vemos la información.

Ir al sitio web de Wikipedia

 

SchoolForge

Portal Web dedicado a ofrecer un listado de recursos de Software Libre para la Educación. Entre ellos software educativo para niños, herramientas de aprendizaje de matemáticas, de modelado de gráficos, etc...

En su sitio web se definen como:

SchoolForge es una coalición de organizaciones que apoyan el uso de recursos libres y abiertos, incluyendo software y cursos basados en computadora, en y para la educación de todo el mundo.

Ir al sitio web de SHOOLFORGE

 

ITRAIN Online

Web que ofrece recursos a formadores virtuales, cursos gratuitos y abiertos como “Mejoramiento de Procesos Formativos”, “Tecnologías de Información y Comunicaciones para Enseñanza Básica y Media”, “Formación en línea”, etc...

Ir al sitio web de ITRAIN Online

 

Asociación para el Progreso de las Comunicaciones

Portal que pretende recoger una serie de cursos abiertos y gratuitos para formadores a distancia, aprendizaje informático, etc...

Ir al sitio web de la Asociación para el Progreso de las Comunicaciones

 

Politécnico.NET

Educación a Distancia con Software Libre, portal con recursos de eLearning con software libre. Cursos, software, manuales, etc...

Ir al sitio web de Politécnico.NET

 

Medcampus: un proyecto de plataforma para la educación a distancia

Página que describe el proyecto internacional para crear una plataforma común para la educación a distancia.

Ir al sitio web de Medcampus

 

Portal Educativo Extremeño

Ofrece multitud de información y recursos para la educación usando software libre.

Ir al sitio web del Portal Educativo Extremeño

 

Organization for Free Software in Education and Learning

Organización para el Software Libre en la Educación y la Docencia. Ofrece un directorio de herramientas de software libre que pudieran ser interesantes para la docencia y la educación.

Ir al sitio web de Organization for Free Software in Education and Learning

(1) XML, son las siglas de eXtended Markup Languaje, es un estándar que define un lenguaje de marcas de texto usado para contener información, este estándar es ampliamente usado en internet además de ser el formato base en el que se guarda la información de muchos programas como por ejemplo Open Office. (2) Copyleft, al contrario que el copyright es una licencia que permite la copia libre sin necesidad de pago de royalties por copyright.

Este mes ofrecemos una importante fuente de información y recursos, centrándonos en un caso, el Massachusetts Instituye of Technology (MIT). Existen multitud de fuentes en la red, en ocasiones quizás un exceso de información de poca calidad, que obliga al navegante a hacer una criba para la que no tiene por qué estar capacitado. Tratar de abordar todas las fuentes sería una tarea que excede nuestros propositos, si bien con el tema de este mes abrimos la puerta a los visitantes de nuestra web para que nos envien sus experiencias al respecto. Centrándonos en el MIT, ofreceremos contenidos para diversas disciplinas y presentaremos uno de los proyectos más destacados en el ámbito del eLearning: el OpenCourseWare (OCW). Al hablar de recursos, de contenidos que no han sido creados ad hoc para nuestro proposito, pero que podemos utilizar, nos encontramos con una suerte de contenidos reutilizables, que pese a no haber sido creados para tal fin terminan siéndolo de hecho.

El MIT es una institución universitaria de gran prestigio mundial, con iniciativas y proyectos de impacto en el mundo del eLearning. La página web del MIT lidera según las últimas encuentas el ranking mundial en número de visitantes por lo que a centros universitarios se refiere.

Las propuestas del MIT suelen ser muy innovadoras. Dos ejemplos de ello los encontramos en el OCW, del que hablaremos más adelante, y el propio concepto de su página web (http://www.mit.edu) que, manteniendo un mínimo común en sus enlaces, cada día cambia su aspecto con una imagen que llama la atención sobre la noticia que quieren destacar (www.mit.edu/site/gallery). Estos diseños los remiten los visitantes, tanto del MIT como de fuera y, precisamente, este caracter abierto lo relacionan ellos mismo y lo asemejan al Open Course Ware englobándolo en el concepto de cultura abierta. Es evidente que esta concepción de si mismos que adoptan entra en colisión con lo que en ciertos foros entienden por abierto, según lo cual los contenidos deberían ser modificables.

Otra iniciativa del MIT es la creación de un servicio de Video on demand a través del que se pueden seguir conferencias sobre distintas áreas de conocimiento. Dado el nivel de los conferenciantes que acuden al MIT: premios nobel, secretarios de altas instituciones como la ONU, presidentes de grandes empresas, el servicio permite conocer de manera directa el pensamiento de expertos mundiales en distintos temas.

La web del MIT, en su sección "educación" tiene tres enlaces, el primero se refiere a los cursos reglados ("courses") y los dos siguientes al OpenCourse y al Video On Demand. Sin duda esto denota la importancia que para el MIT tiene el eLearning en la educación. El tema de este mes girará en torno a estos dos pilares; entre otras actividades, presentaremos videos y trataremos de desgranar el contenido y la fisolofía de OCW.

• Open Course Ware
• Video on Demand

Vamos a concluir citando dos sitios interesantes en el MIT: "Media Lab" y "AMPS".

Media Lab es la "atalaya" desde la que el gurú de las nuevas tecnologías Nicholas Negroponte realiza su trabajo. Merece la pena consultar algunos de sus 32 grupos de investigación, entre los que podemos citar eRationality, Robotic Life, Future Of Learning, Biomechatronics, etc ...

• Media LAB

AMPS son las siglas de "Academic Media Production Services", un interesante servicio para producir tecnología educativa basada en multimedia, video, web, videoconferencia y sistemas de gestión de cursos.

• AMPS

Concluimos esta sección mencionando un proyecto que nos servirá como enlace con el tema del mes de diciembre, el Software Libre, y con otro futuro: la introducción de estándares en teleenseñanza. Se trata del Proyecto OKI (Open Knowledge Initiative), una iniciativa que pretende desarrollar especificaciones para eLearning dentro de la filosofía OpenSource. Comprobamos con esto como el MIT apuesta tanto por los estándares como por la filosofía OpenSource.

• OKI Project

Video On Demand

El proyecto de Video On Demand, denominado también MITWorld, es una interesante iniciativa que pretende ofrecer las conferecias y eventos más significativos en el MIT. La iniciativa, por sí misma interesante, adquiere un valor añadido si tenemos en cuenta la relevancia de los conferenciantes en el MIT. Sin ir más lejos, en la fecha de publicación de esta página (5 nov), el MIT destaca dos conferencias del último nobel de física Frank Wilczek.

• Charla nobel de física en el MIT: The origin of mass...
• Charla II nobel de física en el MIT: The world's numerical recipe

A modo de ejemplo podemos citar conferencias de personalidades con el Secretario General de la Onu Kofi Annan o los premios nobel de economía Modiagliani, Samuelson y Solow

• Charla Kofi Annan
• Charla Modiagliani, Samuelson y Solow

Mitworld permite realizar una búsqueda por áreas de conocimiento, se da información en la web sobre la charla, los ponentes, el minutaje exacto sobre la presentación, la intervención, las preguntas, etc. Pulsando en el siguiente enlace podrá acceder a la página principal del proyecto.

• Video On Demand: MitWorld

MitWorld es un proyecto joven, que constituirá una videoteca multidisciplinar de gran interés. Además, desde la web, se puede acceer a los videos y tener un avance de los futuros. A día 30/11/2004 se anuncia una mesa redonda "From Lab to Market: Where Technology is Headed:

The Research Director's Point of View ".

Open Course Ware

Como los propios promotores indican, el Open Course Ware (en adelante OCW) es un conjunto de recursos, libres y abiertos, destinados a alumnos, profesores y autodidactas de todo el mundo. Como hemos avanzado en la página de presentación de este mes, los conceptos "free" y "open" son interpretados en ciertos ámbitos como algo que puede ser modificado bajo unas ciertas condiciones. Nosotros entendemos aquí, y compartimos con el MIT, que sus contenidos son abiertos en tanto en cuanto están en servidores a los que todo el mundo puede conectarse.

Más que adentrarnos en la filosofía del OCW, nos interesa conocer los recursos que proporciona. La organización de los mismos se realiza a través de departamentos o áreas de conocimiento, y van desde la biología, la química o la economía hasta la medicina, la física o las matemáticas, pasando por la literatura o la ingeniería de sistemas. En definitiva, se cubren todas las áreas de conocimiento. Una lista completa de cursos y áreas de conocimiento puede consultarse en el siguiente enlace:

• Cursos en OCW por área de conocimiento

Universia, en colaboración con el MIT, está traduciendo algunos de los cursos del catalogo de OCW. Puede acceder a ellos a través del siguiente enlace:

• Cursos OCW en español. Universia

OCW no es un proyecto estático, anualmente los cursos van creciendo en número y contenidos.