SESION 8: Diapositivas avanzadas con PCTOBROWSER

En la práctica anterior, antes de irnos a comer tacos rockeros, nos dimos cuenta de lo practico y versátil que resulta poder crear galerías de imágenes que se pueden mandar facilmente por correo o pegar como comentario de facebook, twitter, etc. En la parte final de la practica 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.

Flicker provee una excelente ayuda en la administración de un açgran numero de imágenes, pero quizá no es tan flexible al momento de brindar opciones para configurar el funcionamiento y apariencia de sus presentaciones de imágenes. Es entonces que podemos recurrir a servicios externos como PictoBrowser que se encuentra en 

http://www.db798.com/pictowser/index.php
(Insertar aqui la pagina de bienvenida de pictobrowser)

Este servicio es gratuito y no requiere ni siquiera la generacon de un registro o subscripcion. 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 contenidos de fotos.

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

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

En un segundo paso aparecen los diversos album 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. Aquí se encuentran los ajustes y parámetros que van a personalizar nuestra presentación. Desde el color del fondo, la orientación de las imágenes, su tamaño, notas y texto sobre las imágenes y la transparencia del menú (control de opacidad) podemos jugar con estas opciones hasta generar una enteramente a nuestro gusto.
(insertar foto de pantalla de configuración)

En una pestaña lateral aparece el código 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 código HEXADECIMAL (con valores del 0 al G, podemos recurrir a una plantilla en linea que nos genera el código HEXADECIMAL de nuestro color seleccionado.

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

SESION 5 Presentación de prueba con PREZI

SESIÓN 5

INSTRUCCIONES:

Utilizamos 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 ahí hay que insertar la captura de la pantalla describiendo la instrucción que se esta realizando.

1. El tema de la presentación es ¨Como 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 pagina 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 botón de crear nuevo PREZI)

6. Titulo de la presentacion   ¨Como hacer tamales¨

7. Introducir a PREZI los siguientes elemento:
El titulo de la presentación, un listado de ingredientes ( decorar con las fotos cada uno)
Y acomodar el texto con el paso a paso de la receta. Decore allí 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

¨como hacer tamales¨ on Prezi

SESIÓN 3: Herramientas adicionales del menu

En la sesión anterior pudimos experimentar con las herramientas básicas de redacción de nuestra ventana de edición de una ventana 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 botón  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 botón de HTML en la esquina superior izquierda de la pantalla y esperamos que se cambie todo lo hemos escrito a código.Nos colocamos en el final del documento ya que se acaba el codigo y ahi pegamos el codigo que nos traemos del otro video.

Para ver lo que pegamos es necesario regresamos a la modalidad de REDACTAR.

ANEXO 1
El servicio en linea de KEEPVID .

Esta 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 sevicio 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 botón que activa la página y esperamos 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 el audio 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  estrada:
(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 página de bienvenida)

2-  Una vez que estamos en nuestro panel de control, podemos entrar en nuestro blog, que identificamos por su titulo. Si no contamos con un blog previamente configurado, creamos uno nuevo en el botón de CREAR BLOG. 
(Foto panel de control de blog el de la gráfica)

3.-Necesitamos determinar tres características para cualquier blog que desarrollemos: Un título que da la bienvenida a los visistantes, una dirección URL, que es la que usamos en los navegadores de internet para visitar nuestra página, que significa UNIVERSAL RESOURCCE 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 de crear un nuevo blog)

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 trafico reciente de nuestra página.

menu principal

.






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.

                                 Anexo 1 
Todas las entradas que manejemos a lo largo del blog van  a ilustrar una serie de pasos describiendo una actividad o un pocedimiento. Para fines   de ilustrar adecuadamente nuestros apuntes vamos a recurrir a la captura de pantallas.
Para capturar una pantalla utilizamos la tecla PTR SCR (Print Screen) que toma  una fotografía de lo que sea que estemos viendo en el monitor. Lo que esta tecla hace lo captura y pega en la memoria aleatoria de la computadora, esto es lo coloca en el portapapeles y lo podemos en el programa de nuestra elección (programas con los que funciona:
paint, word, excel, power point cualquier editos de fotografías), en el caso de nuestra clase lo vamos a pegar en el programa paint y ahi, lo convertiremos en JPEG para guardarlo en nuestra máquina y subirlo posteriormente en nuestro blog.
Aplicaciones especificas de la captura de pantalla.
Cuando ocupamos un aspecto en particular y no la pantalla completa podemos hacer una de dos cosas:
1. Presionando Alt +Print Screen seleccionamos solo la ventana que tenemos activa.
2. Utilizando la herramienta de selección en paint podemos recortar solo una parte de nuestra imagen y convertirla en un nuevo archivo.
 



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  estrada:
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 en nuestro panel de control, podemos entrar en nuestro blog, que identificamos por su titulo. Si no contamos con un blog previamente configurado, creamos uno nuevo en el botón de CREAR BLOG. 
3.-Necesitamos determinar tres características para cualquier blog que desarrollemos; Un título que da la bienvenida a los visistantes, una dirección URL, que es la que usamos en los navegadores de internet para visitar nuestra página, que significa UNIVERSAL RESOURCCE 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 bloig por su título del listado que dice convenientemente MIS BLOGS
5.- La pantalla que aparece es el panel de control del blog seleccionbado, que nos recibe con una gráfica que muestra el trafico 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.

Entrada de prueba

Mi nombre es Lourdes Salinas Hernandez