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

Mussage para iPhone, Mensajes Musicales

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


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!!!
.
.
UPDATE: Debido a la gran cantidad de preguntas que recibí acerca del desarrollo de aplicaciones iPhone / Mobile / Tablets, he creado un nuevo Post de FAQs en el que iré colectando y actualizando para tratar de responder y despejar sus dudas! El link es FAQ: Crear una aplicación iPhone
UPDATE 2: También creé un formulario para que me envien solicitud de presupuestos para desarrollo de aplicaciones para iPhone o Android.
.
.

Review y gameplay de “Dead Island”

Dead Island (de Techland) se centra en una isla donde por algún motivo la gran mayoría de los habitantes sufren de “zombinismo”, no quiero contar más, ya que el motivo no es contar la historia o spoilear al final muere! nah te creas!, solo basta con tener la idea. Si bien no es para nada novedoso el asunto, está bastante bien encarado y junto con el gameplay hace un muy buen videojuego, o dicho de otra manera, es una justificación totalmente válida para saciar nuestra sed de sangre! un juego violento como cualquiera de zombies.

Advertencia: Las siguientes imagenes contienen exceso de violencia, si sos menor por favor no sigas leyendo, desde ya muchas gracias!

Lo primero que voy a mencionar y lo van a comprobar en las imágenes y videos, es la calidad gráfica, realmente es impactante. La atmosfera y el clima que logra es tremendo, gracias a la cantidad de detalles que lo enriquecen y que fácilmente pueden pasar inadvertidos. Me recuerda mucho a la saga “Resident evil”, pero obviamente esto en 3D posta y en tiempo real!

Screens en HD:

[singlepic id=385 w=320 h=240 float=center]

[singlepic id=379 w=320 h=240 float=center]

Antes de jugarlo pone un nailon en el escritorio para no manchar nada, digo, por la cantidad de sangre que va a destilar el monitor!

Realice este video para vos, mostrando el gameplay el cual titule “paseando por fiorito”  “corre forest corre!”

Se puede ver la inmensidad del mapa sobre la ciudad “moresby”, el Resort (playa Banoi) y la Jungla

Sobre el gameplay es un FPS (First Person Shooter) clásico, algo interesante es que los mapas son enormes y tenes a disposición en algunos lugares del mapa vehículos para movilizarte. También tenes una especie de “tele transporte” entre puntas de los mapas.

Bajo mi criterio personal diría que tiene lo mejor de muchos juegos, es un GTA / FALLOUT3 / MAFIA incluso algo de Crysis y obviamente Left 4 dead (L4D), con elementos de rol.

Puntos a favor:

Calidad grafica

Todo esto bastante bien balanceado. Si haces todas las misiones secundarias es interminable, aun así esas misiones logra ser muy entretenidas, por la variedad de las mismas y también por la carga de responsabilidad, no todos los días te despertas siendo una especie de líder de combate involuntario.

El sonido no se queda atrás, el efecto 3d se aprecia muy bien, te enteras muy rápido si está cerca algún caco zombie ya que escuchas desde donde aunque cuando te diste vuelta te la puso están gritando o lo que sea que hagan.

La actuación de los personajes y su gesticulación también están muy bien.

Lo sumamente interesante del juego es el modo multiplayer co-op, básicamente son las mismas misiones, pero podes hacerla con hasta 4 amigos :), entre otros modos claro.

[singlepic id=376 w=320 h=240 float=center]

Requerimientos:

Mínimos:

· Sistema Operativo: Windows XP
· Procesador: Core2Duo 2.66 GHz
· Memoria RAM: 1 GB
· Tarjeta Gráfica: ATI 2600XT 512MB VRAM (GeForce 8600GT)
· DirectX: DirectX 9.0C
· Espacio Disco duro: 7 GB

 Recomendados:

· Sistema Operativo: Windows 7
· Procesador: Core2Duo 2.66 GHz
· Memoria RAM: 4 GB
· Tarjeta Gráfica: GeForce 9600 (1GB)
· DirectX: DirectX 9.0C
· Espacio Disco duro: 7 GB

Mi maquina es un Intel i5 750 (2.66), 8 GB Ram, video: Nvidia geForce GTX 560 Ti Twin Frozr II (1GB ram), en un monitor de24 a1920x1200 me está dando entre 100 y 150 fps. Con todo a FULL (anda bárbaro!)

Al matar podes apuntar a partes del cuerpo y estas son las que sufren de tus achaques, los haces pelota es increíble lo bien logrado que esta el efecto. Los zombies “jefes” no son muchos y cada uno se los mata de alguna manera particular, casi todos con el fuego alcanza, pero no siempre tenes una molotov a mano, así que tenes que acercarte a algunos como a los gigantes y empezar por los brazos o piernas antes que la cabeza (a los gordos los mate con garrafas, o explosiones).

Soy jugador compulsivo de otro tipos de juegos, fps mas bélicos (battlefield baba), pero la verdad es que este me atrapo y mucho más que “left 4 dead”, decidí probarlo … y termine haciendo una review! :P

Como decía antes, tiene componentes de rol, como habilidades y negociaciones para adquirir o combinar cosas según el nivel que tengas. Tenes 4 personajes a elegir los cuales tienen distintos perfiles (y si no para que?) si te gusta tirar tiros o si te gusta aplastar con armas de impacto o simplemente cortar cabezas tenes tu personaje, o sea tenes para todos los gustos visteh!

De manera rudimentaria podes combinar elementos y mejorar tu armamento, por ejemplo una cinta con un desodorante, arma una hermosa granada de perfume ¿?. Unas baterías y cables en un machete, arman un machete eléctrico! :P

Este post está dedicado a los amigos Zombilaneros de los cuales espero un comentario hdps

ScreenShots:

[singlepic id=370 w=160 h=120 float=left]
[singlepic id=372 w=160 h=120 float=center]
[singlepic id=373 w=160 h=120 float=right]

[singlepic id=371 w=160 h=120 float=left]
[singlepic id=374 w=160 h=120 float=center]
[singlepic id=375 w=160 h=120 float=right]

[singlepic id=376 w=160 h=120 float=left]
[singlepic id=377 w=160 h=120 float=center]
[singlepic id=378 w=160 h=120 float=right]

[singlepic id=379 w=160 h=120 float=left]
[singlepic id=380 w=160 h=120 float=center]
[singlepic id=381 w=160 h=120 float=right]

[singlepic id=383 w=160 h=120 float=left]
[singlepic id=382 w=160 h=120 float=center]
[singlepic id=384 w=160 h=120 float=right]

[singlepic id=385 w=160 h=120 float=left]
[singlepic id=386 w=160 h=120 float=center]
[singlepic id=387 w=160 h=120 float=right]

[singlepic id=369 w=160 h=120 float=left]
[singlepic id=351 w=160 h=120 float=center]
[singlepic id=350 w=160 h=120 float=right]

[singlepic id=353 w=160 h=120 float=left]
[singlepic id=354 w=160 h=120 float=center]
[singlepic id=355 w=160 h=120 float=right]

[singlepic id=356 w=160 h=120 float=left]
[singlepic id=357 w=160 h=120 float=center]
[singlepic id=358 w=160 h=120 float=right]

[singlepic id=359 w=160 h=120 float=left]
[singlepic id=360 w=160 h=120 float=center]
[singlepic id=361 w=160 h=120 float=right]

[singlepic id=362 w=160 h=120 float=left]
[singlepic id=363 w=160 h=120 float=center]
[singlepic id=364 w=160 h=120 float=right]

[singlepic id=365 w=160 h=120 float=left]
[singlepic id=366 w=160 h=120 float=center]
[singlepic id=367 w=160 h=120 float=right]

[singlepic id=368 w=160 h=120 float=left]
[singlepic id=391 w=160 h=120 float=center]
[singlepic id=392 w=160 h=120 float=right]

[singlepic id=388 w=160 h=120 float=left]
[singlepic id=389 w=160 h=120 float=center]
[singlepic id=390 w=160 h=120 float=right]

Este es el tráiler:


Aunque debo decir que no me gusto el hecho de usar un chico, será porque soy padre?

Por último, un consejo: No mates a todo lo que se cruza si no es parte de la misión ya que al alejarte vuelven a spawnear.

Desarrollo de una revista para iPad

Una Tablet es una Tablet

Qué mejor utilidad se le puede dar a un iPad que la de leer noticias?? Bueno tal vez alguno de esos juegos archi-adictivos… pero la verdad es que las tablets están hechas para leer, para reemplazar al papel; a los libros. Además de ser una supercomputadora donde podemos ver videos, chequear el email y jugar, el principal uso que se le da es el de leer periódicos y revistas.

Origen de Esti Magazine

Esti Magazine es una revista de moda, tendencias, tecnología y cultura orientada a “mujeres modernas” de 18+ años que poseen iPad o cualquier otra Tablet  y que les interesa estar al tanto de lo que pasa tanto en ciudades capitales como periféricas. La directora de la revista (y mi wapis!) Blanca Vidal vió una necesidad en el mercado de las revistas de moda en el que se satisface la demanda de los eventos que ocurren en Madrid y Barcelona pero no tanto en el resto de las provincias españolas. Entonces juntos nos pusimos a diseñar una revista digital para Tablets / eReaders que tuviera noticias de eventos, productos y artistas que no necesariamente tengan centro en estas ciudades. Tomando como base operativa Galicia y buscando redactores, ilustradores y colaboradores alrededor de todo el mundo. Así nació eSTi Magazine que en gallego quiere decir “Eres tú”.

instrucciones

Desafío Técnico

Algunos de los desafíos en el desarrollo para Tablets es que tenemos que aprovechar al máximo la pantalla que a diferencia de un móvil nos da una visión mayor de contenidos, imagenes y texto. Además podemos ofrecer un Diseño en vertical en el que se resalte el texto y otro diferente en horizontal destacando las fotografías. Otro obstáculo fue el de ofrecer contenidos que se puedan ir actualizando poco a poco y que los artículos que ya fueron bajados queden guardados en el dispositivo para poder consultarlos luego aunque no tengamos una conexión a internet. A eso se lo conoce como navegación offline de los artículos.

Por supuesto no quisimos dejar de aprovechar la programación realizada en iPad también para iPhone realizando lo que se conoce como una “aplicación universal” por lo que tuvimos que adaptar el diseño y las funcionalidades a una pantalla tres veces más pequeña.

Se agregó la API de ShareKit para que los lectores puedan compartir la experiencia de la revista en Facebook y Twitter con amigos y followers.

El resultado lo pueden ver bajando la aplicación del AppStore tanto para iPad como para iPhone. En los próximos meses vamos a estar trabajando en la versión para Android.

Todo esto combinado con unos redactores geniales y muy originales de España, Argentina y Peru dieron un producto que poco a poco va a ir creciendo y esperamos lograr repercusiones en todo el planeta!!! Que todos lean eSTi Magazine!! Si todavía no tenés una tablet o un eReader podés leer los artículos en el sitio web www.estimagazine.com .

Los invito a bajarla, probarla y a que me digan que les parece!.

download the app

Si querés crear tu app y darle vida a tu proyecto, te invito a leer las FAQ de desarrollo para Móviles y si seguís convencido en llevarla adelante y no sabés cómo, enviame una solicitud de presupuesto.

Escrito por Juan Ignacio Bagnato