Itunes se  está convertido en una fuente imprescindible de tutoriales y cursos de programación para dispositivos móviles. Con una simple búsqueda “iphone development” hay cursos para entretenerte una vida entera.

A los conocidos cursos de Stanford “iPad and Iphone development” , “Advanced iPhone Development” del Madison College  podemos añadir el nuevo “Developing iPad Applications for Visualization and Insight” de la universidad Carnegie Mellon

Podéis ver más información sobre el curso en hci-ipad.org

En castellano tenemos el conocido podcast que habla de programación en Cocoa (osx, iphone, etc..) 85% Cocoa, de José A. Lobat

Será por tutoriales…

Tenía ganas de aplicar media queries en algún proyecto, pero como la montaña no venía a mahoma, mahoma va a la montaña. Osea, que necesitaba algún ejemplo en que practicar y se me ocurrió hacer un lector de tweets (que original!) para el iPad a modo de web app.

También quería practicar un poco de jQuery ya que aparte de tocarlo para modificar galerías, sliders e interacciones sencillas, no había tenido la oportunidad de encontrarme con problemas que solucionar, que es como se aprenden las cosas: a base de golpes.

¿Para que sirve tweeTablet?  Ahora mismo, para poco salvo para haber practicado con media queries, css3, diseño de interfaz para el ipad y aprender un poco de jQuery.

Podéis jugar con en ejemplo en: www.tweetablet.com (desde iPad)

El funcionamiento es sencillo:

• Entras a tweeTablet.com desde el iPad (Desde el firefox peta por todos lados. En chrome un poco menos)
• Buscas una palabra, hashtag o por cercanía mediante geolocalización.
• Arrastras los usuarios que quieres seguir más de cerca a la pestaña lateral
• Y ya está, por que no hace nada más :)

Técnicas aplicadas en el ejemplo:

Media queries.

No son más que unas condiciones que se aplican a los css para que use unos css u otros en base al tamaño del viewport, orientación, etc… En el caso de la barra de herramienta,  cambia de orientación a  horizontal al usar la app en vertical o a vertical al usarla en apaisado. Buscaba la mayor superficie útil en la aplicación, ya que entre barra de direcciones, pestaña y barra de herramienta, se comía mucho espacio. Ahora sólo encaja bien en iPad, pero al principio también lo hacía en el BqVerne de 7″ y 800*600, pero por unos errors y simplificar el código, lo quité. Total, tampoco funcionaba el Drag&Drop

jQuery

En otros proyectos como la guía móvil para las Fallas de Valencia o guía móvil para las Hogueras de Alicante, había usado jqueryMobile como framework, pero las líneas gráficas no me encajaban con el diseño que quería para el iPad, así que no lo usé esta vez. En lugar de eso fuí añadiendo distintos plugins a jQuery para conseguir lo que necesitaba y de paso intentaba comprender como usar jQuery de verdad. Lo mejor en este caso sería usar un framework que ya ofrezca toda empaquetado (y compatible!) como SensaTouch o buscar otro framework más adecuado, pero quería hacerlo por la vía puzzle :). También quería aprender como se trataban los datos por json, formatearlos, guardar cookies, utilizar drag and drop, scrolls táctiles, etc… La forma de obtener los tweets es la más básica, sin autentificación ni nada. Por eso no puedes reponder ni seguir ni hacer las tipicas operaciones de un cliente de twitter.

Diseño UI para el iPad

El iPad es mucho más goloso que los móviles a la hora de diseñar: más pantalla, interfaz táctil, etc…  El diseño en parrilla o galería me sirve para poder seguir hashtags en eventos, cotillear lo que va diciendo de una palabra, etc… A veces es complicado seguir algunos hashtags por la cantidad de tweets y no quería estar haciendo scroll continuamente, así que de esta forma le puedes echar un ojo. Salvo los logos e iconos, los demás efectos los he aplicado con css3, que permite liberar a photoshop de la mayoría de trabajo: sombras, bordes redondeados, degradados, etc…

Como se ve en el video, no se puede llamar ni beta ni alfa, es.. mega-hiper-super alpha :D

Unas pantallas de ejemplo:

Posicion vertical y barra de herrmientas arriba

Si la orientación es apaisada, la barra se mueve a la izquierda para ganar espacio

Pestaña para arrastar a los usuarios que quieres seguir de cerca

Sombras y degradados con css3

Pantalla general en apaisado con la pestaña desplegada

Problemas.

• Al avanzar me di cuenta de que había un gran error. Por querer que las capas “fluyeran” y la pestaña empujara a la galería pasando de filas de 3 items a filas de 2, se cargó el sistema que parecía tan funcional de Pinchar y arrastrar. Al arrastrar no pasa por encima de la pestaña, lo hace por debajo. Glups!
• El scroll no tiene aceleración. Esto es por que chocan el pichar y arrastrar con el scroll. El sistema no sabe que quiero hacer. He intentado anular el scroll cuando intento arrastar, pero no me sale bien. Todo deja de funcionar..el drag y el scroll. Necesito practicar más :)
• La pestaña no funciona si lo usas como una App móvil de facebook. Al fina del video se ve lo que pasa. Se queda un poco pillado. Puedes probarlo buscando “tweetablet” desde la app de facebook para ipad.
• Si giras el dispositivo con la pestaña abierta, se va todo al traste. Otra cosa a mejorar.
• No funciona en Android. Bueno, he conseguido que vea bien en mi bq Verne de 7″, pero el drag no va. quizás en otro dispositivo funciona, pero no lo he podido probar. Tengo que ir al Corte Ingles y probarlo en su zona de betatesters :)
• Al principio guardaba los preferidos con cookies, pero lo anulé. Lo tengo que volver a aplicar.

Sin la necesidad de scroll el sistema funcionaría mejor. El sistema de arrastar y soltar sobra la zona de “preferidos” lo podéis aplicar en muchas entornos: eligiendo ropa, zapatos, gadgets, seleccionando fotos, etc… y el iPad es un dispositivo que se presta a ello, el gesto de arrastar es natural en él.

Recursos

El ejemplo que me sirvió de referencia fue este tutorial: A jQuery Twitter Ticker Usé la forma que obtener tweets y lo adapté para el sistema que quería montar. Con eso, un poco de media queries, otro poco de css3, unas librerías jquery y listos. En un par de tardecitas está hecho. Lo que más tarda, como siempre, son los ajustes visuales.

Un buen punto de partida para entender las media queries es el artículo de A list Apart: Responsive Design

Ahora, a seguir practicando jQuery.

Trylive de T-inmersion:

Aplicación en el tratamiento de fobias:

Augmented Reality Pop-up Book for iPad 2 & iPhone 4 by Helen Papagiannis, May 2011 from Augmented Stories on Vimeo.

Un artículo muy completo para añadir a favoritos: Augmented Reality: The past, present and future

La funda traía su propia lamparita y curiosamente, se alimentaba del propio Kindle:

Si la funda original ya os parecía cara, esta funda con luz cuesta el doble: Kindle Lighted Cover (Fits 6″ Display, Latest Generation Kindle) $59,9

Enlaces:

• Kindle Lighted Cover (Fits 6″ Display, Latest Generation Kindle)
• Kindle 3º Generación

“Un hombre no puede bañarse dos veces en el mismo rio. Pues la segunda vez, el rio ya no es el mismo. Como tampoco lo es el hombre” Las puertas de Anubis (cita de Heráclito)

Hace 3 años empezé mis andaduras en Grupo Skala gracias a Javier Jimenez (internetyturismo.com), pero da la sensación de que ha pasado una eternidad: cambios de personal, estructura, jerarquías,etc…, pero ya no sólo por un tema de gestión interna, sino que ha cambiado todo el sector y la estructura de las agencias. Mi compañero Gabriel hace unos días también lo mencionaba en su blog: Crisis y Cambio

Comentabamos estos cambios con Jesus Lopez (ex-compañero) y su compañero de la UA Juan Montserrat quien nos confirmó que al explicar la estructura de las agencias de publicidad a sus alumnos, les advertía que esos datos a día de hoy no podían ser correctos (tampoco incorrectos). Todo ha cambiado y estoy seguro que el cambio es beneficioso. Siempre lo son.

En la oficina solemos ponernos charlas de fondo en lugar de música (cuando se puede) y de las más recientes, quiero compartir la de Fernando de la Rosa en el Iniciador de Barcelona en la que habla de ROI, cambios en las agencias de publicidad, marketing online, etc… (a @gabicuesta y a mi nos encantó ) Fernando de la Rosa en el Iniciador de Barcelona

Hay dos tipos de personas.. las que esperan que todo vuelva a ser como antes y las demás. No seas de las primeras :)

Antes y después. Y era la cara más limpia :)

El aparato lo tenía muerto de asco en casa de mi madre y al final convencí a @maribeltoral de que era un reliquia y que como decoración quedaría chulo :)

Lo que mejor me ha ido para limpiar estos viejos aparatos es el alcohol de quemar. No lo utilizaría en una pantalla táctil (por si es muy corrosivo), pero con la roña que tenía el aparato eran esas dos opciones: o alcohol de quemar o KH7 :)

Un detalle que muchos no saben es que en el interior de la carcasa están las firmas de todo el equipo que participó en la creación del Macintosh Plus (wikipedia):

…El Macintosh Plus tiene firmas en la parte interior de la carcasa de los desarrolladores. Los que participaron en el desarrollo firmaron en papel y estas firmas se grabaron posteriormente en cada carcasa. Este proceso sólo se utilizó en los primeros 70.000 Apples, pero se desestimó…

Os dejo el vídeo en que se ven las firmas hay dentro de la carcasa. Es mi primer experimento editando el video directamente desde el iPhone y me ha sorprendido lo fácil que es:

El aparato funciona y sólo tengo que localizar un viejo disco duro SCSI de 40 MB (si.. megas, no gigas) ya que es un rollo andar con disketes de 700kb.

Año nuevo, ordenador viejo :)

Algunos enlaces interesantes:

• Macintosh plus en la wikipedia
• Mac Plus en lowendmac
• Enlaces a enlaces sobre el sitema 6
• Página de Apple con descargas antiguas (calidade)
• Artículo  de pspestation con muchos enlaces sobre emulación con vMac, descarga de roms, etc..

El año se cierra con unas tendencias bien claras: el socialmedia ha crecido de una forma que no podíamos imaginar y el mercado de las aplicaciones y juegos para iphone se ha convertido en una un hervidero de nuevas empresas de desarrollo para móviles.

Aplicaciones a precios reducidos y juegos de mecánica simple han “atrapado” a los jugadores casuales  consiguiendo que pequeños estudios (en algunos casos de sólo un programador) encuentren  una vía de ingresos directa con el usuario y si tienen suerte, hacer muuuucho dinero con la venta de apps.

A diferencia de muchas milongas que se leen por ahí sobre el socialmedia, con los juegos estamos hablando de pasta, no de promesas: “Se puede vivir del videojuego sin inversiones millonarias” o “Un estudiante vallisoletano de 15 años crea un juego para el iPhone”

El juego que hemos probado es Christmas Mishap y está desarrollado por Lucera Project: a papa noel se le van cayendo los regalos y tienes que recogerlos:

Hay un detalle que se pasa por alto con las aplicaciones para iphone (no puedo hablar de las de android por que no he comprado ninguna) y que me parece todo un acierto: al comprar una aplicacion con tu cuenta de iTunes la puedes instalar en todos tus dispositivos. En mi caso, que el zagal usa el iPodTouch, @maribeltoral el iPhone 3g y yo el 4 (lo van heredando), el poder instalar juegos y utilidades libremente en cualquier aparato hace que me lo piense menos al comprar una app.

Con la cantidad de información y tutoriales sobre programación para iPhone que hay disponibles, me parece que voy a intentar darle forma a alguna chorra idea que tengo anotada por ahí. Quién sabe… ;)

Enlaces:

• Instalar Christmas Mishup en el iPhone/ipod/iPad
• Christmas Mishap para Iphone
• Lucera Project

nota..commodity o mercancía en economía es cualquier producto destinado a uso comercial. Al hablar de mercancía, generalmente se hace énfasis en productos genéricos, básicos y sin mayor diferenciación entre sus variedades.

En algunos posts he hecho referencia artículos en los se habla del mismo tema pero con más profundidad: Nadie te va a montar un proyecto por un salario , Ser o no ser Desarrollo dentro o fuera y Eduardo Manchon sigue  diciendo verdades como puños

Lo mejor es ver como lo gestionan gente que tenga proyectos de exito, plataformas que ya esten funcionando y que hayan pasado (y solucionado) problemas parecidos.

En el primer vídeo, Nico Bour de Uvinum nos cuenta como crearon la empresa, problemas con los que se encontraron, cuales eran sus perfiles profesionales, etc… En el segundo, el que habla de los mismos temas es François Derbaix, CEO de Toprural. En las dos charlas  se toca, entre otros muchos temas, la externalización de la tecnología. Los vídeos son largos pero como son conferencias las podéis oir de fondo o con los cascos perfectamante.. a modo de podcast.

“Uvinum, experiencias en el e-commerce social.” Iniciador Barcelona, 19 Octubre con Nico Bour

Iniciador Barcelona, 19 Octubre con Nico Bour, “Uvinum, experiencias en el e-commerce social.” from Links40 digital media content on Vimeo.

François Derbaix CEO de Toprural en Iniciador

III Iniciador CR from Ramón Vidal on Vimeo.

Al final, los que sobresalen son los más naturales, en los que no se nota tanto la técnica y se concentran en un punto, un buen momento, una estructura singular, etc… Vamos, lo de siempre: la tecnología por la tecnología sólo sorprende la primera vez.

Como en todas las técnicas, hay gente que hace cosas sobresalientes y en este caso, podéis los increibles trabajos de Tom Lowe en la web timescapes.org.
En el blog (timescapes.org/blog/) cuenta las técnicas que utilizan, videos del making-off, etc.. Muy didáctico y en el se ve el laborioso trabajo que hay detras de cada video:

Timescapes: “Death is the Road to Awe” from Tom Lowe @ Timescapes on Vimeo.

Timescapes Timelapse: Mountain Light from Tom Lowe @ Timescapes on Vimeo.

Timescapes Timelapse: Learning to Fly from Tom Lowe @ Timescapes on Vimeo.

Via petapixel

En cualquier log de visitas  aparecen y van desde los inocentes spiders de los buscadores hasta los que copian los contenidos y los publican automáticamente (traducidos o enteros) en otras webs o blogs. No los veréis en la estadísticas de Google Analitics, pero aparecen en las que trae vuestro hosting o con un plugin de wordpress como STATPRESS ..¡y no son pocos! :)

Internet está lleno de plataformas para monitorizar tu marca o buscar opiniones (radian6, nielsen, relevantnoise..) con buscar en google “social media monitoring” os haréis una idea, pero estos bots ¿me benefician en algo?. Pues no.

Google y los buscadores te traen tráfico, pero lo único que hacen estos programas es espiar (llamadlo como queráis) y a mucha gente le empieza a molestar y se está conviertiendo en un verdadero problema de privacidad.

Eso es lo ha pasado en PatientsLikeMe.com, un foro en que los usuarios intercambian información sobre sus enfermedades y a los que la presencia de un bot de Nielsen no les ha gustado nada. Aunque muchos usuarios publicaban con alias, parece que en algunos perfiles aparecían sus blogs y han sentido “violada su privacidad”.

Por ahora no he encontrado un plugin específico para bloquear a estos “bots”. El plugin ideal sería una mezcla de bad behavior mezclado con Akismet, un software que nos indique que bots nos visitan y si los queremos bloquear, con un identificador para saber si nos conviene bloquearlo o no. Parece mentira que con tanto software de monitorización social no aparezcan más plugins para bloquearlos.

Tocando el .htaccess podemos bloquearlos a mano, pero es muy farragoso. Hace un tiempo spanishseo publicó como bloquear los bots scrapers usando .htaccess que igual os ayuda.

Con unos usuarios cada vez más preocupados por su privacidad y un mercado de la monitorización que ha explotado, no me extrañaría ver foros o blogs con una chapa en plan “BOT FREE-Hable libremente”

Enlaces:

• WallStreetJournal: ‘Scrapers’ Dig Deep for Data on Web
• PeekYou.com: Busca todos los datos relacionados con el nombre (en la patente explican como funciona)

ACTUALIZACIÓN. Acabo de ver un artículo de territorio creativo muy interesante sobre privacidad: “Privacidad: esa delgada línea”

Más información sobre la Leica M9 Titanium: quesabesde.com

Walter de´Silva talks about the LEICA M9 “TITANIUM” – English subtitles from leica camera on Vimeo.

Via: leicarumor

Con teléfonos que cada vez graban cada vez a más calidad y servicios instantáneos como twitter estamos viendo cosas parecidas: alguien que vende una foto por que estaba en el momento indicado (explosión del concorde), gente contando de primera mano las consecuencias de un terremoto, etc…

El vídeo sobre la cámara Looxcie que han colgado en DenkenUber te convierte en lo más parecido a una gargola con una cámara que de forma contínua. La cámara graba hasta 4horas, aunque al superar la capacidad sigue grabando pero empieza a borrar el inicio del video, por lo que puedes grabar hasta que se le acabe la batería, que en este caso va a ser la que marque el límite.

• Looxcie capturando tu vida con tu teléfono. En Denken Úber
• Mas información sobre Gargolas y Wearable Computing en igargoyle.com

Una de las cosas que más me ha sorprendido del HP mini 210-1000 es el sistema de arranque instantáneo QuickWeb que te permite utilizar el netbook sin que arranque el Sistema Operativo (windows 7 en este caso). Al usar este arranque evitas las esperas si lo único que quieres es hacer una rápida consulta a internet, una llamada (puedes usar skype) o usar ficheros mp3 o fotografías.

He grabado un pequeño video para que os hagais una idea de cómo funciona HP Quickweb. Puedes ver más información sobre el netbook en la web de HP o en la magnífica review que Xataka le hizo al mini 210 en mayo.

El sistema es muy completo y te puede sacar de un apuro sin las esperas que los sistemas operativos que en cada nueva actualización, tardan más en arrancar.

Ver en youtube: Probando el arranque instantáneo Quickweb del HP mini 210

Enlace sobre Quick web (abril-2011)
HP Quickweb: o como te meten Linux y no te das cuenta!

Zappineando por una aburridísima TDT llena de culebrones, vendedores de telemierdas, pseudograciosos y famosos de plástico, me he detenido en VEO7 al aparecer Dani de Vito y Kevin Spacey en “El Pez Gordo”. Al ratillo me he dado cuenta de que toda la película iba a transcurrir en la habitación, como en Glengarry Glen Ross: buenos actores y mejores diálogos. ¡Bién!

Al final de la película, Kevin Spacey se pega un discurso que no he podido evitar buscar y guardar aquí, para tenerlo bien cerquita. El discurso está basado en el «poema-discurso» de Mary Theresa Schmich llamado Wear Sunscreen (Usa protector solar) que publicó en el Chicago Tribune. Lo podéis leer en el blog entretodas.net: Usa protector solar:

• Disfruta de la fuerza y belleza de tu juventud.
• No me hagas caso. Nunca entenderás la fuerza y la belleza de tu juventud hasta que se hayan marchitado, pero créeme dentro de veinte años, cuando mirando fotos te veas a ti mismo verás, como no puedes ver ahora, cuantas posibilidades tenías ante ti y lo guapo que eras en realidad.
• No estás tan gordo como te imaginas.
• No te preocupes por el futuro, o preocúpate pero sabiendo que hacerlo es tan efectivo como intentar resolver una ecuación de álgebra masticando chicle.
• Es probable que los problemas más serios que te surjan en la vida sean cosas que ni se te pasaron por la cabeza, de ésas que te sorprenden un martes cualquiera a la cuatro de la tarde.
• Todos los días haz algo que te dé miedo.
• Canta.
• No juegues con los corazones de los demás.
• No aguantes que la gente juegue con el tuyo.
• Cepíllate los dientes. No pierdas el tiempo sintiendo celos.
• Unas veces irás ganado y otras perdiendo.
• La carrera es larga y al final sólo compites contra ti mismo.
• Recuerda los elogios que recibas, olvida los insultos, y si lo consigues dime cómo.
• Conserva las viejas cartas de amor.
• Tira los recibos viejos del banco.
• Yérguete.
• No te sientas culpable si no sabes qué quieres hacer en la vida. Las personas más interesantes que conozco no sabían qué querían hacer con su vida a los 22 años, algunas de las personas más interesantes que conozco tampoco lo saben a los 40.
• Toma mucho calcio.
• Trata bien a tus rodillas, las echarás de menos cuando te fallen.
• Quizá te cases, quizá no.
• Quizá tengas hijos, quizá no.
• Quizá te divorcies a los 40.
• Quizá bailes el rock cuando celebres las bodas de platino.
• Hagas lo que hagas no te congratules demasiado ni tampoco te censures. Siempre has optado por una cosa u otra como el resto del mundo.
• Disfruta de tu cuerpo, úsalo de todas las maneras que puedas, no le tengas miedo ni te preocupe qué piensan los demás de él. Es el mejor instrumento que tendrás jamás.
• Baila, aunque no tengas donde hacerlo más que en el salón de tu casa.
• Lee las instrucciones aunque no las sigas. No leas revistas de belleza, sólo harán que te sientas feo.
• Conoce a tus padres, nunca sabes cuando se irán para siempre.
• Sé bueno con tus hermanos, son el mejor vínculo con tu pasado y los que probablemente seguirán contigo en tu futuro. Entiende que los amigos vienen y se van pero que hay unos pocos escogidos que debes conservar.
• Esfuérzate en no desvincularte de ciertos lugares y costumbres porque cuanto más mayor te hagas más necesitarás a las personas que conociste cuando eras joven.
• Vive en N.Y. alguna vez pero vete antes de endurecerte.
• Vive en el norte de California alguna vez pero vete antes de ablandarte.
• Viaja.
• No te hagas demasiadas cosas en el pelo o cuando tengas 40 años parecerá el de alguien de 85.
• Ten cuidado con los consejos que compras y ten paciencia con quienes te los vendan. Los consejos son una forma de nostalgia, ofrecerlos es una manera de rescatar el pasado del vertedero, sanearlo, pintar las partes feas y reciclarlo dándoles más valor del que tienen.
• Pero créeme en lo del protector solar.

Os pongo el video al final para que lo leais:

Y de postre, dos escenacas de Glengarry Gen Ross: Aled Baldwin presionando para la venta (como dicen en los comentarios, un ejemplo de jefe tóxico) y Ed Harris y Alan Arkin intentando decir sin decir…

Cómo dice Maury Ballstein sobre Mugatu en Zoolander (más info de zoolander en la wikipedia):

“…Ese tio está tan en la cresta de la ola que coge un moco, lo envuelve en papel de aluminio, le pone un par de ganchos y se lo coloca a la reina isabel como pendientes.. “

Si, Steve Jobs no ha inventado la videoconferencia… tampoco inventó la pantalla táctil ni las aplicaciones para móvil, pero el mercado de los smartphones ha cambiado totalmente desde que el iphone entró en juego.

Me han encantado los nuevos anuncios del iphone 4 mostrando la nueva característica: FACETIME, que no es más que la videoconferencia de siempre pero en el móvil y a más calidad de la acostumbrada. Algún video se pasa de sensiblero, pero chico… con esto de la Selección Española y de Iker y “la Carbonero”, estas cosas me emocionan:

Cónocela:

Corte de pelo:

Sonríe:

Facetime:

Mas anuncios de Apple en su canal de youtube