Nuestro servicio de soporte telefónico y por correo electrónico sigue funcionando regularmente para nuestros clientes de hosting, pero hacemos una pausa en el resto de nuestras actividades.

¡Ustedes también pásenlo bien!

Terminamos así este ciclo que llamamos la Semana del Desarrollo Web en Skypecasts, que iniciamos para promocionar nuestro servicio de consultoría por Skype y que nos mantuvo entretenidos esta semana que pasó. Pueden suscribirse a nuestro blog con su lector Atom/RSS favorito ( ¿hace falta recomendar Google Reader? ) para estar al tanto de eventos similares. Saludos para todos los que nos siguieron y plantearon sus consultas durantes los Skypecasts, en especial a Cecilia, mirari, deberland y David

Apuntes

Una lista de las APIs de Google que estuvimos comentando (lamentablemente, todo en inglés, salvo que se indique lo contrario):

• APIs fundamentales:
  • Google Account Authentication. Muchos de los servicios de Google son sólo accesibles a través de cuentas Google autentificadas, aquí la información sobre los dos métodos disponibles para hacerlo: ClientLogin (aplicaciones móviles y de escritorio) y AuthSub (aplicaciones web).
  • Google Data (GData). La “API fundamental” de Google, que describe el estándar para leer y escribir datos en sus servidores. Esta API, a su vez, nos permite trabajar con las siguientes APIs:
    • Google Apps: para integrar, extender y personalizar Google Apps.
    • Google Base Data: para consultar datos de Google Base para crear aplicaciones o mushups, y para ingresar y administrar ítems.
    • Blogger Data: para ver y actualizar contenido en Blogger.
    • Google Calendar and Tools: para ver y actualizar eventos en Google Calendar.
    • Google Code Search Data: para buscar código fuente público.
    • Google Notebook Data: para ver el contenido de las notas públicas del Bloc de Notas.
    • Google Spreadsheets Data: para ver y actualizar contenido de las Hojas de cálculo.
    • Picasa Web Albums Data: para ver y actualizar contenido de los Álbumes Web de Picasa.
    • Google Documents List Data: para subir documentos a los Docs de Google, y listarlos.
• Otras APIs que mencionamos (¡y quedaron otras en el camino de las que ni hablamos!):
  • Google AdSense: para segmentar la publicidad contextual AdSense de acuerdo al contenido de los usuarios, implementar las Referencias de AdSense, personalizar AdSense para Búsqueda y generar reportes detallados.
  • Google AdWords: extensa y completísima API que permite interactuar directamente con la plataforma AdWords para publicar anuncios en Google y su red publicitaria.
  • Google Gears: nuevamente (ya habíamos hablado sobre Google Gears ella en la conferencia sobre Servicios y herramientas de Google aplicadas al desarrollo web), la extensión del navegador que permite a las aplicaciones web ofrecer funcionalidad offline. Aún en beta, pero por demás promisoria.
  • Google KML: documentación sobre el formato utilizado para mostrar datos geográficos en Google Earth.
  • Google Maps: acaso la API más popular de los muchachos/as de Mountain View, para trabajar con los Mapas de Google.
  • YouTube (¡en castellano!): para integrar videos de la popular comunidad online YouTube.

Algunos códigos de ejemplo:

• ClientLogin.html: formulario de muestra que devuelve un token de autenticacion vía ClientLogin para ser usado luego con la Google Spreadsheets Data API.
• spreadsheetService.php: sencilla clase PHP para ingresar datos en las Hojas de cálculo de Google.

Y algo de información complemtaria, para balancear:

• Amazon Web Services. Amazon cuenta con un amplio y muy interesante abanico de servicios web con los que también hemos venido trabajando en 7 Espejos -y de los que quizás hablaremos más en detalle en otro momento-, con APIs accesibles vía REST y SOAP, excelentemente documentadas e impecablemente soportados a través de los múltiples recursos disponibles en la Amazon Web Services Develper Connection. A continuación, algunos de estos servicios:
  • Amazon Elastic Compute Cloud (Amazon EC2): la “Nube Computacional Elástica” de Amazon -aún en fase Beta Limitada- está diseñada para facilitar la escalabilidad a niviles monstruosos, pagando sólo por hora de cómputo y GB transferidos a precios más que accesibles; ej: 100 horas de cómputo por 10 dólares… ó 100 computadoras virtuales (”instancias”) durante una hora al mismo precio. Escalable es un término que no le hace justicia; revolucionario le sienta mejor mejor.
  • Amazon Mechanical Turk (Amazon MTurk): identificar objetos en fotos o videos, identificar duplicaciones de datos y eliminarlas (deduplicar), transcribir grabaciones de audio… Amazon MTurk es, según sus propios creadores, “Inteligencia Artificial Artificial”.
  • Amazon Simple Storage Service (Amazon S3): con el “Servicio Simple de Alamacenamiento” se pagan centavos por GB transferidos y amacenados en los servidores redundantes de Amazon usa para sí misma, sin costos fijos. ¿Alguien dijo terabytes?, ¿¡petabytes!? Amazon S3 está diseñados para ser tan escalable como haga falta ( después sólo preparen la billetera :O ).
  • Alexa Top Sites: el popular servicio de ránking y tráfico web de Alexa, disponible por países, rangos de posición y categorías.
  • Alexa Web Information Service (AWIS): parecido al anterior, sólo que para listar la información (tráfico, información de contacto, vínculos relacionados, historial de tráfico) sobre los sitios.
• Yahoo! Developer Network: extenso y completo portal de desarrollo para trabajar con los servicios web de Yahoo!, con artículos, blogs, información sobre varios lenguajes de programación (JavaScript, Flash, .NET, PHP, Python y Ruby), aplicaciones de ejemplo, códigos, APIs (del.icio.us y Flickr, entre otros), kits de desarrollo y alguna que otra cosa más.

Audio

descargar MP3 (52:53 min / 12,1 MB)

Post data

¡Anímense a dejarnos sus comentarios sobre qué les parió el ciclo!

Apuntes

Los servicios y herramientas de Google no diseñados específicamente para el desarrollo web pero igualmente útiles para este fin, descriptos por Leandro Verdún, Gerente de Cuentas de 7 Espejos y autor del libro Mundo Google:

• Sincronización del navegador: www.google.com/tools/firefox/browsersync/
• Bloc de Notas: www.google.com/notebook/
• Docs y Hojas de cálculo: docs.google.com
• Alertas: www.google.com/alerts

También repasamos otros servicios que sí han sido diseñados para ayudarnos en el desarrollo y gestión de nuestros sitios, descriptos por Emiliano Bazaes, Director de 7 Espejos:

• Analytics (servicio de estadísticas): www.google.com/analytics/
• Custom Search Engine (buscador personalizado): www.google.com/coop/cse/
• Gears (extensión del navegador que permite a las aplicaciones web ofrecer funcionalidad offline): gears.google.com
• Herramientas para webmasters (utilidades e información para listar sitios): www.google.com/webmasters/

Audio

descargar MP3 (38:31 min / 8,8 MB)

¡Los esperamos!

Imagen traducida por Oscar Islas para el artículo sobre Ajax en castellano (ver Apuntes más abajo).

Hoy, jueves 16 de agosto, tenemos la anteúltima conferencia por Skype de este ciclo, en este caso sobre los servicios y herramientas de Google aplicadas al desarrollo web (ver ficha).

Apuntes

Algunos recursos de interés:

• El artículo que le puso nombre a Ajax, Ajax: A New Approach to Web Applications, por Jesse James Garrett de Adaptive Path. Traducción al español: AJAX un nuevo acercamiento a Aplicaciones Web.
• Ajax en la Wikipedia: en inglés, en español.
• Prototype:
  • Sitio web: www.prototypejs.org.
  • Prototype 1.5.1: The Complete API Reference, completo manual en inglés de 182 páginas, en formato PDF.
  • Machete (muletilla) de una carilla: PDF, PNG.
• script.aculo.us
  • Sitio web: script.aculo.us.
  • Demos de ejemplo.
  • Machete (muletilla) de una carilla: PDF.
• MiniAjax.com, sitio con ejemplos simpaticones para su libre descarga.

Audio

descargar MP3 (53:33 min / 12,3 MB)

Hoy miércoles -como toda esta semana- estaremos realizando otro skypecast a las 2 PM hora de Argentina (GMT -3:00), donde el tema a tratar será Ajax, la técnica de programación que revolucionó la web.

Apuntes

Como prometimos, algunos vínculos que mencionamos:

• El extenso artículo que inició todo: What Is Web 2.0. Design Patterns and Business Models for the Next Generation of Software, por Tim O’Reilly. También se encuentra disponible una traducción al español: Qué es Web 2.0. Patrones del diseño y modelos del negocio para la siguiente generación del software.
• Web 2.0 en la Wikipedia: en inglés, en español.
• Digg, y su “clon” en español, menéame.
• El mapa mental (ver definición) que sale más arriba: Web 2.0 map (versión en español, algo más incompleta).

Audio

descargar MP3 (31:42 min / 7,3 MB)

El tema de hoy martes 14 es Web 2.0 (ver ficha), y promete ser menos “técnico” que el de ayer

Que sea ésta también la oportunidad para inaugurar nuestro podcast (ver definición / suscripción RSS al podcast / suscripción RSS a todo el blog).

Audio

descargar MP3 (34:39 min / 7,9 MB)

Vamos a tratar varios temas relativos al desarrollo web, donde hablaremos algunos minutos sobre el tema del día (ver Calendario más abajo) y luego responderemos preguntas de nuestros escuchas (¡wau!). En cuanto a los temas a tratar, hemos decidido dejar los más obvios a un lado (MySQL, PHP, XHTML, CSS y JavaScript) para, por lo menos en esta primera serie, conversar sobre temas de más actualidad, que sean interesantes no sólo para los programadores

Participar es muy fácil. Si ya usás Skype (descargar), sólo tenés que visitar los vínculos que figuran en el calendario y a las 2 PM podrás unirte al Skypecast en cuestión. O agreganos a tu lista de contactos de Skype: sieteespejos , y nosotros te avisamos. A propósito, al final hay un vínculo para bajar el calendario a tu compu en formato iCal (compatible con Outlook, KOrganizer, iCal y otros).

Ya saben, del 13 al 17 de agosto será la Semana del Desarrollo Web en Skype, ¡no falten!

Calendario

Lunes 13

Aplicaciones web: caso Télam. Una introducción a qué son las webapp, su arquitectura, su diseño y sus beneficios; seguido del comentario sobre el sistema desarrollado para uno de nuestros clientes, Télam, la Agencia Nacional de Noticias de la República Argentina.

Martes 14

Web 2.0. Una vistazo general sobre lo que algunos perciben como la segunda generación de comunidades on-line y servicios web. Cuánto hay de ruido, cuánto de innovación y cuánto de márketing.

Miércoles 15

Ajax, la revolución. Dónde, quién, cómo, cuándo, … qué es Ajax. Desde que Jesse James Garrett de Adaptive Path usara por primera vez el término en 2005, “institucionalizó” una técnica de programación que marcaría un antes y un después en la web, especialmente para los usuarios.

Jueves 16 Lunes 20

Servicios y herramientas de Google aplicadas al desarrollo web. Un vistazo a las Alertas, Docs y hojas de cálculo y la Sincronización del navegador de Google; y un repaso sobre Analytics, Co-op (Custom Search Engine), Gears y Herramientas para webmasters.

Viernes 17 Martes 21

APIs de Google. Google abre sus sistemas a desarrolladores de todo el mundo y nosotros echamos un vistazo sobre su Google Account Authentication, Google Data APIs (GData) y Google Spreadsheets Data API, con algunos ejemplos prácticos.

• cómo implementar un servidor Linux, y por qué tal distribución es más adecuada para tal o cual tarea;
• por qué MySQL, una base de datos libre y gratuita, es más indicada que otros sistemas costosísimos, cerrados y mucho más limitados (ay, es que no puedo evitarlo ) para manejar ese volumen infernal de datos;
• cuáles son las fortalezas y debilidades de un firewall…

Y de vez en cuando hasta hace falta consultoría especializada para técnicos IT, diseñadores y programadores, ya para consultas más específicas:

• cuáles propiedades usa en una hoja de estilo y sobre cuáles etiquetas para conseguir un determinado efecto… en TODOS los navegadores;
• cómo emplear las credenciales obtenidas mediante autenticación ClientLogin para el acceso asincrónico (con AJAX, sí) a los datos de un feed de la Google Spreadsheets Data API (¡a que eso sí que fue específico!);
• por qué sí se puede seguir haciendo sniffing en una red con switches, cómo hacerlo, cómo detectarlo, cómo prevenirlo…

Éstas y otras extravagancias nos hemos visto obligados a dejar sin responder en más de una ocasión por falta de tiempo y, principalmente -hay que decirlo-, por no encontrar con una forma práctica para monetizarlo… hasta ahora

Skype es la popular red de telefonía sobre Internet, un software que se encuentra disponible para diferentes sistemas operativos y algunos dispositivos portátiles. Skype dista de ser perfecto, pues no es software libre, sus tarifas de voz sobre IP (VoIP) están lejos de ser las de las mejores del mercado y la versión para Linux carece de algunas características importantes; aún así, sigue siendo un software excelente, robusto y extremadamente fácil de usar; que nos permite a nosotros ofrecer nuestros servicios de consultoría de manera flexible, obteniendo nuestros merecidos honorarios por ello, y a Ustedes, acceder a la ansiada asesoría, de manera cómoda y efectiva. Esto es posible gracias a Skype Prime Beta, un pay-per-call (pago por llamada) implementado en las últimas versiones de Skype para Windows y para Mac.

Cómo funciona

1. Nos hacés un llamado por Skype (usuario: sieteespejos).
2. Nos presentamos, nos contás cuál es tu inquietud.
3. Si podemos asesorarte, te mostramos en pantalla una tarifa por minuto, si estás de acuerdo y con tu tarjeta de crédito en la mano -salvo que ya hayas cargado crédito en Skype previamente-, aceptás nuestra tarifa*.
4. A partir de ese momento comienza a facturarse por minuto, así que ponemos lo mejor de nuestra parte para asesorarte como es debido
5. Una vez finalizada la llamada, te enviamos el audio de la conversación en MP3 y Ogg para que puedas volver a consultarlo cuando quieras o para que lo compartas con tus colegas.

(*) La transacción se realiza a través de Skype, subsidiaria de eBay, y nosotros nunca estamos en contacto con los datos de tu tarjeta.

Cuánto cuesta

En otras palabras…

Las similitudes

Llevamos adelante dos propuestas diferentes para dos sitios similares en varios aspectos: ambos funcionan cómo gestores de contenidos dinámicos y portales de noticias, por lo cual estaban desde el comienzo orientados hacia cierta estructura común a este tipo de desarrollos que contempla la adición permanente de nuevo contenido por parte de los administradores y que exige un entorno visual claro y no invasivo para los lectores. Esta estructura tiene como módulo central el artículo o noticia y en torno de éste se organizan la navegación, el logotipo, la publicidad, etc.

Las diferencias

Estos sitios pertenecen a organizaciones cuyo área de trabajo es la problemática ecológica, sin embargo el resultado estético es diferente. El punto de partida para cada desarrollo fue aportado por los clientes basados en necesidades distintas.

La Coalición Ciudadana Anti-Incineración trabaja junto con la ciudadanía para evitar las consecuencias nefastas del tratamiento irresponsable de residuos en áreas pobladas, por esto, necesitaban que estuviera muy clara esta idea de la participación activa de la gente: esto se resumió en el fotomontaje del encabezado. El resto del sitio debía ser muy despojado teniendo en cuenta otros sitios propuestos como referencia, y escogieron el verde y el azul como colores principales, relacionados por contexto con la ecología. Para no agregar colores que compitieran con el encabezado la estructura está dibujada en negro y neutros, el color terciario amarillo claro para el contenido destacado aporta un toque cálido que equilibra la temperatura cromática fría del azul y el verde. Creo que lo más original del sitio es el mapa en Flash que muestra las zonas del país donde hay o hubo campañas para impedir la instalación de incineradores.

La idea original de energiaslimpias.org parte de un sitio del Greenpeace Clean Energy Guide. La idea de las solapas laterales y la organización del contenido fue tomada de allí y adaptada a las necesidades de este proyecto. Creo que lo más interesante de este sitio es que combina una paleta de colores primarios y secundarios puros (rojo, azul, verde, amarillo, violeta) de una manera equilibrada y agradable que organiza el contenido relacionando categorías con colores. Son originales las dos animaciones del encabezado que cargan aleatoriamente y que le da un toque más de presencia para destacarse entre los colores fuertes del entorno. A nivel desarrollo este sitio exigió más trabajo dado la complejidad de la estructura de la página de inicio.

Espero que les gusten.

Cuando inaugurábamos este blog, le comentábamos a nuestros clientes que nuestra empresa atravesaba cambios importantes: se incorporaba nueva gente a nuestro equipo de trabajo -ya los van a ir conociendo-, teníamos más servicios para ofrecer, un nuevo servidor, más y mejores desarrollos… y una sorpresa, dos nuevos sitios y dos nuevos nombres.

¿Por qué “7 Espejos“?

¿Por qué no? Dar con el nombre adecuado es -como diría una mala traducción- mucho, muy difícil. Luego de consultar con amigos, colegas, la almohada, mi novia… tormenta tras tormenta de ideas hasta que finalmente dí con una imagen; y fue quizás esa imagen de los siete espejos juntos -donde cada uno representa un área de servicios- que León plasmó magníficamente (el señor es un ARTISTA), lo que hizo que me enamorase de ese nombre.

Hey, no estoy siendo meloso, ¡realmente fue así!

Lo admito, me gustan los espejos, a quién no, pero ¿porqué siete se preguntarán? Siete es un número… simpático, que está presente en muchas de las cosas que más me gustan:

• Las artes.
• Los mares.
• Los espejos.
• Las notas musicales.
• Los días de la semana.
• Los colores del arcoiris.
• Los años de mala suerte.

Claro que el mar es sólo uno, los colores del arcoiris son más bien seis y los discos de estudio de Dream Theater son ocho nueve; pero el siete sigue siendo un número agradable: son siete los colores que pintan la bandera de la paz.

¡También ha nacido Xiclope!

Si 7 Espejos abarca todo lo referente a sistemas de la ex-IRIS on MIRROR, Xiclope es entonces la expresión artística de esta fisión, y por ende el socio de 7 Espejos en lo que hace al diseño digital. Xiclope ve la luz de la mano de nuestro artista, León.

Conforme pasen los días les iremos comentando más novedades, nuevos proyectos que hemos finalizado y otros en los que estamos trabajando.

Hasta entonces, saludos a todos ¡y cuidado con los espejos al pasar!

Colaboró conmigo en este proyecto Diego Sánchez, amigo y especialista en diversas materias con quien hemos compartido horas de conversación y diagramación de lo que hoy ya es vida de autor.

En este libro intentamos hacer un recorrido por algunas de las herramientas más populares que nos regala esta -cada día más gigantezca- companía de California llamada Google, Inc. Herramientas tales como Picasa, Google Desktop, Google Talk, Google Earth, Google Maps y otras son analizadas a lo largo de las 128 páginas que componen el libro impreso en papel ilustración a todo color. Los contenidos están didácticamente elaborados con gráficos descriptivos, “paso por paso” y ejercicios donde mostraremos al lector el potencial de estas utilidades.

Mundo Google pertenece a la colección Dr. Max Express, editado y distribuido por MP Ediciones -acaso la editorial Argentina más importante en materia de publicaciones de informática-, gestores de productos de reconocida trayectoria como las revistas Users, Users Linux, Dr. Max y una amplia colección de libros y manuales para desarrolladores, técnicos, diseñadores gráficos y afines.

Mundo Google puede adquirirse en puestos de venta de diarios y revistas, librerías, cadenas de locales especializados, hipermercados, casas de computación, supermercados, exposiciones y, si te encontrás fuera del país, MP Ediciones también comercializa sus producciones en Perú, México y Estados Unidos.

Espero sea de su agrado Mundo Google, nuestra primer colaboración impresa con MP Ediciones.

Un producto argentino con calidad, obviamente, argentina.

Aquí iremos publicando información sobre proyectos en los que estemos trabajando, artículos informativos y alguna que otra nota banal sobre nuestra empresa y actividades comerciales. Y ustedes podrán, a su vez, dejarnos sus opiniones.

Esperamos hacer de ésta, nuestra bitácora de trabajo, un espacio dinámico lo menos corporativo (léase aburrido) posible.

¡Nos leemos!