Como vamos a celebrar el ultimo dia de clases

sábado, 12 de enero de 2013

Sesion 9: Editando las propiedades de mi blog.

Hasta el momento hemos trabajado con las funciones básicas de un blog y los diversos contenidos que podemos incorporar en la forma de Fotos, videos, galerías, etc.



Blogspot está diseñados como una herramienta modular a la cual podemos modificar sus funciones para convertirla en un medio especializado e comunicación  Existen 2 posibles maneras de modificar su funcionamiento y apariencia: por un lado contamos con un a interfase interactiva que modifica las cualidades estéticas de nuestro blog a detalle.




En el transcurso de esta sesión nos avocaremos a editar el funcionamiento de nuestra bitácora con gadgets.




DEFINICION DE GADGETS

En muchas plataformas o sistemas operativos, el gadget es empleado como un pequeño programa que realiza una función especifica, y que se itegra fácilmente a un entorno existente.  Esto es, como un mínimo de programación de instalación o  nada de programación e instalación.
En el OS de Apple, este mismo tipo de programas es conocido como Widget, es exactamente lo mismo, pero registrado a un nombre alternativo.
Gadgets mas populares:
En windows: clima, de mapas, de Windows Media Player, de motores de busqueda, juegos, etc.


En nuestro blog; directorios de paginas web, interfases de captura para suscripciones por correo electrónico, traductores de contenido, ventanas de vídeo, etc.




Como editar los gadgets de nuestro blog;



La plantilla d nuestro blog tiene 4 partes primordiales;


  • El encabezado
  • El área de contenidos (aquí se muestran nuestras entradas)
  • La columna de usos múltiples (por lo regular a mano derecha de los contenidos)
  • El pie de pagina.
La integración de todos estos módulos o gadgets conforma la plantilla de nuestro blog.
para añadir un gadget;
Seleccionamos uno de los posibles lugares vacíos en el diseñador de plantillas y presionamos Añadir gadget

Escogemos el de nuestra elección de una lista que aparece en una ventana aparte.
Cada gadget tiene un menú en donde se configura su funcionamiento. En ester menú específicamente la funcionalidad que requerimos del programa, presionando Guardar se integro permanentemente a nuestro blog.

PARAS EDITAR LOS GADGETS;

Podemos presionar el botón de editar cuando estamos en la pantalla que muestra la plantilla, cuando estamos viendo nuestro blog existe un pequeño icono de herramientas que nos permiten acceso inmediata de la ventana de edición de las propiedades de cada gadget.


PARA MOVER UN GADGET DE LUGAR;
Cada gadget es una ventana modular que puede desplazarse hacia 3 de las 4 partes de nuestro blog, el encabezado, la columna de usos múltiples y el pie de pagina. Solo presionamos la ventana del gadget y sin soltar el botón desplazamos el mouse a cualquiera de las áreas mencionadas, o bien podemos alterar el orden en que aparecen en su misma sección (por ejemplo; mover el directorio de paginas de lugar, pasar el gadget de susbscripciones a la parte de arriba de la lista, etc.)


MODIFICACIÓN AVANZADA DE PLANTILLA.
Blogger nos permite configurar la plantilla de nuestra bitácora de manera muy completa y extensa, a modo tal que podemos personalizar a detalle la apariencia -no solo el funcionamiento - de nuestra pagina.
En la columna del menú principal, debajo de diseñó tenemos un apartado que se llama plantilla, en este apartado partimos de la plantilla que seleccionamos originalmente, y sobre ella configuramos opciones como;


Color de fondo. Este nos permite cambiar el color de base de nuestra foto que colocamos ya sea centrada o bien a modo de mosaico.

Tipografías; en este apartado podemos cambiar el tipo de letra que se emplea para títulos  encabezados, cuerpos de texto, notas y links.
Columnas; podemos estipular al ancho de las diversas columnas que conforman nuestra pagina, expresando esta página, expresando esta pagina en pixeles.
Diseño avanzado; podemos alterar la disposición de los elementos que conforman la plantilla de la pagina, mostrando la cantidad de información que consideramos pertinente.


















SESIO9N 6. Conectividad con Twitter

Anteriormente ya hemos comentado sobre el servicio de twitter. Sus mensajes de 140 caracteres o menos mantienen un flujo de información constante, concreto y fluido, permitiendo que sus usuarios sean expuestos a ráfagas de información que están actualizándose constantemente.


 El propósito de esta sesión busca crear un canal de comunicación en twitter entre los miembros del salón, y posteriormente integrarlo en canal de comunicación BLOGGER-TWITTER-FACEBOOK en donde sea relativamente fácil mantener informado a un grupo considerable de subscriptores.



A) Crear un usuario en Twiter y publicar un mensaje de prueba compartiéndolo con los compañeros del diplomado.




(Insertar una foto de la pantalla de bienvenida de Twitter)



1.- Debemos de dar de alta o seguir a 10 personas para activar nuestra cuenta a las que vamos a seguir pueden ser conocidos, familiares o bien celebridades, etc.



2.- Desde este punto ya contamos con un flujo de mensajes de estos usuarios a los que anexamos. Estos pequeños mensajes (no mayores a 140 caracteres) son nuestro flujo de tweets y va mantenerse en constante crecimiento en la medida en que dichas cuentas muestren actividad por parte de sus usuarios.



3.- Un usuario de twitter tiene asignado un nombre que DEBE comenzar con el signo de @ (ej. usuario de twitter   (nombre y apellido). Por lo regular están escritos en minúsculas pero en caso de tener mayúsculas también Twitter los pude buscar y localizar indistintamente de su redacción. Es muy importante observar que los nombres no contienen espacios y no sobrepasan los 16 caracteres incluyendo la @.


4.- La comunicación directa entre usuarios se da incluyendo el nombre del destinatario en el cuerpo de nuestro tweet  por ejemplo @fulanitodetal, que gusto verte, te esperamos para comer el prox. fin de semana.

Al usuario @fulanitodetal no solo le aparecerá un mensaje con su nombre en su columna de tweets, sino que le llegara aparte una notificación de que alguien lo esta contactando, y esto sera a través de su apartado de @connect en su pagina de Twetter, que es una sección del sitio donde se guardan y notifican todas las interacciones con otros usuarios de forma directa.


El símbolo de  numero o ¨Hashtag¨(#) es una instrucción que sirve para crear un topico o un tema que esta pensado para ser de fácil acceso de otros usuarios o bien para que todo mundo que identifique dicha etiquete pueda contribuir a la conversación . Ej¨
Tweet:
Yo considero que la mejor medicina para el resfriado es la prevencion y consumir vitamina C 
¨Yo considero que la mejor medicina para el resfriado es la porevencion y consumir vitamina C #medicinapreventiva



Para hacer futuras contribuciones al tema o bioen poder ver lo que otras personas (incuyendo a quienes no tengamnos anexados a nuestro propio twuitter) hay que escribir en lka ventana de bsucar el texto:

#medicinapreventiva

O bien hacer click en esta etiqueta en cualquiera de nuestros mensajes o los mensajes de quien los mencione.

De este modo podemos hacer que Twitter nos muestre un a columna de mensajes que solo contengan esta etiqueta.

5.- El servicio de intermediario TWITTERFEED (inserta fotografía de pagina principal TwitterFeed.com)



Esta pagina nos permite crear un enlace de comunicación entre dos o mas servicios que facilita una mayor cobertura de formatos y acceso a personas que pueden estar interesados en nuestros contenidos.




6. El primer punto es crear un usuario en www. twitterfeed.com.






Sesion 7: Las Galerías Fotográficas Virtuales

Esta sesión va a generar un usuario en la pagina de Flickr. Este servicio gratuito se especializa en la administración de grandes colecciones de fotos, y nos permite compartirlas con otros usuarios, ademas de generar practicas galerías de nuestros albums.

Para comenzar esta practica 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 álbum de fotografías  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( trasplantar el código a  nuestra entrada de blog.
(poner presentación aqui)




Cuarta sesión. Presentaciones interactivas con PREZI

El servicio gratuito de PREZI es un paquete básico de presentaciones interactivas que se diseñan,  editan y almacenan en internet. PREZI está diseñado como una alternativa a power point y permite en gran medida manejar la misma variedad de datos e información que maneja su competencia .
La particularidad de este servicio es que se acerca y aleja como si fuera una cámara flotando en el espacio, lo que nos permite crear la ilusión de movimiento y tomas dinámicas que crean una presentación atractiva.

Para crear un usuario en PREZI entramos a www.prezi.com.

1. Podemos crear una nueva cuenta si empleamos nuestro usuario y password de FACEBOOK.

2. Una vez dentro de nuestro perfil de PREZI creamos una presentación nueva.

3. La interfase de este servicio es relativamente sencilla toda el área reticulada es nuestro espacio virtual. Las herramientas se encuentran en los menús en la esquina superior  izquierda o en la barra superior de la pantalla, dependiendo de la versión que use nuestro navegador.




sábado, 8 de diciembre de 2012

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

sábado, 27 de octubre de 2012

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








sábado, 13 de octubre de 2012

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.