miércoles, 25 de julio de 2012

SESIÓN 11: ESTADÍSTICAS

ESTADISTICAS

Esta sección nos permite conocer el tráfico (visitas) que ha recibido nuestro blog desde el momento que se publica cada entrada.
Esto nos permite medir la popularidad de las entradas y de nuestro blog en general.

Entradas

En esta sección es posible conocer el número de visistas que ha recibido cada entrada de nuestro blog.

Fuentes de tráfico

 Esta sección nos permite determinar las direcciones de internet que referencían visitas a nuestro blog.

Público

Esta sección nos permite conocer la ubicación geográfica de las visitas, asi como el explorador de Internet utilizado y el sistema operativo utilizado por los usuarios que visitan el blog. 





martes, 24 de julio de 2012

SESION 10: EDICIÓN DE PLANTILLA.

SESIÓN 10: EDICIÓN DE PLANTILLA.

En esta sesión veremos como utilizar nuestra plantilla de acuerdo a nuestras necesidades de diseño utilizando el diseñador de plantilla de Blogger.
El diseñador de plantilla de Blogger nos permite estilizar las plantillas, fondos, el ancho y el diseño general de nuestro blog.
Para iniciar entraremos a nuestro blog en la sección de visión general.
Seleccionamos la sección plantilla.
Seleccionamos personalizar para entrar al diseñador de plantillas de blogger.























Diseñador de plantillas de blogger.

El diseñador de plantillas de blogger cuenta con cinco secciones: plantillas fondo, ancho, diseño y avanzado.

Plantillas

Esta sección nos permite modificar el diseño de nuestro blog utilizando diseños predeterminados. Aquí es posible seleccionar un diseño general para el blog, y debajo del diseño blogger nos da la opción para modificar los colores del diseño.
Seleccionamos el diseño y seleccionamos "aplicar a blog".

Fondo

Esta sección permite modificar el fondo de nuestro blog, de acuerdo a una lista de fondos predeterminados, o de acuerdo a una imagen de nuestra elección.


Fondos predeterminados.

Para utilizar los fondos predeterminados, blogger nos permite elegir entre mútiplpes tipos de fondos seleccionando "imagen de fondo".

Imagen de fondo personalizada

En la sección de fondo es posible insertar una fotografía o dibujo de nuestra elección como fondo, para hacer esto seleccionamos "imagen de fondo" y posteriormente "subir imagen", donde elegiremos la imagen que deseamos agregar como fondo.

Gama de colores principal.

La gama de colores principal nos permite cambiar el color del texto del blog, de forma que combinen con la imagen seleccionada.


Ajustar ancho.

Esta seccion nos permite ajustar el tamaño de las entradas del blog y las barras laterales derecha e izquierda.

Diseño.

Esta seccion nos permite elegir entre varios tipos de diseño para el acomodo de las entradas y el cuerpo de nuestro blog.
Los distintos tipos de diseño del cuerpo del blog nos permiten acomodar las entradas y datos personales en diferentes lugares de la pantalla (del lado izquierdo, derecho, arriba o abajo).







Avanzado

La sección avanzada del diseñador de plantillas de blogger, nos permite personalizar el tipo de letra y color de los textos del blog, así como el color de los fondos y enlaces.

Texto de la página

Esta opción nos permite determinar el tipo de letra que tendra el texto de las entradas y el archivo de blog.


Fondos

Esta sección nos permite determinar el color del fondo exterior, fondo de cabecera y el color del fondo de las entradas. 


Enlaces

Esta sección nos permite determinar el color de los enlaces del blog.
Aquí es posible determinar el color del enlace, el color del enlace visitado, y el color del enlace cuando se coloca el raton sobre él.


Título de la entrada

En esta opción es posible determinar el tipo de letra que tendra el texto de las entradas.



Cabecera de fecha.

En esta opción es posible determinar el color de la cabecera de fecha.

Gadgets

Esta sección nos permite determinar el tipo de letra de "Datos personales", "archivo del blog" y la fecha de cada entrada. También nos permite delimitar el color de los "datos personales".


Estilo de entrada

Esta sección nos permite determinar el color del texto de pie de página y el color del borde de cada entrada.







lunes, 23 de julio de 2012

SESIÓN 9: EDICIÓN DE IMAGEN

SESIÓN 9: EDICIÓN DE IMAGEN.

 ACDsee

Es un programa que permite la edición de imágenes y fotografías, utilizando herramientas avanzadas de diseño gráfico.
Utilizaremos ACDsee para diseñar una cabecera personalizada para nuestro blog.
Paso 1: Abrir el programa ACDsee.
Paso 2: Abrir un nuevo documento en el programa: File-New-
Elegimos el tipo de fondo para el nuevo documento:
Background - transparent
Elegimos el ancho (width) 760 pixeles
Elegimos la altura (height) 300 pixeles
Elegimos la resolución de 96 pixeles/inch
El tamaño elegido para el fondo permitirá que el encabezado se despliegue de forma correcta y que no se salga de los limites de la pantalla.


Elegimos el fondo que llevará  nuestra imagen, eligiendo la herramienta de rectángulo.
Posteriormente elegimos el color del rectángulo, con la herramienta de selección de color.

3. Color de la orilla del rectángulo
Seleccionamos el color de la orilla del rectángulo y ajustamos el tamaño de la orilla a 5 pixeles en Line style.


4. Insertando el texto
Elegimos la herramienta de texto, después el tamaño del texto y su color.




5. Sombreado de texto:
Seleccionamos el texto.
Seleccionamos el menú - Objeto - Drop shadow


6. Parámetros del sombreado
Angle
Representa el angulo de la sombra.
Offset
Representa la posición dela sombra con respecto al texto.
Blur
Representa el difuminado de la sombra.
Opacity
Es el control de la oscuridad de la sombra.





7. Insertar imagen
Se busca una fotografía o dibujo para complementar el diseño del encabezado
Una vez localizada la imagen, se copia (ctrl-c)
Dentro de ACDsee se pega la imagen (ctrl-v)







8. Salvando la imagen para insertarla en blooger.


Una vez terminada la edición de la imagen, es necesario exportarla a un formato que pueda ser importado al encabezado dentro de blogger.
Se selecciona File - Save as.
Y selecciona el formato PNG, en la pestaña de tipo de archivo y se selecciona guardar.
Utilizamos el formato PNG ya que este formato optimiza las imágenes para Internet, y respeta la transparencia del dibujo.



9. Insertando la imagen en el blog.
Para insertar la imagen en el blog, nos ubicamos en la sección de visión general.
Posteriormente se elige "diseño"
Se selecciona "editar" en la sección de cabecera.
En la sección de imagen se selecciona examinar en "desde su equipo"
Se elige la imagen que se salvo en ACDsee

Seleccionar en ubicacion "en lugar del titulo y la descripción".









miércoles, 18 de julio de 2012

SESIÓN 8: EDICIÓN BÁSICA DE PLANTILLAS EN BLOGGER

EDICIÓN BÁSICA DE PLANTILLAS EN BLOGGER.


La plantilla de Blogger cuenta con muchas opciones y características predeterminadas que permiten su implementación y funcionalidad desde que creamos la cuenta. De cualquier modo nuestro Blogg cuenta con una serie de herramientas adicionales que combinándolas con la reestructuración del espacio y ajustes mínimos por parte del administrador de (nosotros) nos permiten crear una pagina y una experiencia de usuario altamente personalizada y optimizada para nuestro proyecto.
Consideraciones:
Nuestro Blog no es una sola página integrada sino una recopilación de pequeños programas ensamblados en un espacio que integralmente conforma nuestro blog. El área donde publicamos los contenidos tiene sus propios ajustes y control, podemos personalizar cualquier dato como la fecha y activar o desactivar la capacidad de nuestro blog de interactuar con otros servicios en línea. Podemos también activar una pequeña encuesta sobre la opinión del visitante sobre nuestros contenidos. La barra o columna de usos múltiples en blogger ( que por lo regular se encuentra en el costado derecho de la pantalla) cuenta con mayor flexibilidad aun, ya que tiene  una serie de espacios configurables en donde podemos integrar nuevos programas con nuevas características.
Dichos códigos con nuevas funciones se llaman GADGETS y en algunas otras plataformas se llaman GIZMOS. Son palabras en ingles usadas comúnmente para designar un aparato que realiza aluna función, sin ser específicos con su nombre.
Para acceder al menú de configuración básica en nuestro panel de control localizamos el apartado de diseño y desde ahí accesamos la paleta de GADGETS.



1. Menú de control de entradas:

Este apartado define el comportamiento de las características básicas en el formato de nuestras entradas, como por ejemplo: el formato de la fecha, las etiquetas, las encuestas para usuario, el texto de salto de pagina (que veremos a continuación) etc.



2. Listado de paginas de nuestros compañeros:


Utilizando el Gadget de listado de paginas podemos crear un pequeño directorio de los miembros de este grupo. Este apartado logra activar dichos hipervínculos de modo tal que quedan permanentemente añadidos a la columna de usos múltiples  de nuestro Blog.




3. Gadget de suscripciones:

Este gadget funciona recopilando los correos electrónicos de los visitantes a nuestra pagina. Estas direcciones se convierten en una lista de usuarios a los que les llegara de forma automática una copia de nuestra mas reciente entrada que podrán leer directamente en la bandeja de entrada de su correo (inbox) o bien dar clik para llegar directamente a nuestro blog.












4. Gadget de búsqueda personalizada:

Esta pequeña aplicación crea un campo de búsqueda (que emplea tecnología de Google) que primero trata de encontrar incidencias en nuestras publicaciones   de palabras claves, etiquetas, redacciones alternas, etc.
Podemos también configurarlo para que muestre resultados de las paginas que mencionamos o ligamos desde nuestra pagina y en un caso extremo resultados de toda la web.















5.- Galería de fotos por medio de un Gadget de Html/Javascript.

Podemos incorporar directamente desde un servicio como FLICKR una ventana de código permanentemente pegada en la plantilla de nuestro blog. Las ventajas son varias: por una parte no se rezaga en entradas pasadas nuestro contenido, ademas, cualquier cambio realizado directamente en nuestra galería en Flickr se refleja de modo automático en la ventana de nuestro blog, asumiendo que "refrescamos" la pagina o presionamos la tecla f5. Esta es una manera practica de mantener vigente el contenido de nuestro blog.
Del mismo modo en que podemos "transplantar" códigos en nuestras entradas ( en la forma de presentaciones interactivas como las de PREZI y/o diapositivas de fotos tanto de FLICKR como PICTOBROWSER) podemos emplear un gadget que pueda interpretar dicho código y fijarlo permanentemente en la barra de usos múltiples a un costado de nuestro blog.



6.Gadget de Encuestas.

Esta pequeña aplicación permite generar una pregunta y ofrecer varias respuestas para llevar un consenso dentro del marco de un periodo finito de tiempo. Podemos permitir cualquier numero de respuestas, y una vez terminada su ventana de aplicación, podemos mostrar los resultados de la interacción con los usuarios.





martes, 17 de julio de 2012

SEGUNDA PRUEBA DE BLOGGER A FACEBOOK

ECLIPSE TOTAL DEL AMOR
YURIDIA Y  PATRICIA BORGUETI



Yuridia
-Mírame...
de vez en cuando siento que me estás olvidando
y que no regresarás
-Mírame...
de vez en cuando pienso que ya estoy muy cansada
de estar sola y de escucharme llorar
-Mírame...
de vez en cuando miro atrás
y veo con miedo
lo mejor de nuestros años correr
-Mírame...
de vez en cuando quiero escaparme
y tu mirada me envuelve
y me vuelvo a perder
-Mira mis ojos...
de vez en cuando siento enloquecer
-mira mis ojos
de vez en cuando siento enloquecer

(Patricio)
-Mírame...
de vez en cuando sueño con alguna locura
y no quiero despertar
-Mírame...
de vez en cuando miento cuando buscas mis ojos
y preguntas como estás
-Mírame...
de vez en cuando muero de rabia y de celos
pero nunca te lo dejo saber.
-Mírame...
de vez en cuando quiero escaparme
y tu mirada me envuelve y me vuelvo a perder

(Patricio) Mira mis ojos...
(Yuridia) de vez en cuando siento enloquecer
(Patricio) mira mis ojos...
(Yuridia) de vez en cuando siento enloquecer

(Yuridia)
Y esta noche quiero más
Que me abraces fuertemente
Y en tus brazos soñaré
Que este amor es para siempre.
Que en penumbras un rayo de luz
Nos envuelva a los dos.
Vivimos atrapados en un juego de azar
Tu amor es una sombra para mi libertad.
Ya nada puedo hacer y no logro escapar
De un fuego sobre pólvora que puede estallar

(Ambos)
Y así te tengo que amar
El tiempo acaba de empezar
El tiempo no termina.

(Yuridia)
Erase una vez una historia feliz
y ahora es solo un cuento de horror

(Ambos)
Ya nada puedo hacer,
Eclipse total del amor

(Patricio) Eclipse total del amor

(Yuridia)
Érase una vez una hazaña vivir
Y ahora ya no tengo valor

(Ambos)
Nada que decir,
Eclipse total del amor...
Eclipse total del amor...

(Yuridia)Mira mis ojos...
(Patricio) de vez en cuando siento enloquecer
(Yuridia) mira mis ojos...
(Patricio) de vez en cuando siento enloquecer

(Ambos)
Y esta noche quiero más
Que me abraces fuertemente.
Y en tus brazos soñaré
Que este amor es para siempre.
Que en penumbras un rayo de luz
Nos envuelva a los dos.
Vivimos atrapados en un juego de azar
Tu amor es una sombra para mi libertad.

(Yuridia)
Ya nada puedo hacer y no logro escapar
De un fuego sobre pólvora
Que puede estallar... ohhh
y así te tengo que amar
el tiempo acaba de empezar
el tiempo no termina

(Yuridia) Érase una vez una historia feliz
(Patricio) y ahora es solo un cuento de horror

(Ambos)
Ya nada puedo hacer,
Eclipse total del amor.

(Yuridia) Eclipse total del amor.
(Patricio) Érase una vez una hazaña vivir
(Yuridia) y ahora ya no tengo valor.

(Ambos)
Nada que decir,
Eclipse total del amor...

(Patricio) Eclipse total del amor... (Yuridia) mira mis ojos...
(Patricio) mira mis ojos... (Yuridia) mírame...
(Yuridia) mira mis ojos…
Fuente: musica.com
Letra añadida por miggy

lunes, 16 de julio de 2012

SESIÓN 7: "REDES DE COMUNICACIÓN ENTRE SERVICIOS DE INTERNET"

SESIÓN 7: 










Uno de los objetivos primordiales de este Diplomado es incorporar varias plataforma de comunicación electrónica y establecer un nexo bidireccional de información entre todas ellas. Los usuarios que decidan firmar parte de este canal de información no requieren registrarse o formar parte de todos simultáneamente, sino que pueden seleccionar el eslabón de comunicación que les sea mas practico o accesible. En este modelo de comunidad virtual que vamos a desarrollar a partir de Blogger la información viaja así:

a) Creamos una entrada nueva en Blogger.

 Aquí los usuarios que entren directamente a nuestra pagina van a toparse con información nueva a menos que se suscriban al boletín de nuestro Blogg* (*Esta capacidad la exploraremos cuando editemos los componentes o gadgets de nuestra plantilla en una sesión posterior)no tienen una manera automatizada de saber o notificarse de un contenido nuevo publicado. Dentro del modelo del canal de comunicación, esta actividad (publicar material nuevo) notifica en primera instancia a Twitter en la forma de un mensaje abreviado.



b) El boletín en Twitter.


 Blogger genera una notificación automática en Twitter en la forma de un mensaje condensado que incluye el encabezado de nuestra entrada y un link compacto que conduce al resto del contenido directamente de nuestro blog. (Como crear una cuenta en Twitter y las características básicas de operación sera explicado a detalle en la sección de anexos de esta sesión). Nuestros seguidores en Twitter serán notificados respectivamente en sus propios perfiles.




c).La página de Facebook. 

Facebook previa configuración puede generarnos paginas de tipo promocional para diversas aplicaciones, tales como la difusión de eventos, productos e instituciones, las cuales se pueden administrar (llenar de información, fotografías, interacción con los seguidores , etc)* en estas paginas podemos activar la opción de permitir acceso externo, y mediante esta función ligamos una cuenta de Twitter que va a estar publicando duplicados de cada mensaje directamente desde nuestro Blogg.




 ANEXOS:

 1. CREACIÓN DE CUENTA EN TWITTER. 


Utilizando la cuenta de gmail empleada con anterioridad llenamos el formulario de bienvenida de de www.twitter.com, poniendo atención especial el seleccionar el nombre en pantalla de nuestra cuenta que tiene la siguiente sintaxis: @minombredepantalla. Es el símbolo de @ el que lo convierte en un referente en la comunicación de twitter. Solo basta incluir en un mensaje el nombre de pantalla de cualquier usuario para crear un vinculo de comunicación temporal donde nuestras publicaciones pueden llegar a otros usuarios aun sin estar en calidad de contactos o seguidores de nuestra cuenta.



1.1 Las etiquetas o HASHTAGS 
La manera en que podemos catalogar, diferenciar y/o descubrir nueva información pertinente a un tema en particular es mediante la implementación de etiquetas. Estas son palabras o frases clave que siempre deben estar escritas sin espacios antecedidas por el símbolo de NUMERO (#) ej:
#etiquetahashtag
#olimpiadas2012
#eleccionesmexico






Si yo quisiera reunir en una sola pagina información pertinente a las olimpiadas de Londres 2012, en el buscador de Twitter escribo #olimpiadas 2012 y el programa me concentra en un solo listado todos los mensajes de Twitter que contienen información relativa a mi búsqueda.
Del mismo modo los hashtags permiten llevar una conversación entre varios usuarios y poder diferenciar los Twitts de nuestra platica contra los de cualquier otro tema.








2.TWITERFEED.
Es un programa de enlace para crear un servicio automatizado de alimentación entre 2 o mas paginas. En el caso especifico de nuestro proyecto vamos a crear un lazo de información entre blogger y twitter ya que no existen herramientas propias de nuestro blog para ligar dichas paginas. Para realizar esto creamos un usuario en www.twitterfeed.com podemos utilizar la cuenta  GMail.). Esta pagina nos pide que creemos un canal de comunicacion con los siguientes requisitos:  un nombre para dicho canal  que identifique (Ej. "Mi Canal de Comunicación", "Alimentación a mi cuenta de Twitter", etc) y llenar el campo que  indica "Feed" con la dirección de nuestro Blogg, que es el que va generando los contenidos. Para verificar la debida conexión de nuestro Blogg usamos el botón de test feed que si nos arroja un renglón de feed test ok en color verde comprobamos que esta funcionando el suministro de información.






El proceso continua cuando generamos un enlace con twitter esto requiere que nosotros estemos previamente registrados en  nuestra cuenta de twitter y tengamos en nuestra pestaña nuestro perfil abierto. Seleccionando el servicio de Twitter el navegador nos pide autorización para que Twitterfeed accese nuestra cuenta. Después de la activación el servicio queda en funcionamiento en ciclos de 1/2 hora. Esto es, cada media hora después de su activación Twittrfeed va a leer nuestro perfil de Blogger y si existiera una nueva entrada inmediatamente la publica como un nuevo tweet.






3. PAGINAS UTILITARIAS EN FACEBOOK
Facebook no es solo una red social con fines de entretenimiento. Cuenta también con la capacidad de generarnos una serie de paginas con diversos propósitos y aplicaciones que facilitan la promoción y difusión de contenidos ai como la interacción con los diversos sectores del publico a los que pudiera interesarle dicha información. Todo esto sin involucrar informacion personal o acceso a nuestras publicaciones o fotografías para una pagina de facebook nuestra cuenta de usuario ( que seria nuestro perfil propiamente) es el administrador, y no una extensión de nuestra cuenta de Facebbok.