viernes, 28 de octubre de 2011

Aportes de la tecnología para mejorar la educación


La interacción de los alumnos en redes sociales con profesores y sus pares podría mejorar sustancialmente la forma en que los estudiantes acceden a los contenidos.


La educación es uno de los temas más tratados actualmente en nuestro país. Una de las grandes aristas de este conflicto es la calidad de la enseñanza en nuestro país, mientras se debate acerca del futuro de ésta área.
En este contexto, la Facultad de Educación de la Universidad Santo Tomás organizó el seminario "Tendencias y Necesidades en la Formación de los Nuevos Educadores para el País", encuentro en el que se desarrollaron los distintos desafíos que tendrá que enfrentar la educación chilena en los próximos años. Incluyendo nuevos métodos como la tecnología.
Para esto se invitó al especialista norteamericano Nick Perkins, actual gerente de desarrollo académico para América latina de la empresa Pearson Longman. En sus áreas de trabajo ha destacado por sus proyectos para incorporar tecnologías en la formación docente, principalmente en la enseñanza del inglés. Durante su agenda en nuestro país, se dio el tiempo para conversar con Educación&Postgrados.
En Chile uno de los principales criterios que utilizan las empresas para contratar personal es el dominio del inglés, de acuerdo a tu experiencia ¿Cuál es la mejor forma para aprender inglés?

El secreto del éxito del aprendizaje de cualquier idioma es la práctica. No importa que tengas al mejor profesor del mundo o aprendas utilizando tecnología de punta y tengas 15 horas semanales de clases, si no prácticas no vas a aprender. La mejor manera es la manera de sobreviviencia, de encontrarme en un país donde se hable un idioma determinado y tener que pedir comida en ese idioma, ir al supermercado, comprar un ticket de tren, pero esto es irreal para la gran mayoría de las personas. Yo creo que hoy día se debería ocupar mucho los videos, pero no ver pasivamente los videos sino que hacerlo de manera activa. Las tareas no pueden ser solamente escritas, porque los idiomas abarcan tanto lo escrito como lo hablado, entonces hoy día si lo podemos hacer, yo te pido muy fácilmente que tu me elabores un video de lo que hablamos en clases en vez de un texto. Entonces uno debería buscar una institución que este dispuesta a utilizar la tecnología que fomente más practica comunicativa. Que me pida que yo escriba un blog todas las semanas, que utilicemos documentos compartidos como Google Docs y podamos hacer una corrección por pares, que es más visible y dinámico. Porque una corrección que se hace sobre el papel es algo muy privado, no hay visibilidad. Son muy pocas veces los estudiantes que se juntan en la cafetería y uno le dice al otro "muéstrame tu tarea", "muéstrame tus correciones", pero si lo ponemos en un sistema de documentos en línea y aplico estrategias como la corrección por pares, permite que todos vean las correcciones de los demás y esto ayuda mucho a resolver dudas.
Ahora, si son videos, en mi caso ha sido muy interesante. En mis 15 años en la profesión no me acuerdo de haber escuchado a un estudiante decirle a otro "muestra tu ensayo", pero los pongo a hacer videos y todos están desesperados por ver los videos de los otros. Creo que el fenómeno social de Youtube, por que cuantas veces ves estudiantes en una cafetería todos mirando la pantalla del celular viendo fotos o videos de que hizo una persona el fin de semana. Si yo logro inspirar a los estudiantes a ver los trabajos de otros o mejor aún, los convenzo de poner estos videos en youtube y queden como un punto de referencia constante. Y un último pensamiento, creo que es importante tener un currículo básico que incluya la aplicación de materiales de alta calidad por personas de trayectoria en el tema de elaboración de materiales. Pero para los complementos,  consideremos los sitios de internet más populares del mundo como son Youtube, Wikipedia, Blogger, entre otros. Estos sitios no tienen contenido propio, el contenido es generado por los usuarios, pero entramos al aula de clases y muy pocas veces tenemos contenido generado por los usuarios. Entonces no veo ninguna razón para no utilizar un video hecho por un estudiante avanzado como parte de una prueba de comprensión de un estudiante de nivel intermedio, o un escrito, un ensayo escrito por un estudiante de nivel intermedio por qué no puede convertirse en material para un estudiante básico. Como siempre tratamos de dar a los estudiantes material que está levemente por encima de sus habilidades actuales, para que se esfuercen. Lo que tu escribes en nivel 2 podría ser material para un estudiante de nivel 1 y así sucesivamente. No todos los materiales, porque necesitamos una estructura básica curricular que garantice la alta calidad, pero al mismo tiempo, como material de apoyo podemos incorporar material hecho por los mismos estudiantes, que son mucho más reales. 
Según tu opinión, ¿qué aportes puede entregar la tecnología a la educación?
En mi área específica, que es el ingés, sería el contacto con el idioma. Hace muy pocos años, los actuales profesores reflexionamos en cómo fue nuestro proceso de formación en idiomas, realmente el idioma era algo en cierta forma abstracta. Aprendíamos, en mi caso, español en Inglaterra, en el caso de los profesor de Chile, inglés aquí en Chile. Entonces, hasta el momento de ejercer la profesión, cuando estamos en el colegio o en la universidad en un curso de idiomas general, mientras estudiamos otra cosa, el idioma es muy abstracto, te preguntas ¿para qué? y no es hasta el momento que llegamos al mundo de los negocios o al mundo de si vamos a ser profesores, no es hasta ese momento cuando el idioma se volvía real, porque era algo que usábamos para mejorar nuestras oportunidades en la vida. En cambio hoy con la tecnología, específicamente con el internet y los smartphones, que nos permiten tener internet todo el día en el bolsillo, el idioma se vuelve algo mucho más real, más tangible. Por ejemplo, Manuel es un gran amigo mio en Colombia que es productor del programa de radio que realizo semanalmente, no se considera como una persona que habla inglés, pero es adicto al juego de Facebook Bejeweled Blitz, que no es un juego lingüístico, pero él es muy bueno para este juego, incluso una vez estuvo entre el top ten mundial de Bejeweled, por lo que la gente comenzó a solicitar su amistad en Facebook, gente nativa de muchos idiomas pero la lengua común era el inglés, y un día vi a Manuel chateando en inglés, quede sorprendido. El uso de Facebook hizo que para él, el inglés fuera algo muy tangible, siendo que no se considera un experto en el tema, ya tiene un uso concreto del idioma y es para comunicarse con las personas que le preguntan sobra Bejeweled. Para mi esto es la escencia de la tecnología, volver lo intangible, tangible.
En el caso de las redes sociales e internet ¿De qué forma crees que pueden ayudar a mejorar la educación?

Primero que todo la relación profesor estudiante y la manera en que mantenemos a los estudiantes en contacto con nuestras materias. Pensamos en la tarea tradicional, tradicionalmente yo te voy a decir "bueno, anote", y el alumno va a sacar su cuaderno y anotar la tarea. Este cuaderno se cierra, se mete en la mochila, el alumno llega a casa y la mochila se queda cerrada. Porque es todo un proceso de tomar la mochila, sacar el cuaderno, mirar el apunte. Pero si yo logro tenerte en una red social conmigo, ya sea que somos seguidos en Twitter, se tienen como contactos en Facebook o yo escribo un blog y tu eres mis suscriptor, es una manera de mantener a los alumnos más actualizados sobre los procesos. En Facebook yo posteó en el wall de otro usuario, "no se te olvide la tarea", o puedo poner un link, que es muy distinto a escribir en la pizarra "www...", porque volvemos al mismo proceso de escribir en el cuaderno, guardar el cuaderno en la mochila, etc. Pero si usamos las redes sociales pasa algo distinto, el amigo le manda a otro un link, le dice "mira, este video esta buenísimo" y con un solo click ya estamos viendo el video. Tal vez con el profesor es más probable que el alumno interactúe porque lo está viendo. Ya no puede decir "perdone profesor se me olvido, se me perdió el cuaderno", el alumno no podría decir "se me perdió Facebook", o que no lo vio. Entonces nos permite una interacción más profunda. También la generación de relaciones que van más allá del profesor/alumno. Una relación más afectiva, tal vez, un poco más humana, más social, "yo siempre voy a ser tu profesor, pero también soy tu profesor en Facebook" y eso da un vínculo más cercano. 
El hecho que los niños  pasen tanto tiempo en internet y redes sociales también beneficia esto...

Exacto. Creo que el gran reto es convencer a mi mismo como profesor y a los padres de familia que cuando vean a sus hijos  en Farmville (juego de Facebook), antes de decir "que perdida de tiempo, deja de jugar y haz algo productivo", puedan decir "¿Estas jugando Farmville? ah, eso está en inglés, sigue así".
¿Qué opinas de los cursos y postgrados online?


Me parece muy interesante porque el postgrado antes de la versión online significaba un sacrificio muy grande. Porque si tenías buenos ingresos podías dejar de trabajar y dedicarle dos años al estudio, pero ¿Cuantos están en esa situación?. entonces para estudiar un postgrado había que sacrificar las noches, los sábados, y para una persona que tiene familia o niños, es un gran sacrificio. En cambio con un postgrado en línea soy yo quien decido los tiempos en que estudio. Puedo llegar del trabajo, estar con la familia y cuando los niños se duermen, estudio. Entonces da más flexibilidad, siempre va a ser un sacrificio, pero es un sacrificio donde yo decido cuando realizarlo. Por otro lado, si las instituciones manejan de manera eficaz el postgrado en línea, pueden hacer una oferta mucho más amplia, por ejemplo, hay un nuevo postgrado en línea en una universidad de Bogotá sobre inglés. Entre los profesores tienen a algunas de las figuras más respetadas mundialmente en la pedagogía del inglés. ¿Cuando vas a tener la posibilidad de estar al frente de profesores como David Marsh en una clase? Pero ahora es posible, porque trabajan como profesores invitados del postgrado en línea. Entonces da flexibilidad y también da más acceso, si es que está bien manejado por la institución.  
Creo que también se presta para ampliar el conocimiento, en el sentido que si es un postgrado en línea, la institución debe buscar la forma que los recursos estén en línea. En cambio esos recursos guardados en una biblioteca, no es una crítica, es una observación. La biblioteca siempre está desactualizada, desde el momento que se publica un libro, empieza a desactualizarse. La biblioteca es limitada, porque tenemos una o dos copias del libro para la comunidad completa de la universidad. En cambio si los recursos están en línea todo el mundo tiene acceso a éstos en el momento que los necesiten, y además son recursos actualizados.

Cómo aprovechar las redes sociales para comunicar más sobre nuestra empresa


Para las empresas, los sitios web de redes sociales son servicios de comunicación y, como tales, requieren de estrategias definidas para su utilización y debido aprovechamiento.
La Web 2.0 se refiere a tipos de sitios Web, sustentados en ciertas tecnologías y contenidos orientados a generar interacción y comunidades. Así pues, que los medios sociales son una diversidad de servicios Web, que permiten la socialización virtual y digital (texto, fotos, voz y video).
Si desean sacarle provecho a estos servicios, gerentes y empresarios necesitan tener unos objetivos definidos para sus negocios en estos espacios, según sus públicos e intereses. Así les será mucho más fácil decidir cuál sitio utilizar y cómo.
Ejemplos de uso de las redes sociales para las empresa:
Los asuntos de atención al cliente y servicio los puedes llevar por Twitter o Facebook, pero para tratar más ampliamente temas especializados sería más adecuado recurrir a un Blog (que puedes comenzar gratuitamente en Blogger.com, WordPress.com o Tumblr.com).
Si tu empresa tiene fotos de productos, eventos, instalaciones o empleados que necesitas dar a conocer, podrías utilizar el servicio de sitios como Flickr.com o Sonico.com. En estos sitios puedes desarrollar un gran catálogo de imágenes sobre tu empresa.
Puedes igualmente divulgar videos relacionados con tu negocio, aunque sean realizados con un teléfono móvil, en sitios como YouTube.com o Vimeo.com. Recomendaciones y demostraciones en videos sobre uso de productos suelen generar mucho interés.
Si necesitas publicar presentaciones de Power Point o documentos en formato .PDF puedes utilizar servicios tan interesantes como los de SlideShare.com, Scribd.com o Issuu.com. Es muy sencillo distribuir digitalmente los folletos de tus productos a través de estos sitios.
A la hora de hacer una búsqueda de personal para tu organización, Linkedin.com es una red de perfiles profesionales que cada día se utiliza más en este sentido por la especificidad y seriedad de sus contenidos.
Así mismo, también puedes aprovechar el interesante servicio de TwtVite.com para realizar invitaciones digitales a eventos, actividades o promociones. Y puedes realizar encuestas de manera sencila con servicios gratuitos como los de TwtPoll.com.
Por cierto, las empresas pueden utilizar todas estas plataformas y servicios 2.0 de comunicación, no sólo hacia fuera, con sus clientes externos. Sino que también las pueden aprovechar internamente y de manera privada. Ya que todos estos servicios pueden significar grandes ahorros de tiempo y dinero.
¿Cómo le está sacando provecho a la Web 2.0 tu empresa?

jueves, 27 de octubre de 2011

Instalación y desinstalación de aplicaciones Android

Para aquellos que tienen un teléfono Android, no hace falta decir que se trata de tener las aplicaciones adecuadas. Sin embargo, para los nuevos usuarios de teléfonos inteligentes Android, puede haber algunas dificultades para saber cómo instalar y desinstalar estas aplicaciones cuando sea necesario. Este artículo tiene por objeto aclarar las instrucciones de dichos procesos, después de todo, cada uno tiene que empezar en alguna parte.
En su mayor parte, todos los teléfonos Android se siga el procedimiento indicado en el artículo. Sin embargo, con el fin de preservar la calidad y evitar la redundancia, el T-Mobile G1 será utilizado como el teléfono móvil de ejemplo para el objetivo de este tutorial. Siga a lo largo de la mejor manera posible si se utiliza cualquier otro Android.
La forma primaria, así como la forma más común, para instalar una aplicación Android es directamente a través del mercado de Android. El mercado es básicamente un repositorio centralizado de todas las aplicaciones que se han desarrollado para Android. También ha sido el modelo de tienda del iPhone de Apple. Un desarrollador independiente puede crear una aplicación y subirla, dejar a nadie con un Android para descargar. La mayoría son gratuitos, pero algunos cuestan dinero.


Instalación de Aplicaciones para Android


Con el fin de instalar una aplicación Android en el dispositivo en cuestión, continúe con los pasos siguientes:

  1. Uso del menú Aplicaciones, abra el mercado Android.
  2. En este caso, cualquier opción de aplicaciones de juegos o la búsqueda se puede acceder. Utilizar estas herramientas para encontrar la aplicación deseada. Utilice la búsqueda para encontrar uno específico, o simplemente navegar hasta la una atractiva primera aparece en la lista.
  3. Cada solicitud debe venir con su propia clasificación y descripción. Evaluar cuidadosamente.
  4. Simplemente haga clic en la aplicación para ver más detalles y haga clic en el botón Instalar hacia la parte inferior de la pantalla.
  5. La pantalla siguiente se describe lo que se requieren para trabajar. Simplemente de acuerdo con los términos y está instalado.

Desinstalación de aplicaciones Android


A veces, una aplicación sólo tiene que ir. Ya sea que uno mejor se ha encontrado una aplicación o simplemente se ha desgastado su bienvenida, debe ser desinstalado. Desinstalación es tan simple como lo fue para instalarlo.

  1. Abrir el menú de Google Android.
  2. Ir al icono de Ajustes y seleccione Aplicaciones.
  3. A continuación, haga clic en Administrar.
  4. Una lista de aplicaciones instaladas aparecerán.
  5. Seleccione el que desea desinstalar y simplemente haga clic en Desinstalar.
  6. Con ello, se desinstala la aplicación.

Instalar Android en Eclipse

  • Instalado eclipse.
  • Lo siguiente es instalar las Android Development Tools o ADT en Eclipse. Para ello hay que ir a Help > Install New Software, y en la ventana que aparece hacer click en Add y añadir lo siguiente: “ADT Plugin” y la URL “https://dl-ssl.google.com/android/eclipse/”


  • A continuación tenemos que seleccionar las “Developer Tools”, darle a Next una o dos veces y aceptar las condiciones de la ventana:



  • Después de la instalación de las herramientas y de reiniciar el Eclipse tenemos que descargarnos el kit de desarrollo de Android (SDK) de la página de desarrolladores, eligiendo el de nuestra versión de OS. Para continuar tenemos que descomprimir el .ZIP y en Eclipse > Preferences > Android seleccionar el directorio donde se encuentra:


  • Lo siguiente es descargar la versión 2.3.3 desde el listado de paquetes de Android en Eclipse:

  • Tras instalar el 2.3.3 y para configurar el terminal del emulador, desde el menú de Virtual Devices de la pantalla anterior configuré uno nuevo de la siguiente forma:




  • Nota: la opción de Snapshot permite que se guarden imágenes del estado del emulador y su carga (salvo la primera vez) sea más rápida.
  • Por último sólo hay que elegir el menú de dispositivos en que acabamos de crear y darle al botón “Start” para arrancarlo:


Crear Nuevo Proyecto Al agregar un nuevo proyecto android.
  • Por defecto nos creará varios archivos, pero el que nos importa es el que está dentro de src/cristalab.com. Al abrirlo veremos que tenemos el siguiente código: Código :

package cristalab.com;
import android.app.Activity;
import android.os.Bundle;
public class HolaCristalab extends Activity {
/** Called when the activity is first created. */ @Override
public void onCreate(Bundle savedInstanceState)
{super.onCreate(savedInstanceState);
setContentView(R.layout.main); } }



  • Ahora simplemente debemos cambiar unas líneas de código. Sustituimos la línea setContentView... por Código : TextView tv = new TextView(this); tv.setText("Hola Cristalab!!");setContentView(tv);
  • Con esto creamos un campo de texto y lo inicializamos con el texto "Hola Cristalab" y luego hacemos que aparezca por pantalla. Veremos que eclipse nos dice que nos falta importar una clase, para ello usamos la ayuda de eclipse y apretamos Ctrl+Shift+o y nos añadirá" import android.widget.TextView;“
package cristalab.com;
import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;
public class HolaCristalab extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
TextView tv = new TextView(this);
tv.setText("Hola Cristalab!!");
setContentView(tv);
}
}
Run->Run->Android Application

Cómo actualizar al nuevo SDK en Eclipse

Con esta actualización, nos podemos evitar los engorrosos pasos para instalar el SDK de Android que teníamos que descargar e instalar de forma manual. Tanto si ya tienes instalada una versión anterior del SDK como si no, sigue estos sencillos pasos:


El SDK de Android  descargable sólo trae herramientas como el adb o el emulador. Para descargar los archivos necesarios para emular terminales de distintas versiones de Android o para trabajar con las APIs específicas de Google tendremos que realizar la descarga desde el nuevo AVD Manager. De la forma que explico a continuación no es necesario descargarse el SDK desde la página de desarrolladores de Android y podemos actualizar directamente desde Eclipse.


Lo primero que debemos hacer es abrir Eclipse y actualizar nuestras Android Development Tools (ADT), si ya las tienes instaladas. De esta forma podremos descargar los distintos componentes del nuevo SDK Si no las tuvieras instaladas, sigue los pasos del apartado Instalación de las Android Development Tools (ADT) de mi entrada anterior. Para actualizar las ADT, selecciona Software Updates, en el menú Help. Despliega el árbol http://dl-ssl.google.com/android/eclipse de la pestaña Available Software, selecciona las Android DDMS y Android Developers Tools, pulsa Install y reinicia Eclipse tras la actualización.


Ahora tenemos que iniciar el Android SDK and AVD Manager, que se encuentra en el menú Window. Desde esta nueva ventana podremos controlar los Android Virtual Devices (AVD) que tengamos configurados y podremos ver los paquetes del SDK que tenemos instalados o las nuevas actualizaciones. Así que seleccionamos Available Packages, marcamos todos, aceptamos las licencias de todos (Accept All) y pulsamos Install Accepted.








En este momento es cuando empieza realmente la descarga de los nuevos paquetes del SDK Tras unos minutos nos saldrá un aviso de que sería recomendable reiniciar el ADB y de que deberíamos cerrar también la ventana del Android SDK Manager, aunque yo prefiero reiniciar Eclipse por si las moscas. Abrimos de nuevo el Android SDK and AVD Manager y repetimos de nuevo el proceso mientras tengamos elementos sin instalar enAvailable Packages. Yo he tenido problemas en actualizar componentes que ya tenía instalados en el subdirectorio add-ons del SDK, así que los he tenido que borrar e instalar desde cero.


Por último, si quieres modificar la ruta del directorio donde tienes instalado el SDK, puedes hacerlo seleccionando en el menú Window, Preferences, en la sección Android. No podrás renombrar el directorio si tienes el Eclipse abierto, ya que hay archivos que estarán en uso. Así que renombra el directorio con el Eclipse cerrado, y luego entras en las Preferencias para seleccionar la nueva ruta del SDK.



Cómo presentar el resultado de tu trabajo

En el capítulo “¿Qué debe saber un CM sobre la marca?” mencioné la importancia de trazar la estrategia de comunicación y los objetivos junto al cliente para tener una base sólida con la cual generar un historial que, inicialmente, nos servirá para comparar y medir el resultado de nuestro trabajo. Hoy veremos qué otras cosas debes tener en cuenta a la hora de presentar un reporte al cliente.
Una pregunta que me suelen hacer es “¿En qué formato presentas lo reportes?“. La verdad es que depende lo que el cliente necesite, puedo armarlos en PDF, un documento de texto (Word, Docs de Google, etc.) o diapositivas. No utilizo ningún formato extraño, ni programa que los genere automáticamente.


¿Qué se mide?


Datos cuantitativos. Es decir, el crecimiento de seguidores o fans en el último mes, la cantidad de menciones y comentarios, el número de likes, Re-tweets, etc.
Datos cualitativos. Por ejemplo, destacar comentarios relevantes (positivos o negativos, en este último caso su tratamiento y evolución).
Datos acerca de la actividad. Qué contenido gustó más a su público, vista de mensajes, horas pico de interacción, tráfico dirigido al sitio, etc.
Alcance del objetivo. Sin importar cuál sea, se debe analizar los resultados en base al objetivo planeado y mostrar el grado de alcance logrado.
Les comparto una infografía que me ha gustado mucho:





¿Qué debes evitar en un reporte?


No utilices las mismas métricas para todas las redes sociales. Cada red social presenta funciones diferentes, por ello debes plantear objetivos y métricas distintas. Por ejemplo, en Twitter es muy fácil seguir el número de comentarios donde hacen mención de tu marca o hablan de tu producto; mientras que en Facebook, esa métrica es más difícil de lograr (recientemente incorporó la herramienta “personas que están hablando de esto” y aún no es muy específica).
Mide más allá de los fans y el “me gusta”. Facebook presenta varios análisis de tu fan page que le permitirán saber al cliente desde dónde vienen los usuarios, cómo encontraron nuestra página, cuánto tráfico le deriva la red social a su sitio, etc.
No esperes a entregar un reporte para informar al cliente sobre lo importante, sea malo o bueno. Intenta, semana a semana, mantenerlo al tanto.


¿Qué debes hacer para lograr un buen reporte?


Utiliza el tono y vocabulario del cliente. Debes dejar de lado tu entendimiento y cultura 2.0. Hablar con propiedad es ser claros ante quienes reportamos.
Haz uso todas las herramientas análiticas que presenté en capítulos pasado y que puedas encontrar en la Web para poder identificar cuáles son las que mejor aplican a los objetivos de tu marca.
Cita las fuentes de consulta analítica.
Se sincero.
Genera valor agregado. Es bueno aportar un análisis o conclusión final de todas las métricas presentadas, no solo dar números y datos.
Compara el crecimiento de tu marca en el tiempo.
Identifica los puntos débiles de la marca y propone trabajar en ellos para el siguiente mes. Plantea nuevos objetivos constantemente.
Por último, hazte la siguiente pregunta: ¿Se están cumpliendo los objetivos de tu cliente? En caso de que no esté sucediendo, analiza si son objetivos reales e intenta identificar los motivos para mejorarlos.
Recuerda, como dije al comienzo de este capítulo, el reporte que envíes al cliente representará el trabajo que has hecho durante todo un periódo, intenta reflejar lo relevante y haz que la presentación hable por tí, sin exagerar y sin mentir.



Compartir en FB

miércoles, 5 de octubre de 2011

Galería de imágenes con jQuery

Hoy vamos a ver cómo hacer una galería de imágenes muy vistosa y sencilla de implementar con jQuery, idea de nuestros amigos de Sohtanaka.


  • Lo primero que haremos será alojar la siguiente imagen, ya sea en Blogger o en Imageshack, Photobucket,etc.




  • Ingresamos a Diseño/ Edición de HTML y con ayuda de CTRL+F buscamos ]]> y encima de éste pegaremos el siguiente código CSS:


<script src='http://code.jquery.com/jquery-latest.js'
type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
//Larger thumbnail preview
$(&quot;ul.thumb li&quot;).hover(function() {
$(this).css({&#39;z-index&#39; : &#39;10&#39;});
$(this).find(&#39;img&#39;).addClass(&quot;hover&quot;).stop()
.animate({
marginTop: &#39;-110px&#39;,
marginLeft: &#39;-110px&#39;,
top: &#39;50%&#39;,
left: &#39;50%&#39;,
width: &#39;174px&#39;,
height: &#39;174px&#39;,
padding: &#39;20px&#39;
}, 200);
} , function() {
$(this).css({&#39;z-index&#39; : &#39;0&#39;});
$(this).find(&#39;img&#39;).removeClass(&quot;hover&quot;).stop()
.animate({
marginTop: &#39;0&#39;,
marginLeft: &#39;0&#39;,
top: &#39;0&#39;,
left: &#39;0&#39;,
width: &#39;100px&#39;,
height: &#39;100px&#39;,
padding: &#39;5px&#39;
}, 400);
});
//Swap Image on Click
$(&quot;ul.thumb li a&quot;).click(function() {
var mainImage = $(this).attr(&quot;href&quot;); //Find Image Name
$(&quot;#main_view img&quot;).attr({ src: mainImage });
return false;
});
});
</script>


Damos click a guardar.

  • Ahora, cada vez que vayamos a usar esta galería deberemos de colocar los enlaces de esta forma (podemos colocarlos en una entrada):

<ul class="thumb">
<li><a href="#"><img src="URL-IMAGEN" alt="Texto" /></a></li>
<li><a href="#"><img src="URL-IMAGEN" alt="Texto" /></a></li>
<li><a href="#"><img src="URL-IMAGEN" alt="Texto" /></a></li>
<li><a href="#"><img src="URL-IMAGEN" alt="Texto" /></a></li>
</ul>


Reemplazamos lo que está en negrita y listo, ya tenemos nuestra galería de imágenes.

domingo, 2 de octubre de 2011

  • Texto
  • Texto
  • Texto
  • Texto
  • Texto

Botones para Compartir de Facebook

1.- Utilizar un botón/script de Facebook

Facebook tiene una cosa que le llaman el "Share Button", que crea este botón por su propia cuenta al insertar un enlace y un script en tu página web. Esta manera de actuar es interesante, pues estos botones son bastante "inteligentes" y proveen de un contador de personas que enviaron tu enlace a la red social, aparte de la propia funcionalidad de compartir. Además, el servicio se puede configurar para que muestre distintos tipos de botones, que podemos elegir en función del aspecto que tenga nuestra página.
Es quizás la manera más adecuada de colocar el botón, pero tiene el inconveniente de no permitir personalizar la imagen o botón que se va a utilizar (o por lo menos en el momento de escribir este artículo no existe esta opción). Por ello, si queremos utilizar un botón con aspecto personalizado, tendremos que buscar otra solución.

Todas las instrucciones para conseguir implementar este botón en tu web están en la Wiki de desarrolladores de Facebook, en la página que trata sobre Facebook Share.

El código HTML para insertar un botón de los que provee Facebook tendrá esta forma:




Además, podemos seleccionar el tipo de botón a utilizar entre varias posibilidades, con el atributo "type" en el enlace.






El atributo del enlace "share_url" es opcional y sirve para indicar la URL que queremos que se comparta. Pero si no indicamos nada en ese atributo se enviará a Facebook la URL de la página donde se ha colocado el botón.

Además, si queremos que dentro del botón esté escrito un mensaje personalizado, podemos poner texto en el enlace, algo así como:



2.- Enlace simple de enviar a Facebook

Otra variante que podemos implementar, si es que deseamos personalizar el botón de enviar a Facebook es crear un enlace normal, dirigido a la URL para compartir en Facebook.

En este caso se crearía un enlace y en el texto aparecería "Compartir FB", y claro, si queremos utilizar nuestro propio icono en vez de ese texto, dentro pondríamos la imagen que deseamos.


3.- Enlace que se abra en un popop

Este código se podría alterar un poco para que este enlace se abra en una ventana secundaria o popup. Para ello tenemos que utilizar un poco de Javascript por nuestra cuenta.

Botón Me Gusta de Facebook

Al igual que el botón permite al usuario compartir su contenido con tus amigos en Facebook. Cuando el usuario hace clic en el botón igual que en su sitio, una historia aparece en el News Feed los amigos del usuario "con un enlace a su sitio web.

CÓDIGO

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<div class="fb-like" data-href="facebook.com/Nombre_de_la_Organizacion" data-send="true" data-width="450" data-show-faces="true"></div>

COMPARTIR EN FACEBOOK
Compartir en FB

Comentarios de Facebook

Caja de comentarios es un plugin social que permite al usuario comentar en su sitio. Las características incluyen herramientas de moderación y de distribución.

Relevancia social: apartado de comentarios utiliza señales sociales a la superficie de los comentarios más alta calidad para cada usuario. Los comentarios están ordenados para mostrar a los usuarios los comentarios más relevantes de los amigos, amigos de amigos, y los temas de discusión que más le gustaba o activo, mientras que los comentarios marcados como spam se oculta a la vista.

Distribución: Los comentarios se pueden compartir fácilmente con amigos o con gente que le gusta de su página en Facebook. Si un usuario deja la "Publicar en Facebook" casilla marcada cuando se envía un comentario, una historia aparece en News Feed de sus amigos lo que indica que ella ha hecho un comentario en su sitio web, que habrá también un enlace a su sitio.

Amigos y personas que les gusta la página se puede responder a la discusión por la simpatía o de responder a los comentarios directamente en el News Feed de Facebook o en el apartado de comentarios en su sitio. Temas permanecer sincronizados a través de Facebook y en el apartado de comentarios en su sitio, independientemente de dónde se hizo el comentario.

CÓDIGO

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="facebook.com/Nombre_de_usuario" data-num-posts="2" data-width="500"></div>

COMPARTIR FACEBOOK
Compartir en FB

Transmisión en vivo de Facebook

El plug-in Live Stream permite a los usuarios que visitan su sitio o aplicación comparten la actividad y los comentarios en tiempo real. Transmisión en vivo funciona mejor cuando está ejecutando un evento en tiempo real, como video streaming en vivo de conciertos, discursos o transmisiones por Internet, chats en vivo Web, seminarios, juegos multijugador masivos.

CÓDIGO

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_ES/all.js#appId=ID_de_la_Aplicacion&xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-live-stream" data-event-app-id="ID_de_la_Aplicacion" data-width="400" data-height="500" data-always-post-to-friends="false"></div>

COMPARTIR EN FACEBOOK
Compartir en FB

Imágenes de Perfil de Facebook

El plug-in Facepile muestra las imágenes de perfil de Facebook de los usuarios que han gustado de la página o se han inscrito en su sitio. Si desea que el plugin para ver los usuarios que han gustado de la página, especifique la dirección URL de la página como el href parámetro. Si desea que el plugin para ver los usuarios que se han inscrito en su sitio, especifique su ID de aplicación como el app_id parámetro.

CÓDIGO

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-facepile" data-href="facebook.com/Nombre_de_Usuario" data-width="200" data-max-rows="1"></div>

COMPARTIR EN FACEBOOK
Compartir en FB

Actualizaciones de Facebook

Al igual que la caja es un plugin que permite a los sociales Facebook Page propietarios para atraer y ganar le gusta de su propio sitio web. Al igual que la caja permite a los usuarios:

Ver cómo muchos de los usuarios ya como esta página, y que de sus amigos también me gusta
Lea los mensajes recientes de la página
Al igual que la página con un solo clic, sin necesidad de visitar la página

CÓDIGO


<div id="fb-root">
</div>
<script>
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-like-box" data-header="true" data-href="http://www.facebook.com/Nombre_de_Uusuario" data-show-faces="true" data-stream="true" data-width="292">
</div>


COMPARTIR EN FACEBOOK
Compartir en FB

Recomendaciones de Facebook

El plug-in muestra Recomendaciones recomendaciones personalizadas a los usuarios. Dado que el contenido está alojado en Facebook, el plugin puede mostrar recomendaciones personalizadas si el usuario ha accedido a su sitio. Para generar las recomendaciones, el plugin considera todas las interacciones sociales con el URL de su sitio. Para una preferencia usuario registrado en Facebook, el plugin se dan a los objetos y resaltar sus amigos han interactuado.

Debe especificar un dominio para el que se muestran las recomendaciones. El dominio se combina a la perfección, por lo que un plug-in en el sitio = facebook.com no incluye la actividad de developers.facebook.com o www.facebook.com. Puede especificar varios dominios y los resultados se mezclan entre sí.

CÓDIGO


<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-recommendations" data-site="facebook.com/Nombre_de_Usuario" data-width="300" data-height="300" data-header="true"></div>

COMPARTIR EN FACEBOOK
Compartir en FB

Actividad de Alimentación de Facebook

El plug-in de alimentación de Actividad muestra la actividad reciente más interesantes que tienen lugar en su sitio. Dado que el contenido está alojado en Facebook, el plugin puede mostrar contenido personalizado si el usuario ha accedido a su sitio. La alimentación de la actividad muestra historias de cuando los usuarios como el contenido de su sitio, cuando los usuarios compartir el contenido de su sitio en Facebook, o si un comentario sobre una página de su sitio en el apartado de comentarios . Si un usuario está conectado a Facebook, el plugin se puede personalizar para destacar el contenido de sus amigos. Si el usuario está conectado a cabo, la alimentación de la actividad se mostrará a través de las recomendaciones de su sitio, y dar al usuario la opción de iniciar sesión en Facebook.

El plugin está lleno de actividad de los amigos del usuario. Si no hay actividad amigo suficiente para llenar el plugin, que se rellena con las recomendaciones. Si se establece la recomendaciones parámetros de verdad, el plugin se divide por la mitad, mostrando la actividad de amigos en la mitad superior, y las recomendaciones en la mitad inferior. Si no hay actividad de amigos suficiente para llenar la mitad de la extensión, se incluyen más recomendaciones.

Debe especificar un dominio para mostrar la actividad de. El dominio se combina a la perfección, por lo que un plug-in en el sitio = facebook.com no incluye la actividad de developers.facebook.com o www.facebook.com. Puede especificar varios dominios y los resultados se mezclan entre sí.

El plugin está disponible ya sea a través de un simple iframe se puede colocar en su página, o si está usando el nuevo SDK de JavaScript , puede utilizar el XFBML etiqueta (o class="fb-activity">

CÓDIGO

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-activity" data-site="facebook.com/Nombre_de_Usuario" data-width="300" data-height="300" data-header="true" data-recommendations="false"></div>


COMPARTIR EN FACEBOOK
Compartir en FB