Como todos sabéis, este año participamos en el concurso de recursos educativos de Educared. Se puede participar de dos formas distintas: en modalidad de blog y en modalidad de página web.
En el caso de la modalidad de página web, la suerte ya está echada porque las páginas han sido enviadas ya al concurso.
¿ganarán algún premio? ¡esperamos que si!
Son las siguientes:
Grupo “El Equipo Web”: formado por Rocío Sánchez, Juan Manuel Díaz, Alfonso Sánchez, Rafael Fúnez y Miguel Martín. Han creado un sitio web sobre la asignatura de Informática Aplicada.
Grupo “Ana Frank”: formado por Laura Vargas y Cristina Rojas. Han creado un sitio web sobre la Segunda Guerra Mundial.
Hola a todos, hoy os recomiendo una web en la que podemos encontrar videos educativos de todas las materias (desde lengua y literatura a informática o religión).
Entrad y echadle un vistazo porque merece la pena. En cualquier caso, yo os la recomiendo por la sección de videos relacionados con la informática ya que váis a encontrar videos muy muy interesantes.
Podéis encontrar videos que os van a hablar sobre Blogs y Web 2.0 (os viene muy bien para el examen de la semana que viene) y un video muy interesante sobre la historia de Internet (Rocio, Juanma: os va a venir muy bien para la página web que estáis haciendo).
Os dejo a continuación las direcciones de los blogs de todos los alumnos de bachillerato.
Os recuerdo que en vuestros blogrolls tienen que aparecer enlaces a los blogs de todos vuestros compañeros (tanto de vuestra clase como de la otra clase de bachillerato).
En clase ya hemos visto el funcionamiento de un blog y cómo se crea uno nuevo.
En este ejercicio os tenéis que crear el vuestro propio. Para ello tenéis que ir a la página de WordPress.com y registraros con la dirección de gmail que os creásteis.
A partir de aquí, el proceso de creación del blog ya lo conocéis y no debe daros ningún problema.
De todas formas, el blog creado tiene que cumplir los siguientes requisitos:
El nombre de usuario del blog va a ser una combinación de vuestro nombre (sin tildes, sin espacios, sin números y sin caracteres especiales). Por ejemplo, si yo tuviera que crearme uno sería: antonioramos.wordpress.com.
El blog es individual y todo el mundo tiene que crearse uno, independientemente de su participación en el concurso de educared.
El tema del blog va a ser la actualidad que os rodea. Podéis elegir cualquier tipo de noticias: nacional, internacional, deportes, locales, ocio y tiempo libre, actividades culturales y espectáculos, necrológicas, etc… El medio puede ser tanto la televisión como la prensa escrita u otros blogs de noticias pero en cualquier caso tenéis que indicarlo en el blog. También podéis hablar de todo lo que acontezca en vuestro entorno cercano.
Tenéis que crear una categoría para cada tipo de noticia y tenéis que clasificar las noticias en la categoría a la que pertenezca.
Cada uno de los artículos publicados tiene que nombrar la fuente de la que habéis sacado la noticia y tiene que expresar vuestra opinión sobre ella.
Tenéis que publicar al menos un artículo diario durante un mes.
También tenéis que entrar de vez en cuando en los blogs de los compañeros y comentar lo que han escrito en sus blogs.
En vuestro Blogroll tenéis que añadir los blogs de todos vuestros compañeros.
El diseño de la página será elegido por vosotros aunque se recomienda una presentación que sea fácilmente legible.
No vale que todas las noticias sean de deportes. Cada día tiene que ser una noticia distinta.
PUBLICAD UN COMENTARIO A ESTA ENTRADA EN EL QUE INDIQUÉIS LA DIRECCIÓN DE VUESTRO BLOG PARA QUE TODOS VUESTROS COMPAÑEROS LO SEPAN.
FECHAS:
Hasta el domingo 13 de Abril: creación y configuración del blog.
A partir del lunes 14 de abril y hasta el lunes 5 de mayo (incluido), tenéis que publicar un artículo diario.
Richard Stallman va a dar esta tarde (8 de abril de 200 una conferencia en Málaga.
Os recuerdo que Richard Stallman es el fundador de la Free Software Foundation (FSF) y va a dar una conferencia titulada “Software libre en el Ética y en la Práctica” en el centro social y cultural de gestión ciudadana la Casa Invisible (c./ Nosquera, 11) a las 19:00.
Este personaje es una de las personas más influyentes en la evolución del software ya que es el precursor del concepto de Software Libre tal y como visteis en el documental sobre Linux del tema 2.
Os recomiendo que os paséis por el centro de Málga esta tarde y lo escuchéis un rato porque, aunque no estemos del todo de acuerdo con sus pensamientos, es muy interesante escuchar a alguien como él.
En el artículo anterior os dejé una lista de enlaces a algunas de las herramientas de la Web 2.0 mas conocidas y usadas (wikipedia, flickr, youtube, etc….).
Hoy os dejo aquí algunos enlaces mas a algunas herramientas con las que podéis trabajar:
Last.fm : Web en la que podéis escuchar música de cualquier autor y de cualquier tipo. Todo lo hacéis online y no tenéis que descargaros la música a vuestro ordenador. (http://www.last.fm)
Picnik : Editor de imágenes online. Podéis modificar las imágenes que subáis al programa o cogerlas directamente de vuestra cuenta en flickr. (http://www.picnik.com )
Pixenate: Otro editor de imágenes online. Tiene menos funcionalidades que el anterior pero está en español. (http://pixenate.com)
Buscador de blogs de google: Google tiene un buscador solo para encontrar blogs al igual que tiene buscadores solo para imágenes o para videos. (http://blogsearch.google.com)
Meebo: Mensajería online. En una misma web puedes usar el messenger, el yahoo y el google talk a la vez. (http://www.meebo.com).
Panoramio: Fotos de todos los lugares del mundo. Es una mezcla entre google maps y flickr porque puedes buscar cualquier lugar del mundo y ver las fotos de ese lugar que la gente ha subido a Internet. (http://www.panoramio.com)
Cuts: Editor de video online. Web en la que podéis realizar edición de video. Aún está en fase beta por lo que para poderlo usar tenéis que solicitar una invitación. (http://www.cuts.com)
Ejercicios
Lo primero que quiero aclararos para todos los ejercicios es que a partir de ahora en cualquier registro o correo que tengáis que enviar siempre váis a usar vuestra nueva dirección de correo de Gmail.
Los ejercicios son los siguientes:
Entrad en Panoramio y buscad fotos de: Málaga, de Nueva York, de Moscú, París y Londres. Enviadme un correo con la foto que mas os haya gustado de cada ciudad.
Volved a entrar en Panoramio y registraros con vuestra dirección de gmail, un nombre de usuario y una contraseña que recordéis. A continuación, váis a subir una foto para algún lugar del mundo y después me váis a enviar un correo en el que indiquéis la foto subida Para enviar el correo usad la opción de “Enviar a un amigo”.
En este ejercicio váis a practicar la edición de imágenes con los dos editores de imágenes que os he recomendado. En primer lugar váis a entrar a picknik y después váis a acceder a pixenate. En ambos editores váis a realizar algún cambio sobre la misma imagen y después me váis a enviar un correo con la imagen original y las dos modificaciones realizadas en cada programa. Además, en el correo váis a indicar cual de los dos editores de imágenes os a gustado mas y por qué.
Váis a entrar en meebo y os váis a registrar (siempre con vuestra dirección de gmail). A continuación os váis a poner de acuerdo todos los alumnos de la clase y el profesor para mantener una conversación por el google talk a través de meebo. OJO: no es necesario que inicieis sesión en el messenger.
Para los que les interese el tema, entrad en CUTS y dad vuestra dirección de correo de gmail para que os envíen una invitación para poder usarlo. Es necesario pedir invitación porque cuts todavía está en una BETA cerrada, es decir, que aun no está terminado del todo y solo dejan que determinadas personas lo usen para poder probarlo. Tenéis que enviarme un correo en el que indiquéis vuestras impresiones sobre este editor de video.
Usando el buscador de blogs de Google, tenéis que encontrar un blog que os guste y en idioma español sobre cada una de las temáticas que os indico a continuación y enviarme un correo con las direcciones de cada uno de ellos.:
tecnología
futbol
coches
alimentación
personal
cine
televisión
política
herramientas web 2.0
Para poder poneros la nota en estos ejercicios, tengo que haber recibido de cada uno de vosotros al menos cinco correos. Uno por cada uno de lo ejercicios en los que se pide que enviéis uno.
Cuidad que en los correos yo siempre pueda indentificaros correctamente.
Como hemos visto en clase, actualmente nos encontramos en “la segunda versión de Internet” (fijáos que lo he encerrado entre comillas) llamada Web 2.0.
Hasta hace poco nos encontrábamos en la Web 1.0 en la que había grandes portales de Internet escritos en lenguaje HTML y en los que el usuario solo podía buscar y leer contenidos. Eran páginas estáticas en las que solo se podía leer. Por ejemplo, las webs que estáis haciendo para el trabajo de HTML.
Hoy día nos encontramos en la Web 2.0 que se caracteriza por:
El usuario no solo lee los contenidos de la web sino que participa en la construcción y elaboración de los mismos.
Gracias a la Web 2.0 han aparecido multitud de herramientas web que nos permiten realizar muchísimas tareas sin tener que tener ningún programa instalado en nuestro ordenador. Por ejemplo: edición de video, edición de sonido, de imágenes, ofimática, etc…
Un esquema podría ser el siguiente:
A continuación os dejo una presentación realizada por una profesora en la que se resume lo que hemos visto en clase hasta ahora:
Para verla tenéis que pinchar AQUÍ. Vedla entera antes de continuar. No os la saltéis.
Herramientas 2.0
Hay cientos o miles de herramientas que pertenecen a la Web 2.0 pero algunas de las mas representativas son las siguientes:
Tenéis que realizar los siguientes ejercicios en el orden que os indico a continuación:
Lo primero que váis a hacer es crearos una cuenta de correo de gmail. Este correo es mucho mejor que el de microsoft (hotmail) y pertenece a Google. Un requisito es que la cuenta de correo tiene que coincidir con vuestro nombre pero sin usar tildes ni eñes. Por ejemplo: Si te llamas Miguel López Camuña, tu correo será: miguellopezcamuna@gmail.com
Acceded a vuestro correo y echadle un vistazo. Investigad un poco.
Váis a registraros en Writely (que ya veréis que realmente es Google Docs) usando la dirección de correo de gmail creada y váis a crear un nuevo documento de texto en el que váis a anotar vuestro nombre y apellidos y vuestro curso y en el que váis a anotar las direcciones de cinco blogs que hayáis encontrado por Internet y, además, cinco respuestas distintas a la pregunta ¿Para qué puede servir un blog?. Cuidad la presentación del texto y no os copiéis entre vosotros.
Por último, tenéis que guardar el documento anterior de Google Docs como un documento PDF en vuestro ordenador y enviarme un correo desde vuestro correo de gmail a la dirección: aramosprofe@gmail.com con vuestro nombre y apellidos y con el documento PDF adjunto.
Busca las fotos del grupo Paradigma Ciego en Flickr. Envía un correo a aramosprofe@gmail.com con la dirección de tu preferida.
Busca en SlideShare una presentación que explique cómo crear un Blog. Envía la direccion a aramosprofe@gmail.com
Ya están corregidas todas las páginas entregadas y las he subido a internet.
Algunas de ellas no han cumplido el esquema básico de tablas y otras tienen algún enlace que no funciona pero en general están muy bien y las notas han sido bastante altas.
He de decir que todas las páginas han sido hechas a mano por los alumnos empleando directamente el lenguaje HTML sobre un editor de textos.
Las páginas son las siguientes:
Bachillerato de Ciencias Sociales
Baloncesto: Rebeca Merino y Victoria Cristina Ávila
En el tema 3 estamos viendo el lenguaje HTML y, además del examen que tenéis que hacer el próximo lunes, tenéis que entregar un trabajo en el que cada uno de vosotros va a hacer una página web sobre un tema propuesto en clase.
Fecha de entrega: viernes 14 de marzo de 2008. Formato de entrega: CDROM (o DVD) con el título del trabajo y vuestro nombre y curso.
El trabajo tiene que tener la siguiente estructura:
(pinchad sobre la imagen para ampliarla)
Os recuerdo que hay que respetar la fecha de entrega. No recogeré ningún trabajo después de las vacaciones de Semana Santa.
¡ TRABAJOS CORREGIDOS ! EN CLASE OS DARÉ LAS NOTAS Y, PRÓXIMAMENTE,
TENDRÉIS LAS PÁGINAS SUBIDAS A INTERNET
Si habéis intentado hacer las páginas web en casa con el Bloc de Notas os habréis dado cuenta de que es un editor de textos demasiado simple y que no tiene prácticamente ninguna funcionalidad.
Os voy a recomendar un editor de textos que podéis descargaros de internet con el fin de trabajar en casa casi igual que lo hacéis en clase.
El editor se llama PSPAD, es gratuito y ocupa muy poco espacio. Podéis descargarlo pinchando en la imagen:
Además, en clase no usáis el internet explorer sino que trabajáis con el navegador Mozilla Firefox, también lo podéis instalar en casa si pincháis en la imágen siguiente:
Como sabéis, estamos en pleno tema 3 viendo cómo hacer páginas Web usando el lenguaje HTML y en clase hemos visto y usado muchas etiquetas diferentes.
Como se que podéis liaros un poco con todas ellas, os dejo aquí un resumen de todas las que hemos visto para que lo tengáis a mano o incluso lo imprimáis. Os puede venir muy bien para repasar o como guía rápida a la hora de hacer los ejercicios.
Para imprimirlo solo tenéis que copiar todo el contenido de este artículo en el Word y después imprimís pulsando el botón correspondiente.
Esqueleto o estructura de toda página web:
<html>
<head>
<title> Titulo de la página </title>
</head>
<body>
Contenido de la página
</body>
</html>
Etiquetas y atributos:
<body bgcolor=”red“> Fondo de toda la página de color rojo
<body background=”imagen“> El fondo de toda la página será la imagen indicada.
<br/> Salto de línea
<hr color=”red” size=”1“/> Línea horizontal de colo rojo y 1 punto de grosor
<p> …. </p> Etiqueta muy importante para los párrafos. Cada párrafo tiene que tener estas etiquetas. Puede tener un atributo:
align=”left”, “center”, “right”, “justify” (configuramos la alineación del texto de este párrafo)
<blockquote> …. </blockquote> Etiqueta para sangrar un párrafo.
<b> …. </b> Negrita
<i> …. </i> Cursiva
<u> …. </u> Subrayado
<s> …. </s> Tachado
<center> …. </center> Centrado
<marquee> …. </marquee> Mueve el texto. Puede tener dos atributos:
direction=”right” , “left” (hacia donde se moverá el texto)
bgcolor=”red” (color de fondo del texto)
<h1> …. </h1> Para hacer títulos de diferentes tamaños <h2> …. </h2> el h1 es el mas grande y el h6 el mas pequeño <h3> …. </h3>
<h4> …. </h4>
<h5> …. </h5>
<h6> …. </h6><font> …. </font> Indicamos el tipo de letra, el tamaño y el color del texto con tres atributos distintos:
face=”Comic Sans MS” (tipo de letra)
size=”12″ (tamaño de la letra)
color=”red” (color de la letra)
<sub> …. </sub> subíndices
<sup> …. </sup> superíndices
<img/> Para colocar una imagen. Tiene muchos atributos con los que configuramos la imagen:
src=”nombre de la imagen” (indicamos el nombre del archivo que contiene la imagen)
align=”left”, “middle”, “right” (indicamos el lugar en el que aparecerá la imagen con respecto al texto de alrededor)
border=”1″ (número que indica el grosor del borde que tendrá la imagen)
width=”200″ (ancho en píxeles de la imagen)
height=”300″ (alto en píxeles de la imagen)
hspace=”15″ (espacio que la imagen dejará por la derecha y por la izquierda con el texto que tenga alrededor)
vspace=”15″ (espacio que la imagen dejará por arriba y por abajo con el texto que tenga alrededor)
<a> …. </a> Sirve para colocar un enlace en la página. Contiene en su interior el nombre con el que el enlace aparecerá. Tiene un atributo:
href=”http://www.google.es” (dirección de destino del enlace)
Hoy vamos a ver un último tipo de sistema operativo usado cada vez mas.
Se trata de un Sistema Operativo móvil. Pero ¿Qué significa esto?
Un Sistema Operativo Móvil es una plataforma o escritorio virtual, libre y gratuito que se parece bastante a un sistema operativo convencional. Al ser virtual, podéis acceder a él desde cualquier ordenador que tenga instalado un navegador y una conexión a Internet.
¿Y para qué sirve un sistema operativo móvil?
Pues sirve para tener tu escritorio en cualquier ordenador en el que te sientas. Por ejemplo, configuras una serie de accesos directos, guardas algunos archivos de texto que te hacen falta y configuras algunos favoritos en el navegador. Todas estas cosas que has configurado las tendrás en cualquier ordenador en el que accedas a tu sistema operativo móvil.
Antes de comenzar los ejercicios os voy a dar algunos consejos:
Tenemos una conexión a Internet lenta por lo que esperad siempre a que la página cargue completamente antes de seguir abriendo aplicaciones del sistema operativo.
Probad también este ejercicio a hacerlo en casa para que comprobéis el funcionamiento de este sistema operativo con una conexión a Internet adecuada.
Probad el sistema operativo poniendo el navegador en pantalla completa (pulsando F11) y os parecerá realmente que estáis en él y no en una simple página web.
Los ejercicios que tenéis que realizar en esta práctica son:
Accede a la página del sistema operativo móvil EyeOS y regístraste como un nuevo usuario para poder usarlo. Para ello tienes que ir a la sección New User y escribir un nombre de usuario, una contraseña y elegir el idioma (elige el español).
Una vez que te has registrado, entra en el sistema operativo con el nombre de usuario y la contraseña que has elegido y échale un vistazo. Curiosea e investiga todo lo que encuentres. Te darás cuenta de que tienes un escritorio con una serie de elementos parecidos a los que aparecen en Windows o Guadalinex. Pincha sobre ellos y ve abriendo programas de uno en uno. Indica para qué sirve cada una de las opciones. Haz un dibujo del escritorio si es necesario para indicar los botones y su funcionalidad.
Abre una ventana cualquiera de un programa en este sistema operativo y descríbela. ¿Hay botón de cerrar? ¿y de maximizar? ¿y de minimizar?
Entra en la configuración del sistema operativo (opción preferencias del menú principal) y cambia la imagen del fondo del escritorio (elegid la imagen de la mariposa que tenéis creada).
Abre el procesador de textos y crea un documento de texto que contenga los nombres de diez colores (usa las negritas, cursivas y subrayados) y guárdalo con el nombre “colores” en una carpeta llamada “Informática“.
Prueba el resto de programas de oficina (ofimáticos) y guarda algún documento con cada uno de ellos en la carpeta Informática del ejercicio anterior. ¿Cuáles podemos encontrar? ¿Cuáles son sus equivalentes en el Microsoft Office? ¿Y sus equivalentes en el OpenOffice?
Entrad en Public Board. Esta aplicación sirve para hablar (chatear) con todas las personas que estén usando EyeOS en este momento. Podréis hablar entre vosotros. Usadlo durante 2 o 3 minutos.
Entrad en el navegador de Internet, llamado Navigator. Entrad en la página de la asignatura y guardadla en vuestros favoritos (llamados bookmarks).
Probad la calculadora del sistema y el EyeNotes. ¿para qué sirve este último?
Entrad en Software. Aquí encontraréis una lista de todas las aplicaciones que están instaladas en este sistema. Ejecutad el programa EyeTerre, el juego Sonic y el EyeGroups.
Por último, escribid un comentario a este ejercicio dando vuestra impresión sobre el sistema operativo móvil que acabáis de probar.
Entre el día de hoy y el próximo día váis a hacer una relación de ejercicios sobre el Sistema Operativo Guadalinex.
Antes de hacer los ejercicios tenéis que leeros (y estudiaros) la parte teórica previa que váis a encontrar en el enlace que os daré a continuación.
Todas las respuestas a los ejercicios las debéis de apuntar en vuestra libreta porque después las vamos a corregir en clase e incluso yo (el profesor) recogerá algunas libretas para corregirlas en casa y poner la correspondiente nota a sus autores.
En el examen que haremos de este tema, puede caer cualquier pregunta parecida a las que váis a hacer en este ejercicio.
Para hacer el ejercicio, pinchad sobre el siguiente ENLACE.
En el caso de que el enlace anterior no os funcione correctamente, probad con este otro.
Esta página va a ser nuestro lugar de trabajo. En ella encontraréis ejercicios, prácticas, apuntes y material complementario para la asignatura de Informática Aplicada del IES Martín Aldehuela
3 Comentarios | 
Tema 3, Trabajos | 
Enlace permanente
Publicado por Antonio Ramos
una conferencia en Málaga.
mundo Web2.0 
Como sabéis, estamos en pleno tema 3 viendo cómo hacer páginas Web usando el lenguaje HTML y en clase hemos visto y usado muchas etiquetas diferentes.
