Quizás dirás -vamos han pasado sólo 41 días no exageres- pero piensa por un momento todas las cosas que son posibles en 41 días. Es el tiempo suficiente que con 1 hora de entreno puedes terminar una carrera de 10K y adoptar una rutina de ejercicio. Con 41 días puedes dedicarle 1 hora diaria a terminar tu portafolio de trabajo. Con ese tiempo, puedes leerte un libro de 500 páginas dedicando 30 minutos al día. Las posibilidades de aprovechar ese tiempo son muchas ¿qué has logrado entonces concretar en estos 41 días?

¿Cuál es la esencia de tu ser?

Una persona me preguntó ¿cómo lograr la disciplina? yo pienso que es cuestión de crear un hábito. Siguió cuestionando y me decía “¿pero qué te lleva al hábito?” le respondí -es la voluntad- pero su duda era “¿qué sostiene tu voluntad y te empuja al hábito?” y sólo pude responder desde mi experiencia - lo que sostiene mi voluntad es mi fuerza interna, lo que soy, esa esencia de mi ser-.

Pongamonos un poco existencialistas y reflexionemos sobre nosotros mismos. Evaluemos nuestras fortalezas, habilidades y buenos hábitos que nos constituyen. Pensemos en cuanto nos afectan nuestras debilidades, temores y limitaciones. Visualicemos nuestros logros y fracasos, nuestros sueños y propósitos. Esto es lo que somos y sólo nosotros sabemos lo fácil o difícil que resulta llegar a donde queremos llegar. Piensa en ¿qué te mueve? ¿qué te apasiona?¿cuál es tu esencia?

Ahora que estas con eso en mente, evalúa ¿qué has logrado estos 41 días del año? ¿algunas cosas? ¿muchas cosas?¿tus primeros 2 propósitos? ¿nada en realidad? la idea es que no sigas perdiendo más tiempo, ni caigas a la rutina de siempre, que tomes impulso y sobre todo compromiso con lo que tu mismo te prometiste hacer. De igual forma, si han pasado 41 días y vas viento en popa logrando las cosas propuestas es de reconocerlo, felicitarte a ti mismo y seguir tu paso.

La mejora forma de celebrar la libertad es cuando decidimos hacer las cosas por nosotros mismos, sin excusas y con mucho compromiso.Vamos ánimo, no desmayes, tu puedes hacer de este año algo extraordinario, construir buenos recuerdos, alcanzar tus metas y evolucionar como ser humano. Feliz fin semana. Enjoy!

Stephanie Falla Aroche para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

En los capítulos anteriores hemos revisado diversos temas muy importantes para el desarrollo de aplicaciones Flex para móviles los cuales te recomendamos ampliamente revisar a detalle:

• Desarrollo para BlackBerry PlayBook
• Hola Mundo
• Fundamentos de Desarrollo Flex para PlayBook
• ActionScript 3.0 y Eventos
• Componentes y Layout
• Diseño de Aplicaciones
• Permisos y Configuraciones

Así que comencemos con la integración de datos en nuestras aplicaciones Flex!

Uso de HTTPService

Existen diferentes mecanismos para integración con datos dentro de la Plataforma Flash con sus respectivos pros y contras, sin embargo uno de los más utilizados dentro de Flex es el componente HTTPService que nos permitirá acceder a servicios web de tipo REST muy utilizados en APIs hoy en día.

El objeto HTTPService permite hacer peticiones GET o POST hacia una URL en específico y es posible aprovechar las características de HTTPS dentro del mismo. La forma de utilizarlo es muy simple, al ser un componente no visual debe de colocarse dentro de un bloque Declarations y le asignaremos una propiedad id junto con un valor para la propiedad de url una vez hecho esto solo falta llamar al método send en algún momento dentro del flujo de la aplicación, en nuestro caso lo haremos al momento de crearse la aplicación principal en el evento creationComplete.

<?xml version="1.0" encoding="utf-8"?>
  <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
applicationDPI="160" creationComplete="losDatos.send()">

<fx:Declarations>
<s:HTTPService id="losDatos" url="http://www.maestrosdelweb.com/feed/" />
</fx:Declarations>

<s:List dataProvider="{losDatos.lastResult.rss.channel.item}"
width="100%" height="100%"
labelField="title" />

</s:Application>

Como podemos ver en el código anterior es bastante simple, si acaso nos falto mencionar que al cargarse los datos dentro del componente HTTPService asociamos mediante un binding (recuerden que el tema de Data Binding lo explicamos en el capítulo de Fundamentos de Flex de la guía) a la propiedad dataProvider de algún componente capaz de representar la información.

El resultado al momento de ejecutar la aplicación podemos apreciarlo en la siguiente imagen:

Asignar resultados a un ArrayCollection

Dentro de Flex existe un paquete de clases (colecciones) bastante útil al momento de la manipulación de datos, una de las más relevantes es ArrayCollection que es recomendado para ser usado como proveedor de datos (dataProvider) de diferentes componentes.

Una de las principales ventajas al usar un ArrayCollection es que al implementar data bindings los datos continúan siendo monitoreados inclusive al haber cambios sobre la estructura. De igual manera gracias a que se implementan las interfaces ICollectionView y IList es posible hacer ordenamientos e implementar filtros de datos de forma muy sencilla.

Podríamos hacer una prueba con el código siguiente:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
applicationDPI="160" creationComplete="losDatos.send()">

<fx:Declarations>
<s:HTTPService id="losDatos" url="http://www.maestrosdelweb.com/feed/" result="onDatos(event)" />
</fx:Declarations>

<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.rpc.events.ResultEvent;

[Bindable]
public var datosAC:ArrayCollection;

protected function onDatos(event:ResultEvent):void
{
datosAC = event.result.rss.channel.item;
datosAC.filterFunction = filtroAutor;
datosAC.refresh();
}

public function filtroAutor(item:Object):Boolean{
if(item.creator == "Stephanie Falla Aroche"){
return true;
} else {
return false;
}
} 

]]>
</fx:Script>

<s:List dataProvider="{datosAC}"
width="100%" height="100%"
labelField="title" />

</s:Application>

En el código anterior se ha creado un ArrayCollection llamado datosAC sobre el cuál implementamos un filtro mediante una función filtroAutor() que usaremos mediante la propiedad filterFunction del arreglo. También debemos destacar que el resultado de los datos se accede mediante un evento de tipo ResultEvent ya no mediante la propiedad lastResult del HTTPService. El resultado es que solo los posts de @StephanieFalla se incluyen en nuestro componente List.

Peticiones HTTP con Parámetros

Cuando comenzamos a utilizar un componente como HTTPService resulta evidente que el siguiente paso después de manejar algunas peticiones simples a archivos XML alojados en un servidor remoto o llamadas simples a servicios generados por PHP, JSP, ASP, etc. sea mandar parámetros a dichos servicios en espera de una respuesta por parte del servidor. Tomaremos de ejemplo un API basada en REST de un servicio muy popular hoy en día Twitter, cuya API de búsqueda es bastante sencilla de implementar.

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
applicationDPI="160">

<fx:Declarations>
<s:HTTPService id="losDatos" url="http://search.twitter.com/search.rss"
result="onDatos(event)" showBusyCursor="true">
<s:request>
<q>{buscarTI.text}</q>
</s:request>
</s:HTTPService>
</fx:Declarations>

<s:layout>
<s:VerticalLayout horizontalAlign="center" />
</s:layout>

<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.rpc.events.ResultEvent;

[Bindable]
public var datosAC:ArrayCollection;

protected function onDatos(event:ResultEvent):void
{
datosAC = event.result.rss.channel.item;
}

]]>
</fx:Script>

<s:HGroup>
<s:TextInput id="buscarTI" />
<s:Button label="Buscar" click="losDatos.send()" />
</s:HGroup>

<s:List dataProvider="{datosAC}"
width="100%" height="100%"
labelField="title" />

</s:Application>

Tan solo hemos incorporado un componente de tipo TextInput y un Button a la interfaz para permitir la interacción del usuario y ahora la petición del HTTPService no se realiza de forma automática al cargarse la aplicación, si no que depende de un evento click sobre el botón de búsqueda.

La sintaxis del componente HTTPService se ha escrito de forma diferente para dar cabida a un parámetro requerido por el API de Search de Twitter, el resultado es que el ArrayCollection se forma a partir de recibir respuesta del servicio.

Edgar Parada para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

Las nuevas tecnologias en la educacion

Revisando el cuaderno “Sociedad de la información” de Rocío Martín-Laborda de la fundación AUNA el contenido me permitió reflexionar sobre el uso de la tecnología en la educación. En el documento ella profundiza sobre: los cambios del escenario educativo, las nuevas herramientas pedagógicas, materiales didácticos, cómo educar a personas con discapacidad y brinda algunos ejemplos sobre las buenas prácticas con TIC en las aulas. Una lectura bastante recomendada para quienes están interesados en educar con tecnología.

Los cambios del escenario educativo

Como profesores invertimos mucho tiempo en enseñar, pero con la sociedad de la información y el conocimiento debemos también invertir tiempo en aprender. Uno de los factores más complicados de estos cambios es que tenemos a muchos profesores en instituciones educativas acostumbrados a enseñar haciendo uso de una metodología, que quizás, ya no satisface las necesidades de una generación de estudiantes cada vez más conectados y motivados por otras dinámicas de aprendizaje invisible.

Martín-Laborda asegura que las TIC en la educación suponen una vía para
mejorar la calidad de la enseñanza y un camino para dar respuesta a las nuevas exigencias que plantea la sociedad de la información. Los retos nunca fueron tan grandes para los educadores como en la actualidad, que exige nuevas propuestas educativas, dinámicas y recursos para mantener la atención del estudiante y llevarlo por una nueva forma de aprendizaje.

No se trata ya de transmitir sólo unos datos predeterminados para que el alumno los reproduzca, sino de enseñar a aprender a lo largo de toda la vida y, para ello, de transmitir capacidades o habilidades que permitan adaptarse a una sociedad en constante evolución. – Martín-Laborda

Entonces ¿cómo empiezo a utilizar la tecnología para educar? las ideas son muchas y debemos comprender que existen millones de recursos en línea, gratuitos, con respaldo universitario y herramientas fáciles de utilizar. Lo único que necesitamos es comprometernos como profesores para proveer a los estudiante de recursos adecuados para aprender. En ese proceso, el profesor necesita actualizarse todo el tiempo y aprender.

El papel del profesor no sólo no pierde importancia sino que se amplía y se hace imprescindible.

¿Los docentes aceptarán el reto?

Entonces el reto del uso de la tecnología en la educación no sólo es para el docente, también para los estudiante que no conocen este tipo de metodología. Porque recordemos que los cambios requieren de procesos progresivos y para que este tipo de iniciativas tengan éxito se requiere un cambio en el proceso educativo, objeto de la enseñanza, en los objetivos educativos y en los centros escolares. Es una integración de factores que permitirán el desarrollo en la educación y esto también estará ligado a la cultura del lugar.

El cambio no debe consistir únicamente en cambiar el papel y el lápiz por el ordenador y la impresora sino en la forma en la que se utilizan las nuevas herramientas.

Los profesionales del futuro deben estar preparados para el procesamientos de datos, análisis de información y capacidad de investigación. Si bien la tecnología avanza, no podemos asegurar que la educación y capacitación de los humanos lo haga al mismo ritmo. Todas las sociedades tiene diferente manera de priorizar la inversión en la educación y por ello somos testigos de grandes brechas digitales y culturales en el mundo.

Sugerencias para incorporar la tecnología en las aulas

En Latinoamérica aún estamos en pleno debate sobre la importancia de la tecnología en la educación, mientras que en Estados Unidos y Europa se crean herramientas y se incorporan metodologías de aprendizaje. Incluso estos países desarrollados tendrán sus quejas de las deficiencias del sistema, pero como todo, hay niveles y matices según las posibilidades de cada región.

• Uso de los medios sociales en comunicación y educación: Leamos y reflexionemos sobre los cambios culturales que implica la tecnología para las dinámicas educativas. El reto es para todas las partes involucradas en el proceso y debemos actualizarnos.
• Ideas para utilizar la tecnología en la educación: Investiguemos sobre las múltiples opciones que tenemos a nuestro alcance y que muchos de nuestros estudiantes ya están utilizando para otros fines y que podemos aprovechar para incorporar en clase.
• Descubramos nuevas propuestas educativas: Las grandes industrias de la tecnología están prestando especial interes al tema, tenemos a nuestra disposición nuevas herramientas que podemos descubrir para una buena implementación pedagógica.
• Ser alumnos antes de ser profesores: Para descubrir si un método funciona, primero debemos ser alumnos para evaluar su efectividad. Existen muchas opciones en línea para una capacitación constante en diversidad de disciplinas, basta con investigar y definir un horario para actualizarnos.
• Universidad 2.0: Aprendamos de las tendencias, casos y propuestas para reinventar la institución educativa como la conocemos. Nosotros mismos podemos ser parte de esa innovación, cambio y evolución.

La educación y la tecnología son temas fascinantes, controversiales y llenos de matices. Espero que este documento, sugerencias y reflexiones nos permiten establecer un diálogo gratificante en los comentarios. En especial, de todos aquellos que son profesores y alumnos que nunca dejan de aprender.

Stephanie Falla Aroche para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

Estamos muy interesados en que todos los que quieran y se animen puedan disfrutar de las ventajas de que trae HTML5, por eso desde el año pasado te ofrecemos la Guia HTML5 (desde Mejorando.la) que se actualiza constantemente. Hace poco compartimos 5 presentaciones imperdibles sobre HTML5 y hoy queremos descubrir: como crear juegos en HTML5.

5 herramientas que te ayudarán a crear juegos en HTML5

Impactjs

Creado por Dominic Szablewski y lanzado en diciembre del 2010. Este motor de juegos en Javascript, corre en todos los navegadores (incluyendo moviles) y cuenta con una documentación clara que incluye tutoriales para crear los juegos y para instalar el framework. Cuenta con un sencillo editor de niveles, un depurador que facilita el juego y además se puede publicar el juego creado en la app store con un rendimiento casi nativo.

Puedes ver varios juegos creados con Impactjs: Creatures and Castles, Drop, Ztype, Biolab, Steamclash, Alone, Heist the Tower.. entre otros. Dominic ha participado de varios eventos sobre juegos, presentando a Impactjs y hablando sobre los juegos en el mundo de HTML5. También se van a realizar workshops basandose en el framework.

Easljs

Es una librería de javascript para utilizar canvas, creada por Grant Kinner. Es gratis (licencia del MIT) y cuenta con la documentación correspondiente para trabajar con la herramienta. EaselJS te ofrece “un modo retenido de gráficos para canvas que incluye una lista de visualización jerárquica y un modelo de interacción básico”.

Del mismo creador está TweenJS para las animaciones, SoundJs para el audio y Zoe para los sprite sheets. Un ejemplo de su uso es el juego Pirates Love Daisies.

LimeJS

Este framework para juegos en HTML5 está preparado para la “construcción rápida y la experiencia nativa en juegos para todos los dispositvos ya sean touchscreen o navegadores de escritorio.” Posee documentación fácil de leer y una práctica guía para comenzar. Además la comunidad de este framework es muy activa. Puedes ver juegos realizados con este framework: Roundball y Zlizer.

Isogenic Engine

Esta herramienta creada por Irrelon Software, también utiliza javascript para la creación de los juegos. Su documentación y datos están constantemente actualizados. No requiere plugins del navegador y es compatible con los juegos isometricos y en 2d, además ha incorporado un sistema de redes avanzadas de apoyo. Puedes obtener la versión online y la versión offline en el sitio y ver un demo de como funciona.

Crafty

Este framework también es compatible con todos los navegadores (inclusive IE6), puedes elegir entre canvas o DOM y es una “mejor manera de abordar los juegos sin cadenas de sucesiones.” Además posee opciones extras para la “detección de colisiones” y componentes de sonido, animaciones especiales o efectos complementearios. Puedes revisar la documentación y los tutoriales, así como demos muy interesantes basados en la herramienta.

Ahora.. a crear (y a jugar)!

Nos gustan mucho los juegos (y más los que utilizan HTML5 ) y esperamos que estos frameworks te ayuden a crear juegos en esta tecnología. Hay muchos frameworks y librerías más para descubrir y experimentar (así como juegos en HTML5 por jugar) y queremos que tú también nos cuentes sobre las herramientas para crear juegos en HTML5 que utilizas (y los juegos HTML5 que más juegas).

Gissela Peralta para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

En un mundo tan globalizado las dinámicas de trabajo han cambiado nuestra forma de comunicarnos. Utilizamos servicios y herramientas que buscan agilizar la producción y obtener resultados. Pero, en ocasiones existe un grave ruido en la comunicación que bloquea nuestra productividad. Trabajar a distancia permite darse cuenta del problema en la comunicación efectiva, porque no sólo te enfrentas a la mala redacción de mensajes, la falta de estructura en las ideas, sino también a diferencias culturales que pueden ser muy significativas al momento de comunicarnos.

Una comunicación eficaz

El problema no son los medios que utilizamos, somos nosotros que, con tanta información y muchas cosas por hacer, no logramos estructurar nuestro pensamiento al momento de comunicarnos. Escribimos correos de forma automática, respondemos dudas, pero has pensado ¿qué tan efectivos son tus mensajes? ¿qué tan eficaz es tu manera de expresarte en un correo? ¿cuántos párrafos escribes con la misma idea y no concretas? ¿lees detenidamente los correos antes de responder? ¿resuelves las preguntas de tu mensaje?

• La comunicación del freelance: Una persona que trabaja de manera independiente y a distancia, necesita de una comunicación eficaz con los clientes. Debido a que no tiene una oficina para atender a sus clientes y tampoco un departamento de quejas, la confianza del cliente estará depositada completamente en el individuo. El freelance debe dedicar tiempo a comunicarse periodicamente con el cliente durante el desarrollo de su proyecto, su prioridad será resolver a tiempo sus dudas y comunicar sus avances para que el cliente vea que hay resultados.
• Responde entre líneas: En lo personal, me gusta responder entre líneas y de manera puntual. Es decir, cuando hay dudas en el mensaje, procuro responder por cada duda o cada párrafo según la idea. Esto me permite revisar que no se me escapa nada y me ahorro tiempo en redactar otro correo en caso de no haber respondido adecuadamente.
• No más de 500 palabras: Por la cantidad de correos que una persona recibe al día, difícilmente leerá de manera detenida un mensaje que supera las 500 palabras ¿por qué? simple: es abrumador. Por eso, procura que tus mensajes sean cortos, estructurados en párrafos, que el asunto del mensaje sea descriptivo y escribir los correos con keywords para que sea fácil de encontrar.
• Visualización de las ideas: Si tu mensaje busca comunicarle al cliente los avances, usa imágenes incluso que pueda visualizarlo en línea, esta comunicación es más efectiva que redactar un texto sobre los avances. Recuerda que uno prefiere ver el vídeo o un ejemplo sobre la idea y no leer o escuchar sobre la idea.
• Desarrollo de puntos: Cada idea puede ser un punto a desarrollar, practica el uso de la enumeración o de las viñetas. Esto ayuda mucho en la estructura de tu mensaje, además le permite a tu receptor señalar que tiene dudas en un punto en específico en lugar de escribir de nuevo toda la idea y tratar de explicarlo.
• Reportes: Si tu cliente se comunica poco o se tarda en responder tus mensajes, procura crear una dinámica de reportes periódicos y envíalos a tu cliente aunque no responda. Esto te ayudará a tí en la documentación de los avances y también a tu cliente que aunque no responda rápidamente, sabe que estas avanzando y todo está en su inbox.
• Estados de cuenta: Cuando eres freelance no tienes garantizado un pago el mismo día y cada mes, en ocasiones debes pedir que te paguen o que se cumpla con tu contrato de servicios. Si tu proyecto es de varios meses y se te paga cada cierto tiempo, no temas en enviar tu estado de cuenta y pedir el cobro. Tengo varias experiencias de freelance que no dan seguimiento a sus pagos y tampoco facilitan al cliente las múltiples formas en que puede hacerlo.
• Seguimiento: Este negocio es de seguimiento, buena comunicación y dedicación. Procura darle seguimiento a tus clientes, las propuestas y busca oportunidades a través de una comunicación eficaz. Una conversación o mensaje cordial en ocasiones puede ser un puerta de oportunidades para conseguir nuevos proyectos. Porque cada conversación es una oportunidad.

Tengo varios años en el medio trabajando con freelance a distancia, con diferentes nacionalidades y con objetivos en común. Siempre he notado el tema de la comunicación y tantos problemas para concretar proyectos debido a la comunicación poco eficaz que logramos establecer. Si trabajas a distancia, recuerda que es importante comunicarse adecuadamente, porque de ello dependen los buenos resultados y una relación saludable con el cliente. Feliz fin de semana. Enjoy!

Stephanie Falla Aroche para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

Foto de Wall St. por Antonio Morales en Flickr

Pero, ¿Por qué tanta conmoción y expectativa? ¿Cuál es la importancia real de los IPO para las empresas tech? ¿Cómo afectan estas empresas súper valoradas al mercado de valores y qué efecto tiene para ellas volverse públicas?

Antes que nada, ¿Qué es un IPO?

El IPO (Initial Public Offering / Public Market Launch) es el momento -hablamos de una fecha y hora específicas- en el que aparecen por primera vez en el mercado las acciones de una compañía para que las compre el público general. Es el lanzamiento oficial de esa compañía en la bolsa de valores.

El revuelo en medios sobre el IPO de Facebook podría dar la impresión de que este tema tiene que ver sólo con las empresas de tecnología o que trabajan en Internet. Pero es todo lo contrario. Hasta la empresa más “análoga” y menos conocida como marca puede tener un IPO.

De hecho, si revisamos el ranking de los 25 IPO más exitosos hasta hoy, veremos que en la lista apenas aparecen empresas de tecnología y no hay ninguna de Internet. Entonces, aunque Facebook cueste 50 mil millones de dólares y su marca esté en boca de todos eso no le garantiza que su IPO será un éxito en el mercado.

¿Por qué es importante para una empresa?

El principal objetivo de un IPO es obtener capital de expansión y cotizarse en el mercado, esa es la parte de la cuestión que queda clara en menos de dos minutos de vídeo:

Los IPO son un aspecto crucial de la economía mundial, especialmente en países como Estados Unidos donde la expectativa de éxito a futuro es como un pequeño motor que puede actuar para mantener a flote o terminar hundiendo a las empresas.

Además, la organización de un IPO no es cosa fácil. Requiere tiempo, papeleo, asesoría y una considerable inversión de mercadeo y estrategia comercial. Al final es una “presentación en sociedad” que puede generar exposición como marca y posibles alianzas además del crecimiento económico y la expansión comercial. Por eso la función o consecuencias del IPO pueden ser diferentes en cada caso.

El impacto de los IPO en las empresas de tecnología

En el mundo del emprendimiento estadounidense la cúspide de una empresa tecnológica es su salida al mercado de valores. Pero suele llamar mucho la atención de los medios el momento en que se inicia el papeleo correspondiente para entrar a venderse en Wall Street.

Esto es porque para entrar en la bolsa, una empresa tiene que abrir sus prácticas contables, las cifras de ventas y planes de marketing para todo el que quiera verlos. Es más o menos como funcionan las patentes: la información se expone y al mismo tiempo se protege.

El primer paso concreto, al menos para las empresas en Estados Unidos, es llenar diferentes documentos exigidos por el SEC: la Agencia Federal que regula la industria de los valores en ese país. Todo esto se acumula en un sistema de información específicamente diseñado para el análisis financiero de empresas que entrarán o están en la bolsa llamado EDGAR y que puede ser consultado por cualquier persona desde Internet.

Uno de los documentos más sobresalientes de esa lista es el Formulario S-1, que agrupa una gran cantidad de datos financieros sobre la empresa: cuánto vale, qué crecimiento ha tenido desde su creación, quiénes y en qué participación son dueños de la empresa, cuántas ganancias genera, cuántos empleados tiene y cuánto ganan etc. Si vemos por ejemplo el S-1 de LinkedIn y el S-1 de Facebook, nos daremos cuenta de que es bastante información revelada.

La entrada de una empresa como Facebook al mercado de valores donde están las grandes industrias tradicionales, desde Coca-Cola hasta General Motors y la BP, es una cosa muy atractiva para los medios y para los expertos del negocio bursátil. Que las startups se revelen como gigantes comerciales hace que cada vez sea más claro el papel de internet en la economía mundial.

Foto del mercado de acciones más grande en US: NASDAQ. Por Julien Gong en Flickr

Los IPOs más conocidos en nuestro ambiente tecnológico

Un repaso rápido con algunos datos de los IPO que han marcado precedentes en el mercado accionario de empresas tecnológicas:

• Apple (diciembre 12, 1980) – AAPL (NASDAQ)

  Cuando Apple salió al mercado de acciones generó más capital que ningún otro IPO desde 1956, fecha en que salieron al mercado las acciones de Ford. Cada acción inició con un valor de US $14 y cerró ese mismo día en US $29, con lo que la compañía quedó valorada en US $1.778 billones.

  En 2006, luego de que Steve Jobs anunciara los primeros computadores de Apple con procesador Intel, las acciones de Apple alcanzaron los US $85 y superaron la capitalización del mercado de Dell.

• Microsoft (marzo 13, 1986) - MSFT (NASDAQ)

  Abrió en US $21 por acción, y cerró el día en US $27.75. El punto más alto de las acciones llegó en 1999 con un precio por acción de US$ 119. Pero más allá del comportamiento de las acciones de esta compañía, que ha sido más bien estable y creciente, son las prácticas de negocio que según muchos “aniquilan a la competencia” lo que ha llamado la atención mediática a lo largo de su historia.

• Yahoo (Abril 12, 1996) – YHOO (NASDAQ)

  La muy anticipada entrada a Wall Street comenzó con US $24 por acción y llegó a un tope de US $43 antes de cerrar el primer día con US $33. El 3 de enero del 2000 llegó al precio más alto: US $118.75, pero luego con el estallido de la burbuja.com el precio de la acción llegó a caer hasta US $4.05 el 26 de septiembre de 2001. Hoy la acción de Yahoo cuesta casi US $16.

• Google (Agosto 19, 2004) – GOOG (NASDAQ)

  Años después de prometer un ingreso a la bolsa, el IPO de Google abrió en US $85 por acción y cerró en US $100.34, capitalizando a la compañía en un total de acciones en el mercado de US $23 billones de dólares. La gestión a raíz de este IPO fue tan grandiosa que en halloween de 2007 llegaron al tope de US $700 por acción.

  Luego de un largo y ascendente camino bursátil lleno de adquisiciones, alianzas e innovación, la acción de Google cuesta más de US $580.

• LinkedIn (mayo 19, 2011) – LNKD (NYSE)

  Es la primera gran red social de internet en el mercado de valores, fue el mayor IPO de la industria tecnológica después del de Google en 2004. Abrieron en US $45 por acción y terminaron el día en US $94.25. Podría considerarse que el IPO de LinkedIn es el precedente que más impulsó la decisión de Facebook de lanzar su propio IPO y llamó la atención de los medios sobre otros posibles IPO en el mundo de las empresas tech para el 2012.

• Groupon (noviembre 4, 2011) – GRPN (NASDAQ)

  En lo que fue una más bien lenta, replanteada varias veces y no tan exitosa entrada al mercado de valores, el IPO de Groupon dejó claro lo riesgosas que pueden resultar las inversiones en empresas de “crecimiento nunca antes visto”. Abrió con US $16 – $18 por acción, llegó a un tope de US $29.52 y cerró en US $20. Sin embargo para el 22 de noviembre de 2011 ya estaba en US $17.3 por acción y con apariencia de seguir bajando.

• Zynga (Diciembre 16, 2011) – ZNGA (NASDAQ)

  Nombrada como la segunda startup más valiosa del mundo para el 2011 después de Facebook, Zynga entró al mercado de valores en US $10 por acción, subió a US $11.50 pero cerró en US $9.50. Para ser el debut prometedor que se esperaba, en ese momento no llenó con creces las expectativas. La acción de Zynga hoy está en US $10.60. Eso podría cambiar pronto, pues con los documentos presentados por Facebook para el inminente IPO se sabe que Zynga es el 12% de su negocio.

• Facebook (Febrero 1, 2012) – FB (?)

  El que podría ser el IPO más grande de la historia de las empresas tech ya está listo en documentaciones en EDGAR desde ayer (ya mencionamos su formulario S-1) y así todos sus datos financieros están expuestos al escrutinio de quienes comprarán las acciones o evalúan el poderío de su capital. La incertidumbre sobre qué pasará el día en que se estrenen en Wall Street está en la mente de todos, pero sin duda será algo sin precedentes

Daniela Jaramillo para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

No olvidemos que existen diferentes puntos de partida desde las cuales podemos pensar una aplicación siendo managers, ingenieros y/o usuarios y es este último aspecto en el cuál nos concentraremos como desarrolladores para facilitar lo más posible la vida al usuario como responsables de las aplicaciones.

En los capítulos anteriores hemos revisado diversos temas muy importantes para el desarrollo de aplicaciones Flex para móviles los cuales te recomendamos ampliamente revisar a detalle:

• Desarrollo para BlackBerry PlayBook
• Hola Mundo
• Fundamentos de Desarrollo Flex para PlayBook
• ActionScript 3.0 y Eventos
• Componentes y Layout
• Diseño de Aplicaciones

Sin más recomendaciones por el momento, comencemos con la configuración de los permisos para nuestras aplicaciones!

Establecer Permisos para nuestras Aplicaciones

En el momento en el que desarrollamos una aplicación para BlackBerry PlayBook y en general para cualquier tipo de dispositivo móvil (Android o iOS) mediante Flash Builder, será necesario definir algunos permisos para que la aplicación pueda funcionar correctamente. Las aplicaciones de AIR contienen diferentes opciones que pueden ser resueltas desde la interface de Flash Builder al momento de definir un proyecto móvil.

Entre las opciones disponibles podemos encontrar las siguientes:

Todos estos permisos también están disponibles en un archivo XML llamado blackberry-tablet.xml asociado a la aplicación que podría tener un código similar al siguiente:

<?xml version="1.0" encoding="UTF-8"?>
  <qnx>
<initialWindow>
<systemChrome>none</systemChrome>
<transparent>false</transparent>
</initialWindow>
<author>Edgar Parada</author>
<authorId>ABC123456YjsnUk235h</authorId> -->
<icon>
<image>logo.png</image>
</icon> -->
<buildId>1</buildId>
<permission>access_shared</permission>
<permission>read_geolocation</permission>
<permission>use_camera</permission>
<permission>access_internet</permission>
</qnx>

AIR Descriptor

Cada aplicación de AIR requiere de un archivo llamado descriptor, es un simple documento XML que define varias propiedades de nuestra aplicaciones. Al utilizar Flash Builder no tendremos que preocuparnos por crear un descriptor de forma manual sin embargo es importante conocer al menos sus características principales.

Veamos un sencillo ejemplo del código de archivo de tipo descriptor:

<?xml version="1.0" encoding="utf-8" ?>
  <application xmlns="http://ns.adobe.com/air/application/3.1">
<id>maestros.HolaMundo</id>
<versionNumber>1.0.0</versionNumber>
<filename>Hola Mundo</filename>
<name>Ejemplo de Hola Mundo</name>
<description>
<text xml:lang="en">This is an example.</text>
<text xml:lang="es">Esto es un ejemplo.</text>
</description>
<initialWindow>
<title>Hola Mundo</title>
<content>
HolaMundo.swf
</content>
</initialWindow>
<icon>
<image16x16>icons/small.png</image16x16>
<image32x32>icons/medium.png</image32x32>
<image48x48>icons/big.png</image48x48>
<image128x128>icons/bigger.png</image128x128>
</icon>
</application>

Versión Requerida de AIR

El atributo del elemento raíz es uno de los más importantes dentro del descriptor ya que especifíca la versión requerida del runtime de AIR que debe de estar instalada en la BlackBerry PlayBook a ejecutar las nuestras aplicaciones.

<application xmlns="http://ns.adobe.com/air/application/3.1">

Podemos revisar la versión de del runtime de AIR instalada en nuestro dispositivo desde las opciones generales:

Por lo regular en una computadora de escritorio el usuario tienen la libertad de instalar la versión del runtime de AIR que necesite de manera independiente pero en el caso de BlackBerry PlayBook la versión depende de la actualización del sistema operativo. Algo que vuelve a BlackBerry Tablet OS un ambiente muy interesante para los desarrolladores de Flash es que es muy común encontrar las últimas versiones disponibles rápidamente.

Identidad de la Aplicación AIR

Los elementos id, versionNumber, filename, name y description sirven para definir la identidad de una aplicación AIR.

El id es una cadena que identifica a la aplicación, mejor conocida como application ID, hay ciertas restricciones de caracteres que pueden utilizarse pero en general es bastante flexible: 0–9, a–z, A–Z, puntos y guiones.

El atributo versionNumber especifica como su nombre lo indica la versión de la aplicación, es un elemento que es requerido y como ya lo habíamos comentado en la sección de tips de experto del capítulo de Componentes y Layout es oportuno volver a mencionar que hay que modificar la propiedad versionNumber asignada por defecto a 1.0.0 para hacerlo compatible con el modelo de desarrollo para PlayBook.

• filename es la cadena que se utilizará como nombre del archivo de nuestra aplicación cuando se instala en el dispositivo, si no se especifíca también se utiliza como el nombre de la carpeta de instalación.
• name es un atributo opcional pero se recomienda utilizarlo ya que es el título mostrado al momento de instalar la aplicación. Inclusive desde AIR 1.1, se puede especificar este valor para múltiples idiomas.
• description como su nombre lo indica es la descripción de la aplicación que se muestra al momento de instalar la aplicación.

Configuración del Contenido Principal

El nodo initialWindow dentro del descriptor define la configuración del contenido principal de nuestras aplicaciones, para el contexto de una aplicación de escritorio tiene diferentes características pero al ser usado en un contexto para dispositivos móviles solamente son usadas: aspectRatio, autoOrients, content, fullScreen, renderMode y softKeyboardBehavior.

El aspectRatio especifica la relación de aspecto de la aplicación, puede tener valores de portrait o landscape y aunque la relación de aspecto varia entre dispositivos en el caso de PlayBook es más común utilizar landscape para nuestras aplicaciones.

Para el caso de autoOrients se refiere a cuando la orientación del contenido automáticamente se reorienta conforme cambia la orientación física del dispositivo. En el caso de activar esta opción sería una buena idea establecer los valores de align y scaleMode de stage a StageAlign.TOP_LEFT y StageScaleMode.NO_SCALE respectivamente.

El atributo content es la URL del archivo principal de la aplicación, es un valor asignado de forma relativa al folder de instalación de la aplicación. fullScreen como su nombre lo indica es una opción que permite forzar la aplicación a ejecutarse en modo a pantalla completa, por defecto esta opción esta seleccionada.

Para el caso de renderMode, es un valor que nos permite seleccionar el tipo de aceleración por hardware que tendremos si es que esta soportado por el dispositivo, no es recomendable utilizarlo en aplicaciones hechas con Flex sin embargo en el caso de juegos puede ser una buena alternativa.

Y en cuanto al último elemento relativo a aplicaciones móviles softKeyboardBehavior es un valor que afecta el comportamiento de la aplicación cuando se muestra el teclado virtual. Por defecto mueve la aplicación hacia arriba y deja en foco al campo de texto u objeto interactivo en pantalla.

Como pudimos ver son bastantes las opciones que tenemos disponibles al momento de definir el comportamiento de una aplicación móvil hecha con Flex para BlackBerry PlayBook, como desarrolladores de la plataforma es importante conocerlas y aprovechar sus diferentes posibilidades.

Edgar Parada para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

En esta ocasión no quiero hablar de trabajo, aunque aplica muy bien cuando piensas demasiado y ejecutas poco. Quisiera que reflexionemos sobre nuestras dinámica de pensar tanto las cosas, planificar y cuando llega el momento de ejecutar simplemente no lo hacemos ¿por qué somos así? ¿qué nos sabotea? ¿acaso nuestra mente?¿nuestra autoestima?¿tenemos temor? ¿no creemos que lo vamos a lograr? piensa por un momento tu respuesta y evalúa las causas.

¿Cuáles son tus metas personales?

Cuando yo pienso en mis metas personales me gusta verlas por año a corto plazo, por etapa a mediano plazo y por aspiraciones de largo plazo. Voy a explicar mi dinámica para que lo entiendas, dialoguemos un poco sobre ese esquema y me cuentes si puedes organizar las tuyas de esa manera o me compartas tu propio esquema.

• Metas a corto plazo: Son todas aquellas metas que me propongo realizar en un tiempo corto y definido. Por ejemplo, durante el mes de enero tengo como meta leer una biografía de 500 páginas, correr media maratón (21Kms), reducir el azúcar de mi comida y tonificar mis brazos. Como verás, son cosas personales y sencillas que me satisfacen.
• Metas a mediano plazo: Estas metas están ligadas con periodos más largos que llevan un proceso de dedicación y disciplina. Por ejemplo, durante 4 meses estaré entrenando para realizar mi primera maratón (42kms) para ello el entreno es riguroso y disciplinado. Además, quiero perder 5 libras, tonificar abdomen y piernas. Tengo la meta de terminar de escribir mi segundo ebook y compartirlo con ustedes en este medio.
• Metas a largo plazo: El tipo de metas que llevan más tiempo, requieren constancia y que sean realistas. Tampoco debemos menospreciarlas porque se ven lejanas, al contrario requieren más reto precisamente porque el proceso es más sostenido. Por ejemplo, mi meta a largo plazo es terminar mi maestría y mejorar mi inglés. Son dos metas sencillas, para cumplir durante un periodo de año y medio de forma muy realista.

Esto es sólo un ejemplo de todas las posibilidades para armar tu esquema de metas, para estructurarlas de tal forma que sean posibles realizarlas. En ocasiones nuestras metas pueden ser más prontas como arreglar el jardín, cambiar nuestro escritorio de lugar, sacar de tu armario la ropa que ya no usas, visitar a tu familia que no ves en meses o caminar por la playa un fin de semana. Sólo espero que en esta lecturas puedas encontrar algunas ideas para practicar y compartir con otros. Feliz fin de semana. Enjoy!

Stephanie Falla Aroche para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

La API de Google Maps ha sufrido cambios en lo que se refiere a la utilización libre y gratuita de la plataforma: a partir de 20.000 teselas los desarrolladores tienen que comenzar a pagar pero hay alternativas viables para utilizar y desarrollar mapas, hoy queremos hablar de OpenStreetMap.

Contactamos a referentes del proyecto en diferentes países de latinoamérica, ellos nos comentaron sobre OSM como alternativa, las características de la comunidad y nos hablaron de los cambios en la API de Google Maps.

OpenStreetMap: Mapas por y para todos

Julio Costa, es chileno, trabaja como asesor de eLearning en el ministerio de defensa de su país, es fundador de ZambelliKnowledge y miembro fundador de OpenStreetMap Chile. En un artículo que escribió sobre OpenStreetMap en Latinoamérica nos comentaba en qué consiste el proyecto:

OpenStreetMap (OSM) es un proyecto global destinado a generar y proveer datos geográficos libres a todos quienes lo requieran. Una de las razones para iniciar el proyecto fue que los datos geográficos que normalmente consideramos libres, no lo son realmente. En muchos casos se trata de la dicotomía Gratis/Libre.

Para ser parte del proyecto uno tiene que querer “mapear” y tener conocimientos informáticos mínimos ya que según Julio “incluso el editor más fácil tiene una curva de aprendizaje bastante empinada”. Nos comenta también que “debe tener cierta ética para no romper los mapas de otros usuarios, nos hemos topado con usuarios que crean ciudades fantasmas”.

El verdadero desafío es que se difunda el proyecto, para que a la gente le interese mapear.

El objetivo de OSM es claro, Julio nos dice que es:

Generar cartografía y ponerla a disposición de todo el mundo.

Ventajas de OSM frente a Google Maps

En lo que coinciden todos es que la gran ventaja de OSM se resume en una palabra: Libertad. Como dice Hernán Ramirez (Venezuela): “En OSM los mapas son libres de verdad”. Es libre para uso comercial o personal y los datos geográficos se pueden descargar en formato digital (a diferencia de Google Maps) y pueden ser utilizados en cualquier formato SIG, receptor GPS, o servidor de geodatos. Además el mapa es “fácilmente editable y personalizable” nos cuenta Gustavo Jarrín (Ecuador).

Ante los cambios de Google Maps, es un buen momento para conocer OSM

Sebastián Dulmont (@sd), utiliza muchos mapas para su sitio Streeteasy.com, un buscador web de bienes raíces. En una entrevista nos comentó que utilizaban Google Maps y que estaban muy contentos con el servicio pero al modificarse los precios y ser más estrictos con el pago, tuvieron que pensar en otra alternativa.

Ante la perspectiva de tener que pagar 100.000$ si seguían con el servicio de Google Maps, Sebastián y su equipo buscaron otras alternativas “cartográficas” opensource, entre las cuales encontraron a OSM. Una de las ventajas principales fue la posibilidad de modificar algo si estaba mal y mayor control de la información.

“Lo importante no es que una plataforma sea gratis, lo importante es que sea libre.”

Las comunidades de OSM en latinoamérica, ven una alternativa viable no solo por ser gratis sino porque la información “te pertenece”. Nos dice Julio Costa que la api de Google Maps tiene muchas opciones y a nivel de grandes empresas y multinacionales quizás sea bueno pero la api de OSM “lo que hace es intermediar entre los seguidores y la base de datos”.

Dar herramientas para crear los datos, almacenarlos y ponerlos a disposición de todo el mundo.

Norman Avila, autor de capítulos para la guía Mapas, nos dice que “OSM nació como plataforma abierta y permanece abierta, es la alternativa más consistente y más confiable”. Según los datos actualizados que nos brindó Julio en la entrevista, OSM ya llegó a los 500.00 usuarios registrados que es la gente que efectivamente puede editar los mapas, ya que “no hay ediciones anónimas como en Wikipedia”.

Para todos los que alguna vez hemos utilizado o hemos desarrollado mapas para nuestros sitios, sin duda que Google Maps nos ha sido de gran ayuda. Sin embargo el ecosistema ha cambiado y hay que pensar en alternativas para hacer más rentables nuestros sitios y apoyar en cierta manera el movimiento opensource que cada vez está tomando más fuerza.

Gissela Peralta para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

Fue lanzado en enero de 2008 por su desarrollador Marco Arment, es una buena herramienta para alcanzar la productividad. Instapaper almacena tus distracciones, si encuentras un artículo interesante pero estás en horario de trabajo lo guardas y cuando estés en tu tiempo libre revisas tu lista y encontrarás todo el contenido que almacenaste en el transcurso del día.

El registro es con tu correo electrónico y contraseña. El uso de Instapaper se extiende a varias plataformas: Extensión para Google Chrome, aplicación para iPad, iPod Touch y iPhone disponible en AppStore. También facilita tu lectura a través de readers, descarga tus artículos en formato .ePub, .AZW o envía el contenido directamente a tu Kindle.

Esta aplicación obtuvo el primer lugar en la categoría de aplicación para iPad y un segundo lugar para iPhone en los 2010 Best App Ever Awards.

2. Evernote Clearly

Es una herramienta que convierte el contenido de un sitio web en un texto fácil de leer, elimina la publicidad y distracciones alrededor del artículo que te interesa. Además tiene características con opción de personalizar y almacenar en Evernote para continuar tus lecturas en tu tiempo libre. Disponible en Chrome Store.

3. Herramientas Wikipedia

• Lookup Companion for Wikipedia
  Es un plugin para el navegador Google Chrome. Te facilita la búsqueda de palabras e información. Entre sus opciones puedes personalizar la búsqueda en varios idiomas y tiene un botón para visualizar el contenido directamente en la página de Wikipedia.
• Wikipedia Toolbar
  Para el navegador de Firefox está disponible la barra de herramientas de Wikipedia, te facilita búsquedas, el acceso a la página principal y la navegación dentro del sitio si tienes cuenta de acceso.

4. iReader

iReader permite visualizar un artículo en un texto personalizado y deshabilitar imágenes en el post. Te facilita la impresión del artículo, compartir en Facebook, Twitter y por correo electrónico.

5. Evernote Plugin

El plugin para Google Chrome te permite capturar un artículo, almacenarlo, facilita la impresión, el compartirlo en redes sociales y te da la opción de editar el artículo que almacenaste. Evernote es una buena herramienta para la organización y sincronización de actividades en diversos dispositivos móviles, no olvides revisar sus diversas características.

Estás herramientas me han funcionado muy bien, pero la búsqueda no termina, estaré al tanto de nuevas opciones para instalar, utilizar y compartir.

Eugenia Tobar para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

¿Cual es tu rutina al despertar? piensa por un momento en las actividades que realizas en las primeras 4 horas del día ¿son productivas? o simplemente matas el tiempo con actividades poco significativas que no aportan mucho a tu trabajo como freelance. Estas preguntas no son para que me cuentes la verdad, son para que juntos a través de este texto ataquemos el problema de frente y transformes tu rutina, sólo intenta ser sincero contigo mismo y modifica para mejorar.

¿Cómo atacar el problema?

Esto es como los vicios, lo primero que debemos hacer es aceptar que tenemos un problema. Te pondré un ejemplo propio, yo tenía el problema de levantarme, hacer desayuno y encender la televisión mientras comía, eso hacía que me tomara no media hora para desayunar sino que podía tomarme hasta 2 horas levantarme del sillón y arrancar el día. La forma en que ataqué el problema fue desayunar en el comedor y centrar mi atención en comer adecuadamente, luego pensar en cuál sería mi siguiente acción para ir directo a ella sin distracciones.

• Evalúa tus actividades: Piensa por un momento en las actividades de tu día, realiza una lista de todas aquellas dinámicas que no contribuyen en tu productividad y procura identificarlas de manera consciente cuando las estés realizando. Esto te ayudará a realizar el siguiente punto.
• Cambia un hábito por otro: Los hábitos son actividades que realizamos sin pensar, tenemos muy buenos hábitos y también otros que no ayudan a lo que deseamos hacer. Para crear un nuevo hábito es importante practicar y repetirlo de tal forma que se vuelva parte de nosotros.
• Utiliza nuevas técnicas de productividad: Si no conoces ninguna técnica de productividad, puedes buscar opciones como la Técnica Pomodoro de la que hablé en otra ocasión y también puedes comprar o descargar un libro que te enseñe nuevas dinámicas para ser efectivo.
• Enfrenta el problema: Resulta sencillo engañarnos a nosotros mismos, en especial cuando somos los reyes de las excusas, y justificamos nuestras carencias o fuerza de voluntad para cambiar. Si como individuos no estamos educador para enfrentar los problemas, esto se traslada a las dinámicas de trabajo, nos especializamos en las excusas y solemos mentirnos o mentir a nuestros clientes. El fracaso no siempre es malo, aprendemos mucho de los errores, pero debemos educarnos en aprender a enfrentarlo y solucionarlo de tal forma que tengamos paz mental.
• Busca ayuda: Sí, si no puedes sólo con el problema, entonces puedes buscar ayuda. Puedes contarle a una persona de confianza o ir con un profesional para que te ayude a cambiar. No es nuestra culpa ser como somos, muchos factores de contexto, educación o familia han influenciado en nuestra forma positiva y negativa de ser. Pero, eso no quiere decir que nos justifiquemos y culpemos a otros, porque es nuestra responsabilidad como individuos modificar todo aquello que no nos agrada, de eso sí eres totalmente responsable.
• Intentalo de nuevo: Estos cambios no suelen salir al primer intento, por eso debemos repetirlo varias veces hasta volverlo parte de nuestros hábitos. No te molestes si las cosas no son tan sencillas, recuerda que así como resulta difícil educar a un ser humano, así de difícil será sustituir las enseñanzas por otras.

Recuerda que crear nuevos hábitos no es una tarea sencilla, cambiar nuestra dinámicas es como desaprender muchas acciones que nos han enseñado o simplemente hemos adoptado. Lo importante es reconocer que hay actividades que suelen sabotearnos, queremos ser exitosos y lograr nuestros sueños, pero poco hemos reflexionado en el proceso ¿por qué no lo logro? ¿qué estoy haciendo realmente para cumplir mis metas? creo que todos pasamos por los malos hábitos de trabajar desde casa, pero conozco a muchas personas que logran superarlos y ser un ejemplo de que con esfuerzo, dedicación y constancia todo es posible. Feliz fin de semana. Enjoy!

Stephanie Falla Aroche para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

El caso es que dentro de unas horas Apple realizará un evento para anunciar algo relacionado con la educación. Como es usual aún nadie sabe de qué se trata exactamente, pero sería bueno compartir algunas ideas antes de que se sepa.

(Si quieres leer la actualización con lo que Apple presentó en el evento, la encontrarás al final del artículo)

¿Dónde va a innovar y por qué importa?

La educación es uno de los sectores más afectados por la rápida evolución de la tecnología. Por eso es interesante que Apple, con los grandes empujones que ha dado para favorecer esa evolución en los últimos años, se decida a enfrentar el tema de lleno con alguna propuesta específica.

Aquí expondré algunos puntos que quizá ayuden a entender cómo funcionan los detonantes que las empresas de tecnología activan para acelerar la evolución de la educación tradicional y por qué puede ser importante un lanzamiento o propuesta relacionada con este tema.

El gran reto de la educación: aplicar tecnología

Año tras año los Estados y las organizaciones supranacionales plantean metas de desarrollo orientadas a disminuír la desigualdad social, concentrando esfuerzos en estrategias para la educación y aplicación de tecnologías de información para el aprendizaje.

Sin embargo en el caso de muchos países no hay una inversión de recursos suficiente para garantizar el cubrimiento y el acceso a la tecnología para todos los habitantes. Ese es el problema que plantea la llamada brecha digital, término que José Luis Orihuela redondeó como ‘brecha cultural’ en una entrevista con @120segundos, que se irá ampliando mientras las prácticas relacionadas con la educación no se transformen a partir de las nuevas tecnologías.

En una sociedad que ya funciona a partir de la información es necesario que el sector de la educación se comprometa a fomentar en las nuevas generaciones el uso y aplicación de las nuevas tecnologías. Así que la presente década será un gran momento de inversión en tecnología para la educación, de eso no cabe duda.

El papel de las empresas y las marcas

Muchas empresas de tecnología han estado interesadas en estimular a propósito con sus innovaciones los avances para una sociedad que hace uso constante del equipo tecnológico. Esto claramente beneficia su negocio, quizá ese sea el objetivo principal. Pero también es cierto que ayuda a cerrar progresivamente las brechas culturales y acelerar el alcance, en algunos frentes, de las metas de desarrollo.

Los aportes en educación son uno de los objetivos más importantes de estas empresas cuando se proponen ayudar a estimular el crecimiento. Además de las situaciones “tradicionales” en las que la tecnología llega y transforma el sector educativo -inversión en equipo y material por parte de las instituciones oficiales o privadas mediante licitaciones o búsqueda de proveedores- identificamos otras formas de incursión de las empresas de tecnología:

Inversión en educación mediante proyectos

En colaboración con gobiernos, agencias intergubernamentales, ONG y otras empresas, se dan muchas inversiones y programas de apoyo tecnológico para la educación, sobretodo en países que no tienen los recursos para estimular su propio crecimiento en este campo.

Un gran ejemplo de esto es Potencial Ilimitado de Microsoft. Esta empresa se ha comprometido en la última década a aportar soluciones tecnológicas para la educación. Este es un programa gigante que incluye versiones especializadas de software, programas de capacitación para profesores y líderes de las comunidades, donación de equipos, etc. Puedes encontrar un párrafo descriptivo del programa resaltado sobre un buen artículo que explica lo que están haciendo en Latinoamérica.

Desarrollo de herramientas educativas

Durante los últimos cinco años varios modelos computadores portátiles de bajo costo se lanzaron como buenas herramientas para la educación en países en desarrollo.

• El caso más famoso es el del XO de One Laptop Per Child (OLPC). Un computador portátil diseñado específicamente para cumplir con funciones educativas y ser usado por niños en países de bajos recursos.

  Producido en conjunto por AMD, eBay, Google, Marvell, News Corporation, Nortel, Red Hat y Quanta, entre otros, el proyecto OLPC ha logrado vender al menor precio 2.5 millones de XO laptops en el mundo desde 2006.

• El Classmate PC fue la apuesta de Intel en 2007 para competir en el mercado de computadores de bajo costo para países en desarrollo y que se acercaba más al desempeño de un PC normal por menor precio orientado a maestros y estudiantes, sin el diseño y funcionalidades educativas para niños propios del XO de OLPC.
• El Asus Eee PC marcó ese mismo año la llegada de una nueva categoría: los netbooks. Estos computadores no fueron diseñados ni publicitados para la educación, sin embargo resaltaron rápidamente en el mercado como una alternativa económica y práctica para entornos de aprendizaje. Pronto llegarían a ocupar el 20% del mercado total de computadores.
• También en 2007 Amazon lanzó el Kindle y en 2010 Apple presentó el iPad, con lo que se aseguraría el comienzo de la era de las tabletas. Aunque son más bien aparatos de consumo y no tanto de producción, las características intuitivas y amigables de la interfaz y el potencial que tienen ambos como plataformas atractivas y prácticas de lectura los presenta como herramientas ideales para los estudiantes.

Y ambas marcas, Apple con el iPad y Amazon con el Kindle, se han encargado de publicitar lo revolucionario de estos dos gadgets para el sector educativo. Sin embargo, hay que preguntarse si estos dispositivos pueden llegar a los lugares donde más se necesita la tecnología aplicada a la educación para el desarrollo. Porque, en ese caso, podríamos decir que es más efectiva la iniciativa de OLPC.

Justamente hace unos días, OLPC volvió a hacer noticia presentando en el CES 2012 la XO 3.0, una tablet con el mismo diseño funcional para entornos educativos y que funciona especialmente en lugares con poca o nula disponibilidad de energía eléctrica (tiene un panel solar además del cargador-generador de energía de los anteriores computadores).

La educación se adapta a la mejor herramienta

Tal y como sucedió con la Encarta frente a la Wikipedia, la aparición de nuevos recursos digitales termina forzando el cambio en industrias que llevan décadas trabajando de la misma forma.

Desde la aparición de esta herramienta educativa de Microsoft, que se terminó del todo a finales del año pasado, un objetivo claro es vender servicios complementarios a la educación a través de contenido multimedia. Por eso no sorprende que cada vez más se estén tratando de incorporar y promover “funciones educativas” en los diferentes dispositivos y que éstos mismos se terminen transformando y convirtiéndose efectivamente en los mejores aliados para el aprendizaje, además de venderse como tales.

Ese es el caso, por ejemplo, del iPad: una gran movida de innovación por parte de Apple que genera poco a poco un cambio cultural, pues no se trata sólamente del gadget que simplifica los procesos de aprendizaje con la conectividad y su interfaz amigable. Se trata también de la evolución que permite gracias a la transformación de los recursos que puede contener.

El cambio progresivo e inevitable del mundo editorial

La apuesta más grande de los últimos tiempos frente al consumo editorial en el mundo surgió con las tabletas. En el caso de la educación los libros digitales confirman que podemos estar en medio de un gran salto hacia la digitalización del conocimiento.

Luego de haber hecho algo parecido (y ganado la batalla en gran parte) con la industria musical, no sería raro que Apple quisiera lanzar la primera puntada para transformar la industria editorial comenzando por los pesados libros de texto que, según la biografía de Steve Jobs, le lastiman innecesariamente la espalda a millones de estudiantes alrededor del mundo.

Estos son algunos de los puntos que podríamos identificar como ventajas potenciales de la creación de libros de texto escolares para plataformas digitales:

• La producción editorial con los gastos de impresión, mercadeo, distribución, etc. hacen que los libros sean ridículamente caros en ocasiones. El dolor de cabeza de los padres casi siempre es tener que costear una gran cantidad de libros que en ocasiones no se utilizan al máximo. Por el contrario, la inversión en una tableta se tiene que hacer sólo una vez y el precio de los libros de texto digitales sería muchísimo menor al de las versiones impresas. Esto puede ser una inversión aún inalcanzable en muchos lugares del mundo, pero también puede ser un gran ahorro en otros.
• No se trata únicamente de trasladar el texto plano y la apariencia física de un libro a una versión digital. Todas las opciones de interactividad que ofrecen los dispositivos pueden ser aprovechadas para transformar los libros de texto digitales en nuevos modelos de presentación para la información.
• Otra ventaja recalcada hasta el cansancio por las compañías fabricantes es que una tableta es todo lo que un estudiante necesita para realizar sus tareas, gracias a las diferentes aplicaciones para cada cosa que necesite hacer: escribir, leer, investigar, producir contenido, etc.).

Con esos puntos quizá podamos apreciar de forma más amplia el impacto que podría tener el anuncio educativo de Apple.

Queda la cuestión de cómo funcionaría esta transformación de la educación a partir de la tecnología en Latinoamérica, donde todavía es un asunto prioritario el cierre de la brecha digital y no hay suficientes recursos o inversión para garantizar el cubrimiento y la accesibilidad.

Si el iPad comenzara efectivamente a transformar las editoriales educativas, ¿Creen que el cambio llegaría pronto a beneficiar a Latinoamérica?

PD. El artículo “Evaluando el impacto del iPad en la educación un año después” de Sam Glicksman (en inglés) es un excelente estudio que les recomiendo.

Actualización: lo que pasó en el evento

El esperado anuncio educativo de Apple trajo, efectivamente, algunas sorpresas que parece implicarán a largo plazo una transformación en las editoriales educativas. Al menos esa es la idea que dejaron clara: quieren “reinventar los textos educativos”.

Tres aplicaciones fueron las que presentaron como primer paso para lograr el objetivo soñado de Jobs, todas muy relacionadas con el iPad:

1. iBooks 2. Una actualización del lector de libros electrónicos que ahora tendrá más énfasis en la interactividad del contenido, justo lo que se necesita para estimular el uso del iPad en el sector educativo. Una desventaja: cada libro que se baje desde esta aplicación puede pesar entre 800 MB y 2.7 GB, así que tendremos que esperar que el hipotético iPad 3 llegue con una capacidad en disco suficiente para los estudiantes más aplicados.
2. iBooks Author. Una aplicación exclusiva para el OS X Lion (supuestamente, pero parece que funciona bien en Snow Leopard) que permite diseñar libros fácilmente y subirlos gratis a la App Store (en principio, luego si Apple lo aprueba podrán tener un precio de hasta US$14.99). Una herramienta para comenzar la creación de material educativo especialmente diseñado para los dispositivos de Apple en su faceta de útiles escolares.
3. iTunes U. El que antes era sólo un servicio para Mac y PC que ofrecía cursos en línea de distintas universidades listos para ser descargados ahora es una aplicación para iPhone e iPad que es realmente un aula virtual con servicios completos para la interacción directa entre profesores y alumnos e incluso la realización de clases o charlas via ‘streaming’. El uso extensivo de esta aplicación por parte de los profesores podría de verdad ir perfilando al iPad como la herramienta que todo estudiante necesita.

Además, algunas cifras que se resaltaron durante el evento: hay alrededor de 20,000 aplicaciones educativas disponibles para los diferentes dispositivos de Apple y un total de 1.5 millones de iPads dedicados exclusivamente a la educación en el mundo.

Daniela Jaramillo para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

Las grandes compañías de entretenimiento consideran que SOPA ayudará a productos como la música y las películas no tengan distribución sin un permiso oficial de disqueras y empresas cinematográficas. Por el contrario, en noviembre de 2011, fue enviada una carta al Gobierno firmada por las empresas Google, Zynga, AOL., eBay, Facebook, LinkedIn, Mozilla, Twitter y Yahoo! mostrando su oposición a tal ley.

En consecuencia han surgido opositores que reclaman al Congreso de los Estados Unidos que “aún no han sido escuchados” y ante esto harán algo al respecto, el 18 de enero Alexis Ohanian de Reddit, Dan Kaminsky experto en seguridad y Lanham Napier, jefe ejecutivo de Rackspace Hostin participarán en una audiencia para hablar acerca del impacto en los servicios, puestos de trabajo y la comunidad en Internet.

De SOPA a PIPA

Las reacciones han sido variadas, tenemos el ejemplo de la empresa WordPress fundada por Matt Mullenweg, quienes publicaron en su blog oficial la importancia de prestar atención a otra ley hermana a SOPA denominada PIPA (Protect IP Act), que da el poder a las corporaciones privadas de cerrar sitios sin autorización que distribuyan películas, música, etc. Aunque WordPress se mantiene alejado de la política, hoy han tenido que romper la regla porque algo sucede en la política de Estados Unidos que los afecta.

Para los clientes de WordPress interesados en apoyar el apagón el 18 y 23 de enero, se ha desarrollado el plugin SOPA Blackout. La función principal del Plugin es redireccionar al usuario hacia un mensaje contra la ley cuando ingrese a tu sitio, luego podrá revisar tu contenido sin problemas.

Para comprender la Ley PIPA Fight for the Future nos comparte un genial vídeo sobre el tema:

PROTECT IP / SOPA Breaks The Internet from Fight for the Future on Vimeo.

Los gigantes de internet se hacen escuchar

Jimmy Wales, fundador de la Wikipedia, anuncio desde su cuenta de Twitter que en protesta a la ley SOPA el miércoles 18 de enero cerrará por 24 horas la versión en inglés de Wikipedia.org.

Por su parte, el la Casa Blanca entra el debate de SOPA y “el Gobierno de Obama rechaza cualquier iniciativa que afecte la libertad de expresión en la web” y anuncia que buscará otras opciones para combatir la piratería, pero su postura de apoyar la libertad de expresión es clara, sin embargo aún no ha sido vetada por completo.

Proyectos como SOPA OPERA de ProPublica, periodistas independientes que investigan hechos de interés público nos informan de manera transparente a través del proyecto sobre los representantes del Gobierno de Estados Unidos que están a favor y en contra de la Ley SOPA y PIPA, presentando una serie de datos que muestran incluso el dinero invertido por las industria de los medios e internet.

Además, otro proyecto denominado YourNews quienes nos informa con una serie de fuentes para entender mejor la Ley SOPA, acciones y efectos que han tenido en el medio. Mientras la ley no sea aprobada por le Gobierno de los Estados Unidos habrá mucha información, noticias, debates sobre los avances y las consecuencias. Si estas leyes son aprobadas nos podríamos convertir en un medio más proclive a la censura de información y distribución de contenido.

Eugenia Tobar para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

En esta sección hemos hablado sobre productividad, y muchos han manifestado en sus comentarios lo difícil que resulta la administración efectiva del tiempo. Es por ello que me llamó la atención compartir, para quienes no la conocían, la técnica Pomodoro que fue diseñada para cualquier actividad, tarea o trabajo. Es tan sencilla que puedes practicarla hoy mismo.

¿Qué es y cómo funciona la técnica Pomodoro?

La técnica Pomodoro fue inventada en los 80´s por Francesco Cirillo es un método para la administración del tiempo y funciona a través del trabajo concentrado en bloques. La idea es que ejecutemos actividades por un periodo corto de tiempo, sin distracciones y luego nos tomemos un descanso de 5 minutos para hacer otra actividad completamente distinta y retomar el siguiente bloque. Veamos los pasos a seguir:

• Bloques de 25 minutos: Establece una serie de actividades que pueden ser ejecutadas por bloques de 25 minutos, trabaja en ellas de forma concentrada, sin distracciones y cuando hayas cumplido el tiempo, para tu actividad y toma un descanso. Por ejemplo: tienes en el inbox 20 correos que urge contestar, cierra todas las demás ventanas en tu navegador y centra tu atención durante 25 minutos en esa actividad.
• Concentración total: La clave es lograr una concentración total durante los bloques, en ocasiones las redes sociales, vídeos o incluso varios proyectos que estén abiertos a la vez, nos hacen perder tiempo. Para esto, se requiere de mucha disciplina y constancia hasta volverlo hábito, así que no te frustres si a la primera, segunda, tercera o décima vez no lo logras, lo importante es seguir practicando.
• Descanso de 5 minutos: Recuerda que cada bloque debe ser de 25 minutos y luego tendrás un descanso de 5 minutos, durante ese tiempo debes aprovechar para hacer otra actividad que no tenga relación con lo que haces en el bloque. Puedes levantarte y estirar tu espalda, tomar agua o ir por una taza de café.
• Reloj para tomar el tiempo: Puedes utilizar un reloj convencional, el de tu computadora o probar con opciones como Focusbooster una aplicación diseñada para la técnica Pomodoro.
• Al cumplir los 4 bloques: Cuando hayas trabajado los 4 bloques, puedes realizar una pausa más prolongada de 15 a 20 minutos, porque habrás trabajado efectivamente durante 2 horas, eso sin duda merece un descanso más largo y retomar los siguientes bloques.

Para que comprendas lo efectiva y popular que es la Técnica Pomodoro puedes visitar su sitio oficial en donde encontrarás noticias, cursos y productos. Además, puedes descargar de forma gratuita el libro en donde te explica a profundidad sobre los beneficios y otras herramientas para medir la efectividad. Así que los dejo con la inquietud de probar esta técnica de administración de tiempo y trabajar efectivamente por bloques. Feliz fin de semana. Enjoy!

Stephanie Falla Aroche para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

Aún haces Javascript desnudo sin ningún framework o compilador? Estás en el pasado.

Esto puede ser cierto, Javascript necesita frameworks y compiladores, pero los que hay hoy todavía están en una etapa de desarrollo muy temprana como para casarse con uno solo. Así es como vimos que Backbone cambió de Controladores a Routers por que no tenía mucho sentido tener controladores en el browser y a su vez Google abandonó GWT y creó Dart.

En los últimos años las necesidades en el uso de Javascript han cambiado, las cuatro “cosas” para las que fue creado jQuery se consideran algo trivial. En la actualidad nuestras aplicaciones web requieren más interacción, otras necesidades y deben de correr en dispositivos muy diversos.

Un ejemplo es que se pasó de tener un search con ajax a tener una aplicación con múltiples tabs, autocomplete y 10 requerimientos más. Antes de que nos diéramos cuenta se comenzó a requerir que toda la aplicación fuera de una sola página, con muchas interacciones y distintos flujos de trabajo.

Todo esto para darnos cuenta que nuestro código de Javascript creció de unas cuantas líneas a varios módulos y nuestro código se convirtió en un gran “espagueti”. Hoy en día este es uno de los principales problemas que sufrimos con Javascript y si la aplicación la hicimos con jQuery es mucho peor aún por que jQuery fuerza a una estructura centrada en el Dom.

En el 2011 hemos visto nacer frameworks que nos permitan estructurar nuestras aplicaciones de mejor manera, algunos de ellos han madurado muy rápido como Backbone, SpineJs. Vemos hacia Google Closure, YUI, sproutcore y ExtJs para ver que se puede hacer con estas librerías, heramientas o frameworks que llevan más tiempo en el mercado y se han utilizado para hacer interfaces completas en Javascript por mucho tiempo.

Entonces la próxima vez que alguien diga algo como:

Excepto claro, si aún haces JS desnudo de siempre. Que es muy testosterónico, pero poco productivo. Los frameworks hacen fácil la vida, los grandes jugadores los usan. No hay por qué no usarlos.

Por favor, no le hagan caso, lo que hoy se necesita es fuertes bases de Javascript para poder adoptar los distintos frameworks, evolucionar con un lenguaje que esta en amplio crecimiento y aportar a las distintas librerías, frameworks y proyectos, por que en la mayoría de los casos están destinadas a pasar por un largo proceso de adaptación a las crecientes necesidades de Javascript que veremos en los próximos años, donde lo usaremos para interfaces web, aplicaciones móviles, servidores, etc.

Daniel Zavala para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

1. CSS3 a practical introduction

Lea Verou nos da una práctica introducción de CSS3 y cómo éste nos resuelve problemas como: Necesidad de imágenes decorativas, material de presentación JavaScript, Markup y CSS clutter.

2. CSS3 in practice

Sven Wolfermann nos enseña a manipular bordes, radios, desgrade, sombra de objetos y textos. El soporte de características de CSS3 en los diferentes navegadores, Web-fonts y @font-face.

3. Up to speed on HTML5 & CSS3

CSS3 hace que HTML5 se vea bien, en otras palabras, CSS3 es la presentación y HTML5 el contenido. En la siguiente presentación veremos una breve historia de estándares web, propiedades de CSS3 y HTML5.

CSS3 Secrets

Una extra, también de la mano de Lea Verou, donde comparte 10 cosas que probablemente no conoces acerca de CSS3, con ejemplos de las propiedades que CSS3 nos ofrece.

¿Conoces empresas trabajando en HTML5 y cuyo trabajo tiene mucho CSS3? ¿Eres un diseñador que codea su propio CSS3? No olvides contactarnos que siempre estamos reclutando buen talento humano. Si te interesa HTML5 no olvides revisar la Guía gratuita de HTML5: El presente de la web.

Eugenia Tobar para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

1. HTML5: Web Development to the next level

Desde el año 2009 programamos en HTML5, un lenguaje que combina HTML, CSS y JavaScript. En esta presentación se desarrollan los temas: Offline/Storage, Realtime / Commnication, File/Hardware Aces, Semantics & Markup, Graphics/Multmedia, CSS3, Nuts & Bolts.

2. HTML5, History and Terminology

Paul Irish, Project Lead of HTML5 Boilerplate, nos resume en la siguiente presentación la historia de @font-face, HTML5 Shiv y su terminología.

3. Polyfilling the HTML5 Gaps

Addy Osmani nos habla sobre Polyfills & Shims, su importancia, soporte, características y su uso con jQuery.

4. HTML5 y Accesibilidad

Christopher Schmitt desarrolla el tema de accesibilidad, construyendo headings, canvas, microformatos y vídeo.

5. HTML5 in a big nutshell

Una presentación de Lennart Schoors explicandonos sobre Web Forms 2.0, Web Applications 1.0 y la sintaxis de HTML5.

5 demos que te harán decir WOW!!!

HTML5 ama los archivos, las gráficas y el audio. La siguiente presentación fue mostrada por Eric Bidelman y Arne Roomann-Kurrik en el Google I/O del 2011, en ella desarrollan el tema de importación, creación, manipulación y publicación de archivos; declarar, escribir y acceder a gráficas; reproducción, generación y análisis de audio.

20 things i learned about browsers and the web

Finalmente una guía ilustrada por Christoph Niemann sobre los principios básicos de navegadores y la web, donde nos explican ¿Qué es Internet?, computación en la nube, aplicaciones web, HTML5, navegadores, coockies, phishing, validación de identidad online, navegadores y software libre.

HTML5 es el presente de la web, conocemos su potencial y sabemos que hay empresas y programadores desarrollando en HTML5, estamos en busca de ellas. ¿Qué empresas o proyectos nos recomiendas que estén trabajando en HTML5?

Eugenia Tobar para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

Agencia Bouti.. que?

No, no es lo mismo que una agencia de desarrollo o una publicitaria, es más que eso. Ricardo Azurdía – guatemalteco, fundador de Shiftt – nos dice que la diferencia con esas agencias es que tienen paquetes y las agencias boutique se adaptan a las necesidades de los clientes, en donde se le pueden ir añadiendo servicios.

Las agencias boutique son agencias chicas donde no hay servicios empaquetados.

Hay caracteristicas que tanto Ricardo como Pablo Sanchez – argentino, uno de los fundadores de Vulsai –  concuerdan en que son importantes para que una Agencia Boutique sea tal: Ser muy creativos, apasionados por el trabajo, divertirse mucho y sobre todo, que el team se convierta en tu familia.

Talento latinoamericano en España: Sr. Burns

Hay agencias que a pesar de no ser tan chicas tienen las caracteristicas de Agencia Boutique y son ejemplo para las demás. Podemos hablar de Carsonified, Jason Santa Maria o de Sr. Burns. Esta última agencia es de Gaby Castellanos una venezolana que vive en España y que es un icono en el mundo de la publicidad y del desarrollo de “estrategias creativas”.

Cuenta que Sr. Burns es lo que no le permitian antes. En su team no encaja todo el mundo ya que se divierten pero “Si no eres responsable no puedes trabajar aqui”. Para Gaby el mejor método para conocer al consumidor es: escuchar. “Hay que escucharlos y en base a lo que nos cuentan entendemos lo que hay que hacer”.  Menciona además el proceso de su agencia para llevar a cabo lo que ella llama “Creatividad estratégica”: Creatividad, Desarrollo, Ejecución, Medición y Resultados.

Si quieres estar donde está el consumidor tienes que estar en Internet, pero con Internet, no es suficiente. Estar por estar, sin una estrategia e innovación, no sirve.

Shiftt: Servicio y soluciones

Con 14 años en el mercado, esta agencia con sede en Guatemala tiene la mayor cantidad de clientes locales pero además cuenta con clientes de Europa. Nos cuenta Ricardo que comenzaron cuando los sitios se hacían en frontpage y que el enfoque de la agencia es “el servicio ante todo, especificando las necesidades del cliente y dar soluciones“.

En el equipo son 12 personas y menciona Ricardo que cada vez que tienen que seleccionar a alguien del equipo es una decisión dificil porque “se tiene que poder complementar con los demás”. Según él se logra “ser una pequeña familia” y a modo de anécdota nos dice que muchas familias envidiarian la cocina que tienen en la agencia.

Alrededor de la cocina se han tomado muchas decisiones importantes, ahí se fomenta la interacción del equipo.

Ya ganaron varios premios, entre ellos el World Summit Award en la categoría de cultura con el proyecto WikiGuate ya que promueven la preservación de la cultura guatemalteca en linea. Buscan ser “una agencia consolidada en latinoamérica” y en cuanto a nuevas tecnologías creen que “el potencial de HTML5 es muchísimo” y de a poco lo van implementando.

Monoku: ideas innovadoras

Diana Reyes – colombiana, parte del team de Monoku –  nos comentó sobre esta agencia que “nació para construir ideas en el mundo digital que se destacan por su belleza” y que tiene la “capacidad de innovar y usar buenas tecnologías, entre ellas HTML5, CSS3 y Django, para hacer cada vez más simple y emocionante la experiencia del consumidor final”. Para ello hacen un buen estudio de mercado y se denominan frikis de los buenos diseños: “Siempre queremos que los productos se vean impactantes en el navegador“.

El mercado busca un servicio creativo, que permita además de tener una identidad digital, crear un diferencial que le permita lograr sus objetivos.

“Nuestros clientes llegan a nosotros por buenas referencias de proyectos novedosos como el de “Congreso visible” endonde se visualiza el comportamiento de los proyectos de ley y congresistas”. Además nos cuenta Diana sobre el último proyecto de la Agencia: Monomi. “Es una plataforma de comercio electrónico donde la característica principal es que sea muy fácil de usar, completa y que permita a todas las personas interesadas pero sin experiencia, tener una tienda virtual“.

Vulsai: potenciando el pensamiento.

Pablo nos contó sobre Vulsai, que fue fundada por él y dos amigos (Ignacio Ricci y Juan Rossi) con la idea de “hacer clientes felices“. Son jóvenes y se nota el espiritu que irradian ya desde el momento en que hay una trivia en su sitio. Según Pablo el hecho de que sean todos jóvenes “no es un impedimento, aunque si sorprende un poco a nuestros clientes”.

Nos cuenta que “Lo más importante es sentirse a gusto con el equipo” y que a pesar de ser pocos todo lo hacen con “buena onda”. Un ejemplo de ello es uno de sus proyectos más conocidos: My Doodle Songs, basados en el doodle dedicado al cumpleaños n° 96 de Les Paul, en el que tardaron sólo 5 horas en llevar a cabo la idea y tuvo una gran repercusión. Así también desarrollaron el popular sitio “Enchingatown“.

Piensa rápido. Actua más rápido y diviertete.

El desafío de las agencias boutique en latinoamérica

Las agencias boutique están evolucionando ganando terreno en latinoamérica a medida que Internet se posiciona como el centro de nuestras vidas, sin embargo uno de los mayores desafios que presenta es demostrarle al consumidor y al mercado la eficiencia y el uso de nuevas y mejores tecnologías. El camino es seguir mejorando la forma de hacer web y animarse a pensar en grande aún cuando no se valore el trabajo.

Si conoces más agencias boutique inspiradoras que valgan la pena conocer, coméntanos.

Gissela Peralta para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

Primero que nada.. ¿Qué es usabilidad?

En una entrevista anterior habiamos preguntado a Darcy Vergara – chilena, periodista y experta en UX y arquitectura de la información – sobre la definición de usabilidad, ella nos había dicho que “hay una confusión sobre la definición de usabilidad” ya que se confunde con las “acciones que se llevan a hacer que un sitio o una aplicación sea usable”. Aqui su definición de usabilidad en menos de 140 caracteres:

La usabilidad en sí es una medición que determina qué tan fácil de usar es un sitio.

César Soplin – peruano, viviendo en Argentina, con experiencia en el rubro de usabilidad – dice estar de acuerdo con la definición de usabilidad dada por Jakob Nielsen: “es una atributo de calidad que mide lo fáciles que son de usar las interfaces Web“. Por su parte Claudio Merino – chileno con “base en Buenos Aires”, especializado en el diseño de interacción – nos cuenta que le gusta la definición que da Steve Krug en su libro “No me hagas pensar”:

Después de todo, la usabilidad sólo significa el asegurarse de que algo funcione bien: Que una persona con capacidad y experiencia media (o incluso por debajo de la media) pueda ser capaz de usar algo (Ya sea un sitio web, un avión de combate o una puerta giratoria) con el objetivo deseado sin sentirse completamente frustrado.

También consultamos a Natalia Vivas – colombiana que se define como una “freak de la usabilidad” – y nos dijo que para ella la usabilidad es “la capacidad que debería tener un objeto virtual o físico para que su uso sea comprensible, reconocible y fácil de aprender, sin instrucciones, sin manuales, sin ayudas.” Además agregó que:

Hacer usabilidad es hacer que el usuario se enfoque en su tarea y no en la tecnología ni los controles que le permiten realizarla.

5 consejos para respetar la experiencia del usuario

Pedimos a los expertos en usabilidad que nos den tips o recomendaciones de usabilidad y esto fue lo que nos dijeron:

1. El usuario es primero: Cesar Soplin nos dijo que este es el principal consejo de usabilidad que se puede dar, ya sea cuando se diseña, programa, se habla con el cliente o cuando se decide el “usuario es primero, siempre”. Nos dice Cesar que el diseñador tiene que tener claro esto desde que se pone a trabajar en web, diseñamos para los usuarios: “si el usuario no puede usar el sitio, no es negocio.”
2. Conocer al usuario: Nos comenta Claudio Merino que lo importante es ponerse en el lugar del usuario y es importante conocer y trabajar en todos los procesos; desde la conceptualización inicial, arquitectura, arte, maquetación e integración. Darcy Vergara agrega que conocer a las personas para las cuales se diseña “no es a quienes los contrató, sino a quienes usaran el sitio“.
3. Cumplir el objetivo del sitio: Según Natalia el principal reto es lograr que el público cumpla la principal tarea para la que fue diseñado el sitio: “Lo importante de la usabilidad es la facilidad con la que deberíamos usar cualquier cosa, sin pensar en el objeto y/o interfaz sino en la tarea que queremos realizar: comprar, consultar, buscar, reservar”
4. Investigar, mostrar trabajos y pedir consejos.
5. Innovar en base al feedback: Nos dice Darcy Vergara que si uno innovará en diseño tiene que ser con los usuarios: ”Los usuarios no son tontos y que a pesar que muchos de ellos son enemigos de los cambios, cuando uno desarrolla pensando en ellos, con su feedback previo, no hay nada qué temer.”

De la teoría a la práctica: algunos sitios de ejemplo

Estos consejos puestos en acción se pueden ver en algunos sitios recomendados por nuestros entrevistados:

• Redes Sociales

Timeline Facebook: Afirma Claudio que “hoy en día cualquier sitio relativamente grande y moderno ya tiene incorporado todos los elementos de “usabilidad” necesarios para que funcionen bien” y agrega que “ya hay un consenso en la industria en cuanto a tipos de menú, jerarquía de elementos y disposición de módulos dentro del sitio”. Y destaca el timeline de Facebook en cuanto a experiencia de usuario.

• Agencias de noticias

Cesar se mueve en el ámbito de las noticias y destacó a  The Verge por su diseño moderno y amable con el usuario, al Boston Globe por el uso de responsive web – especialmente para móviles – y el sitio de TN.com.ar por estar bien organizado y ser muy sencillo de usar.

• Plataformas de E-commerce:

Amazon.com: Darcy destaca “la inteligencia que le pone amazon a su proceso completo de compra”. Aclara que si uno se enfoca sólo en la web, no es el sitio más usable del mundo ya que a veces puede resultar un poco complejo pero “al final la gente termina entendiendolo”. Lo que destaca de Amazon.com es la experiencia completa de comprar en amazon ya que siempre están dispuestos a ayudarte si algo falla: “si escribes un correo preguntando algo te responden en menos de 2 minutos una respuesta certera.”

“Eso es experiencia de usuario, algo que es transversal al servicio y no sólo contempla el sitio, es una experiencia completa.” Comenta además “no vale de mucho tener un sitio perfecto y que tu servicio off line sea un desastre, todo lo que ganas en experiencia online lo pierdes con los mismos clientes en el mundo off line.”

etzy.com: Para Natalia fue difícil contestar esta pregunta porque dice que hay sitios con funcionalidades fáciles de usar y reconocer, sin embargo destaca a etzy.com: una tienda de “tiendas”, no solamente por lo fácil e intuitivo que es el proceso de compra sino también por el proceso de venta. “Los “Call to actions” están bien definidos, diferenciados y son consistentes durante todo el sitio, le permite al usuario concentrarse en el proceso de publicar y promocionar”. Según Natalia se puede definir con las tres palabras claves de la usabilidad: sencillo, eficiente y satisfactorio.

Si trabajas en el tema, hay un mensaje para ti

Cada experto nos dio un último mensaje para todos los que trabajan o están trabajando en el tema:

Claudio Merino: “La usabilidad no es una ciencia exacta y tiene mucho de subjetividad, por lo que es importante que los que comienzan en el campo se atrevan a mostrar sus trabajos y pidan consejos. particularmente recomiendo suscribirse a las listas de  www.cadius.org  y www.ixda.com.ar/“.

Natalia Vivas: “Investiga, estudia, sigue a los que saben en twitter, en linkedin, compra libros, léetelos, involucra a tus usuarios en el proceso y recuerda que por más esfuerzo que hagas investigando, leyendo, aplicando, siempre habrá usuarios que le será difícil usar tu sitio y hasta lo odiarán.”

Cesar Soplin: “Recuerda que el usuario es primero, siempre.”

Darcy Vergara: “Trabajen con usuarios, testeen, muestren sus maquetas a otras personas, hablen de lo que están haciendo, compártanlo, generen feedback”

El tema de la usabilidad da más para hablar, más cuando el “Responsive Design” se está convirtiendo en una tendencia del futuro de la web. Pero siempre y cuando nos sigamos informando e intentar aprender cada más estamos por buen camino.

¿Y tú que consejo agregarías? ¿Qué sitios crees que son los más “usables?

Gissela Peralta para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

Por este medio hacemos constancia pública del apoyo de nuestra organización, Maestros del Web con registro en Estados Unidos hacia la propuesta legislativa de SOPA (Stop Online Privacy Act), esperando su pronta aprobación e implementación para asegurar el correcto desarrollo de todo el ecosistema de Internet.

Estamos cansados de vivir en una red de anarquía donde no se protegen los derechos de propiedad intelectual y se están lastimando a importantes industrias de creación de contenido, audio, vídeo, videojuegos y software, que han visto grandes problemas con generación de utilidades y han tenido que revocar muchos contratos de trabajo.

SOPA ayudará no solo a darle una oportunidad a los modelos tradicionales de establecerse de forma más orgánica en el ecosistema digital, sino además integrará entidades reguladoras de la forma de expresión y comunicación de las futuras generaciones.

Es importante que junto a las editoriales, los estudios cinematográficos y las disqueras nazca una nueva entidad que también genere filtros y controles de calidad para traer el buen gusto a la web, que no puede elegirse entre todos sino por mentes realmente selectivas y que saben lo que hacen. Estas nuevas entidades a las que nos referiremos de aquí en adelante como Webas serían las encargadas de hacer casting a todos aquellos generadores de contenido (desde los tuiteros hasta los blogers, los foreros y también los youtubers) y además asegurar canales de distribución con suficientes medidas para evitar su reproducción no autorizada.

Con el apoyo de un destacado inversor localizado hoy en Singapour y que tiene que limpiar su nombre en Suramérica, ponemos a disposición el servicio de Maestros del Web como una de las primeras Webas para servir al mercado de España y Latinoamérica, generando contratos comerciales solo para el verdadero talento en la web que generará material de origen innovador o que por el contrario tenga todos los pagos de regalías en orden.

Entre los primeros proyectos que estarían firmando un contrato webero para este futuro de nuestro medio contamos con el Chip Torres que además se ha comprometido a liderar una campaña para regular todo el sofware pirata que ha circulado en la plaza de la Tecnología en Ciudad de México. Nuevos artistas digitales serán presentados en otras latitudes porque solo actuando en bloque vamos a lograr un cambio real.

Creemos en una Internet con leyes, normas y control estricto de contenido. Que viva SOPA y todas las valientes organizaciones y legisladores que la apoyan. El futuro de la web ha llegado.

Ps. También hemos solicitado el traslado de todos nuestros dominios de regreso a Godaddy. Hay que apoyar a las empresas que nos traen chicas con poca ropa en los comerciales del supertazón.

Christian Van Der Henst S. para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

Descarga la guía en versión .PDF o .epub o bien e su versión para Kindle en Amazon.

El Community Manager, definido por AERCO, es “quien se encarga de cuidar y mantener la comunidad de fieles seguidores que la marca atraiga, y ser el nexo de unión entre las necesidades de los mismos y las posibilidades de la empresa.”

La guía está orientada a personas interesadas en la comunicación y para Community Manager con experiencia, su contenido consta de 10 capítulos que incluyen los temas: El perfil del Community Manager, herramientas para el manejo de redes sociales, los tipos de usuarios y comunidades.

Si tu campo es la comunicación y el periodismo digital también tenemos la guía “Adictos a la Comunicación” y no olvides revisar nuestras otras guías y si tienes interés en colaborar con nosotros contáctanos, esperamos tu comentarios.

Eugenia Tobar para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

En este último “episodio”, nos avocaremos a un tema particular, el cual es prácticamente imposible evitar ser abarcado en el desarrollo de un sistema informático. Me refiero a la interacción con bases de datos.

¡Comencemos!

Trabajando con bases de datos MySQL en Python

No abordaremos aquí, conocimientos básicos sobre MySQL, uso, instalación ni configuración. Sin perjuicio de lo anterior, haré una breve introducción.

Structured Query Language (SQL)

SQL es el lenguaje de consulta estructurado utilizado para el acceso a bases de datos relacionales. Si bien SQL como lenguaje, posee ciertos estándares, el lenguaje de consulta en sí, varía para cada base de datos en particular, siendo el tratado en este ejemplo, el correspondiente a MySQL.

MySQL

MySQL es un sistema de gestión de bases de datos relacionales, libre y que puede ser instalado en múltiples plataformas.

Para seguir el capítulo de esta guía, será necesario instalar MySQL. Para ello los invito a quienes no posean MySQL instalado, que visiten el sitio de descargas de MySQL y la documentación de MySQL.

MySQLdb

MySQLdb es una interfaz para trabajar con bases de datos MySQL desde Python. El capítulo Nº7 de esta guía, se ha indicado como lectura recomendada, el Manual oficial de MySQLdb el cual sugiero que se lea tras finalizar este capítulo.

Instalación de MySQLdb

Para interactuar desde Python con MySQL a través de MySQLdb, es necesario instalar dicho módulo. El nombre del paquete es python-mysqldb (por si desean instalarlo desde los repositorios), o sino, pueden descargar un tarball desde http://sourceforge.net/projects/mysql-python/. Allí mismo, encontrarán el archivo README con toda la información para instalarlo.

Introducción a bases de datos con Python

En el caso particular de Python, el acceso a bases de datos se encuentra definido a modo de estándar en las especificaciones de DB-API (por curiosidad, puedes visitar Python Database API specification).

Esto significa, que para utilizar cualquier base de datos, siempre se deberán seguir los mismos pasos:

1. Importar el módulo de conexión (en nuestro caso, utilizaremos MySQLdb)
   import MySQLdb
2. Conectarse a la base de datos
   
   db_host = 'localhost'
   usuario = 'root'
   clave = 'clave'
   base_de_datos = 'mi_basededatos'

   db = MySQLdb.connect(host=db_host, user=usuario, passwd=clave,
db=base_de_datos)


3. Abrir un cursor
   cursor = db.cursor()
4. Ejecutar una consulta
   
mi_query = "SELECT campo FROM tabla WHERE campo='valor' ORDER BY campo"
cursor.execute(mi_query)

5. Si se está agregando, editando o eliminando un registro: hacer un commit a la base de datos
   db.commit()

6. Si se están leyendo datos: obtener todos los registros hallados
   cursor.fetchall()

   u obtener solo el primero:
   cursor.fetchone()

7. Cerrar el cursor abierto
   cursor.close()

Manos a la obra!

Hecha esta introducción, estamos en condiciones de arrancar.

Crear la base de datos que utilizaremos

Lo primero que debemos hacer, es crear una nueva base de datos (o utilizar una existente) y ejecutar el query (consulta) que creará la tabla que utilizaremos.

Para ello, abriendo una terminal accedes a MySQL escribiendo:

mysql -u nombre_de_usuario_de_mysql -p contraseña_de_mysql

Lógicamente, modificarás nombre_de_usuario_de_mysql por tu nombre de usuario y contraseña_de_mysql por tu clave. Al pulsar la tecla “enter”, verás mysql>

Una vez allí, si deseas crear una nueva base de datos, escribe:

create database nombre_de_la_nueva_base_de_datos;

Luego, indicamos a MySQL la base de datos que utilizaremos, escribiendo:

use nombre_de_tu_base_de_datos;

Habiendo indicado la base de datos a utilizar, ya estás en condiciones de ejecutar la consulta que creará la tabla. Para ejecutar la consulta, copia el siguiente query y luego pulsa la tecla enter:

CREATE TABLE IF NOT EXISTS paises (
id INT(11) NOT NULL AUTO_INCREMENT PRIMARY KEY,
pais VARCHAR(125) NOT NULL,
abbr CHAR(2) NOT NULL
) ENGINE=InnoDB;

Descargar archivos

El ejemplo de este capítulo, corresponde a un ABM de países con arquitectura MVC (modelo-vista-controlador). El mismo, cuenta con los siguientes archivos:

• db_conn.py (Capa de abstracción para la base de datos)
• pais.py (Modelo)
• pais_view.py (Vista)
• pais_controller.py (Controlador)

Para ejecutar este ejemplo, llamar a pais_controller.py:
python pais_controller.py

Como podrán observar, este controlador es quien recibe las peticiones que hagamos, encargándose de realizar los cambios necesarios al modelo (la clase Pais), llamar a este modelo, y luego, enviar los datos necesarios a la vista, para que ésta, finalmente, sea quien nos muestre esos datos en pantalla.

Saber más sobre el patrón arquitectónico MVC

Balance final de la guía

Así es que llegamos al final de esta guía.

Queda muchísimo por aprender y sobre todo, son abundantes los consejos que podríamos tomar para crecer profesionalmente. Creo, que quienes hayan seguido la guía paso a paso y participado activa o pasivamente de los comentarios de cada capítulo, habrán sabido comprender las bases necesarias para no ser “un programador más”.

Como docente, me llevo conmigo la satisfacción de, una vez más, no haberme reservado lo que aprendí a lo largo de mi carrera, como un secreto bajo llave, sino, el haberlo compartido con el solo objeto de ser aprovechado por quienes se sintiesen interesados, curiosos, motivados, etc.

Como redactora de esta guía, quedan almacenadas en mi memoria, un cúmulo de experiencias aprovechables, producto de la interacción humana en un medio de comunicación tan particular como lo es Internet.

Y como persona, me llevo la indudable realidad sobre una educación general en decadencia, que quisiera haber evitado conocer, pero que al mismo tiempo, me abre los ojos a un camino alternativo para cumplir mis objetivos.

Finalmente, tras todo el balance anterior y, dadas las fechas que se aproximan, quisiera enviar un gran saludo a judíos y cristianos, ya que esta noche (25 de Kislev) comienza חֲנֻכָּה, pues les deseo ¡MUY FELIZ JANUCÁ! a toda la cole y para este finde del 24 y 25 de diciembre, ¡MUY FELIZ NAVIDAD! a todos los cristianos!

Y por supuesto, para todos, un ¡EXCELENTE 2012!

Eugenia Bahit para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

Sin lugar a dudas uno de los factores más importantes para el éxito de cualquier aplicación es el contar con una interfaz bien trabajada que permita comunicarnos de forma efectiva y clara con el usuario.

En los capítulos anteriores hemos revisado diversos temas muy importantes para el desarrollo de aplicaciones Flex para móviles, si no has tenido oportunidad de revisarlos este es un buen momento para hacerlo:

• Hola Mundo
• Fundamentos de Desarrollo Flex para PlayBook
• ActionScript 3.0 y Eventos
• Componentes y Layout

Sin más recomendaciones por el momento, comencemos con el diseño de aplicaciones!

Diseño para PlayBook

Diseñar contenido móvil para la BlackBerry PlayBook ofrece nuevas oportunidades para llegar a diferentes audiencias ya que al tiempo de escribir este capítulo en Latinoamérica hay un interesante porcentaje de dispositivos BlackBerry por lo que nuestro target es considerablemente grande. Siempre es posible aprovechar los componentes de Flex existentes, con su sistema de navegación simple para crear aplicaciones de negocios o de productividad. Aunque también podemos extender los componentes de QNX para diseñar experiencias más inmersivas desde cero. En este capítulo hablaremos de algunas estrategias fundamentales de diseño y resaltaremos algunas interacciones de usuario que son innovadoras dentro de la plataforma.

La BlackBerry PlayBook tiene una pantalla de 7 pulgadas con una resolución de 1024 x 600 (área visible de 6 x 3.5 pulgadas) a una densidad de pixel de 169 dpi. Si utilizamos una herramienta como Photoshop o Fireworks hay que utilizar dichas medidas al crear un nuevo documento, existe también un documento con recomendaciones de mayor detalle sobre la UI de PlayBook.

La PlayBook es un dispositivo que soporta diferentes tipos de orientaciones portrait o landscape, aunque la mayoría de las veces vamos a diseñar nuestras aplicaciones en modo landscape ya que es la forma más natural de sostener el dispositivo, con ciertas excepciones (cuando leemos más contenido).

Cuando diseñemos nuestras aplicaciones hay que considerar layouts que ofrezcan una experiencia widescreen a nuestros usuarios. Por ejemplo, hay que posicionar los componentes de UI al lado izquierdo o derecho de la pantalla en lugar de la parte superior o inferior para aprovechar ese form factor con ancho adicional. Este acercamiento es también muy útil porque los dedos pulgares de forma natural se acomodarán cerca de nuestros controles cuando sostengamos la tablet.

En cuanto al modo portrait es posible ajustar el contenido o crear un diseño para esta orientación de forma explícita. La vista portrait es comúnmente utilizada para aplicaciones de lectura y para navegar por largas listas de información, es importante considerar que el usuario probablemente escriba con sus pulgares cuando la aplicación se muestre en modo portrait lo que hará más lenta la velocidad de escritura.

Como ya hemos platicado los casos ideales para una aplicación en modo portrait son bastante específicos, sin embargo seleccionar entre portrait o landscape no tendría que ser una decisión que genere restricciones puesto que es posible ajustar la vista basándonos en la orientación de la tablet cuidando que el contenido se vea de forma aceptable de ambas formas. Cambiar el diseño de una aplicación basado en su orientación no es tan simple como solo escalar el contenido, requiere cierto trabajo con las proporciones del layout pero la inversión de tiempo en desarrollarlo vale la pena.

Experiencia de Usuario

Los usuarios interactúan con el contenido mediante gestos como el deslizar “swipe” los dedos sobre la pantalla en lugar de presionar botones o activar scrollbars como suele suceder en una interfaz de escritorio. Las interacciones clave generalmente toman lugar en el borde de la pantalla (el cuadro que rodea el área visible).

El gesto de swipe más importante a tener en cuenta cuando desarrollamos una aplicación touchscreen es el movimiento vertical desde arriba de la pantalla hacia abajo que va a invocar el menú contextual. De forma adicional hay interacciones como el arrastrar contenido a través de la pantalla y pellizcar “pinch” elementos para abrir o cerrar.

Diferentes formas de interactuar con el contenido en PlayBook:

Menú Contextual

Como ya lo mencionamos, hacer un swipe desde el borde será especialmente útil dentro de nuestras aplicaciones cuando queramos revelar un menú contextual con más opciones. Es posible editar estos menús contextuales para agregar botones personalizados o interacciones que sean apropiadas a cierto contexto. Los menús contextuales le dan facilidad a los usuarios para acceder a controles sin necesidad de ocupar todo el tiempo/espacio valioso dentro de la interfaz.

Fundamentos del Diseño Móvil

Las interfaces tipo Touch son diferentes de las de escritorio en muchos sentidos, algunos más obvios que otros. Los usuarios comúnmente navegan un touchscreen con sus manos, ya sea con los pulgares o los demás dedos. Para estas situaciones hay que diseñar interfaces con areas de “hit” más grandes para que sean fáciles de activarlas con un simple tap. Hay que considerar crear un área de hit de aproximadamente dos terceras partes del tamaño del botón ya que probablemente parte del mismo estará oculto detrás de la mano del usuario.

Algo que se espera de los usuarios de tablets y en general de usuarios de dispositivos portátiles es que utilicen las aplicaciones en diferentes lugares y circunstancias. Hay que desarrollar aplicaciones con tareas que tomen un máximo de 2 minutos en realizarse, esto para que los usuarios puedan completar cierto objetivo mientras esperan por un café en un Starbucks

Cuando se desarrollan juegos hay que incluir opciones intuitivas que hagan fácil adaptarse a la interfaz del juego y rápidamente volver a ella en caso de tener que interrumpir la sesión. También hay que atenerse a niveles que no excedan los dos minutos de duración. El factor iluminación en cuanto a dispositivos móviles es otro tema delicado, es posible que los usuarios utilicen las aplicaciones en diferentes ambientes de luz, por ello cuando diseñamos nuestras aplicaciones sería importante usar colores contrastantes que vuelvan legible la UI inclusive en situaciones de alto brillo.

La siguiente es una lista de consideraciones importantes a tener en cuenta cuando diseñamos UI para PlayBook:

• Crear botones de al menos 40 x 40 pixeles.
• Determinar la mejor posición para nuestros botones. Tratar de mantener un margen de 15 pixeles alrededor de cada botón y del borde de la pantalla, poniendo especial atención en el borde superior e inferior. De otra forma los usuarios podrían involuntariamente abrir el menú o mostrar las demás aplicaciones.
• Poner botones cerca de los lados para que los usuarios puedan aprovechar sus pulgares mientras sostienen la tablet entre sus manos.
• Agregar gestos cuando sea apropiado y proveer pistas visuales. Por ejemplo, cuando mostremos información de contacto, hay que apoyarse en un estilo de rolodex para permitir al usuario hacer un swipe vertical para moverse sobre la lista.
• Poner información importante cerca de la parte superior de la pantalla. Recordar que la información en la parte inferior de la pantalla podría ser obstruída por la mano o el teclado.
• Utilizar los componentes de QNX para lograr consistencia entre nuestras aplicaciones y las opciones nativas del dispositivo.

Creación de Navegación sin Botones

Los elementos interactivos dentro de una UI para un touchscreen no siempre requieren del uso de botones o sliders. Los gestos y los eventos de touch ofrecen a los usuarios nuevas formas de interacción con el contenido. Cuando a un usuario se le presenta una fotografía en una aplicación móvil es casi intuitivo que intente pellizcar la imagen para activar el zoom y trate de utilizar gestos para rotar la fotografía.

En el ejemplo de arriba tenemos dos UI donde en la primera es posible utilizar las flechas izquierda y derecha para navegar pero eso mismo lo podemos hacer en la segunda UI mediante un gesto de swipe para revisar otras imágenes. De igual manera los botones de Zoom In y Out fueron reemplazados por eventos de GESTURE_ZOOM y GESTURE_ROTATE. El botón de Más Info es reemplazado por un tap de mayor duración. Es interesante considerar dichos gestos para reemplazar a los botones dentro de una interfaz de tipo touchscreen.

Metáforas del Mundo Real

Todos los días interactuamos con diferentes objetos y en Flex es posible generar iconos para representar botones dentro de la UI. Tomemos en cuenta la Papelera de Reciclaje de Windows o el Trash de Mac, realmente su diseño más allá de estético también es funcional, de la misma manera también nosotros podemos utilizar ese tipo de metáforas dentro de nuestras aplicaciones. Si necesitamos organizar cosas dentro de categorías ¿por qué no usar pestañas de carpetas en la navegación? En una aplicación de dibujo es importante que cada icono de herramienta sea intuitiva con el resultado final de la brocha o lápiz que esta representando.

Una de las aplicaciones que seguramente podrá inspirar a más de uno en el desarrollo de su UI es Scrapbook de PlayBook y no lo olviden las herramientas más importante cuando empezamos a diseñar nuestros primeros prototipos son el lápiz y el papel.

Edgar Parada para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

El equipo de Plataforma Tec, la empresa de desarrollo web y asesoramiento ubicada en São Paulo, Brazil, Ivan Acosta fundador de Bakedweb y Osledy Bazo fundadora del evento Refresh Maracaibo, nos comentan sobre Ruby, las comunidades y oportunidades laborales para los desarrolladores.

Todo programador tiene su lenguaje favorito y es el que elige para especializarse. Desde el inicio, el equipo de Plataforma Tec, era parte de la comunidad de Ruby y decidieron que ése sería el “ambiente” en el que contruirían su compañía. De todas las opciones ¿Porqué debería elegir Ruby en lugar de otro lenguaje?, Plataforma Tec contesta:

Principalmente porque algunas de las prácticas que propugna la comunidad de Ruby (y Rails) les gusta la convención por encima de la configuración, productividad sustentable y el enfoque a la felicidad del programador.

Ivan Acosta, afirma que “no se trata de porqué elegir Ruby u otro lenguaje” ya que muchas de las aplicaciones rentables en los negocios están desarrolladas en múltiples lenguajes.

Mi consejo es usar el lenguaje donde te sientas mas cómodo y aprenderlo a fondo. No esta de mas aprender lenguajes nuevos ya que cado uno tiene su nicho de problemas.

Osledy concuerda con Ivan comentando que “la idea es que te sientas cómodo con el lenguaje y las herramientas, la escencia de Ruby es esa, hacer que el programador se sienta cómodo”, además agrega que en Venezuela es difícil el pago de un hosting para desarrollar con Ruby:

Acá en Venezuela con la restricción de dólares se nos hace muy difícil pagar un hosting de afuera en el que puedas desarrollar con ruby/rails por lo que se ve mas desarrollo con php.

Lo beneficioso de especializarse en un área de trabajo es que logras capacitarte para suplir necesidades que una empresa necesita, como Ivan comenta, “todas las aplicaciones que dan valor a los negocios estan escritas en múltiples lenguajes”, es importante conocer el mercado del lenguaje que has elegido, Plataforma Tec comenta que hay muchas oportunidades en el mercado brasileño pero pocos programadores en Ruby:

Hay muchas oportunidades, sin embargo, estamos carentes de desarrolladores en Ruby. Hay muchas compañías, Startups y consultorías tratando de contrartar desarrolladores.

Osledy comenta que en Maracaibo “no hay oportunidades de trabajo, en Venezuela si hay pero muy pocas, casi todas de teletrabajo. Trabajando para una empresa extranjera desde casa”, algo similar sucede en Playa del Carmen donde “el mercado laboral para programadores en ruby específicamente es inexistente”, sin embargo, Bakedweb ofrece oportunidades a los interesados:

Nosotros, @bakedweb, siempre estamos contratando desarrolladores que sepan TDD o tenga las ganas de aprender.

Plataforma Tec realiza charlas en conferencias locales, regionales y nacionales en Brazil. El tener la empresa ubicada en São Paulo, les permite tener “una presencia regular en los Grupos de Usuarios de São Paulo de Ruby”. Comentan que están siempre presentes como conferencistas en las 5 ediciones de RubyConf Brazil, una de las conferencias más grandes de Ruby en Brazil y Latino América.

También creemos que nuestra fuerte presencia en las comunidades open source ayuda a promover y fortalecer las comunidades Ruby en Brazil.

Osledy es la fundadora de los eventos Refresh Maracaibo y DevDay Maracaibo, el ser desarrolladora en Ruby/Rails y organizar estos eventos le permite conocer a personas interesadas en el lenguaje y conocer más acerca de Ruby, cree que si existe el interés del lenguaje en Maracaibo:

Pienso que hay muchísimo interés pero muy poca gente dispuesta a planear un evento, un curso o compartir lo que saben del lenguaje aunque sea poco.

Finalmente Plataforma Tec comenta que hay varias comunidades interesantes de Ruby en Brazil, en São Paulo mencionan a Guru-SP, el grupo de usuarios de Ruby de São Paulo. En Rio Grande del Sol, Santa Catarina, Minas Gerais y el noroeste de la región tienen sus propias comunidades de Ruby.

Una vez al año, todas esas comunidades pueden conocerce en la RubyConf Brazil, una conferencia nacional organizada por el Evangelista de Ruby: Fabio Akita y la compañía hosting Locaweb.

A nivel mundial las comunidades y desarrolladores tienen diferentes experiencias en cuanto al mercado, la especialización y los avances del lenguaje. Nos interesa saber qué sucede en las comunidades Ruby a nivel Latino América. ¿Eres desarrollador Ruby? Queremos conocer desarrolladores y comunidades interesantes que nos comenten acerca de ellas.

Eugenia Tobar para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page

Hola Mundo “Extended”

Haremos un “Hola Mundo” con wxPython, pero con algo más que un simple “Hola Mundo”.
Nuestro programa script, será similar a un editor de textos (como el Notepad de Güindous), con la diferencia de que por defecto, nos mostrará una plantilla de carta comercial y la guardará automáticamente en una carpeta destinada a almacenar todas nuestras cartas.

Lo que haremos se verá así:

Para hacer este ejemplo, me inspiré en la Guía oficial de Primeros Pasos con wxPython. De esta forma, será más simple entender la documentación oficial.

Instalación de wxPython

El primer paso, será instalar wxPython.

En Linux será necesario el paquete: python-wxgtk2.8. En aquellos basados en Debian, basta con hacer:
sudo apt-get install python-wxgtk2.8

En Gentoo:
emerge wxpython

Para RedHat, Fedora, Mandriva y compañía, pueden buscar los rpm de la versión 2.8.12.0 en este enlace www.rpmfind.net/…search.php?query=wxPython o instalarlo con yum (como root):
yum install wxPython

Para Windows y Mac OS
Descargar instalador en www.wxpython.org/download.php

Dudas/problemas sobre instalación: Visitar http://wiki.wxpython.org/How%20to%20install%20wxPython

Introducción

wxPython es una suite de librerías de interfaces gráficas para Python (programadas en C++), destinadas a crear GUIs de forma simple. Funciona como un módulo más de Python, debiendo ser importado al igual que cualquier otro.

Cómo principales características de wxPython pueden citarse:

1. Portabilidad: Windows, Linux y Mac OS X
2. Apariencia: Nativa en todos los S.O.
3. Licencia: LGPL

Archivos del Ejemplo

Para nuestro creador de cartas comerciales necesitaremos 2 archivos:

• constants.py
• editor.py

Descargar ambos archivos, guardarlos en una carpeta y, dentro de esta, crear un sub-directorio llamado cartas. En este sub-directorio, se guardarán automáticamente las cartas que vayamos creando.

Para correrlo, simplemente haremos python editor.py y se ejecutará el script en modo gráfico.

Utilizando wxpython en 6 pasos

1. Importar wxPython:
   import wx
2. Crear una clase extendida de wx.Frame:
   class MiClase(wx.Frame)
3. Crear los métodos necesarios de la clase. Aquí, además de definir algoritmos propios, es donde se harán las llamadas a los métodos de wxPython y wxWidgets (ver más adelante)
4. Finalmente, crear una instancia de wx.App:
   app = wx.App(False)
5. Otra instancia de nuestra clase:
   ventana = MiClase(None, “Título de la ventana”)
6. Llamar a MainLoop del objeto app para mantener activo el programa:
   app.MainLoop()

Creando métodos de la clase

Los métodos de la clase, lógicamente dependerán de lo que queramos que nuestro programa realice. Estos métodos variarán de acuerdo a cada programa. La “fórmula” a seguir, será recomendable que se desarrolle de la siguiente manera:

Definir el método __init__

Definir el __init__ de la clase, cuyo parámetro sea (además de self), parent. Esto garantizará hacer siempre una referencia al elemento “parent” (padre) del objeto que se esté instanciando.

En nuestro caso, cuando instanciamos al editor, como ventana “padre” le estamos indicando “None” (ninguna), ya que es la primera ventana que estamos instanciando:
frame = Editor(None, APP_TITLE)

En este ejemplo, además, hay un segundo parámetro que corresponde al título de la ventana. Pero éste, podríamos haberlo evitado, si lo definíamos directamente en el __init__. No lo hicimos, para poder extender el día de mañana, este ejemplo, instanciando otras ventanas con un nombre diferente.

En el __init__, además, se debe inicializar al propio wx.Frame:
wx.Frame.__init__(self, parent, title=title, size=(800, 600))

Como se puede ver, a wx.Frame se le pueden pasar diversos parámetros. En nuestro caso, un título de ventana y las medidas de la misma (ancho, alto).

Es importante además, siempre llamar al método Show(), ya que de lo contrario, la ventana nunca se visualizará:
self.Show(True)

Por otro lado, en el método __init__ deben establecerse todas las propiedades de clase y llamar a aquellos métodos que se encarguen de generar toda la GUI.

Incrustando widgets

wxPython, utiliza wxWidgets. Estos “Widgets” serán todos aquellos elementos que se irán incrustando en el contenedor (frame). Una lista completa de los Widgets implementados por wxPython, puede econtrarse en http://docs.wxwidgets.org/2.8/wx_wxpython.html#wxpclasses.

Para utilizar cualquiera de estos Widgets, deben ser considerados como métodos de wx, simplemente utilizando la sintaxis wx.Widget(parametros).

Widgets utilizados en nuestro creador de cartas comerciales

En nuestro script, los widgets utilizados son:

wx.TextCtrl()
Control de entrada de texto que permite mostrar y editar su contenido. Puede ser de una sola línea o multilínea.
Con el parámetro value se define el contenido por defecto, mientras que style debe ser definido con las constantes de estilo del control.

wx.Menu()
Un menú ya sea como lista desplegable o ventana emergente (pop-up) que permite seleccionar un elemento capturando el evento y actuando en consecuencia.

wx.MenuBar()
Una barra conteniendo una serie de menús accesibles desde la parte superior de la ventana.

wx.MessageDialog()
Un cuadro de diálogo que muestra un mensaje de una o varias líneas, con botones de opción como Aceptar, Sí, No y Cancelar. Este Widget recibe como parámetros: parent la ventana “padre”, mensaje, titulo y estilo.

Ver lista completa de wxWidgets implementados por wxPython.

Llamando a los métodos heredados de wx.Frame

wx.Frame es una clase del módulo wx, que hereda de otras y por lo tanto, pone a nuestra disposición, una larga lista de métodos, a los cuáles accederemos simplemente mediante self.Metodo().

Los métodos que utilizamos en nuestro código son:

wx.Frame.CreateStatusBar()
Genera la barra de estado de la ventana.

wx.Frame.SetMenuBar()
Se encarga de crear la barra de menú con todos los wxWidgets configurados.

wx.EvtHandler.Bind()
Captura un evento y lo enlaza a un controlador de eventos.

wx.SizerFlags.Centre()
Centra la ventana en el medio de la pantalla.

wx.Window.Show()
Muestra (u oculta) la ventana.

wx.Window.Close()
Cierra la ventana.

Conclusión

Para utilizar cualquier interfaz gráfica en Python, solo es necesario:

1. Saber Python (para programar algo y no solo mostrar ventanas con menús, textos y botones que no hagan nada)
2. Entender la sintaxis y semántica de la programación orientada a objetos (para entender como funcionan las librerías gráficas)
3. Tener a mano la guía de referencias de la interface gráfica a utilizar (simplemente, para saber “el nombre” de los métodos y objetos a los cuales recurrir, para “mostrar gráficamente” aquello que tuvimos que programar en Python)

Eugenia Bahit para Maestros del Web.
Agrega tu comentario | Enlace permanente al artículo

Síguenos en: @maestros | Fan page