Creación de páginas web con NVU y Google Sites

La próxima práctica se va a hacer también en grupo, e igualmente consistirá en comparar diferentes alternativas que se nos ofrecen para llevar a cabo la creación de una página web.

Por un lado está el servicio Google Sites, al que podéis acceder todos por el simple hecho de tener una cuenta de Gmail.

Por otro tenemos la creación más tradicional, usando un editor de páginas web en nuestro propio ordenador, en el que se construye la estructura que posteriormente habrá que subir a un proveedor gratuito de hosting.

Tenéis varias cosas que investigar, por lo que sería interesante que os repartáis el trabajo por parejas o grupos de 2+1, a saber:

1. Google Sites. Cómo empezar, configuración básica y avanzada, manejo de las diversas páginas del sitio, subida de ficheros, un lugar para ofrecer servicios y enlazar otros espacios nuestros, descarga de documentos, etc.
2. Lugares que ofrezcan hosting gratuito. Características: espacio, ofrecido, limitaciones, herramientas para el manejo del sitio, posibilidad de tener varios usuarios.
3. HTML. Tenéis que aprender algo de HTML básico para entender lo que vais a hacer, más allá de que los editores WYSIWYG oculten los detalles. En particular, debéis centraros en la última versión de HTML, la 5, y revisar las novedades que aporta frente a la anterior.
4. CSS. Con HTML 5 las hojas de estilo nos permiten separar de manera eficaz la información de la representación en pantalla. Os animo a que visitéis css Zen Garden para comprobarlo. También lo hay en castellano.
5. NVU y sus derivados Kompozer y BlueGriffon. Se trata de editores web. Nvu dejó de desarrollarse hace tiempo, pero sigue siendo un programa perfectamente válido para nuestros propósitos.

Aquí os enlazo un manual de NVU de la Universidad de Málaga, manual sencillo de Kompozer y un artículo sobre BlueGriffon.

También os pueden resultar de interés alguno de los siguientes vídeos:

... Y para el Google Sites:

El viernes 8 de abril debéis tener el sitio de Google Sites funcionando mínimamente y una primera versión del trabajo con NVU en marcha, al menos a nivel local (en el disco duro).

Evaluación del trabajo entre los grupos

Como parte del trabajo que estamos haciendo en equipo, vamos a puntuar lo que han hecho el resto de compañeros. Hay seis grupos en clase y las reglas que vamos a aplicar son las siguientes:

• Tenemos que asignar puntos de 1 a 5.
• 1 será para el trabajo que menos nos haya gustado y 5 para el que más.
• No podemos puntuar a nuestro equipo, es decir, tenemos que asignar los puntos entre el resto de equipos.
• Hay que justificar las razones que nos han llevado a hacer la asignación (información aportada, enlaces, diseño de la wiki, documento final en el que se recogen la información y las conclusiones, imágenes, vídeos o podcasts relacionados y cualquier otra cosa que se os ocurra que se puede calificar).

He puesto en la wiki a vuestra disposición otra tabla como la que aparece a continuación para que podáis rellenar la información. Debéis votar por filas, poniendo el número y a continuación los motivos. Como véis, los nombres de los componentes están en el cruce de su fila y su columna, para que no os votéis a vosotros mismos por error. He rellenado la fila del grupo 4 a modo de ejemplo, no os toméis los comentarios en serio. El total ya lo calcularé yo.

Grupo	1	2	3	4	5	6
1	Robin, Alicia y David
2		Imad, Virginia y Vanesa
3			Arturo, Rubén y Álvaro M.
4	1 Poco original, tanto el diseño como la información.	2 Bonito diseño, pobre en información.	3 Tenía un podcast bastante original, el resto no.	Tarik, Alba, Álvaro H. y Roberto	4 Buen diseño. Información regular.	5 Excelente en información y en diseño.
5					Jonatan, Álvaro J., Aitor y Álvaro Z.
6						Alberto,  Diego, Luis Rafael y Samuel
Total obtenido

Enlaces interesantes a qué es una wiki, cómo usarla, cómo crearla

Aquí os voy a enlazar algunos vídeos para que podáis ir pensando en cómo emplear las wikis y sacerle provecho:
Muy ameno. Está en inglés, pero tiene subtítulos en castellano.

Web 2.0. Productos y servicios

En los próximos días vamos a trabajar sobre lo que significa Web 2.0, las nuevas características que nos ofrece y realizar una comparativa. Entre los puntos a tratar:

• Historia de la web.
• Servicios ofrecidos por la web en sus inicios.
• Evolución hacia la versión 2.0.
• Productos y servicios:
• Blogs y wikis. ¿Qué son? Comparativa entre ambos. Proveedores de blogs y wikis en Internet: WordPress, Blogger, Blogspot.es, OverBlog, etc. Wikispaces, WetPaint, WikiOle, WikiLearning, NireWiki, etc. Estaría muy bien que presentarais una tabla comparativa entre distintos proveedores de blogs y otra entre distintos proveedores de wikis, la facilidad de crear cuentas, espacio que nos proporcionan, posibilidad de gestionar usuarios, permisos, versiones gratuitas, educativas y profesionales...
• Multimedia. Fotos, audio y vídeo. Proveedores y servicios.
• Redes sociales. Interacción con otros elementos (correo, contactos, otras redes sociales, etc.). Comparativa de ofertas disponibles (¿qué nos ofrece cada proveedor?).
• Cualquier otro elemento catalogado o catalogable como servicio web 2.0. En este enlace podéis encontrar incluso un mapa mental de lo que es web 2.0.
• Licencias de uso y protección de datos. Responsabilidades del proveedor y del usuario.
• Participación en la web: normas éticas y netiqueta.
• Previsiones para la futura Web 3.0. Aquí os dejo un enlace relacionado con ese posible futuro, no os perdáis los comentarios.
Y el vídeo:

El trabajo se realizará por grupos de cuatro personas (podrán ser tres o cinco en algún caso, pero no más de cinco).

Emplearemos una wiki como medio de coordinación del trabajo. Simultáneamente mantendremos el documento en Google Docs (otro de los miembros del grupo) y compararemos el modo de trabajo con wiki y con Docs, ventajas e inconvenientes que hayáis encontrado. Habrá una página de la wiki que funcione como portada, ahí deben aparecer los nombres de los componentes del grupo y la inicial del apellido. También habrá una página para que se pueda descargar la información completa en un formato de documento conocido: .doc, .docx, .odt o .pdf. Si queréis podéis subir el documento en los cuatro formatos y que sea el visitante el que decida cómo lo prefiere.

El documento final se presentará siguiendo el modelo que utilizamos en los trabajos de la primera evaluación. Se entregará una copia impresa al profesor por cada grupo, que contendrá el texto, tabla, etc. Se incluirá una presentación con diapositivas (enviada por correo electrónico, junto con el documento del procesador de textos). Además haremos una valoración del trabajo de los miembros del grupo y el nuestro propio, en la próxima actualización del blog os añadiré una hoja con la tabla que deberéis seguir.

Todos los documentos deben estar disponibles en la wiki y en Docs para que puedan ser revisados por el profesor en cualquier momento.

Deberemos enlazar la wiki desde nuestro blog, un buen sitio para hacerlo sería una de las páginas que os pedí que insertarais.

En dos semanas, para el 29 de febrero, ya debería estar casi acabado.

Soluciones posibles a la práctica con Audacity

Os han estado ocurriendo diversos problemas, tanto con los ficheros de proyecto de Audacity como con el alojamiento del fichero resultante en algún servidor.

• Sobre lo primero. Tened en cuenta que Audacity funciona como un procesador de textos a la hora de copiar, cortar y pegar. Sólo hay que abrir los ficheros que contienen los fragmentos que queremos unir o mezclar y pegar en las correspondientes pistas las partes que nos interesan. También es muy recomendable exportar a mp3 el resultado que vayamos obteniendo, para evitar pérdidas accidentales.
• Sobre el alojamiento de ficheros. Existen diversas soluciones.
• Abrir una wiki en Wikispaces y subir el fichero. Habrá que crear una entrada o una página en nuestro blog desde la que enlazar la wiki. Wikispaces nos permite subir ficheros de hasta 10 MBytes en la versión básica y gratuita del servicio. Estos ficheros pueden ser escuchados directamente gracias a un reproductor que incorpora. (Más adelante trabajaremos sobre las wikis y veremos que nos ofrecen otras muchas posibilidades, además de alojar ficheros).
• Diego nos facilita también en su blog, Bat for Dinner, un enlace alternativo. Echadle un vistazo, por favor.
• También podéis registraros en Poderato. Como muestra, aquí está un podcast subido por Álvaro M. http://www.poderato.com/pollofry/fotofiguras/linkin-park. El código del reproductor se puede insertar en un gadget HTML/Javascript, y viene con una lista de reproducción con todos los audios que hayáis subido.
• Por último. Algunos me habéis pedido permiso para hacer algo que es un poco más complicado: grabar el audio con Audacity, descargar un vídeo y con ayuda de Movie Maker u otro software similar, mezclar el vídeo y el sonido y subirlo a YouTube. Creo que lleva mucho más trabajo, pero también lo admito.

Espero que esta nueva entrada os ayude a acabar el trabajo.

Entrega de la práctica de Audacity miércoles 9 de febrero de 2011

El próximo miércoles 9 de febrero deberéis tener publicado en vuestro blog el podcast que habéis estado preparando estos últimos días. Cada componente del equipo lo enlazará a su propio blog.

Debéis enviarme al correo electrónico un documento de Word/Writer con :

• Portada. En la que constará el nombre y resto de datos de los componentes del grupo.
• Breve descripción de la práctica (parte del blog y parte de Audacity)
• Enlaces a los respectivos blogs
• Qué os ha motivado a la hora de introducir los posts. Cada miembro del equipo los suyos. Una buena forma de hacerlo es en una tabla en la que consten título del post, fecha de creación, características especiales (vídeos, imágenes), motivo del post y, si se os ocurre, algún otro dato (enlaces, etc.).
• Análisis de lo que habéis aprendido y opinión personal. Cada componente del grupo escribirá su análisis y su opinión.

Os recuerdo que las instrucciones para insertar un podcast están en la anterior entrada y podéis seguir los pasos de http://www.miniguias.com/miniguias/como-hacer-un-podcast-gratis-grabar-el-sonido-y-alojamiento/, además del resto de vídeos y tutoriales que os enlacé.

Grabación y edición de audio con Audacity

Vamos a emplear Audacity para editar sonido, por lo que es necesario usar auriculares durante las prácticas. El instituto tiene a disposición de los alumnos varios juegos, aunque también está permitido que os traigáis los vuestros si no queréis emplear unos cascos que ya han sido usados.

El programa ya está instalado en los PCs del aula. Más abajo os dejo los enlaces a varios manuales para empezar a usarlo. Para los que quieran instalarlo en su casa, se trata de software libre y podéis descargarlo desde aquí o aquí. La recomendación de los desarrolladores es que descarguéis la versión estable si tenéis Windows XP o anterior y la Beta si tenéis Windows Vista o 7. Además necesitaréis el códec LAME para poder trabajar con ficheros en formato mp3. Tanto el códec LAME como varios filtros y efectos, y las instrucciones necesarias, los encontraréis en la sección de plug-ins.

Audacity tiene una interfaz muy intuitiva, y las prácticas propuestas en los distintos documentos pasan de la simple conversión de archivos de audio entre formatos a la creación de archivos para Podcast.

• Muy buena introducción a las características y posibilidades del programa. Propone cuatro prácticas interesantes para empezar desde cero:

http://www.jesusda.com/docs/ebooks/ebook_tutorial-edicion-de-sonido-con-audacity.pdf

• Manual + ejercicios:

http://iesvillalbahervastecnologia.wordpress.com/2010/03/11/audacity-primera-tanda/
http://iesvillalbahervastecnologia.wordpress.com/2010/03/23/audacity-segunda-tanda/
http://iesvillalbahervastecnologia.wordpress.com/2010/04/06/practica-final-de-audacity/

• Podcast: Empezando con Audacity, entra en más detalles sobre las distintas herramientas que proporciona el programa:

http://5lineas.com/files/curso/cfie-valladolid/curso-web20-manual-audacity.pdf

Antes de empezar a mezclar música con derechos de autor, por favor echadle un vistazo a este enlace: http://podcastellano.es/aspectos-legales-del-podcasting y para la publicación gratuita de vuestros podcasts: http://podcastellano.es/alojar-podcast-gratis.

Una vez creado el podcast lo vamos a colgar de nuestro blog. Aquí os enlazo estos dos vídeos en castellano con explicaciones detalladas:

• La primera parte (8:26) empieza con la descarga de Audacity, la creación del podcast, exportar el audio y alojar  el fichero en un servidor (usa Blip.tv, pero hay muchos otros): http://www.youtube.com/watch?v=AjtX7VysZwI&feature=related

• La segunda parte (9:08) publica los RSS, añade el reproductor MP3 al blog y da los últimos detalles para publicarlo correctamente: http://www.youtube.com/watch?v=RuRAzq3ym30. Si no sabemos qué son RSS, en este mismo canal de YouTube hay un vídeo que lo explica.

Este otro es mucho más breve (2:26), pero está en inglés y pasa muy deprisa por cada paso: http://www.youtube.com/watch?v=Jg2zTRRXry4.
También podemos seguir los pasos que nos ponen en http://www.miniguias.com/miniguias/como-hacer-un-podcast-gratis-grabar-el-sonido-y-alojamiento/.