Diseñando una aplicación para iPhone

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. Si querés podés solicitar un presupuesto para desarrollar tu app!.
.
.!.

Fin de Semana de Locura: Startup Weekend Madrid 2011

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.

Battlefield movie: “The hotel”

Battlefield 2

Battlefield 2

Hace dos años o más, fui adicto jugador de battlefield 1942 y 2, me uní a un clan (Fenix) con el cual fuimos “campeones” de argentina en un campeonato auspiciado por un server y comunidad local, y gracias a esto nos hicieron una entrevista en TV por cable, en rock & pop TV. En ese tiempo comencé a ver gente que realizaba videos con este juego (famosos “mine” si los hay), a mí en lo personal me fascina hacer videos/cortos/películas, recuerdo precisa y gratamente el año .. 90… 91 o 92.., ok no tan precisa.. donde Disney lanzo un juego llamado Stund Island, uno de los primeros juegos en 3D en la época dorada del D.O.S (en ese momento no había nada en 3D y obviamente este era todo en 3d primitivo, sin texturas, ni sombra, ni nada, solo los objetos 3d en lowpoly pero servía, y esto estimulaba mucho la creatividad), el juego básicamente era de aviones y se trataba de realizar acrobacias filmarlas y exponerlas en un cine, todo esto dentro del mismo juego. Como ejemplo de filmación seria aterrizar un avión en un tren en movimiento, esta era la intro:

El juego tenía la opción de hacer postproducción (del cual aprendí mucho y supongo que de ahí viene mi gusto por esta área) y también tenia opción de hacer tus propios videos con cualquier argumento, sencillamente genial para esa época, hoy esta “the movie” que es similar en cuanto a concepto pero no es lo mismo.

Volviendo battlefield, unos cuantos juegos tienen opciones de guardar a video pero battlefield tiene una opción de guardar la partida, esto significa que guarda la posición y acciones de todo (coordenadas y estados técnicamente hablando) y se puede reproducir la partida desde cualquier angulo, esto da una tremenda libertad para hacer este tipo de cosas; Para comprobar esto realice un video llamado: “El francommander” un francotirador (sniper) y comandante (commander) todo en uno, básicamente jugué un juego normal mientras guardaba la partida (en modo offline o sea contra la maquina) y luego con un trabajito de post producción quedo asi:

Todo en una única toma, si lo hubiera planeado no habría manera que la escena haya quedado así, por ejemplo los tipejos que se quieren escapar de la artillería y justo les cae en la cabeza uno de los misiles, increíble.

(También para que otros puedan hacer cosas similares escribí un mini tutorial)

Como me gusto y mucho hacer esto, decidí ir mas allá, y hacer un corto real!

Escribí el argumento, dividí en escenas, modifique el mapa adecuando a los requerimientos de cada escena, por ejemplo le puse aviones a un mapa que no los tiene, infinidad de tanques y demás; Una vez que tuve todo digerido y listo comenzó el “rodaje”, primero la búsqueda de extras y personas que me quieran ayudar con la post que no es algo menor, una vez que estaban disponibles los extras comenzamos a rodar en un server propio cuando la escena requería que seamos pocos y luego en un server dedicado que me prestó la comunidad de netplay para cuando éramos muchos.

Para organizar todo me fue muy útil un spreadsheet de google y también para compartir el argumento como otros datos.

Llegamos a rodar todas las escenas requeridas, solo faltaría algún complemento pero en términos generales estaría todo filmado y en video, en mi disco todo el crudo está pesando 120 GIGAS! (y durmiendo …)

Lo que resta para terminarlo es postproducción, doblaje, audio y música (moco de pavo), así que aun falta bastante :( es algo que en algún momento terminare indudablemente, el video final dudara unos 20′, quería que fuese menos, pero… :S

El proyecto esta en un 53%, invertí 280 horas, armando, desarrollando y porque no aprendiendo.

Estos son algunos videos de prueba que fui haciendo:

Intro:

Actores rebeldes:

Borrador 1: efecto matrix

Reintentando una parte del vuelo, se ve lindo :)

Ultimo borrador: Ataque coordinado

Y screenshots deliciosos que saque de las escenas:

[nggallery id=4]

Debo agradecer a mucha gente que hizo esto posible, y espero agradecerles con el video terminado, ojala encuentre tiempo para terminarlo.

Proyecto para facebook: ?

Desde hace unos 5 meses aproximadamente estamos trabajando en un proyecto web, siendo este nuestro primer “gran” proyecto para la web (de muchos que vendrán luego).

De que se trata este proyecto?
Mucho no podemos contar (hasta dentro de unos días que lancemos la beta), pero lo que si podemos adelantar, es que se trata de una aplicación grande para facebook (sisi grande, en comparación con las típicas “aplicacioncitas” de feisbuk y ese es nuestro truco, hacer algo de calidad).

Creemos que va a tener una gran audiencia esta aplicación, porque es algo que a nosotros y a nuestros amigos (no tan informáticos) nos encantaría que ya estuviese, y por todo lo que leemos a diario que nos da un buen panorama para este tipo de aplicaciones.

Con este post queríamos también mostrar algunas fotos de estos 5 meses en los que invertimos muchisimas horas extra laborales (mas de 700) para todo el desarrollo.

Tecnologías usadas: Mysql+Php+Muchoajax


Mapa de la idea

Mapa de la idea

a las 4:44 am de un viernes... eso si es pasion!

Casa de nacho a las 4:44 am de un viernes... eso si es ser nerd pasion!

En casa, cuando anduvo la integracion y pudimos ***** el *****

En casa, cuando anduvo la integracion y pudimos ***** el *****




Con esto queremos ser uno de los primeros en hacer una aplicación real para facebook en Argentina.

 
Fecha de lanzamiento de la beta: en dias :)

Modelado 3D, una pasion

Desde mis 18 (hace 1 año… 😛 ) utilizo el 3D Max (en D.O.S. era 3D Studio), es algo que me encanta hacer, lamentablemente nunca conseguí trabajo de esto :(, al menos acá en Argentina, hace muy poco comenzó a haber un poco de industria.

Recuerdo que incluso fui a Polka con un CD presentación de mis trabajos, cuando lo vieron, me dijeron: “emmm… y sabes hacer paginas de internet?”, y claro está, en ese momento no sabia nada de la web, y mucho menos de programar :( buuu (hace como 10 años).
Si sabría sobre web/sitios, cuanto me hubiera cambiado la vida ese instante, no?

 

También participe en un piloto para canal 13, fue en la época de la película “Dia de la independencia“, el argumento no lo recuerdo, lo que si recuerdo es que hicimos algunas naves, Sigue leyendo