sábado, 10 de diciembre de 2011

SESIÓN 12 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 MEDIOS ELECTRÓNICOS.


1.- ¿Que 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 mas tangible es un punto de color en la pantalla. En televisiones y monitores mas 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 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 800x600 la mas usada hasta antes de los monitores SVGA y aun mayores con los monitores de alta definición y pantalla plana.

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

3.- Pixelizacion:
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 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 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 pixelizacion.

Formatos de imágenes mas populares y sus usos:

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

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 dos características que la diferencian de otros formatos: 1.- Permite varios 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 numero limitado de colores para mostrar.

sábado, 3 de diciembre de 2011

SESION 11 CONFIRMACIÓN DE INTERCONECTIVIDAD ENTRE PAGINAS

Esta entrada debe aparecer en varias plataformas de comunicacion para comprobar que realizam,os adecuadamente los siguientes procedimientos.


1.- Que nuestras entradas de blog se comunican a través de twitterfeed creando un duplicado de nuestra información y reproduciendola 

2.- Que nuestros twits pueden ser a su vez re-publicados por otros usuarios de twitter en la forma de un retweet.

3.- Que aparte, twitter esta debidamente sincronizado con facebook y que facebook reproduce dichos tweets en mi muro.

4.- Que cualquier usuario de facebook que utilice el botón de like puede suscribirse a esta información.

sábado, 26 de noviembre de 2011

SESIÓN 10 INTERCONECTIVIDAD EN REDES SOCIALES Y NUESTRO BLOG 2. MICROBLOGGING

1.- MICROBLOGGING:


Esta variante de la publicación de bitácoras en linea se distingue por ser la mas concisa y estar implementada para su rápida asimilación en la forma de enunciados limitados por un numero predeterminado de caracteres, pero integrando en su mensaje todas las herramientas básicas que conforman una bitácora electrónica, 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 mas popular es twitter.

Twitter es creado como una plataforma de comunicación cuya particularidad es la extension de sus mensajes: solo 140 caracteres, incluyendo letras, números y espacios.

Estos mensajes o tweets (comparándolos con el trinar de un ave o tweeting) pueden estar conformados por frases o una combinación de enunciados con hipervinculos (url) o una serie de marcadores precedidos por el símbolo numero ( ) 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 informacion de TWITTERFEED.

c) Activar la cuenta de TWITTER integrandola al servicio que alimenta a FACEBOOK.







sábado, 19 de noviembre de 2011

SESION 9 INTERCONECTIVIDAD EN REDES SOCIALES Y NUESTRO BLOG

Una de las herramientas mas útiles para la comunicación entre un grupo de personas que revisan consuetudinariamente sus correos electrónicos son los boletines y las notificaciones de redes sociales.

En este aspecto, la comunidad virtual de FaceBook  ofrece una gama de servicios que facilitan la creación de paginas dedicadas a organizaciones/grupos/negocios/clubes y/o instituciones, que ademas 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 en 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 usuario de FaceBook, mediante una cuenta de correo existente y un password nuevo. Llenamos los formularios y presionamos siguiente hasta llegar a nuestra pagina personal.

2.- Al pie 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 pagina, ya sea de carácter educativo, institucional, de negocios, grupos musicales, hobbies, deportes, etc. Esto le facilita a FaceBook ayudarnos a promover los contenidos que se ubican ahi.

4.- Una vez que definimos el sesgo de nuestra pagina, 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 búsqueda de FaceBook.

5.- Accesamos a www.twiterfeed.com, que es la pagina que va a ligar el funcionamiento de nuestro blog con FB, mediante un sistema de alimentacion de informacion  que es conocido con las siglas de RSS, que significan en ingles Real Simple Syndication, Distribucion Realmente Simple, para nuestra conveniencia.
Twitter Feed 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 Twitter Feed hay que copiar la direccion 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 a nuestro usuario de FB y luego nos permite seleccionar paginas que hayamos creado ahi.
Aquí es donde seleccionamos específicamente la pagina 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 paginas

sábado, 12 de noviembre de 2011

SESIÓN 8 ENTRADA DE PRUEBA

HOLA COMPAÑEROS ESTO ES UNA CONFIRMACIÓN DE QUE FUNCIONA "SÍGUEME POR EMAIL. GRACIAS

SESIÓN 8 CONTINUACIÓN DE EDICIÓN AVANZADA DEL DISEÑO DE BLOG. USO DE GADGETS

8.- La pestaña de diseño.


8.1 Editar las opciones de la pagina de entrada.
a) Numero maximo de entradas de la pagina principal.
b) Texto predeterminado para el salto de pagina.
c) Opciones adicionales de entrada:
Tipo de fecha.
Titulo de la Rubrica.
Publicacion de horario.
Etiqueta de comentarios.
Etiquetas.
Reacciones:

sábado, 5 de noviembre de 2011

SESIÓN 7 INTRODUCCIÓN A LA EDICIÓN DE PLANTILLAS. LOS GADGETS

LOS GADGETS EN BLOGGER:


Se les llama así a los pequeños módulos de código que modifican el comportamiento de la plantilla de nuestro blog. Esto es, mas que ser una entrada nueva, es un componente del diseño de nuestro blog que le aporta funcionalidad extendida o adicional. Aparte que no están sujetos al acomodo cronológico de las entradas donde cada nuevo articulo que publiquemos va a colocarse inmediatamente encima de lo anterior, relegando el contenido al fondo de nuestro blog. Los gadgets por su parte están anclados en la plantilla de nuestra pagina, incorporados permanentemente al menú de nuestra pagina.

APLICACIONES COMUNES A LOS DIFERENTES TIPOS DE GADGETS:

1.- Ventanas de Video: Podemos copiar la dirección de algún 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 pagina, se corra dicho video.

2.- Galería fotográficas fijas: Podemos mandar llamar una película de diapositivas y asignarla a algún espacio en las columnas laterales de nuestro blog.

3.- Directorios de blogs/paginas adicionales: Podemos crear listados de nuestras paginas 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 pagina.

4.- Suscripciones y RSS: Este gadget permite a las personas que visiten nuestra pagina suscribirse a nuestro blog utilizando su correo electrónico, de este modo les llegan notificaciones y copias de nuestros contenidos de modo automático a sus respectivos correos en el momento en que son publicados.

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

6.- Listado de estiquetas: Relación de palabras clave que facilita la búsqueda de contenidos en nuestras publicaciones.

7.- Cuadro de busquedas: Similar a Google pero con la opción de buscar dentro de nuestra pagina exclusivamente o bien realizar una búsqueda general en toda la web.