Archive

Author Archive

Diseñando una aplicación para iPhone

October 14th, 2011 2 comments

Voy a tratar de sintetizar todo el trabajo que me llevó el desarrolar la aplicación Mussage para iPhone en una semana. Si todavía no sabés qué es Mussage, podés leer este post!.

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 )

Desarrollé con la IDE Aptana Studio 3 la API para proveer de servicios a la app e interactuar con la Base de Datos.

Diseño Gráfico

Realmente no hice demasiado diseño gráfico, utilicé los controles standard de iOs y agregué algúnos iconitos, eso si…

Web para la Aplicación con HTML5

Para acompañar el lanzamiento de la app, una web basada en un Template y tuneada con PHP.

Publicar en el AppStore

Finalmente, a publicar la app!. Es un poco rebuscado el tema de los certificados y la preparación de una versión para Distribución, pero siguiendo las instrucciones en la web de apple se puede ir haciendo.
Hay que tener preparados los screnshots y el icono en distintos tamaños para iPhone 3G (y menor) y para iPhone 4 con Retina Display.

Listo!

Una vez que Apple aprueba nuestra app (tarda una semana) a empezar a promocionar nuestra app ! Bajarla y usarla!
Te invito a Probarla:
Exitos para todos!
Cualquier consulta dejame tu(s) comentarios acá, o buscame por twitter @jbagnato.
.
.

Mussage para iPhone, Mensajes Musicales

October 5th, 2011 2 comments

Qué es Mussage?

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!

¿Por qué no enviarle un mensaje de texto a un amigo con una canción que tiene en SU PROPIO smartphone?
Me pasa con frecuencia que como tengo tantas canciones en mi iPhone nunca sé realmente qué discos y artistas tengo guardados y de vez en cuando utilizo el modo Random para escuchar música y me sorprendo diciendome “no sabía que tenía esta canción”.
Además otro punto positivo de la idea es que se supone que las canciones que uno tiene son sus favoritas, las que más te gustan. Entonces si envío una canción a un usuario de su propia biblioteca de canciones, es difícil que no le guste!.
Lo mejor de todo: es simple de programarla en iPhone, no requiere un equipo monstruoso ni meses de trabajo, al menos para desarrollar la idea básica. Obviamente después se puede mejorar y agregarle features, pero el concepto de la idea es realizable por un sólo developer.

Nacimiento

Asi nació Mussage -mezcla de las palabras en inglés Music + Message- una aplicación desarrollada en una semana, como les comentaba en un post anterior. Fue una semana dura, de horas y horas de programación, diseño y aprendizaje!. Envío para la revisión de Apple y ya está aprobada!!

Disponible en iTunes AppStore

La aplicación ya está lista para bajar a tu iPhone, iPod Touch o iPad en el app store de Apple, para bajarlo ahora mismo hace click en la imagen:
Ya se encuentra la versión 1.1 con significantes mejoras hechas a la versión anterior.
Además los invito a visitar la Web de Mussage enhttp://www.na8.com.ar/mussage que tiene información adicional de la aplicación.

Futuro

Quiero agradecer a mi Wapis que me ayudó en los dibujitos del video-tutorial e hizo la grabación del relato del video super bien! Además el logo también es de ella!. Muchas Gracias!!!
El futuro de la aplicación se irá viendo, seguramente se pueden hacer muchas mejoras! Espero sus comentarios y sugerencias!!
Es posible que desarrolle una versión para Android y una específica para el tamaño de pantalla del iPad.
.
.
.
Juan Ignacio Bagnato.
.
.

El desafío de crear una Aplicación iPhone en 7 días

September 26th, 2011 6 comments


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.
  • 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
En un próximo Post les cuento más acerca de la idea a desarrollar: “Mussage, Musical Message“.
A codear!!!
.
.

Fin de Semana de Locura: Startup Weekend Madrid 2011

June 13th, 2011 5 comments

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.

Vivir en la Web con Chrome OS

March 31st, 2011 7 comments

El Chrome Os es un sistema operativo (SO) creado por Google que tiene como principal característica que está basado en la red. Esto quiere decir que el único software que necesitamos es un navegador web.

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”.

Firefox 4 Vs Firefox 3.6

March 24th, 2011 6 comments

La 4ta versión de Firefox salió al público hace 3 días y hace alardes de ser veloz y superior a su antecesora. Nosotros lo testeamos.

Captura de la web de FF4Para 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!!!

Tiempos de Carga de Firefox 3.6 y de FF4

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:

Tabla de resultados de tiempos de carga de FF3.6 y FF4

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…

Qué es Twitter y para qué sirve

September 3rd, 2010 1 comment

Qué es Twitter?

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!

.

(Qué es) un Inmigrante Digital en 140 caracteres

August 27th, 2010 No comments

Son aquellas personas que no tuvieron Pc ni internet desde siempre, sino que tuvieron que aprender a usarlas siendo ya un poco más grandes

.

(Qué es) un Nativo Digital en 140 caracteres

August 27th, 2010 No comments

Refiere a los individuos nacidos a fines de 1980 que siempre convivieron con PCs e internet,que adoptaron d forma fácil/natural la tenología

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

(Qué es) La Web 2.0 en 140 caracteres

August 27th, 2010 No comments

La web se vuelve participativa,contenidos creados por los usuarios en blogs,youtube y wikipedia.Se opina,colabora y comparte democraticament

.

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

Optimized by SEO Ultimate