Esta red social promete solucionar el problema más importante, la privacidad del usuario, ya que será controlado por el mismo internauta y trabajará como una red P2P, además puedes escoger el servidor donde quieras albergar tus datos.

En octubre esta red social,  que ha causado grandes espectativas, estará online. Esperemos que nos sorprenda!.

Y bueno para finalizar me quedo con una frase que es muy verdadera aunque muchas empresas aun no lo hayan entendido bien:

Las redes sociales no son un medio para lanzar mensajes publicitarios.
Las redes sociales no son un medio para enviar comunicados de prensa.
Las redes sociales no sustituyen a los medios tradicionales.
Las redes sociales son un medio de carácter personal
…y por tanto deben usarse como tal.

Uno de los directores de Google, es Peruano (bueno de arequipa, en fin peruano), estuvo vía conferencia desde las oficinas de Google en Silicon Valley. Su charla  estuvo llena de motivación para los emprendedores peruanos, él nos dice que todo eso forma parte de un ecosistema, como un concepto de que cada cosa depende de otro para sobrevivir y salir a adelante, y dio a conocer que empezará a ayudar (en lo que pueda) a estas pequeñas empresas peruanas.

Dijo además que si desean presentarle una idea, él con mucho gusto lo revisaría, ah! pero eso si, ser claros y concisos, explicó que no se necesita demasiadas slides para explicar algo, sólo se necesita: Un slide para el ¿qué problema intento resolver?, otro para ¿cómo lo voy a resolver?, un tercero para ¿qué es lo que necesito para poner en marcha esta solución? y un cuarto para los tiempos, la inversión y otras.Para nuestra sorpresa, Gonzalo dejó su email públicamente (gonzaloB@google.com) para que podamos contactarlo, dado que tiene un alto cargo en Google nos advirtio que en el mejor de los casos nos responde en 20 minutos o 4 días.

Google siempre quiere mostrar lo mejor a los usuarios pero si puede mejorarlo con la velocidad de carga pues lo hará, asi que Webmaster a agilizar sus tiempos de carga.

Existen muchas herramientas para ver la velocidad de carga de tu WebSite, incluso dentro de las herramientas de para webmaster de Google existe una opcion: Labs -> Rendimiento de tu sitio.

Otra herramienta conocida es una creada por Yahoo llamada YSLOW que depende de Firebug, ya que es una pestaña de este.

Esta herramientas es mi favorita, puedesrevisar el peso de tu web componente a compenente y el tiempo que carga cada una. Tb te forma estadisticas sin cache y con cache. Y bueno lo dejo a que lo prueben uds.

Pues bueno esta es la vida de Fausto un chico común y corriente!, vaya! a quien engaño, es un Geek! y este video es genial!. Debí postear esto hace mucho =p

En esta ocación presentando a Rosa, “psicóloga especializada en aprendizaje e interacción hombre-máquina. Sabe de redes sociales más que Mark Zuckerberg, el creador de Facebook. Trabaja como autónoma ‘dependiente’ en una agencia interactiva. La función y el usuario es el principio y el fin, el diseño es para ella un mal evitable”.

Que mejor ejemplo que asomarte a la ventana de tu oficina y ver como empiezan a construir un edificio: hacen un gran hueco y vierten todo el cemento. El tener unos buenos cimientos es la clave de una buena construcción.

Pues igualmente, sucede en el desarrollo de un WebSite, primero necesitamos un plano, hecho a mano (o a software) en la que puedes dibujar como te la imaginas el producto terminado, la cabecera, el cuerpo, el sidebar, entre otras cosas.

Pero entonces… qué es un Wireframe?

El Wireframe es una herramienta de comunicación que ayuda a los programadores, maquetadores, diseñadores e incluso hasta el mismo cliente a “aluscinar” como va a quedar su WebSite. Por ejemplo, uno de los wireframes mas publicados fue el de Terra.

Ventajas de usar Wireframes

• Claridad en el diseño.
• Fomenta la imaginación.
• Mejora la calidad de las funcionalidades del sistema.
• En el desarrollo, participan muchos activamente.

Qué debe contener un Wireframe?

• Inventario del contenido (categorías, pages, post).
• Capas de la pagina (o layouts).
• Elementos del WebSite.
• Diseño estructural.
• y hasta el comportamiento.

Cuántos Wireframes por Website debo hacer?

Todas las que sean necesarias, entendieron? TODAS!. Del Home, de cada página estática importante, igual con las pàginas dinámicas, la de error, la del search y la de ingreso de datos.

Cómo empiezo a desarrollar un Wireframe?

• Primero toma lapiz y papel, luego traza el navegador.
• Empieza a armar los bloques (o capas) que va a tener tu WebSite (header, content, sidebar, footer, etc)
• Ahora empieza a llenar cada capa con sus respectivas funciones, por ejemplo en el sidebar puedes poner el apartado de fans de facebook, las categorias, algunos sponsors, etc
• Trata de “dibujar” cada cosa detallosamente, si por ejemplo quieres dibujar la ventanita de youtube, pues trata de dibujar tb su imagen de la ventana, su “play”, su barra del video, etc. Cada detalle es importante.
• Mientras dibujas enumera cada cosa y a la derecha del gráfico explica que significa cada uno de esos numeritos.
• Si puedes usar regla (sólo si te sientes cómodo) pues úsala.
• Si estas pensando en un trazo que no debe ir, Atrevete! trazalo y fijate como queda.

Hay algún software para esto?

Personalmente el que uso más es el OpenOffice Draw pues me facilita algunos trazos, pero si uds tiene  facilidad con otras herramientas : firework, corel, gimp, etc, pues es mejor usar la que uno conoce.

He visto en la red que usan Axure parece ser una buena herramienta para este tipo de trabajos, es cosa que lo prueben.

Navegando por ahi encontré, una web que tiene bocetos del browser ya dibujado listo para imprimir y hacer tus wireframes más sencillo aun, personalemnte lo uso y lo recomiendo.

Artículos Relacionados:
»Dey Alexander Consulting : Wireframes
»Rediseño del Blog: El factor Humano
»Blog GoPymes : Que necesito para tener mi Página Web

La parte más explotada para esta maravillosa clase es la de poder subir fotos desde tu Website hasta el Flickr sin necesidad de tener una cuenta premiun, para ello se hace eso de los métodos :

sync_upload()
async_upload()


La principal diferencia entre ambas funciones es que el sync_upload espera a que el proceso finalice, es decir, espera que la foto este subida y retorna un ID en cambio el async_upload al subir una imágen se obtiene un “ticketid” que te sirve para revisar el estado del proceso de la imágen. Es obvio que el Asíncrono es mucho más rápido sin embargo, no vas a poder ver la imágen hasta que acabe de procesarse.

Antes de usar esta clase no te olvides de actualizar el fichero auth.php que es el que tiene la configuración principal de tu cuenta.

Plugin para subir fotos a Flickr desde tu WordPress:

Pues que creian que no existía? pues claro que la hay y al probarlo se ve muy bueno, su nombre es wp2flickr. Este plugin puede subir fotos a tu cuenta Flickr con tan sólo dar click en “publicar”, pues si, busca la imágen asociada en tu post y empieza su trabajo.

Tiene un panel sencillo y fácil de usar: (click)

La cual hará el trabajo por ti, es decir, te redireccionará al apartado de Flickr en la cual TU debes “acceder” a que esta aplicación (wp2flickr) pueda tener permisos de escritura y lectura. Una vez aceptes, pues se generará un token que te servirá para poder comunicar el plugin con tu cuenta Flickr.

En este apartado puedes decirle si deseas que las fotos te las suba a algún album o algún grupo, también si deseas que sea la foto publica o privada, entre otras cosas.

Listo! es todo. Ahora postea en tu blog y este subirá las imágenes a tu cuenta flickr.

Si deseas probar este plugin descargalo.

Parte 1

Parte 2

Parte 3

Parte 4

Parte 5

Artículos relacionados
»La Nación: Facebook llega a los 350 millones de usuarios
»YouTube: What you watched and searched in 2009
»Wikipedia: La enciclopedia libre
»Go!Pymes Blog: Community Manager
»Go!Pymes Blog: ¿Cómo promocionar tu empresa mediante facebook?

Las empresas ya entendieron/entienden que no pueden “no comunicar” no pueden ignorar las opiniones de los usuarios, en este mundo digital, los usuarios también quieren participar en el proceso de tu producto o tu servicio y no puedes darte el lujo de decirle que no, es por ello que para poder “comunicar/interactuar” hacemos uso de las herramientas 2.0 como las redes sociales, entre otros.

Para explicar este concepto, debemos cuestionar algunos aspectos :

• Quién se hace cargo de tu red social?
• Quién busca en toda la nube rastros de nuestro producto o nuestra empresa?
• Quién es el nexo entre la empresa y tus usuarios?

Con la llegada de la Web 2.0 es cuando de toma en serio el papel del Community Manager, pues es un trabajo de no sólo es generar contenido diario sino también el de sostener y acrecentar los valores de la empresa para con sus usuarios.

Este trabajo no es fácil pero si gratificante, interactuas con el usuario y más aún, lo escuchas, para que éste opine sobre tus productos/servicios y asi el CM pueda realizar un feedback y mejorar muchos de sus servicios.

En Web Strategy y en WebWorkerDialy se habla de este tema y aqui listo las funciones del CM :

1.Escuchar: Utilizar herramientas como Technorati, leer blogs, foros, para encontrar lo que los consumidores están diciendo sobre la empresa o marca.

2.Responder: Rápida y apropiadamente. La empresa siempre tiene algo que comunicar.

3.Informar: Transmitir dicha información a las áreas correspondientes dentro de la empresa: Product manager, Marketing, Relaciones Públicas, Ingeniería, etc.

4.Conectar: El trabajo tal vez más importante, ser un nexo entre los clientes y el correcto interlocutor dentro de la empresa. Si el cliente está reclamando por que el producto que compró por canales remotos (teléfono, internet) no llegó en el tiempo comprometido, para la empresa es la oportunidad de revisar sus procesos logísticos.

5.Realimentar: Cada comentario, bueno o malo es la oportunidad de la empresa de saber que realmente ocurre con sus productos o marcas, de descubrir dónde están las oportunidades y de incluso corregir la estrategia de manera de servir mejor.

Por ahi googleando me descargué un PDF elaborado por AERCO  y Territorio Creativo de la cual quiero hacer cita de “Un dia en la vida de un Community Manager”. Es una lectura muy interesante, asi que lo recomiendo.

De un día normal en la vida de un community manager. Imaginemos un día cualquiera en la vida de María, CM de un fabricante de teclados y ratones de ordenador.

09:00 Llegamos a la oficina. Es el momento de revisar la prensa para conocer la actualidad de nuestra empresa, de nuestra competencia y de nuestro mercado. Revisamos asimismo todos aquellos blogs, páginas web, foros

y podcast en los que sabemos que hay conversaciones relevantes. Para ello utilizamos herramientas como las descritas en el apartado cuarto. A raíz de esta monitorización, confirmamos una sospecha que teníamos hace días: los usuarios del juego online multijugador “Empire of Power” se quejan de que nuestro ratón

FC-V123 (la apuesta de la empresa para este tipo de juegos) no es apropiado. La disposición de los botones en nuestro ratón hace muy complicado realizardeterminadas acciones, y prefieren los modelos de la competencia, con una disposición de los botones más apropiadas para el juego. A la vista de esta información, solicitamos reunirnos con el departamento de ventas, el departamento de marketing, y el departamento de desarrollo para comentarles este hecho.

11:00 Actualización de contenidos en los diversos canales en los que la empresa tiene presencia:  organizamos con nuestros colaboradores la inclusión de los nuevos contenidos de hoy en nuestros blogs especializados (para “hardcore gamers”, para programadores y para diseñadores web) en los que explicamos

cómo sacar el máximo partido a nuestros productos en dichas áreas. También respondemos a las diferentes cuestiones que nos han formulado en nuestros perfiles en redes sociales, subimos un nuevo vídeo al canal de la compañía en Youtube, y publicamos en Linkedin o Infoempleo una oferta de empleo que nos han hecho llegar desde recursos humanos.

13:00 Momento de “cultivar” el contacto con los miembros más destacados de nuestra comunidad. Aquellos que están más involucrados en colaborar con la empresa, los que diariamente visitan los foros de la compañía para contestar dudas, elaboran guías, nuevos contenidos, y en general actúan como evangelizadores de nuestra empresa allá donde van. Aunque es un puesto voluntario y no remunerado, María

dedica alrededor de una hora al día en saludarlos personalmente, intercambiar ideas, inquietudes, o simplemente charlar sobre temas banales. Es fundamental que nuestros usuarios más colaboradores se sientan escuchados y motivados por parte de la compañía.

16:00 Reunión con el departamento comercial: A raíz de nuestro informe de la mañana, el departamento comercial quiere hablar con nosotros. Según ellos, el modelo FC-V123 ha incrementado sus ventas en el último trimestre casi un 6%, y varias revistas especializadas le han considerado entre los 5 mejores ratones para los “jugones”. María argumenta que si bien con los videojuegos existentes los usuarios están muy satisfechos con este modelo, en particular los jugadores de “Empire of Power” lo consideran poco efectivo debido a que la configuración de los botones no es la más apropiada para dicho juego.

El director comercial defiende que el “Empire of Power” representa sólo un 1% del mercado total para este modelo de ratón. María replica que “Empire of Power” es un juego muy reciente, pero que está creciendo a un ritmo superior al del World of Warcraft en su momento. Así mismo, al igual que pasó con WOW en el pasado, es de esperar que surjan muchos juegos parecidos, para los que nuestro actual ratón no sea apropiado.

17:00 Reunión con el departamento de marketing: El responsable de marketing está muy interesado por el mercado de los juegos multijugador online, pues se trata de uno de los mayor crecimiento, y donde los usuarios están dispuestos a hacer un mayor gasto en un ratón apropiado. María le explica su impresión al respecto: “Empire of power”, si bien a día de hoy es un juego minoritario, se está convirtiendo en un verdadero fenómeno con el potencial de ser el nuevo “World of Warcraft”, juego online multijugador con más de 10 millones de suscriptores en todo el mundo. Si “Empire of Power” continua con este ritmo de crecimiento superará estas cifra en menos de 24 meses. Asimismo, María le muestra multitud de comentarios y críticas realizados por los consumidores donde se comenta que el FC-V123 no es apropiado para este juego. A la vista de estos datos, el director de marketing toma la decisión de empezar a trabajar en el diseño de un nuevo ratón compatible con esta nueva generación de juegos, que estaría en el mercado dentro de 8 meses, en el caso de que el ritmo de crecimiento de “Empire of power” se mantenga.

María se ofrece a ponerle en contacto con algunos jugadores para que conozca de primera mano sus quejas, y les ayuden a definir el “ratón ideal”.

18:30 María organiza una videoconferencia entre los responsables del departamento de diseño de la empresa, y varios miembros del Clan “Dioses del Mal”, un grupo de jugadores que se conocieron jugando al World of Warcraft, y que hace unos meses decidieron cambiarse a “Empire of Power”. Ambas partes charlan sobre las diferencias entre ambos juegos, y porqué el ratón FC-V123 no es tan operativo con el nuevo juego. Consensuan una serie de reuniones semanales donde recogerán su feedback, y posteriormente les darán a probar una serie de prototipos para conocer su opinión.

19:30 Con la satisfacción del trabajo bien hecho, María da por concluida su jornada laboral.

Descarguen el PDF completo

Bueno no voy a explicar con qué se come una API porque ya está explicado en otro post, además que ya deben tener un concepto de eso para poder aventurarse a este mundo.

Primer paso : Conseguir su API KEY.

Necesitamos una llave que será nuestra carta pase que Google Maps converse con nosotros y resuelva nuestras peticiones asi que debemos solicitarlo y claro que te va preguntar para que dominio lo vas a usar, asi que si quieres hacer pruebas puedes decirle que sólo lo quieres para tu localhost y ya luego cuando subas a producción tu trabajo solicitas otra API KEY para la URL correspondiente.

Segundo paso : Incluir la librería

Bueno no sé si exactamente se llama librería, pero debemos incluir en los header’s este código

<script src=”http://maps.google.com/maps?file=api&v=2&key=API_KEY” type=”text/javascript”></script>

Donde el API_KEY es tu llave que ya la habias solicitado. <broma>Bueno de más es decir la mala noticia que todo aqui va a ser Javascript, yo que tanto detesto este código, tuve que aprenderlo, ni modo pss, no todo es perfecto. </broma>

Tercer paso : Hola Mundo!

El famoso hola mundo aqui, en Google Maps, se expresa de otro modo, aqui será un simple mapa con una coordenada.

Aqui va el código:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″/>
<title>GoPymes – Ejemplo Google Maps</title>
<script src=”http://maps.google.com/maps?file=api&v=2&key=API_KEY” type=”text/javascript”></script>

<script type=”text/javascript”>
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(-12.062551,-77.038407), 13);
}
}
//]]>
</script>
</head>
<body onload=”load()”>
<div id=”map” align=”center” style=”width: 500px; height: 500px”></div>
<hr/>
<p>Ejemplo desarrollado en <a href=”http://www.gopymes.pe”>GoPymes</a></p>
</body>
</html>

Ya sé que estan diciendo por este código : “WTF!!!” “Pero que #$% es esto?” “<desmayado>” y…. bueno, yo tb dije eso al verlo no se preocupen es natural para los anti Javascriptseros como yo =p

Bueno les explico el código y verán que sencillo era :
La función  load() como se dan cuenta es llamada desde el body, es decir que se ejecuta una vez que se haya cargado toda la página y es mejor asi. Entonces esta función lo primero que pregunta es si el Browser (explorador de Internet) que estas usando es compatible, luego instancia la clase GMap2 y le lanza de parámetro la capa identificado con el ID maps.

Esto es muy importante, crear la capa:

<div id=”map” align=”center” style=”width: 500px; height: 500px”></div>

Es aqui donde va a estar el mapa y lo especificas como parámetro de la clase GMaps. Bueno, la instanciamos en una variable llamada “map”.

Ahora el siguiente código :

map.setCenter(new GLatLng(-12.062551,-77.038407), 13);

Esta línea centra el mapa a las coordenadas especificadas en él, y el 13 es el zoom que se le da. OJO! no estas colocando un marquet, sólo estas centrando el mapa a esas coordenadas.
Bueno, haces funcionar el código y ya esta! funciona!, eso creo =p

Si deseas puedes ver el código funcionando aqui

Cuarto paso : Ejemplo práctico.

Ahora que ya sabes lo más importante, lo demás es pichi, sólo es cosa que te des el tiempo de investigar cada linea. Vamos a hacer un ejemplo colocando una marca en las oficinas de GoPymes inicialmente, pero vamos a hacer algo que asi nomas no se encuentra por ahi, vamos a hacer que el usuario (osea tu) puedas mover el marquet donde lo quieras.

Empezamos….

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″/>
<title>GoPymes – Ejemplo Google Maps</title>
<script src=”http://maps.google.com/maps?file=api&v=2&key=API_KEY” type=”text/javascript”></script>

<script type=”text/javascript”>
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var html = "Go!Pymes<br /><b>Soluciones Web</b><br />Arrastra el marquet";
var map = new GMap2(document.getElementById("map"));
var point = new GLatLng(-12.062551,-77.038407);

map.setCenter(point, 12);

// insertar los controles
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GOverviewMapControl());

/*    Creamos la marca con draggable: true que indica que la marca se puede mover*/
marker = new GMarker(point, {draggable: true});

/*    Cuando empieza el movimiento, lo unico que hace este es cerrar la ventanita de informacion    */
GEvent.addListener(marker, "dragstart", function() { map.closeInfoWindow();});

/*    Un a vez que acaba el arrastre, este llena las coordenas, abre la ventanita de info    */
GEvent.addListener(marker, "dragend", function() {
document.getElementById("pmaps").value = marker.getLatLng().toUrlValue()+','+map.getZoom();
marker.openInfoWindow(html);
});

GEvent.addListener(map, "move", function() {
document.getElementById("pmaps").value = marker.getLatLng().toUrlValue()+','+map.getZoom();
});

map.addOverlay(marker);
marker.openInfoWindow(html);
}
}
//]]>
</script>
</head>
<body onload=”load()”>
<div id=”map” align=”center” style=”width: 500px; height: 500px”></div>
<br />
<input id=”pmaps” value=”" name=”input” />
<hr/>
<p>Ejemplo desarrollado en <a href=”http://www.gopymes.pe”>GoPymes</a></p>
</body>
</html>

Bueno sólo voy a explicar la parte más importante, osea la que hace que el marquet se mueva:

marker = new GMarker(point, {draggable: true});

Esta línea instancia la clase GMarker recibiendo como parámetro el punto, osea la coordenada, y como propiedad “draggable”, la cual es la clave para que tu marquet pueda ser movida por el usuario y para darte una pista de como guardar ese punto en tu BAse de datos, te he puesto un input la cual tiene las coordenadas del marquet y se actualiza cada vez se mueva este.

Si deseas puedes ver el código funcionando aqui

Bueno y lo demás investiguen, no es tan dificil.