miércoles, 7 de diciembre de 2011

Sesión 21:Introducción al diseño gráfico: La apariencia de nuestro blog.

Glosario de términos básicos para el el diseño gráfico a través de medios electrónicos.
1.-¿Qué es un Pixel?
El Pixel es la unidad de color con luz mínima que puede representar un medio electrónico. Su forma física más tangible es un punto de color en la pantalla. En televisiones y monitores más grandes, también en pantallas gigantes de LCD ( como las que se encuentran en los anuncios publicitarios en las vialidades) es un punto de color que puede ser Rojo, Verde,  Azul o cualquier combinación de los 3 colores, generando luz blanca cuando se combinan todas en la misma proporción.
 Todas las medidas de gráficos en cualquier medio electrónico se expresan en pixeles, siendo la medida de 800 x 600 la más usada hasta antes de los monitores SVGA y aun mayores con los monitores de alta definición y pantalla plana.

2.-¿Qué es un  megapixel?
Se le llama megapixel a una matriz de aproximadamente un millón de pixels, dispuestos en columnas e hileras para conformar una imagen en un medio electrónico. Mientras más megapixeles tenga una imágen no necesariamente se hace más detallada, si no  que permite capturar imágenes mas grandes , lo que favorece su ampliación  sin que suceda la pixelización o que aprezcan las deformaciones de baja resolución denominadas artefactos.

3.-Pixelización:
Deformación común que experimentan las imágenes cuando son ampliadas o observadas a un tama@ al que fueron creadas para observarse, por ejemploen el caso de fotos que fueron tomadas para verse por pantalla de celular, cuando son amplificadas en un monitor de mayor tamaño, se pixelean.

4.- Artefactos:  son las deformaciones regularmente de formas cuadradas o rectangulares que aparecen en pantalla cuando forzamos la ampliación de una imágen que no fue creada para verse de cerca.

Pasa muy seguido con imágenes que fueron bajadas de internet y se imprimen en papel revelando su pixelización.

Formatos de imágenes más populares y sus usos:

JPG: es el más usado en la web. Cuando una imagen está en este formato nos indica que ya fue comprimida (no está en su máxima resolución) y que esta optimizada para  mandarse por internet, verse en monitor o bién ampliarse hasta la medida original en la que fue creada, ya que se pixelea si se amplifica de más.

GIF : al igual que JPG, es un formato ideal para ver imágenes en pantalla en tamaños relativamente pequeños que no ocupen mucho espacio en memoria (por ejemplo, que excedan el tamaño permitido en un correo electrónico) pero tiene 2 características que la diferencían de otros formatos:

1.- Permite varios cuadros  de imágenes en un solo archivo, por ejemplo, fotos animadas.

2.- Para poder almacenar este tipo de información de animación, sacrifica colores, ya que cuenta con un número limitado de colores para mostrar.

TIFF:  Es un formato de imágenes digitales que no tiene comprensión, esto es, que fue creado en la calidad y resolución máxima que puede generar nuestro aparato (ya sea cámara digital, imágen escaneada o cámara de video que puede tomar fotos.) Por lo regular el formato TIFF es muy pesado (asumiendo el peso del archivo como un valor elevado en MEGABYTES) y es el ideal para ampliaciones o reproducciones en gran formato.
PNG: Este formato es una versión mejorada del archivo de imágenes tipo GIF en el sentido de que permite excelentes imágenes para su uso en web y presentaciones en proyector, además de transparencia (evitando el remarco blanco que acompaña a ciertos formatos de imagenes) teniendo mayor calidad que el GIF.
En contraparte, el hecho de que tenga mayor calidad impide el uso de animaciones.

lunes, 28 de noviembre de 2011

SESION 18.' RECORDATORIO DE LOS VISTO HASTA EL MOMENTO. CREANDO UNA RED INTERGRUPAL.

La siguiente práctica parte de que reunamos los siguientes requisitos:

1.-Haber dado de alta un usuario de FACEBOOK y dentro de este haber creado una página independiente con el nombre de una escuela / institución o diplomado.

2.-Haber creado exitosamente el canal de comunicación de TwitterFeed entre nuestro blog en www.blogspot.com y dicha página en Facebook.

3.- Haber creado un usuario en Twitter.com y haber cumplido con Confirmar la cuenta, seguir a 10 personas (que pueden ser celebridades, conocidos, etc.) y haber intercambiado los nombres de usuario de Twitter entre los miembros del salón.

4.- Crear en TwitterFeed un canal de comunicación entre nuestro blog y Twitter.

5.- Crear en Twitter (en configuración/perfil/conectar con facebook) una comunicación entre Twitter y Facebook, de modo que queda el siguiente canal de comunicación automatizada: Nuestro Blog/Twitter/Facebook.

6.- Publicar en nuestro blog una entrada nueva, que sea el párrafo de un artículo de interes, un cuento corto o un extracto de alguna lectura, con un título descriptivo de su contenido (Ej. Extracto de columna de Deportes).

7.- Esperar a que los compañeros hagan lo mismo, utilizar la opción de RETWEET para que se publique también en nuestro perfil de Twitter.

8.- Comprobar que todo lo anterior se ha publicado automatizadamente en las 3 Páginas mencionadas (Blogger, Twitter y Facebook).

9.- Tan-tán!

miércoles, 16 de noviembre de 2011

Interconectividad en redes sociales y nuestro blog 2: Microblogging.

1.-Esta variante de la publicación de bitácoras en línea se distingue por ser la más concisa y estar implementada para su rápida asimilación en la forma de enunciados limitados por un número predeterminado de carácteres, pero integrado en su mensaje todas las herramientas básicas que conforman una bitácora eléctronica, como lo son las respuestas, las re-publicaciones, los hipervinculos, las etiquetas y las búsquedas por tópico, periodicidad, autor, o región geográfica.
El servicio de microblogging más popular es Twitter.
Twitter es creado como una plataforma de comunicación cuya particularidad es la extensión de sus mensajes: sólo 140 carácteres, incluyendo letras, números y espacios.
Estos mensajes o Twetts (comparándolos con el trinar de un ave o tweeting) pueden estar conformados por frases o una combinación de enunciados con hepervínculos (url) o una serie de marcadores precedidos por el símbolo de número ( #) Que hace fácil su búsqueda y localización.

2.- Pasos para integrar a TWITTER a nuestra red social:

a).- Crear una cuenta en http:twitter.com.

b).- Acceder a nuestro cliente de información de TWITTERFEED.

c).- Activar la cuenta de TWITTER integrandola al servicioque alimenta a FACEBOOK.

d).- Aplique, frote, enjuague, y repita.

PUBLICAR NUEVA ENTRADA

HOY SE PUBLICO UNA NUEVA ENTRADA EN DONDE CREE UNA PAGINA EN MI BLOG

lunes, 14 de noviembre de 2011

Sesion 16.- Interconectividad en redes sociales y nuestro blog.

           Una de las herramientas más útiles para la comunicación entre un grupo de personas que revisan consuetudinariamente sus correos eléctronicos son los boletines y las notificaciones de redes sociales.
En este aspecto, la comunidad virtual de Facebook ofrece una gama de de servicios que facilitan la creación de páginas dedicadas a organizaciones/grupos/negocios/clubes y/o instituciones, que además cuentan con una amplia gama de características que permiten el trabajo en conjunto con nuestro blog, creando un solo canal de comunicación que opera en varios niveles.
     En este ejercicio vamos a integrar las notificaciones en Facebook con las publicaciones de Blogger, logrando que se notifiquen de manera personalizada los miembros de un grupo de usuarios de Facebook que accedan a formar parte de nuestra red social.

Pasos para integrar Facebook y Blogspot:

1.- Crear un usuraio en Facebook, mediante una cuenta de correo existente y un password nuevo. Llenamos los formularios y presionamos¨siguiente¨ hasta llegar a nuestra página personal.

2.- Al pié de nuestro perfil personal existe el apartado para CREAR PAGINAS, hacemos click para pasar al menú de selección.

3.- En este menú podemos definir el carácter de nuestra página, ya sea de carácter educativo, institucional, de negocios, grupos musicales, hobbies, deportes, etc. Esto facilita a Facebook ayudarnos a promover los contenidos que se publiquen ahí.

4.- Una vez que definimos el sesgo de nuestra página, procedemos a llenar los formularios. Si por ejemplo la hacemos en base a una escuela, llenamos campos como nombre, dirección, contacto,etc.
Acompañando todo de una  descripción breve para cuando seamos localizados por el motor de busqueda de Facebook.

5.- Accesamos a www.twitterfeed.com, que es la página que va a ligar el funcionamiento de nuestro blog con FB, mediante un sistema de alimentacion de información que es conocido con las siglas de RSS, que significan en inglés Real Simple Syndication, Distribucion Realmente Simple, para nuestra conveniencia, TwittterFeed no requiere programación, sólo crear un usuario en una cuenta de correo existente y un password o clave que no debe ser necesariamente la del correo mencionado.

6.- Para activar TwitterFeed hay que copiar la dirección de nuestro blog(http://nombredemiblog.blogspot.com), y probar si funciona la alimentación RSS usando el boton de PROBAR.

7.- Le damos SIGUIENTE y seleccionamos el servicio FACEBOOK del menú. Este formulario nos pide que permitamos a TWITTERFEED accesar nuestro usuario de FB y luego nos permite seleccionar páginas que hayamos creado ahi.
Aqui es donde seleccionamos específicamente la página que creamos en los pasos 2 y 3 . Ahora nuestras entradas se publican automáticamente en Blogger y Facebook y se les notifica con un mensaje a cualquier usuario que este inscrito en dichas páginas.

sábado, 12 de noviembre de 2011

Sesion 15.-Edicion avanzada del diseño del blog.

1.- La pestañade diseño.
1.1.-Editar las opciones de la página de entrada.
En el apartado de opciones de la página de entrada encontramos los ajustes para configurar a detalle el espacio con el que publicamos los contenidos de nuestro blog y la manera con la que interactúan con nuestros lectores.
a).- Número máximo de entradas de la página principal: Aquí determinamos el número máximo de artículos que vamos a mostrar  antes de encontrar el botón parea ver artículos anteriores. Los artículos son listados en orden cronológicos descendentes.
b).- Texto predeterminado para el salto de página. Es el texto que seleccionamos nosotros para indicar cuando truncamos la extención de nuestros textos.
c).- Opciones adicionales de entrada:
- Tipo de fecha.
- Título de la rúbrica.
- Publicación de horario.
- Etiqueta de  comentarios.
- Etiquetas.
- Reacciones: Son botones que configuramos  para medir la reacción de los visitantes y poder llevar un consenso de la opinión de nuestros lectores.

lunes, 31 de octubre de 2011

Sesion 13.-Ejercicio de repaso:Captura de audio en mp3 y publicacion en SOUDCLOUD

Utilizando los conocimientos adquiridos hasta el momento realizar el siguiente ejercicio de repaso:

1.-Seleccionar el video de nuestra preferencia en www.youtube.com que puede ser musical, de comedia, discursos, etc.Con una duracion no mayor a los 4:30

2.-Utilizar la pagina www.keepvid.com para obtener el audio en formato mp3 de dicho video, grabandolo en nuestro escritorio.

3.-Utilizando el servicio de www.souncloud.com subir la grabacion mp3 a nuestro perfil de SoudCloud.

4.-Exportar el codigo de SHARE y pegarlo en esta misma entrada, al pie del texto.

miércoles, 19 de octubre de 2011

Sesion 10.- Personalizacion de diapositivas avanzadas

1.-Como utilizar el programa en linea de PICTOBROWSER.

a) En una pestana nueva acceso www, pictobrowser.com

b) En la esquina superior derecha ubico el boton de PICTOBUILDER, hago click

c) Ubico el campo que dice¨Ënter your screen name¨ y le escribo el nombre que aparece en mi cuenta de FLICKR en el renglon que dice: Sesion iniciada como: (mi nombre).
<div class="separator" style="clear: both; text-align: justify;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8mp5ar3_mgxKO801V2qQkzGfpsV5z1ZiVVOCMpif6bQx1J1E1G42vAaRacNdTzDtDOO0XDVwazr-cn_zQxPlSgOZEMW6ohW8XlUaPScovPN39mDn1Qd43eub5jC9K7s8cH0uj1EfKouw/s1600/brujas-de-halloween-source_vif.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a>FLICKR me da la opcion de copiar y pegar reproductores de diapositivas que funcionan como videos que cuentan con un boton de ¨play¨ que nos permite ver las fotos contenidas en el ALBUM DE FLICKR que nos genero dicha presentacion.</div>
<div class="separator" style="clear: both; text-align: justify;">
De cualquier manera, el hecho de que es un reproductor de diapositivas tan basico nos brinda un abanico limitado de opciones para crear nuestro reproductor, es entonces que surgen servicios de personalizacion avanzada de diapositivas como PICTOBROWSER.</div>
<div class="separator" style="clear: both; text-align: justify;">

</div>
<div class="separator" style="clear: both; text-align: justify;">
d).Aparecen los botones para seleccionar los SETS de mi cuenta de FLICKR.Estos son los ALBUMS.

e).Tras seleccionarun album de mi lista se crea un PICTOBROWSER con el menu de opciones en su midalidad default , esto es con ninguna opcion activada.

f). Los ajustes a mi PICTOBROWSER son los siguientes.

-Image Settings: File Size (Small/Large)(sirve para ajustar el tamaño de los archivos cuando los originales son demasiados grandes )
-Image Alignment para alinear las fotos dentro de la pantalla del reproductor)
Image Offset(sirve para para hacer ajuste manual en las imagenes despues de haberlas alineado)
*Scale to Fill:Sirve para agrandar las imagenessi son demasiado pequeñas para lenar el alto o el ancho de mi ventana.Si las imagenes son bajadas de Internet o tienen muy poca resolución activar esta opcion resulta en imagenes pixeleadas.
-Player Settings.Nos permire ajustar el ANCHO (Width) o el LARGO (length) de la ventana completa del reproductor.
-Titles,Notes,AUTO HIDE: Nos permiten ajustar la presencia de los titulos sobre las imágenes, las decripciones y la opción de auto ocultar la barra de controles de la ventana de diapositivas.
-Background COLOR: Aquí podemos utilizar una tabla de números y colores hexadecimales para poder cambiar el color de fondo de las fotos de mis diapositivas.Este color solo afecta el fondo y no directamente a las imágenes.
-MODO DE ALPHA. Este ajuste es el grado de transparencia (tambien conocida como OPACIDAD) de la barra de controles de mis diapositivas.

g). Pasamos a la pestaña detras del menu que se llama GET HTML CODE, copiamos todo el codigo que nos muestra ahi.

-h). Lo pegamos en el apartado o pestaña de EDICION HTML de nuestra entrada en BLOGGER Y publicamos el articulo.

FLICKR me da la opcion de copiar y pegar reproductores de diapositivas que funcionan como videos que cuentan con un boton de ¨play¨ que nos permite ver las fotos contenidas en el ALBUM DE FLICKR que nos genero dicha presentacion.
De cualquier manera, el hecho de que es un reproductor de diapositivas tan basico nos brinda un abanico limitado de opciones para crear nuestro reproductor, es entonces que surgen servicios de personalizacion avanzada de diapositivas como PICTOBROWSER.
Get the flash player here: http://www.adobe.com/flashplayer

lunes, 3 de octubre de 2011

Sesion 4.Pagina para llenado de contenidos.

El editor basico de mi blog:
Los contenidos a publicarse en mi bitacora comienzan y terminan con el editor de texto que vienen cuando presiono el boton de crear una entrada nueva las herramientas basicas para dar formato a los textos que introduzcan son las siguientes:
1. Fuente de tipografia (boton F).
Este boton nos permite seleccionar el tipo de letra que va a emplear para la redaccion, la seleccion es limitada, porque utiliza los estilos basicos de letra que vienen instalados en la computadora.
* Boton de tamanos (Boton T):
Con esta opcion podemos seleccionar de una lista de posibles tamanos para la letra que impacta como se va a mirar mi escrito en el monitor.

Sesion 5. Edicion avanzada en entradas de blog.

1.Los saltos de linea:
Hijo de la secretaria bilingüe Elsa Bolaños-Cacho Aguilar y del pintor, dibujante e ilustrador Francisco Gómez Linares Cacho-Aguilar estudio en la Universidad Nacional Autónoma de México, pero nunca se graduó, ni ejerció la profesión.