Los pasos que fui realizando y las herramientas (en su mayoría gratuitas) que fui utilizando.

Diagrama de Casos de Uso

Primero que nada y basandome en la idea, hice un diagrama de casos de uso con yuml.me

MockUp

Luego armo un esquema de navegación de pantallas con el Balsamiq MockUp:

DER

Ya es hora de hacer un diseño de las tablas que va a tener la base de datos! Para eso usamos el diseñador de MySqlWorkBench

Xcode

Ya es tiempo de programar en Objective C…

Además utilicé los siguientes Frameworks, librerías y herramientas para iOs:

• FMDB para SQLite
• JSONKit para parseo y recepción de Json con el Server
• MD5 para envio de Hash con el server y autenticar el login
• Internacionalización de Strings y de Xib en Inglés y Español.
• QuartzCore para animación de Vistas
• MediaPlayer para reproducción de canciones del iPod
• MessageUI para envío de mails dentro de la app

Lado Server ( PHP )

Diseño Gráfico

Web para la Aplicación con HTML5

Publicar en el AppStore

Listo!

Les dejo un video que explica qué es y su funcionamiento

link a YouTube

La idea

Una idea simple con elementos que ya existen pero combinandos de una nueva forma; voy a explicarme a través de unos conceptos clave:

• La mayoría de las personas utiliza los mensajes de texto
• Se envian mensajes entre amigos, familiares y pareja.
• A todos les gusta escuchar música.
• Todos guardan enormes cantidades de canciones en el iPod, entre 1.000 y 7.000 según la capacidad del dispositivo.

A partir de esto pensé: ¿No sería bueno poder enviar una canción con un texto a un amigo? y la realidad es que no hay ninguna aplicación que te deje hacer esto de forma sencilla. Otro obstáculo son los derechos de copyright de los artistas…

EUREKA!

Nacimiento

Disponible en iTunes AppStore

Ya se encuentra la versión 1.1 con significantes mejoras hechas a la versión anterior.

Futuro

Antecedentes iOs

Hace unos 3 años que estoy programando aplicaciones para iPhone/iPad y la realidad es que aún no desarrollé ninguna propia. Durante un año estuve trabajando para una empresa Startup y aprendiendo el lenguaje de programación Objective C y participando en proyectos de varias apps (las cuales muy pocas vieron la luz): una app publicitaria para Toyota, un juego de matar zombies basado en un comic, una aplicación para aprender a cantar con Karaoke y otra similar a Twitter pero con mensajes por voz. Luego trabajé de forma Freelance para terceros y fui “evolucionando” en las versiones del iOs; nuevas APIs y del lado del servidor PHP y comunicación vía JSON.

Requerimientos Ideales

Siempre tuve varias ideas de aplicaciones iPhone, pero hasta el momento nunca las llevé a cabo. Como no tenía cuenta en el Apple Developer Program no podía publicar en el Appstore. Hace unos meses me suscribí al programa y eso me da la posibilidad de poder publicar. Ahora, sólo falta decidir la idea e implementarla.
Algo que fuí aprendiendo con el tiempo con respecto a las ideas es que para poder realizarlas deben ser simples. Lo simple es lo mejor. Sencillo, minimalista, que cumpla una función determinada; que no sea abrumadora para el usuario. La política de Apple es esa y lo dice en sus guías para desarrolladores: conviene que sea una aplicacion “pequeña” que hagan una sóla cosa pero que la hagan muy bien.

El desafío

Asi nació el nombre de Mussage para una idea que tuve a finales de 2009 para una aplicación iPhone que me parece que cumple con las condiciones: es simple, se enfoca en resolver una cosa y es viable. Ya les contaré en un próximo Post sobre ella. Ahora tengo el desafío de intentar desarrollarla en una semana que es el tiempo libre que tengo antes de empezar un nuevo trabajo freelance!. Podré hacerlo?…

Para lograrlo, me planteo un cronograma y cuento con una serie de herramientas gratuitas y muchas de ellas On-line.

Cronograma

1. día 1 Diseño: UML, DER (base datos) y estructura web, mockup de navegación de la app
2. día 2: Creación de Login (iPhone + web PHP)
3. dia 3: Estructura iPhone app, navegación entre pantallas
4. día 4: Acceso a la librería de iTunes y envío de datos JSON al server
5. día 5: Recibir listado de mensajes recibidor y envío de mensajes a otros users
6. día 6: Internacionalización y Testing, detectar Memmory leaks
7. día 7: Diseño gráfico y Publicación en la App Store.

Herramientas

• iPhone Mobile

• X-Code para codear Objective C.
• Articulos en el iOS Dev Center de Apple.
• Libreria FMDB para base de datos SQLite.

• Lado Servidor (PHP)

• Aptana Studio – Ide programación Web.
• Referencia de Programación PHP.net
• Template HTML 5 y CSS 3 de Script Tutorials
• Magía Javascript con jQuery

• Diseño

• Diagramas UML http://yuml.me/ (Editor online free)
• Diagrama Mockups con Balsamiq (Editor online free)
• DER base de datos con MysqlWorkBench

• Otros

• Servidor Apache
• Base de Datos MySql
• CLiente FTP Filezilla
• Producteev para administrar las tareas en Mac, iPhone o Web, muy bueno para mantenerse ordenado (free)
• Packs de íconos gratuitos

Ir o no ir?

Estaba con dudas de inscribirme o no al evento. Lo lei en un blog de emprendedores: Startup Weekend Madrid un encuentro de emprendedores de diversas ramas; tecnologia, diseño, marketing, negocios y el objetivo de desarrollar una idea entre el viernes 3 de junio a la tarde, sábado y domingo en una maratón de trabajo para presentarse frente a un jurado de 4 inversores el domingo por la noche.

Me inscribí, saqué el billete de avión Santiago – Madrid, reservé hotel cerca del metro en la Gran Vía y empaqué mis cosas. En el vuelo pensaba si presentar una idea o no. Es algo difícil: primero “entregar” tu idea a un público desconocido, segundo ser juzgado con la posibilidad de sentirse desvalorado, tercero el desafío de darse a entender y transmitir la idea en sólo 1 minuto.

Contar una idea

Para el evento que organizaban las chicas de la agrupación Ellas 2.0 (que tiene como bandera el motivar y apoyar a las mujeres a que se animen a emprender) nos había enviado un mail con unos slides muy interesantes acerca de cómo dar tu Elevator Pitch de 1 minuto: presentarse, plantear un problema y tu solución destacando lo que la hace innovadora y original. Escribí mi idea y luego la leí tomandome el tiempo con el cronómetro del iPhone. Conclusión: imposible decir todo en 1 minuto!. Entonces había que recortar cosas y frases, adjetivos… y… mejor escribirlo otra vez.

Llegó ese viernes a la tarde y el encuentro estaba interesante, intercambié palabras con varios de los participantes, las típicas preguntas de “vos que haces?”, “vas a presentar idea?”, “es la primera vez que venís a un evento como este?”. El espacio de Madrid OnRails estaba al 100%, eramos 90 emprendedores y no tardamos en hacer explotar el router wifi!. 33 presentabamos ideas; yo era el número 26 y mientras veía el desfile de 60 segundos de mis antecesores me ponía cada vez más y más nervioso.

Abri fuego: “Mi nombre es Juan Ignacio y vengo a proponerles crear el juguete del futuro…”

Salí de mis 60 segundos a pura adrenalina; el corazón me latía y me latía. Las propuestas luego eran votadas y sólo algunas sobrevivían a la nueva etapa; pasamos a ser 17 y había que conformar equipos multidisciplinarios para poder enfrentar el resto del fin de semana. Tuve cuatro miembros casi instantáneamente: Mathew el diseñador americano, Antonio diseñador de videojuegos, Juan Diego creativo marketinero y Jimmy un experto en fabricación y relaciones sociales. Más tarde se nos uniría Clara, madre y diseñadora web.

Emprender sábado y domingo

Qué puedo decir? Para mi estaba claro que si estas cinco personas estaban en mi equipo y apoyando mi idea era porque estaban más locos que yo. Pero qué lindo momento! Es increíble ver que otras personas se involucran en tu proyecto, que participan y trabajan y creen realmente en lo que estan haciendo. Durante el sábado y domingo trabajamos duro; aunque nos permitimos salidas, charlas y muchas bromas. Trabajamos divirtiéndonos; rodeados por muñecos, juguetes, con papel de aluminio en la cabeza para intentar mejorar la señal wifi y conociéndonos un poco más entre nosotros. No nos olvidemos que sólo horas antes éramos totalmente desconocidos.

Asi nació PincheToys; un híbrido de juguete entre lo real y lo virtual para niños. Un “juguete multi-mundo”. Nos gustaba mucho la idea, pero tanto como nos gustaba también creíamos que era la más descabellada de las 10 que se iban a presentar ese domingo a las 19hs ante los inversores.

Eran las 18.30hs y terminamos nuestro Powerpoint. Ahora a ensayar!? No. Ya no había tiempo y además como me dijo Jimmy “que salga de forma natural”. Yo como loco… pensaba: “esto va a ser un desastre”.

Salir a la cancha

Empezaron las presentaciones y eramos el número 6. Los otros proyectos muy interesantes, buenas proposiciones; aunque cuando llegaban las devoluciones de los inversores veíamos cómo detectaban rápidamente las debilidades y puntos flojos.

Llegó nuestro turno; yo hubiera tomado un shot de whisky antes de salir a la cancha pero sólo encontre Coca Light.

Arrancamos nuestra presentación y milagrosamente fue saliendo, fluíamos… se iba dando como una charla informal explicativa y con ciertos toques de humor. Aplausos. Nuestra devolución fue iniciada por Paloma Cabello (del MIT!) que nos dijo que aunque ya había visto otros muñecos usb en el mercado le gustó la creatividad en la propuesta y que además fuera útil tanto en el juego de computadora como en la vida real. Tuvimos una respuesta bastante positiva! por supuesto que nos dijeron que tendríamos que manejar bien la logísitca y distribución a tiendas para lograr nuestra empresa.

Quedé muy contento con todo; cómo había salido, el buen equipo que armamos, el trabajo enorme que habíamos hecho. FIN, ya estaba hecho para mi. Fin de semana concluido, muy feliz, había valido la pena todo el esfuerzo.

Y luego ocurrió lo imposible: el jurado nos seleccionó como el Mejor Proyecto.

IN CRE I BLE.

Un fin de semana de locura.

El fabricante toma como premisa que todas las actividades que realizamos cotidianamente están en internet, por lo tanto nuestra computadora se transforma en una “terminal boba” en donde sólo tipeamos direcciones de sitios web y ejecutamos nuestras tareas.

Por el momento existe un “programa Piloto” (para residentes de USA) para testear el SO en donde Google entrega una Notebook Cr-48 (feo nombre!) que tarda en arrancar unos breves 10 segundos. Entonces lo que vemos en pantalla es un minimalista Navegador web: el Chrome.

Cómo es Chrome OS?

Al iniciar nuestra sesión del ordenador con el usuario de Gmail, tenemos acceso a nuestro correo, contactos, calendario y chat. El navegador sincroniza y guarda nuestro estado por si la notebook fallara, explotara, la robaran o simplemente nos loguearamos en otra máquina con Chrome OS y mantendría completamente el estado en el que se encontraba: las pestañas abiertas en el mismo orden, los documentos “auto-guardados” con las últimas palabras tecleadas y el chat con alguien preguntando “estás ahi?”.

Para editar documentos en línea tenemos el Google Docs, en donde podemos escribir textos, completar planillas de calculo, hacer “presentaciones Powerpoint”. Además a través del Chrome Market tenemos acceso a cientos de aplicaciones gratuitas y pagas que nos ofrecen soluciones a todas las necesidades que tengamos: productividad, estilo de vida, comunicación y lo más importante; juegos.

Algunos puntos a favor

Toodo toodo se actualiza solito, es decir el sistema operativo -que básicamente consiste en ser un webbrowser- se actualiza periódicamente desde internet para mantenernos seguros y con los últimas innovaciones de la red al día.
El sistema es super liviano y ejecuta velozmente; pensemos que técnicamente todo el procesador y memoria de la computadora está dedicado exclusivamente a que naveguemos “cómodos” por internet. Y eso es mucho poder de procesamiento y velocidad en el 2011.

Algunos puntos en contra

Tener todos nuestros archivos, fotos, videos e identidad subida a la red resulta un poco aterrador en caso de que alguien lograra descifrar nuestra clave personal de acceso.

Entonces…

Todo esto no podría haber existido unos años atrás; se necesitó de computadoras rápidas y con mucha memoria, de internet,  una sociedad que se vuelca cada vez más a la red a compartir conocimientos, la evolución del HTML5, la web 2.0, la aparición del Cloud Computing, la telefonía móvil, el abaratamiento de costos y todo eso para meter nuestras vidas -comprimidas- en diversos servidores del mundo.

El Chrome OS es un buen nuevo enfoque para un sistema operativo, para hacer temblar a la saga Windows de Microsoft que estuvo dominando el mercado hogareño durante más de 20 años y para -al menos- preocupar al repunte del OS X de Apple. Tiene buenas ventajas sobretodo por su velocidad y simplicidad de uso y por la genial integración al poderoso y multipropósito “mundo de Google”.

Para la prueba seleccionamos 15 sitios web de uso frecuente de diversa índole y con servidores distribuidos en distintos servidores del mundo. Medimos los tiempos de carga de cada página mediante el plug-in YSlow (de Yahoo) reiteradas veces y comparamos.

Atención! Las pruebas están sujetas a muchos posibles errores ya que depende del tráfico general que exista en la red en el momento en el que se mide, podría ocurrir que el sistema operativo demore más o menos en responder o que el server destino  tenga congestión o retrasos al momento de responder. Para intentar reducir esos margenes de error, tomamos 5 mediciones por cada sitio tanto con la versión de FF 3.6 y con la versión 4 y promediamos los valores. Para la prueba se utilizó mi MacBook con OS X 10.6.6 y las vesiones de Firefox sin plugins instalados (a excepción del YSlow).

And the winner is… Firefox!

La suma de los promedios de los 15 sitios en FF3 nos da un total de 174.82 segundos mientras que la versión 4 de Firefox es la ganadora con 119.6 segundos. Es decir que nos ahorramos unos 55.21 Segundos de nuestras vidas al navegar estos 15 sitios, casi un minuto salvado gracias a los ingenieros de Mozilla!!!

Cuanto menor es el tiempo mejor. En Azul FF3.6 y en Rojo FF4

La lista completa de sitios y de tiempos promedios obtenidos se las dejo a continuación:

Los 15 sitios web que se utilizaron para medir los resultados

Más allá de estos resultados, la verdad es que la versión 4 está bonita a nivel diseño y se la siente suave al navegar, tiene mejoras de seguridad y cumple con los estándares más importantes de HTML5. Recomendado el pasaje de la versión previa a la nueva. Podés descargarlo desde aqui.

Próximamente mediciones de FF4 vs Chrome…

Twitter surge como una herramienta similar a un blog pero en la que vemos limitada nuestra cantidad de caracteres a escribir por artículo a 140 letras. Se asemeja a una caja de texto donde ponemos nuestro “status” (como en el MSN Messenger o en el gTalk) donde uno escribe brevemente su estado de ánimo actual, qué estas haciendo, algún pensamiento o frase. Actualmente se comparten links a blogs o noticias, fotos y videos.

Igual no lo entiendo!! Para que me sirve?

A lo largo del resto de este informe, vamos a tratar de responder a esa pregunta. Muchas de las personas que todavía nunca usaron Twitter se preguntan si existiendo los Blogs, la mensajería instantánea o Facebook era necesario este nuevo servicio. La realidad es que Twitter incorporó nuevos conceptos que antes no existían y así se hizo fuerte. Por un lado al tener una capacidad limitada de texto obliga al que escribe a que sea conciso y vaya al grano. Por otro lado aparecen nuevas definiciones y roles como el del “followers” (no existía antes) y se explicará un poco mejor a continuación.

Nuevos conceptos: followers y noticias en tiempo real

A diferencia de Facebook en donde para contactarse dos personas ambas deben aceptarse, en Twitter podemos seguir a otra persona sin necesidad de que ella sea nuestra “amiga”. Ese es el concepto de Follower. Y podemos seguir a muchas personas y también otros pueden estar interesados en seguirnos a nosotros y lo que decimos en nuestros twitts.
El otro concepto que nace con Twitter es el de las noticias en tiempo real y creadas o reportadas por los mismos twitteros. Paso a explicarlo; cuando el servicio ganó una masa crítica e importante de usuarios y teniendo la posibilidad de twittear desde el teléfono móvil, se empezaron a difundir noticias y novedades mucho antes de que aparezcan en TV o radio. Un buen ejemplo fue cuando se estrelló un avión en Nueva York, donde el accidente fue cubierto en tiempo real por twitter, es decir a medida que iba pasando por las personas que estaban en las cercanías del lugar. Y toda esa cobertura fue antes de que llegue la CNN u otros medios periodísticos.

Sin intermediarios: Famosos en Twitter

Al generar un lazo directo entre “seguidor y seguido” podemos vincular nuestro Time Line con las novedades que escriben las celebridades, famosos, marcas u otros personajes que nos interesen. La novedad de esto es que NUNCA ANTES hubo una vía tan directa de relación entre el “fan” y su “Dios”. El otro día me enteré que Alanis Morisette estaba embarazada por palabras de ella misma en su twitt. Pensemos que antes para enterarnos de este tipo de noticias se seguía un circuito mucho más largo y complicado: el representante de la cantante avisa a un medio, luego eso lo levanta un intermediario de prensa (Reuters) y finalmente llega a algun periódico online local que luego comentará algún locutor en la radio.

Twitter Vs Facebook

Si tengo Facebook, hace falta tener Twitter? no son lo mismo? respuesta: No son lo mismo. Si bien son redes sociales porque nos enlazamos con diversas personas y compartimos comentarios y opiniones son muy distintos. Una de las diferencias ya la dijimos y radica en su conexión entre usuarios que no es necesariamente bidireccional como en Facebook. Además Twitter se caracteriza por ser muy simple: un texto breve, tal vez un link y listo. Facebook es un aglomerado de servicios: subir fotos y videos, agenda de eventos, juegos online, encuestas y muchas otras cosas. La sencillez de twitter lo vuelve muy práctico para su uso desde teléfonos móviles tanto para leer como para actualizar el estado propio.

Evolución natural: los hashtags

Twitter nació a principios de 2006 y poco a poco fue cambiando y aparecieron mejoras. Una característica muy interesante que surgió por los propios usuarios fueron los “hashtags”. Los hastags son etiquetas que se usan para identificar el Twitt y para ello se usa e caracter #. Por ejemplo podrían usarse #musica, #cine o ahora es cada vez más común ver tags de búsquedas laborales con #empleo. Son muy útiles al momento de buscar en tiempo real y para filtrar información.

Entonces Twitter sirve para…

Como conclusión no sé si podemos decir específicamente para qué sirve Twitter, probablemente tendrá varias funciones distintas según cómo lo use cada persona. Pero tal vez generalizando un poco y a raiz de lo que describimos anteriormente podemos decir que Twitter es una herramienta de comunicación online, acotada y concisa.

Como empezar?

Si logré convencerte -al menos un poquito- de que Twitter sirve y es útil para algo, podés empezar dirigiendote a twitter.com y crear una cuenta con tu nombre de usuario. Recomendación: registrá un nombre corto!.

Y si querés contactarte conmigo mi usuario es @jbagnato, Saludos!

.

.

(y si tenés más tiempo podés consultar la definición de Wikipedia en inglés)

.

(y si tenés más tiempo podés ver un video aqui)