Introduccion al diseño grafico: La apariencia de nuestro blog.

Glosario de terminos basicos para el diseño grafico a traves de medios electronicos.

1.-Pixel: Es la unidad de color con luz minima que puede representar un medio electronico. Su forma fisica mas tangible es un punto de color en la pantalla. En televisiones y monitores grandes, tambienen pantallas gigantes de LCD como en las que encuentran en los anuncios publicitarios en las vialidades, es un punto de color que puede ser rojo, verde, azul o cualquier combinacion de los 3 colores, generando luz blanca cuando se combinan en la misma proporcion.

Todas las medidas de graficos en cualquier medio electronico se expresan en pixeles siendo la medida de 800x600 la mas usada antes de los monitores SVGA  y aun mayores con los monitores de alta definicion, pantalla plana.

2.-Megapixel: se le llama megapixel a una matriz de aproximadamente un millon de pixels, dispuestos en columnas e hileras para conformar una imagen en un medio electronico. Mientras mas megapixeles tenga una imagen no necesariamente se hace mas detallada, si no que permite capturar imagenes mas grandes, lo que favorece su ampliacion sin que suceda la pixelizacion o que aparezcan las deformaciones de baja resolucion denominadas artefactos.

3.-Pixelizacion: deformacion comun que experimentan las imagenes cuando son ampliadas u observadas a un tamaño mayor al que fueron creadas para observarse.

4.-Artefactos:  son las deformaciones que experimentan las imagenes.
Pasa muy seguido con imagenes que fueron bajadas de internet y se imprimen en papel revelando su pixelizacion.

*Formatos de imagenes 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 maxima resolucion) 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 imagenes 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 electronico) pero tiene dos caracteristicas que la diferencian de otros formatos: Permite varios cuadros de imagenes en un solo archivo y para poder almacenar este tipo de informacion, de animacion, sacrifica colores, ya que cuenta con un numero limitado de colores para mostrar.

Recordatorio de lo visto hasta el momento: Creando una red intergrupal

Noviembre 2011.

La siguiente practica parte de que reunamos los siguientes requisitos:


1.-Haber dado de alta un usuario de facebook y dentro de este haber creado una pagina independiente con el nombre de una escuela/institucion o diplomado.


2.-Haber creado exitosamente el canal de comunicacion twitterFeed entre nuestro blog en http://www.blogspot.com/ y dicha pagina en http://www.facebook.com/


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.)
*Haber intercambiado los nombres de usuario de twitter entre los miembros del grupo.




4.-Crear en twitterfeed un canal de comunicacion entre nuestro blog y twitter.


5.-Crear en Twitter (en configuracion/perfil/conectar con Facebook) una comunicacion entre Twitter y Facebook, de modo que queda el siguiente canal de comunicacion automatizada: Nuestro blog/Twitter/Facebook.


6.-Publicar en nuestro blog una entrada nueva, que sea el parrafo de un articulo de interes, un cuento corto, un extracto de alguna lectura, con un titulo descriptivo de su contenido (Ejemplo: Extracto de columna de deportes).


7.-Esperar a que los compaleros hagan lo mismo, utilizar la opcion de Retweet para que se publique tambien en nuestro perfil en Twitter.


8.-Comprobar que todo lo anterior se ha publicado automaticamente en las 3 Paginas anteriormente mencionadas.


9.-La, la, la, la....    :)  

Pruebaa ;) 16 de nov de 2011

Querido diario este dia me sente aun lado del profesor,realmente en la clase no hubo nada nuevo.. Lo mismo de siempre el internet fallando, los compañeros con problemas con sus maquinas,  un receso de una hora, jajajaja!

Interconectividad en redes sociales y nuestro blog 14 de nov de 2011

Una de las herramientas mas utiles para la comunicacion entre un grupo de personas que revisan consuetudinariamente sus correos electronicos son los boletines y las notificaciones de redes sociales.

Este aspecto, la comunidad virtual de facebook ofrece una gama de servicios que facilitan la creacion de paginas dedicadas a organizaciones, grupos negocios, clubes y/o instituciones, que ademas cuentan con una amplia gama de caracteristicas que permiten el trabajo en conjunto con nuestro blog, creando un solo canal de comunicacion que opera en varios niveles.

En este ejercicio vamos a integrar las notificaciones en face book 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 en 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 menu de seleccion.

3.-En este menu podemos definir el caracter de nuestra pagina ya sea de caracter educativo institucional, de negocios, grupos musicales, hobbies, deportes,etc. Esto le facilita a facebook ayudarnos a promover los contenidos que se publiquen 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, direccion, contacto, etc. Acompañando todo de una descripcion breve para cuando seamos localizados pro el motor de busqueda de facebook.

5.-Accesamos a http://www.twitterfeed.com/, que es la pagina que va a ligar el funcionamiento de nuestro blog en 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, TwitterFeed no requiere programacion, 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 hayq ue copiar la direccion de nuestro blog, y probar si funciona la alimentacion RSS usando el boton de probar.

7.-Lre damos siguiente y seleccionamos el servicio facebook del menu. Este formulario nos pide que permitamos a twitterfeed accesar a nuestro usuario de fb y luegos nos pide seleccionar paginas que hayamos creado ahi. Aqui es donde seleccionamos especificamente la pagina que creamos en los pasos 2 y 3. Ahora nuestras entradas se publican automaticamente en blogger y facebook y se les notifica con un mensaje a cualquier usuario que este inscrito en dichas paginas.

Edición avanzada del diseño del blog

1.-La pestaña de diseño

1.1- Editar las opciones de la pagina de

En el apartado de opciones de la pagina 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 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 para ver artículos anteriores.

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 si es connotación americana, abreviado, sistema latino, con puro texto, números. –Titulo de la rúbrica (firma)  -Publicación de horario. –Etiqueta de comentarios –Etiquetas, Reacciones: son botones que configuremos para reacción de los visitantes y poder llevar un consenso de la opinión de nuestros lectores.

Entrada de prueba!!!!!!!!

Este es el texto de confirmacion!

Entrada de prueba!!!

Este es el texto de la entrada de prueba 

31/10/11 Ejercicio .. Audio mp3 a soundcloud

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, disrcursos, etc. con una duracion no mayor a los 4:30m.

2.-Utilizar la pagina www.keepvid.com para obtener el audio en formato mp3.

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

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


El Mismo Sol - Alejandro Fernandez (Juegos Panamericanos 2011) by Lupitaortizi

Grabacion y alojamiento en linea de audio a traves de Soundcloud 26-10-11 Sesion 12

Sesion 12

Fecha 26 de Octubre de 2011.

Soundcloud es un servicio virtual de grabacion y almacenamiento de audio en una plataforma diseñada para sacar provecho de las redes sociales, ya que esta integrado con las redes sociales: facebook, blogger, tumblr, etc.

Pasos para crear una cuenta en Soundcloud:
1.-Accesamos a http://www.soundcloud.com/.
2.-Buscamos el boton de sing in.
3.-Seleccionamos una de dos opciones:
A) Registrarnos con nuestro usuario de Facebook (que nos lleva a una pantalla donde Facebook nos pide autorizemos a soundcloud para que use nuestra informacion de usuario) o bien:
B) Registrarnos con una cuenta de correo electronico (ese sera nuestro usuario) y un paswword que sera nuestra clave en Soundcloud (no tiene que ser necesariamente el mismo password del correo).
4.-Se va a mandar un correo de confirmacion a la direccion de mail que usamos en el inciso b. Haciendo click en ese mensaje podremos activar finalmente nuestra cuenta en SC.

ºComo hacer grabaciones en Soundcloudº

1.-Localizamos el boton de Upload and Share que se encuentra en nuestra pagina de bienvenida de soundcloud.

2.-Seleccionamos una de las dos opciones: Upload o Rec
Upload: se abre la ventana para seleccionar archivos desde nuestra computadora y se suben, los formatos mas comunes son:
-Mp3
-Wav
-Flac
-Aif
-Aac
Etc...............

3.-Rec, es el boton que activa la grabacion, que solo puede hacerse si tenemos conectado un microfono a la computadora (en el conector de color rosa) o a traves del microfono integrado de las laptops. Nota: Para realizar sin problema el proceso de grabacion, se requiere revisar que el reproductor de adobe flash esta actualizado, buscando en http://www.google.com/,  descargar adobe flash.

Personalizacion de diapositivas avanzadas 19-10-11 Sesion 10

Flickr nos 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 fotografias 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 avanico limitado de opciones para crear nuestro reproductor, es entonces que surgen servicios de personalizacion avanzada de diapositivas como PICTOBROWER.

1.-Como utilizar el programa en linea de Pictobrowser:  
 a)En una pestaña nueva acceso a www.pictobrowser.com
b) En la esquina superior derecha ubico el boton de pictobuilder. Sesión iniciada como Lupita O.I.  

  24-10-11

c) Ubico el campo que dice enter your scren name y le escribo el nombre que aparece en mi cuenta de FLICKR en el renglon que dice:Sesión iniciada como Lupita O.I.  
d) Aparecen los botones para seleccionar los SETS de mi cuenta en 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 de 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 demasiado grandes).
-Image Algnment (Sirve para alinear las fotografias dentro la ventada del reproductor).
-Image Offset (Sirve para hacer un ajuste manual en las imagenes despues de haberlas alineado).
-Scale to fill: sirve para agrandar las imagenes si son demasiado pequeñas para llenar el alto o el ancho de mi ventana. Si las imagenes son bajadas de internet o tienen muy poca resolucion, activar esta opcion resulta en imagenes pixeleadas.
-Player settings: nos permite ajustar el ancho (Width) o el largo (lenght) de la ventana completa del reproductor. 
-Titles, Notes, Auto hide: nos permiten 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 de mis diapositivas. Este color solo afecta el fondo y no directamente a las imagenes.
-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 copiamos todo el codigo que nos muestra ahi.
h) Lo pegamos en el apartado o pestaña de edicion html de nuestra entraga en blogger.

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

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

Sesion 11 24 de octubre de 2011.

Ingresamos a la pagina http://html-color-codes.info/codigos-de-colores-hexadecimales/

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

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

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

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

Edicion Avanzada de entradas 2: Las diapositivas interactivas.

10-octubre-2011.

Como publicar diapositivas interactivas creadas en FLICKR

1.-Creamos un usuario en flickr.com

12-octubre-2011.

1.-El servicio de alojamiento de fotografias FLICKR:

Este servicio funciona como una comunidad de intercambio de imagenes que nos brinda herramientas para poder compartir nuestra coleccion de fotos en la forma de albums interactivos o galerias virtuales.

2.-Pasos para obtener una cuenta en FLICKR:
a)Acceder a http://www.flickr.com/ y buscar el boton de create account o sign in. (Crear cuenta o acceder con usuario y password.

b) Crear un usuario con password desde cero o bien acceder con el usuario de  YAHOO (nombre de correo@yahoo.com) o google (nombre@gmail.com).Buscando los botones respectivos.

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

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

e) Esperamos que FLICKR nos muestre la pantalla de avance donde nos indica el porcentaje de cada imagen que esta subiendo de modo simultaneo.

f) Seleccionamos si las imagenes van a ser publicadas o seran privadas(solo las veremos cuando estemos registrados en el sitio web).

g) Despues de guardar las imagenes entramos a la pantalla de descripcion donde podemos hacer varias cosas, entre ellas:
*Darle un nuevo titulo a las imagenes.
*Añadir una descripcion.
*Editar las etiquetas de todo el lote de imagenes que subimos, o bien editar las etiquetas de una por una.
*Crear un album (que incluya titulo, y descripcion). Tambien podemos añadir el nuevo lote de imagenes a un album exstente previamente creado.

3.-Compartiendo nuestros albums a traves de correo electronico.
a)desde nuestra pagina de bienvenida.
b)La seccion de galerias cuenta con dos columnas.

c) en el apartado de álbums seleccionamos uno de ellos. Esto nos lleva a la página de descripción del álbum, que incluye su titulo, unos breves párrafos describiendo sus contenidos y reproducciones en miniatura de todas las fotos que contiene.

d) en esta pagina seleccionamos el icono 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 fotografías a manera de diapositivas, ubicamos en el menú superior el botón de compartir.

f) En el botón de compartir ubicamos el apartado de copiar URL, hacemos click en ese botón.


17-10-2011.

http://www.flickr.com//photos/68516717@N07/sets/72157627867046716/show/

Algunas de mis frases favoritas de Facundo Cabral

Haz sólo lo que amas y serás feliz, y el que hace lo que ama, está benditamente condenado al éxito, que llegará cuando deba llegar, porque lo que debe ser será, y llegará naturalmente.

Decide ahora mismo ser feliz porque la felicidad es una adquisición.

Ama hasta convertirte en lo amado, es más, hasta convertirte en el amor.

Ayuda al niño que te necesita, ese niño será socio de tu hijo. Ayuda a los viejos, y los jóvenes te ayudarán cuando lo seas. Además, el servicio es una felicidad segura, como gozar a la naturaleza y cuidarla para el que vendrá. Da sin medida y te darán sin medidas.

No estás deprimido, estás distraído, distraído de la vida que puebla. Distraído de la vida que te rodea: delfines, bosques, mares, montañas, ríos.

Sesion. 5 Edicion avanzada de entradas de blogg

1.-Los saltos de linea:

LA VERDADERA HISTORIA DEL TITANIC

Layse

Violet Jessop era la típica mujer a quien “la Paca”, Walter Mercado y otros chamanes le habrían recetado una “limpia.” Nacida en Buenos Aires, Argentina, era hija de un granjero británico. Tenía cinco hermanos y hermanas menores a ella. Siendo niña, Violet contrajo la tuberculosis y a pesar de que los doctores le vaticinaron unos cuantos meses de vida, logró sobreponerse a la enfermedad. Empero, su padre murió un poco después de que toda la familia había regresado a la Gran Bretaña, y, por tanto, Violet requería encontrar un trabajo para ayudar con los gastos. Pese a ser una persona con escasa capacitación para la navegación y no obstante su facilidad para marearse, Violet decidió emplearse en alta mar, con lo que además podría respirar aire fresco.