miércoles, 7 de diciembre de 2011

Introducción al diseño gráfico: La apariencia de nuestro Blog

Glosario de términos básicos para el diseño gráfico a través de los 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 tres colores, generando luz blanca cuando se combinan todos 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 aún 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 columna de hileras para conformar una imagen de un medio electrónico. Mientras más megapixeles  tenga una imagen no necesariamente se hace más detallada, si no que permite capturar imágenes más grandes, lo que favorece su ampliación sin que suceda la pixelización o que aparezcan las deformaciones de baja resolución denominadas artefactos.


3.- Pixelización:
Deformación común que experimentan las imágenes cuando son ampliadas u observadas a un tamaño mayor al que fueron creadas para observarse, por ejemplo en el caso de fotos que fuero tomadas para verse en pantallas 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 aparece en pantalla cuando forzamos  la ampliación de una imagen 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 por la WEB, cuando una imagen esta en este formato nos indica que ya fue comprimida (que no esta en su máxima resolución) y que esta optimizada para mandarse por Internet, verse por monitor o bien 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 y tamaños relativamente pequeños que no ocupen mucho espacio en memoria (por ejemplo que excedan del tamaño permitido en un correo electrónico) pero tiene dos características que la diferencia de los otros formatos: 1.- Permite variar cuadros de imágenes en un solo archivo, por ejemplo, fotos animadas . y 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.


FORMATOS MAS COMUNES DE IMAGENES

En JPG-usado en we
En GIF-usado en web
En TIF-alta calidad
En PNG-transparencias
En RAW-el mas alto


TIFF: Es un formato de imágenes digitales que no tienen comprensión, esto es, que fue creado en la calidad y resolución máxima que puede generar nuestro (ya sea cámara digital, imagen 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 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 imágen) 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

Recordatorio de lo Visto hasta el momento. Creando una red intergrupal

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

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

2.- Haber creado exitosa mente  el canal de comunicación de TwitterFeed entre nuestro blog en el www.blogspot.com y dicha pagina 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 un Twitter ( en configuración/perfil/conectar con Facebook) una comunicación entre Twitter  y Feccebook, 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 interés , un cuento corto o un extracto de alguna lectura, con un titulo descriptivo de su contenido (ej. " Extracto de columna de Deportes")

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

8.- Comprobar que todo lo anterior se ha publicado automatizada-mente en las tres páginas mencionadas (Blog, Twitter, Facebook)

9.- Tan-Tán!!

  

jueves, 24 de noviembre de 2011

Interconectividad en Redes Sociales y Nuestro Blog 2 Microblogging

1.-Microblogging :
Esta variente en la publicación de bitacoras  en linea se se distinge por ser la más consisa y estar implemengtada para su rápida asimilción en la forma de enunciados limitados por un número predeterminado de caracteres, pero integrando en su mensaje todas las herramientas básicas que conforman una bitacora electronica, como son las respuestas , la re publicaciones, los hipervinculos, las etiquetas y las busquedas por tópicos, periodicidad, autor o región geográfica.

El servicio de microblogging es popular es twitter.

Twitter es creado por una plataforma de comunicación cuya particularidad es la extención de sus mensajes: sólo 140 caracteres, incluyendo letras, número y espacios.
Estos mensajes o Tweets (comparandolos con el trinar de un ave o tweeting) puede estar conformados por frases o una combinación de enunciados con hipervinculos (url) o una serie de marcadores precedidos por un símbolo de número (#) que hace fácil su búsqueda y localización.

- Pasos para ingresar a la TWITTER a nuetra red social:
a) Crear una cuenta de http://twitter.com
b) acceder a nuetro cliente de información de TWITTERFEED
c) activar|la cuenta de TWITTER integrandola al sevicio que alimenta a FACEBOOK.



 


lunes, 14 de noviembre de 2011

Interconectividad en Redes Sociales y Nuestro Blog

Una de las herramientas más útiles para la comunicación entre un bgrupo de personas que revisan consuetudinariamente  sus correos electronicos son loos boletines y las notificaciones de redes sociales.

En este aspecto, la comunidad  vitual 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 caracteristicas 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 notifique 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 usuario 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 nuesto perfil personal existe el apartado CREAR PAGINAS, hacemos click para pasar al menu de selección.

3.- En este menú podemos definir el caracter de nuestra página, ya sea de caracter educativo, institucional, de negocios , de grupos musicales, hobbies, deportes etc. Esto le 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 nombres, dirección, contacto, etc. Acompañando todo de una descripción breve   para cuando seamos localizados por el motor de búsqueda de facebook.

5.- Accesamos a www.twitterfeed.com, que es la página que va a ligar el funcionamiento de nuestro blog con Facebook, mediante un sistema de alimentación de información que es conocido con las siglas de RSS, que significan en inglés  Real Simple Syndication, Distribución Realmente Simple, para nuestra conveniencia, TwitterFeed no requiere programación, solo crear un usuario con 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://lznilla.blogspot.com) y probar si funciona la alimentación RSS usando el botón de PROBAR.
7.- Le damos SIGUENTE y selecionamos el servicio FACEBOOK del menú. Este formulario nos permite que permitamos a TwittrFeed accesar nuestro usuario facebook y luego nos permite seleccionar paginas que hayamos creado ahí.
Aquí es donde seleccionamos especificamente la página que creamos en los pasos 2 y 3 . Ahora nuestra entrada se publican   automaticamente en Blogger y Facebook y se les notifica con un mensaje a cualquier ususario que este inscrito en dichas páginas.

jueves, 10 de noviembre de 2011

Edicion abanzada de entradas 2 las diapositivas interactivas

Como publicar diapositivas
1.-La pestaña de 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 en que interactuan 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 para ver artículos anteriores. Los artículos son mostrados en orden cronológico descendente
b)Texto predeterminado para el salto de página: Es el texto que seleccionamos nosotros para indicar cuando truncamos la extensión de nuestros textos.
c)Opciones adicionales de entrada:
-Tipo de fecha
-Título de la rubrica
-Publicación de horario
-Etiquetas
-Reacciones: Son botones que configuramos para medir la reaccion de los visitantes  y poder llevar un consenso de la opinión de nuestros lectores

lunes, 7 de noviembre de 2011

Entrada de prueba 2

Esta es una paguina de prueba..

Entrada de prueba

Esta es el Texto de la entrada de Prueba

Introducción a la Edición de Plantillas: Los Gadgets

Los Gadget en Blogger:
Se les llama así a los pequeños módulos de códigos que modifican el comportamiento de la pantalla de nuestro blog. Esto es, más que ser una nueva entrada, es un componente del diseño de nuestro blog que le aporta funcionalidad extendida o adicional. Aparte que no estan sugetos a  acomodo cronológico de la entradas donde cada nuevo artículo que publiquemos va ha colocarse inmediatamente encima de lo anterior, relegando el contenido al fondo de nuestro blog. Los Gadgets por su parte estan anclados en la plantilla de nuesta página, incorporados permanentemente al menú de nuestra página .

Aplicaciones comunes  de los diferentes tipos de Gadgets:

1.- Ventanas de video: Podemos copiar la dirección de algun video favorito y anclarlo a la columna izquierda o derecha de nuestro Blog dependiendo de su diseño, para que, cada vez que se cargue la página  se corra dicho video .

2.- Galerias Fotogáficas fijas: podemos mandar llamar una pelicula de diapositiva y asignarla a un espacio en las columnas  laterales de nuestro blog.

3.- Directorios de blog/páginas adicionales: podemos crear listados de nuestras páginas favoritas o bien listados de blogs de nuestros compañeros y mostrarlos en la forma de una relación de links convenientemente colocados a los lados de la página. 

4.- Subscripciones y RSS: Este Gadget permite a las personas que visiten nuestra página suscribierse a nuestro blog utilizando su correo electrónico, de este modo les llega notificaciones y copia de nuestros contenidos de modo automático a sus respectivos correos en el momento en que son publicados.

5.- Listados de nuestros posts o entradas favoritas : Nos permite mantener siempre a la mano un listado de contenidos sobresalientes para su rápida visualización y referencia.

6.- Listado de etiquetas: Relación de palabras claves que facilitan la búsqueda de contenidos en nuestras publicaciones.

7.- Cuadro de búsquedas:  Similar a Google pero con la opción de busqueda dentro de nuestra página exclusivamente o bién realizar una bsqueda general en toda la web.





lunes, 31 de octubre de 2011

Ejercicio de Repaso: Captura de audioen MP3 y publicación en SOUNCLOUD

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

1.- Seleccionar el video de nuestra preferencia en Youtube.com que puede ser musical, de comedia, discursos ,etc. con una duración no maxor a los 4:30

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

3.-Utilizando el servico de www.souncloud, subir la grabación mp3 a nuestro perfil de SOUNDCLOUD.

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





Gloria Trevi Todos Me Miran video original by cuata

lunes, 24 de octubre de 2011

Personalización de Diapositivas Avanzadas, sesión 10

(sirve para hacer un ajuste manual en las imagenes despues

FLICKR nos da la opcion de pegar reproductores de diapositivas que funcionan como videos que cuentan con un botón de  "PLAY" que nos permite ver las fotos contenidas en el albúm de FLICKR que nos generó dicha presentación.
De cualquier manera el hecho de que es un reproductor de diapositivas tan básico nos brinda un abanico limitado de opciones para crear nuestro reproductor, es entonces que surgen servicios de personalizacion avanzada de diapositivas como PICTOBROWSER.
1.- Cómo utilizar el programa en linea de PICTOBROWESER.
a)  En un apestaña nueva acceso a www.pictobrowser.com 
b)  En la esquina  superior derecha ubico el botón de PICTOBUILDER, hago click
c)  Ubico el campo que dice "Enter your screen name" y le escribo el nombre que aparece en mi cuenta de FLICKR en el renglon que dice: Sesión iniciada como cuata200   
 http://html-color-codes.info/codigos-de-colores-hexadecimales
 d) Aparecen los botones para seleccionar los SETS de mi cuenta de FLICKR. estos son los ALBUMS. 
e) Tras seleccionar un album de mi lista se crea un  PICTOBROWSER con el menu de opciones en su modalidad defaut, esto es, con ninguna opcion activada.
f) Los ajustes a mi PICTOBROWSER son los siguientes:
- Imege Setting, File Size (small/Large)((sirve para ajustar el tamaño de los archivos cuando los originales son demasiado  grandes)
Image Offset (Sirve para hacer un ajuste manual en las imágenes despues de haberlas alineado)
-Scale to Fill: sirve para agrandar las imágenes si son demasiado pequeñas para llenar el alto o el ancho de mi ventana. Si las imágenes son bajadas de Internet o tienen muy poca resolución activar esta opción resulta en imágenes pixeleadas.
-Player Settings: Nos permite ajustar el ANCHO (Width) o el LARGO (Lenght) de la ventana completa del reproductor.
-Titles, Notes, Auto Hide: nos permite ajustar la presencia de los titulos sobre las imagenes , las descripciones y la opcion  de auto ocultar la barra de controles de la ventana de diapositivas.
Background COLOR: aqui podemos utilizar una tabla de numeros y colores hexadecimales para poder cambiar el color de fondo de las fotos en mis diapositivas, este color solo afecta el fondo y no directamente a las imágenes.
Modo ALPHA: este ajuste es el grado de transpatencia (tambien conocida como opacidad) de la barra de controles de mis diapositivas.
g) Pasamos a la pestaña detrás del menu que se llama GET HTML CODE, copiamos todo el codigo que nos muestra ahí.
h) lo pegamos en el apartado o pestaña de EDICION HTML de nuestra entrada de BLOGGER  y publicamos el articulo.

























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

martes, 18 de octubre de 2011

lunes, 17 de octubre de 2011

Edición Avanzada de entrada. Diapositiva Interactiva Continuación

1.- El servicio de alojamiento de fotografías FLICKR:

Este servicio funciona como una comunidad de intercambio de imegenes que nos brinda herramientas para poder compartir nuetra colección de fotos en la forma de albums interactivos o galeria virtuales.
2.- Pasos para obtener una cuenta en FLICKR
a) acceder a www.flickr.com y buscar el boton de CREATE ACCOUNT o SIGN IN (crear cuenta o acceder con usuario y pasword)







b) Crear un usuario con pasword desde cero o bien acceder con el usuario YAHOO  (nombrede correo@yahoo.com) o GOOGLE (nombredecorreo@gmail.com) BUSCANDO LOS BOTONES RESPECTIVOS.





c) Desde nuestro panel de control (en donde flicker nos da la bienvenida en varios lenjuages) ubicamos el botón de subir fotos o video que se encuentra en la esquina superior derecha.



d) Cuando estemos en la pantalla para subir archivos podemos seleccionar multiples imagenes si mantenemos presionada la tecla CTRL. y hacemos click en ABRIR.
 



e) Esperamos a que FLICKR nos muestre la pantalla de avance donde nos indica el porcentaje de cada imágen que esta subiendo de modo simultáneo.


f) Selecionamos si las imagenes va a se publicadas o seran privadas, (solo las veremos cuando estemos registrados en el sitio).
g) Despues de guardar las imagenes entramos a la pantalla de descripción donde podemos hacer varias cosas, entre ellas:
  • Darle un nuevo título a las imágenes
  • Añadir una descripción 
  • Editar las etiquetas de todo el tote de imágenes que subimos, o bien editar las etiquetas de una por una.
  • CREAR UN ALBUM (que incluya título y descripción) También podemos añadir el nuevo lote de imágenes en un album existente previamente creado.
3.- Compartiendo nuestros albums a través de correo electrónico.

a) Desde nuestra página de bienvenida (que es nuestro panel de control) accesamos a nuestra sección de GALERIAS.
b) La sección de galerias cuenta con dos columnas: a la izquierda un listado de todas nuestras fotos e imágenes ordenadas según las hemos ido anexando a nuestra coleción. A la derecha una columna que muestra el título de cada uno de nuestros álbums acomodados
según nuestro propio criterio.
c) En el apartado de albums seleccionamos uno de ellos . Esto nos lleva a la página de descripción del álbum que incluye su título, unos breves párrafos describiendo sus contenidos y producciones en miniatura de todas las fotos que contiene.
d) En esta página selecionamos el ícono de presentación, que se encuentra ubicado en la parte superior derecha de la pantalla y tiene la forma de una pantalla para proyector.
e) Cuando la pantalla se obscurezca  y nos muestre las fotos a manera de diapositivas , ubicamos en el menu superior el boton de COMPARTIR.
f) En el botón de compartir ubicamos el apartado de COPIAR URL, hacemos click en ese botón.
g) En una pestaña aparte u otra ventana del navegador de internet introducimos la dirección pertinente de la pagina de nuestro correo electrónico ( www.hotmail.com, www.yahoo.com, www.gmail.com, etc. según sea el caso)
h) Creamos un correo nuevo. Cuando redactamos el contenido de dicho correo PAGAMOS el URL (dirección de internet) que copiamos en el paso (f).
i) Hacemos click en eviar.