Diapositivas avanzadas con PICTOBROWSER

En la práctica anterior, antes de irnos a comer tacos rockeros, Nos dimos cuenta de lo práctico y versátil que resulta poder crear galerías de imágenes que se pueden mandar fácilmente por correo o pegar como comentario en facebook, twitter, etc. En la parte final de la práctica la incorporamos al código html de nuestro blog para que apareciera al momento de publicar la entrada y compartir dichas imágenes con nuestros usuarios o visitantes del blog.

Flickr provee una excelente ayuda en la administracion de un grán numero de imágenes, pero quizá no es tán flexible al momento de brindar opciones para configurara el funcionamiento y apariencia de sus presentaciones de imagenes. Es entonces que podemos recurrir a servicios externos como PictoBrowser que se encuentra en 

http://www.db798.com/pictobrowser/index.php

(Insertar aqui la foto de la página de bienvenida de pictobrowser)


Este servicio es gratuito y no requiere ni siquiera la generación de un registro o suscripción. El unico requisito que necesita de nosotros es una cuenta en FLICKR o Picasa y que en cualquiera de ellos contemos con albums ya realizados y con contenido de fotos.

(poner foto de nuestro perfil de FLICKR con un álbum ya hecho)

En la interfase de bienvenida de Pictobrowser hay un campo para poner un usuario. Este es nuestro nombre de usuario de FLICKR (no el de la clave de entrada sino el que nos recibe en nuestro panel de control, el que siempre esta en un idioma diferente)

En un segundo paso aparecen los diversos albums que se convertirán en presentaciones virtuales.
(Insertar aqui foto de esta pantalla)

Luego llegamos al apartado de vista previa y configuración de la presentación. Aqui se encuentran los ajustes y parametros que van a personalizar nuestra presentacion. Desde el color del fondo, la orientacion de las imagenes, su tamaño, notas y texto sobre las imágenes y la trasparencia del menu (control de opacidad) podemos jugar con estas opciones hasta generar una enteramente a nuestro gusto. 
(insertar foto de pantalla de configuracion)

En una pestaña lateral aparece el codigo HTML de este script de flash, mismo que podemos copiar y pegar a nuestra entrada de blogger.
(pegar código)

NOTA: Uno de los parámetros con los que trabaja pictobrowser en el menú de configuración es el determinar el color de nuestro fondo  en la forma de un color en codigo HEXADECIMAL (con valores del 0 al G, podemos recurrir a una plantilla en linea que nos genera el codigo hexadecimal de nuestro color seleccionado)

Get the flash player here: http://www.adobe.com/flashplayer

Sesión 7: Las Galerías Fotográficas Virtuales.

Esta sesión va a generar un usuario en la página de Flickr. Este servicio gratuito se especializa en la administración de grandes colecciones de fotos, y nos permite compartirlas con otros usuarios, además de generar prácticas galerías de nuestros álbums.

Para comenzar esta práctica debemos usar Google para recolectar un máximo de 10 imágenes bajadas de internet.

(Poner foto de www.flickr.com)
1.- Utilizando nuestra cuenta de google creamos un nuevo usuario en www.flickr.com

2.- Utilizando la interfase de ¨subir fotos¨ creamos un nuevo album de fotografias, que contenga nuestras 10 imágenes.
(Poner foto de interfase para subir imágenes)

3.- Exportar una galería por medio de las siguientes instrucciones: a) mandarla por correo a un compañero,  b) transplantar el codigo a nuestra entrada del blog.
(poner presentacion aqui)

Sesion 5: Presentacion de prueba con PREZI

INSTRUCCIONES:

Utilizando la cuenta que abrimos en el portal de www.prezi.com la sesión pasada, vamos a entrar a realizar una presentación nueva con las siguientes características:

NOTA: En donde se pongan frases entre corchetes, ahi hay que insertar la captura de la pantalla describiendo la instrucción que se esté realizando.

1.-El tema de la presentación es ¨Cómo hacer tamales¨

2.-Investigar en internet los ingredientes y los pasos de la receta

3.-Buscar en Imágenes de google las fotos de los ingredientes, no importa su tamaño. También dos fotos de Tamales que no sean las que vengan en la página de la receta. Ir guardando el material en el escritorio.

4.- Accesar a PREZI en una pestaña nueva (Poner foto de la página de bienvenida de Prezi)

5.- Entrar a nuestro panel de control, crear un nuevo prezi (foto del boton de crear nuevo prezi)

6.-Titulo de la presentacion: ¨Como hacer tamales¨

7.-Introducir a Prezi los siguientes elementos: 
El titulo de la presentacion, un listado de ingredientes (decorar con las fotos de cada uno)
Y acomodar el texto con el paso a paso de la receta. Decorare al final con las fotos del platillo terminado. (insertar foto del proceso de diseño de la presentación)

8.-Animar con la herramienta de PATH el movimiento entre cada elemento que diseñamos en el paso anterior.(Insertar foto de este paso)

9.-Insertar nuestra presentación terminada en nuestra entrada de BLOGGER (Este paso es con asistencia del maestro, que los quiere mucho a todos, incluyendo a la Comandanta)

10.-FIN

Sesión 3: Herramientas adicionales del menú

En la sesión anterior pudimos experimentar con las herramientas básicas de redacción de nuestra ventana de edición de una entrada nueva.

Estas herramientas controlaban los estilos básicos para modificar la apariencia de los textos, y además utilizamos la opción para añadir imágenes.

En esta sesión utilizaremos las siguientes opciones:

1.- El botón para insertar video:
Este botón manda llamar la interfase de YouTube.com que nos facilita la búsqueda de video del contenido que nos interese.

Nota: hay un segundo método para insertar los videos, sobre todo cuando no se encuentran nativamente en youtube. Tenemos que ubicar el boton de SHARE o de EMBED en el video que nos gusta. Luego copiamos ese código y regresamos a nuestra ventana de edición de texto.Ubicamos el boton de HTML en la esquina superior izquierda de la pantalla y esperamos a que se cambie todo lo que hemos escrito a código.
Nos colocamos en el final del documento ya que se acaba el codigo y ahí pegamos el codigo que nos traemos del otro video.
Para ver lo que pegamos, es necesario regresarnos a la modalidad de REDACTAR.





ANEXO 1
El servicio en línea de KEEPVID

Est página sirve para crear un archivo descargable de casi cualquier página que muestre un video. La idea es quedarnos con una copia de dicho video, que puede ser vista en un reproductor sin necesidad de recurrir a una conexión de internet.

Pasos para usar el servicio KEEPVID

1.-Entramos a www.keepvid.com
2.-En otra pestaña accedemos a www.youtube.com
3.-Seleccionamos el video de nuestra preferencia
4.-Copiamos el link que aparece en la barra de direcciones del video que seleccionamos
5.-Lo pegamos en el recuadro que indica KEEPVID
6.-Presionamos el boton que activa la pagina y esperamos a que nos pida confirmar el funcionamiento de JAVA dos veces.
7.-Seleccionamos la resolución y el formato del video a bajar. De preferencia en MP4 y en la mayor resolución en puntos que nos indique.
8.-Si no queremos video, pero queremos conservar el audio, seleccionamos la opción de mp3.
9.-Esperamos a que descargue el archivo

Sesión 2: Introducción a Blogger

En esta sesión vamos a conocer las diversas pantallas y la interfase básica que nos presenta BLOGGER.

Estos son los pasos para crear una primera entrada:

(Poner foto de www.blogger.com, sin haber accesado)

1.- Accesamos a www.blogger.com. Esta página y servicios son propiedad de GOOGLE por lo que si, ya contamos con un usuario de gmail, no necesitamos volver a llenar los formularios para crear una nueva cuenta.
(Poner una foto de la pagina de bienvenida) 2.- Una vez que estamos dentro de nuestro panel de control, podemos entrar a nuestro blog, que identificamos por su título. Si no contamos con un blog previamente configurado, creamos uno nuevo en el botón de CREAR BLOG.

(foto de panel de cont6rol del BLOG, el de la grafica)

3.- Necesitamos determinar tres características básicas para cualquier blog que desarrollemos: Un título que da la bienvenida a los visitantes, una dirección URL, que es la que usamos en los navegadores de internet para visitar nuestra página, que significa UNIVERSAL RESOURCE LOCATOR (localizador universal de recursos) y por último, seleccionamos una plantilla básica, que sirve para asignarle una apariencia a nuestro blog. Esto es puramente estético y podemos cambiarlo y/o editarlo a discreción posteriormente.

(insertar foto de CREAR UN BLOG NUEVO)

4.- Seleccionamos nuestro blog (por su título) del listado que dice, convenientemente, MIS BLOGS.

5.- La pantalla que aparece es el panel de control del blog seleccionado, que nos recibe con una gráfica que muestra el tráfico reciente de nuestra página.

Menú de entradas

6.- Seleccionamos el menú de entradas, ubicado en la columna de la izquierda. Ahí creamos una entrada nueva o editamos las anteriores.

7.- Escribimos como enajenados... LISTO!




En esta sesión vamos a conocer las diversas pantallas y la interfase básica que nos presenta BLOGGER.

Estos son los pasos para crear una primera entrada:

1.- Accesamos a www.blogger.com. Esta página y servicios son propiedad de GOOGLE por lo que si, ya contamos con un usuario de gmail, no necesitamos volver a llenar los formularios para crear una nueva cuenta.

2.- Una vez que estamos dentro de nuestro panel de control, podemos entrar a nuestro blog, que identificamos por su título. Si no contamos con un blog previamente configurado, creamos uno nuevo en el botón de CREAR BLOG.

3.- Necesitamos determinar tres características básicas para cualquier blog que desarrollemos: Un título que da la bienvenida a los visitantes, una dirección URL, que es la que usamos en los navegadores de internet para visitar nuestra página, que significa UNIVERSAL RESOURCE LOCATOR (localizador universal de recursos) y por último, seleccionamos una plantilla básica, que sirve para asignarle una apariencia a nuestro blog. Esto es puramente estético y podemos cambiarlo y/o editarlo a discreción posteriormente.

4.- Seleccionamos nuestro blog (por su título) del listado que dice, convenientemente, MIS BLOGS.

5.- La pantalla que aparece es el panel de control del blog seleccionado, que nos recibe con una gráfica que muestra el tráfico reciente de nuestra página.

6.- Seleccionamos el menú de entradas, ubicado en la columna de la izquierda. Ahí creamos una entrada nueva o editamos las anteriores.

7.- Escribimos como enajenados... LISTO!

Entrada de prueba.

Mi nombre es Luis Felipe López Pérez y este es mi nuevo blog.