Integrar un fichero de Geogebra en WordPress (2ª parte)

9 04 2009

Como sabéis WordPress no soporta la subida de ficheros .ggb por lo tanto necesitamos un hosting para poder subirlos y enlazarlos desde nuestro blog.

Geogebra nos da la posibilidad de subirlos a un host de forma gratuita en el cual podemos encontrar otras aplicaciones realizadas por otras personas y compartir las nuestras.

La dirección es la siguiente http://www.geogebra.org/en/upload/, y los pasos a seguir son los siguientes:

1. En tramos en la dirección indicada anteriormente y nos registramos para poder subir los ficheros. Para registrarse en la parte superior derecha, pinchamos en Login y aparece una ventana como la que vemos a continuación, donde pinchamos en Register.

Geogebra_blog34. Nos registramos rellenando los datos que nos piden y una vez registrados, accedemos para poder subir los ficheros. Para ello pinchamos de nuevo login, e introducimos nuestro usuarios y nuestra password y pulamos Enter.

5. Una vez que estamos dentro, el siguiente paso es crearnos una carpeta donde subir nuestros ficheros. Si bajamos hasta el final de la página tenemos la posibilidad de Crear Nuevo Directorio, elegimos el nombre (típicamente nuestro nombre) y pulsamos Hacer Directorio como vemos en la siguiente figura.

Geogebra_blog46. Una vez que lo hemos creado, lo buscamos en el listado de carpetas que vemos y pinchamos para entrar dentro de él y subir dentro los ficheros. Para subirlos debemos subir los dos ficheros generados (ver 1ª parte de esta entrada), el fichero html y el ggb. Se sube en el cuadro Subir Archivo, eligiendo el fichero mediante el botón Examinar nuestros ficheros del equipo. Podemos añadir también una Descripción de la aplicación que subimos. Finalmente pulsamos el botón Subir Archivo.

7. Una vez que tenemos los ficheros subidos, probamos que todo ha ido bien pinchando sobre el fichero terminado en html. Se abrirá el navegador y se cargará nuestra aplicación.

8. En este momento ya tenemos una dirección para poder vincular a una imagen de nuestro blog o a un texto. Copiamos la dirección del navegador donde se ha abierto nuestra aplicación y la vinculamos al objeto de nuestro blog que queramos. En los ejemplos que podéis ver en este blog están vinculados a imágenes.

Espero que os haya servido de ayuda ;).





Integrar un fichero de Geogebra en WordPress (1ª parte)

9 04 2009

Muchos de nosotros realizamos aplicaciones con Geogebra muy visuales  para los chavales como las que podéis ver en este blog. Para poder integrar un fichero Geogebra en WordPress hay que seguir los siguientes pasos:

1. En primer lugar debemos exportar nuestro fichero para convertirlo en una página web. Para ello una vez que hayamos terminado nuestro fichero de Geogebra, nos vamos al menú de Geogebra, Archivo, Exporta, Plantilla Dinámica como Página Web (html) … , aparecerá el siguiente menú.

Geogebra_blog

2. Ahí podemos poner el título de nuestra applicación, el autor, etc … Es importante indicar algunas opciones del menú Avanzado, por tanto pinchamos en él y aparece la siguiente ventana.

Geogebra_blog2

3. Si os fijáis, aquí podemos establecer el Ancho y el Alto de nuestra applicación (applet) que se cargará en la página web. También es importante seleccionar la casilla de Java Applet, ya que si no lo seleccionamos, sólo podrán visualizarlo los usuarios que tengan instalado Geogebra en su equipo. De esta forma todos los usuarios podrán ver la applicación.

4. Por último pulsamos el botón Exporta y se nos guardan dos ficheros, un fichero terminado en .html y otro fichero terminado en .ggb. Si ejecutamos el fichero terminado en .html comprobamos el resultado que aparecerá en el navegador.

5. Actualmente tenemos una página web con nuestra aplicación en nuestro equipo, ahora necesitamos subirlo a internet para que todo el mundo pueda verlo e integrarlo en nuestro blog de WordPress. Esto lo podemos ver en la 2ª parte de esta entrada.





Integrar Google Calendar en WordPress (2ª parte)

18 03 2009

Una vez que tenemos nuestro calendario creado, su integración en WordPress es muy sencilla. Se puede vincular a un texto o a una imagen del siguiente modo. Vamos a hacer el ejemplo con una imagen (con cualquier otro elemento sería similar).

1. Elegimos una imagen y la insertamos en una página o entrada (en este blog el calendario está insertado en una página). Recordad que para insertar una imagen en WordPress podemos hacerlo pulsando el primer botón del editor que se encuentra al lado de Subir/Insertar.

2. Por otro lado, en otro navegador, abrimos nuestro Google Calendar, y en el menú Mis calendarios elegimos Configuración.  Dentro de Configuración, en la pestaña Calendarios, pinchamos en el nombre de nuestro calendario.

Google Calendar Configuración

3. Una vez seleccionado, en la pestaña Detalles del calendario, podéis cambiar opciones, entre ellas el nombre del calendario.

4. Seleccionamos la segunda pestaña, Compartir este calendario, y seleccionamos la opción de hacer público este calendario. Después pulsamos Guardar.

Google Calendar Público

5. Una vez hecho esto, volvemos a Configuración, Calendarios y seleccionamos nuestro calendario. Si bajamos para abajo, aparece una opción que dice Dirección del calendario con tres botones de colores. Pulsamos el azul que tiene por rótulo HTLM y copiamos la dirección que aparece.

Google Calendar enlace

6. Volvemos al editor de WordPress, donde tenemos nuestra imagen insertada. La seleccionamos, y pulsamos el botón Insertar o editar enlace (simbolizado mediante una cadena) y pegamos en la parte URL del enlace la dirección que habíamos copiado del calendario. Sólo nos queda elegir como Destino, Abrir en una ventana nueva y pulsar Insertar. Publicamos la entrada o la página y al pulsar sobre la imagen, se abrirá una nueva ventana con nuestro calendario.

7. Para añadir eventos al calendario, lo único que tendremos que hacer es añadirlos en Google Calendar, y los cambios se verán reflejados ya que es un vínculo, directamente en nuestro blog. Los eventos sólo los podemos crear, modificar o eliminar nosotros desde nuestra cuenta de Google. Los usuarios sólo podrán leerlos accediendo desde el Blog.

Un saludo.

🙂 Espero que sea de utilidad.





Integrar Google Calendar en WordPress (1ª parte)

18 03 2009

Google Calendar Tutorial 1

La forma de integrar Google Calendar (calendario de eventos que proporciona Google) en WordPress, es mediante un vínculo como véis aquí. (Si pincháis en la imagen veréis el calendario).

Es necesario hacerlo así, ya que el código que nos proporciona Google no lo admite WordPress (si alguien conoce otra forma que lo comunique por favor 🙂 )

Para ello vamos a ir viendo paso a paso cómo hacerlo.

1. En primer lugar accedemos a la página oficial de Google Calendar, cuya dirección es www.google.com/calendar.

2. Si ya tiene una cuenta de Google, sólo tiene que introducir el correo electrónico y la contraseña y acceder, posteriormente pasad al punto 4 de este tutorial. Si no tenemos cuenta de Google, pulsaremos el botón Crear Cuenta que aparece en la pantalla e introduciremos los datos que nos piden. Posteriormente pulsamos el botón Acepto. Crear cuenta.

Google Calendar Tutorial 2

3. Una vez creada la cuenta, vamos a nuestro correo electrónico y pulsamos el enlace de activación que nos han mandado. En ese momento ya podemos entrar en Google Calendar, con nuestro correo electrónico y la contraseña que hayamos elegido.

4. Cuando accedemos, aparece confirmación de nuestros datos, no olvidéis poner el horario correcto, si estáis en la península sería GTM (+1:00) Madrid.

5. Una vez que accedemos a Google Calendar, aparece una ventana como la que se muestra a continuación.

Google Calendar Tutorial 3

6. En la parte izquierda, aparece un menú: Mis calendarios, con un calendario principal por defecto cuyo nombre es la dirección de correo electrónico. Pulsamos el enlace de Opciones que está justo debajo para configurar las opciones de nuestro calendario. Dentro de opciones, pinchamos la pestaña General y cambiamos el lenguaje a Español y el horario si no está cambiado lo ponemos GTM (+01:00) Madrid y pulsamos Guardar.

Google Calendar

7. Para crear un evento dentro del calendario, símplemente tenemos que pinchar en el día y hora que queramos y aunque no sea exacto, al pulsar Editar detalles del evento podemos concretar todos los detalles del evento.

Google Calendar Crear evento

Al pulsar Editar detalles del evento aparece la siguiente ventana:

Google Calendar Detalles Evento

8. Una vez creado el evento, pulsamos Guardar, y podemos verlo en nuestro calendario.

La forma de añadir eventos en nuestro calendario es esta, y una vez que lo integremos (ver segunda parte del tutorial), no tendremos que preocuparnos por nada, diréctamente los eventos que incorporemos al calendario, se verán automáticamente en nuestro blog.





Cómo crear un Blog [Actualizada]

15 03 2009

Aquí tenéis la documentación del curso de “Creación de un blog de aula”. Es un tutorial muy guiado. Si tenéis problemas me lo comentáis a lo largo del curso o mediante un comentario en este blog.

Documentación Creación de un Blog

Un  saludo y espero que os sea de utilidad.

Inma.

Se han actualizado algunos documentos con respecto a la versión anterior corrigiendo algunos pequeños errores.





Poner música en tu blog

10 03 2009

Para poner música en tu blog, podemos utilizar Goear que puedes encontrar tanta música como quieras. Es un portal tan famoso como lo es Youtube para vídeos.

Abrimos la página www.goear.com, y buscamos el archivo de música que queramos, por ejemplo yo voy a buscar Bohemian Rhapsody como vemos en la figura:

Goear_1Una vez buscada, seleccionamos un archivo y comprobamos que es el archivo de música que queríamos.

WordPress no soporta los archivos de Goear de la misma forma que lo hace con los vídeos de Youtube ya que al copiar el código no lo reconoce, por tanto para poder reproducir en nuestro blog su música debemos seguir los siguientes pasos:

1. Al lado del título de nuestra canción aparece un enlace, Open in small window, lo pulsamos y se abre una ventana pequeña de la que copiamos su dirección (botón derecho del ratón, copiar).

Goear_2

2. Una vez copiada accedemos a la página http://www.videofindr.net/goear/ y pegamos la dirección en el buscador, como podéis ver en la imagen.

Goear_3

3. Una vez pulsado Enviar consulta aparecerá un enlace terminado en .mp3, seleccionamos y copiamos el enlace (botón derecho del ratón, copiar).

Goear_4

4. Posteriormente vamos a nuestro blog, panel de administración, Entradas, Crear. Hacemos esto porque vamos a crear una entrada con ese audio que acabamos de seleccionar.

5. Ponemos el título y el texto que queramos a nuestra entrada y a la hora de insertar el audio, escribimos:

http://espacio”enlace_copiado

quitando las comillas y la palabra espacio y poniendo un espacio real (están puestas porque si lo quito aparecerá un reproductor como veréis a continuación con el ejemplo).

En mi ejemplo:

y si quitáis las comillas y la palabra espacio y poniendo un espacio real en el editor, al visualizar aparecerá un reproductor como el que se muestra a continuación, en el que si pincháis en play se reproducirá la canción.