Allá que vamos...

Jornadas sobre iPhone e iPad

2010-11-17T14:26:00.003+01:00

Pues nada, las cosas que tiene ser friki. Llega uno un día a la empresa con un iPad en la mano, y al poco te toca dar cursitos sobre el tema, je, je... ;-)

Ahora mismo en estas fechas se están celebrando las Jornadas sobre desarrollo móvil con Android e iPhone, donde el que viste y calza ha dedicado un par de días a hablar de lo suyo ante una sala llena de gente que preferiría estar durmiento la siesta...

Por aquí anda el temario: http://www.atsistemas.com/eventos.aspx?n=44

Han sido un par de tardes curiosas, no mucho tiempo para mostrar las virtudes de la programación para iOS, pero sí suficiente para llevarse claros algunos conceptos a casita... Y ahí, ponerse a indagar. ¡Viva la curiosidad! :-)

Mac: Recuperar la contraseña de usuario

2009-03-24T14:52:00.002+01:00

Cuando uno va llegando ya a cierta edad, (o ha pasado una borrascosa juventud), puede empezar a notar ciertos achaques, como leves pérdidas de memoria. Se nota en cosas sencillas, como olvidar la contraseña del usuario del ordenador. :-P Sí, claro, estaba activado el modo de login automático desde el mismo día en que lo compré... Y como en meses y meses no había hecho nunca log off, pues claro, pasa lo que pasa...

El cacharro en cuestión es un Mac mini que tengo como servidor casero. Éste lleva el sistema operativo Mac OS X. Con Windows y Linux estas cosas están más vistas que el TBO, pero con Mac OSX... ¿Qué hacer ahora? La cosa es muy sencilla, y muy al estilo UNIX: arrancar en modo mono usuario y resetear la clave desde la consola. Para ello hay que seguir estos pasos:

Reiniciar o encender el ordenador.
Mientras tanto, pulsar la combinación de teclas "Cmd + S". Esto hace que se arrance en modo mono usuario.
Al minuto, aparece una consola de comandos. Ejecutamos estos; ojo, que tardarán lo suyo en responder:

fsck -fy
mount -uw
launchctl load /System/Library/LaunchDaemons/com.apple.DirectoryServices.plist
dscl . -passwd /Users/username password

En el último paso, reemplazamos username y password por el nombre de usuario y la nueva clave que le daremos. Ahora sólo queda reiniciar, con el comando... reboot. Hale, pues cuando la máquina arranque de nuevo, podremos logarnos otra vez. Y hasta el próximo olvido. ;-)

Inaguración del Observatorio Montegancedo

2009-03-10T18:22:00.000+01:00

Hace ya un par de meses que se inauguró el Observatorio Montegancedo y desde entonces ha estado presente en no pocos medios. Está situado en la Facultad de Informática de la Universidad Politécnica de Madrid, donde uno pasó gran parte de su juventud, ah, qué tiempos aquellos... :-9

A principios de esta década, (cómo suena eso...), estuve participando en su comienzos y en el desarrollo de aplicaciones para su control vía web. Eso sólo era la semilla de lo que el observatorio es hoy en día: uno de los escasísimos sistemas web de telecontrol de telescopios. Y además tiene una particularidad, que es de carácter libre y público. A través de un sistema de gestión de reservas, cualquiera puede apuntarse y pedir vez para ser astrónomo por un rato. Como afición, es genial, y como experiencia educativa para los infantes, pues no digamos.

El telescopio está controlado vía una aplicación web, que permite moverlo, enfocar y tomar fotografías en tiempo real. Ese tipo de interacción proporciona una experiencia muy completa. Para obtener mayor información, se han acoplado cámaras al ocular y al telescopio auxiliar, y también hay webcams que dan una visión del interior y el exterior de la cúpula.

En fin, que esta web hay que visitarla. Se merecen todo el apoyo posible, por el esfuerzo y el trabajo que están realizando.

¡GMail está caído...!

2009-02-24T12:45:00.000+01:00

Pues llevo un par de horas intentado entrar en alguna de mis cuentas de GMail, (sí tengo más de una, vicios de juventud), pero no hay forma. No para de salir este indeseado mensaje:

¿Y ahora qué hago yo para leer mis importantísimos mensajes? ¿Cómo me voy a perder ese powerpoint de foticos chulas, ese video de chorradillas...? Ah, uno no sabe valorar las cosas buenas que tiene, hasta que las pierde... :-P

Apple.com está caído...! :-O

2009-02-19T16:32:00.000+01:00

Son las 16:32 y tanto apple.com como apple.es están caídos. ¿Nos espera alguna sorprendente sorpresa? ¿Alguna nueva novedad? ¿Pondrán a la venta el iPhone nano o Snow Leopard? ¿Será que se han ido a comer y han tocado el botón que no debían...?

Porque la Apple Store sí que funciona, por lo menos en español... ¡Oh, misterio misterioso!

iPhone: Cómo establecer el icono de la aplicación

2009-02-18T19:49:00.004+01:00

Toda aplicación de iPhone que se precie ha de tener un buen y lustroso icono que la represente. ¿Qué sería de Apple sin su manzana, por ejemplo? El icono, que parece una tontería, representa una parte muy importante de la imagen de nuestra aplicación. Si es feo, desalentará al usuario. Si es bonito, incluso hará que la aplicación parezca mejor. Y esto es especialmente relevante cuando queremos venderla... En la App Store, lo primero que verá el comprador será ese icono. Debe entrarle por los ojos.

Diseñar el icono perfecto es cosa que requiere de otras habilidades distintas de las mías. Lo que sí puedo decir es que, según las iPhone Human Interface Guidelines, debe ser un fichero en formato PNG con un tamaño de 57x57 pixels. Aunque doy fe de haber probado con tamaños superiores y formato JPEG, y funcionan exactamente igual de bien. Eso sí, la imagen será reescalada automáticamente.

Pero veamos ahora qué hacer con él, si ya lo tenemos. Tenemos que configurar la aplicación para que lo use, lo que es muy fácil. Abrimos nuestro proyecto con XCode y ahora lo primero es importar el icono al proyecto. Para ello, arrastramos el fichero de la imagen a la carpeta Resources.

El siguiente paso es editar un fichero que también está allí: Info.plist. No es más que un XML con entradas clave-valor. Y una de ellas se llama precisamente "Icon file". El valor que damos será, y ya sabéis por dónde voy, el nombre del fichero que acabamos de importar.

Con esto, lanzamos la aplicación, que se reinstalará en el emulador (o en el iPhone, si lo teníamos conectado). Y allí veremos nuestra aplicación con su precioso icono. :-)

Bocetos de aplicaciones con Balsamiq Mockups

2009-02-07T12:27:00.002+01:00

Uno de los grandes problemas de los proyectos es el diseño de la interfaz de usuario. A pesar de todos los esfuerzos por separar la capa de presentación de la de servicio, es innegable que cualquier cambio en una pantalla puede desencadenar multitud de cambios en el código. O bien podemos descubrir que los servicios que se han implementado son inadecuados para lo que se quiere mostrar al usuario.

Por eso es fundamental tener claro, desde antes de acometer el desarrollo, cómo va a ser esa interfaz de usuario. Para esto a veces se usan PSDs. Son una gran forma de mostrar los colores, la estética, el estilo de una aplicación. Pero son completamente inútiles para definir la funcionalidad. Es como matar moscas a cañonazos.

A veces, se recurre al uso de maquetas. No es mala idea, pero son costosas de hacer. Incluso requieren de programación, aunque sea para controlar el flujo entre pantallas, por muy huecas que estén. Y en otras ocasiones se utiliza algo mucho más ligero, como bocetos pintados a manos en papel o en la pizarra. Es una técnica ágil y directa, mucho más eficaz para discutir y acotar la funcionalidad de la aplicación. Pero los papeles se pierden y las pizarras se borran. Y no se pueden enseñar al cliente, al menos no de forma cómoda.

Cotilleando por ahí, me he encontrado con una gran aplicación, perfecta para este objetivo. Es sencilla, intuitiva y en cinco minutos se pueden tener bocetos grandiosos. Su nombre es Balsamiq Mockups.

Para hacer un boceto, dispone de una serie de componentes que arrastraremos a un tablón de dibujo. Se trata de piezas como botones, combos, imágenes, cajas de texto, con los que se puede diseñar casi cualquier pantalla que se nos ocurra.

Currándoselo un poco, se pueden obtener resultados fenomenales y pantallas como por ejemplo, esta:

Sí, parece algo complejo de hacer, pero después de probar esta herramienta, puedo decir que no se tardan más que unos pocos minutos en tener un buen boceto. Creo que es una buena idea dedicar una tarde a tener las principales pantallas de una aplicación, y luego enseñárselas al cliente durante una reunión, o enviarle las imágenes por email. Al trabajar sobre bocetos, es la mar de sencillo corregirlos, adaptarlos, recolocar los elementos, ... Incluso se puede hacer en vivo, enmedio de la discusión.

Para comprender las ventajas del uso de los bocetos, sólo hay que pensar en todo el tiempo de desarrollo que se puede ahorrar. ¿Cuántas veces hemos desarrollado algo que luego no le ha gustado al cliente, visualmente? ¿O nos ha pedido cambios estéticos o de colocación de los componentes? ¿O se ha dado cuenta de lo que en realidad quiere sólo cuando ha visto la pantalla?

Técnicamente hablando, Balsamiq Mockups está hecho en Flex, y se puede utilizar como una aplicación de escritorio o embebido en el navegador, como es el caso de la demo que se encuentra en su web. Aparte de esto, también dispone de plugins para Jira y para XWiki. Ah, pero eso sí... Me temo que es una aplicación de pago. No es nada cara para todo el trabajo que nos ahorra, son apenas $79. Incluso existe alguna posibilidad de obtenerla gratis... Como por ejemplo, hablar de ella en un blog :-D

iPhone: Entrar en el iPhone Developer Program (3)

2009-02-03T19:36:00.002+01:00

Parte 3 - Registrando el dispositivo

Lo primero que tenemos que hacer es obtener el llamado Device ID, que es único de cada iPhone. Para ello lo conectamos a nuestro Mac y abrimos XCode, y luego el menú Window/Organizer. En él veremos nuestro iPhone en la lista de dispositivos. Pinchando sobre él, aparecerá la información que necesitamos: el identificador, como una cadena hexadecimal de 40 caracteres.

Como siempre, nos vamos al Program Portal, en el iPhone Dev Center. Y dentro de esa web, seleccionamos la sección "Devices", pestaña "Manage" y pulsamos "Add Device". Introducimos la información que se nos pide: el identificador y el nombre del dispositivo, que son los datos que hemos tomado en el paso anterior.

Y le damos a submit, con lo que el dispositivo queda registrado. Ya está, tan sencillo como eso.

iPhone: Entrar en el iPhone Developer Program (2)

2009-01-29T19:58:00.005+01:00

Parte 2 - Obteniendo el certificado

Como dije anteriormente, ahora hay que ir al Program Portal, al que se accede desde el iPhone Dev Center, con nuestro Apple ID. Dicho portal está organizado de forma que podamos seguir un flujo de acciones claro y bien explicado. Comprende todos los pasos para poder instalar nuestras aplicaciones en el iPhone, hasta su publicación en la App Store.

En primer lugar se configura el equipo de trabajo. Como en su momento me registré como particular, o "Individual", sólo puede haber una única persona. Si me hubiera registrado como empresa, podría añadir más miembros al equipo.

Lo siguiente es generar un certificado. Esto es lo que permitirá que en XCode esté activa la opción de instalar programas en el iPhone, además de otras cosas. Para ello nos vamos al apartado "Certificates", pestaña "Development".

Pulsamos en Add Certificate. La guía nos dice que abramos el "Keychain Access", que en español es el "Acceso a Llaveros", en la ruta /Aplicaciones/Utilidades/. Ahora vamos a solicitar el certificado. Vamos a las opciones indicadas en la imagen:

En la ventana que aparece, indicamos nuestros datos: correo electrónico, nombre, etc... Y un paso importante. Para el certificado se escoge la opción "Guardado en el disco".

Esto crea un fichero en el escritorio. Volviendo ahora al Program Portal, dentro de la misma pestaña "Development" hay una opción para subir el fichero generado. Hecho esto, aparece en la lista de certificados. Un último paso: pulsar sobre el botón "Approve". Esperamos unos minutos y enseguida nos llegará un correo informándonos de que todo ha ido bien.

En este momento ya podremos descargarlo. Le damos a "Download" y tan contentos, un pasito menos.

También es necesario descargarse otro fichero, el WWDR Intermediate Certificate, cuya URL se cita en la propia pestaña de certificados.

Para instalar ambos, vamos al Finder, a donde estén los dos ficheros .cer - los certificados - y hacemos doble click. Esto abre una ventanta como la que se muestra:

No tenemos más que pulsar OK, y listo, ya nos queda menos...

iPhone: Uso de bases de datos con SQLite (3)

2009-01-25T19:35:00.002+01:00

Parte 3 - Crear la base de datos con SQLite Browser

Anteriormente hemos visto la forma más básica y directa de crear una base de datos con SQLite. Si bien conviene conocerla, hay otras formas más cómodas. Ahora vamos a ver cómo hacer lo mismo con un gestor gráfico de bases de datos llamado SQLite Database Browser. Es un programa open source y gratuito, así que cualquiera puede usarlo.

Una vez descargado e instalado, lo abrimos. Al crear una nueva BBDD, se nos pide el nombre y lugar donde guardar el fichero que la contendrá. Como en el ejemplo anterior, la llamaremos PruebaDeBBDD.sql.

Con la base de datos creada, ya podemos empezar a añadir tablas. Esto se hace con el botón y tan ricamente aparecerá esta ventana:

Nada más sencillo. Escribimos el nombre de la tabla, y luego añadimos campos pulsando sobre el botón Add, lo que abre esta otra ventana:

Se puede indicar el tipo de la columna, escogiendo un valor del combo. Pero ojo, no están todos los tipos posibles. Si queremos usar otro diferente, pulsamos sobre ... y directamente escribimos el valor. Ese es exactamente nuestro caso, ya que para los campos descripcion y nombre, queremos VARCHAR.

Al finalizar, pulsamos sobre Create lo que obviamente creará la nueva tabla. Si ahora vamos a consultar la esctructura de la base de datos, veremos algo como esto:

Para añadir datos, el interfaz facilita las cosas. En la pestaña "Browse Data" aparece la lista de tablas. Escogiendo una, veremos sus datos y se pueden realizar acciones para añadir o eliminar registros; uno a uno, eso sí.

Cuando hayamos terminado, salvamos y el procedimiento a seguir es el mismo que en el artículo anterior: arrastrar el fichero PruebaDeBBDD.sql a los recursos del proyecto de la aplicación para iPhone.

iPhone: Uso de bases de datos con SQLite (2)

2009-01-19T07:59:00.000+01:00

Parte 2 - Crear la base de datos a mano

En este paso vamos a explicar cómo crear una base de datos que una aplicación de iPhone pueda usar. Esto comprende tanto la definición de las tablas, como la inserción del juego de datos inicial.

Es algo que se puede hacer directamente mediante comandos, usando SQLite, o bien con una herramienta gráfica. La segunda opción la trataremos en otro momento; ahora lo importante es conocer la base real de todo esto.

Como SQLite se basa en ficheros que carga en memoria, crear una nueva BBDD equivale a crear un nuevo fichero SQL con su definición y datos. En nuestro ejemplo, se haría con estos pasos:

cd /Users/tresese/Documents
sqlite3 PruebaDeBBDD.sql

El cliente y gestor de SQLite se instalan en el ordenador al instalar el iPhone SDK, así que en estos momentos lo tendremos disponible. Al ejecutar el anterior comando, se crea el fichero y aparece la consola administrativa.

Si bien la base de datos puede ser tan compleja como se desee, para este ejemplo vamos a crear una única tabla con unos pocos campos. Es tan sencillo como ejecutar estas instrucciones de SQL de toda la vida:

CREATE TABLE personas (id INTEGER PRIMARY KEY, nombre VARCHAR(50), descripcion TEXT, foto VARCHAR(255));

INSERT INTO personas (nombre, descripcion, foto) VALUES ('Angel', 'El que viste y calza.', 'angel.jpg');
INSERT INTO personas (nombre, descripcion, foto) VALUES ('Pepe', 'Uno que pasaba por ahí.', 'http://www.tresese.es/pepe.jpg');

Acto seguido comprobamos que todo ha ido bien, ejecutando una consulta que devuelva todas las filas que hemos insertado:

sqlite> select * from personas;
1|Angel|El que viste y calza.|angel.jpg
2|Pepe|Uno que pasaba por ah.|http://www.tresese.es/pepe.jpg

Como todo está correcto, ya hemos terminado. Sólo queda salir de la consola, lo que se hace con el comando:

.quit

La base de datos se habrá guardado y estará en el fichero PruebaDeBBDD.sql. A pesar de la extensión, es un binario, no una secuencia de scripts.

Y ahora, ¿cómo hacemos para que nuestra aplicación de iPhone use esta base de datos? En primer lugar, importándola al proyecto, lo que es casi trivial de hacer. No hay más que arrastrar el fichero SQL a la carpeta Resources del proyecto. Pero no olvidemos marcar la opción de copiar el fichero en él. Si no, sólo tendríamos una referencia, con lo que si borramos el fichero original, también se perdería en la aplicación.

Y ya tenemos nuestra BBDD, lista para ser accedida y recibir datos a "tutiplén".

iPhone: Uso de bases de datos con SQLite (1)

2009-01-12T08:55:00.001+01:00

Parte 1 - Habilitar el framework de SQLite

Cuando una aplicación empieza a manejar un juego de datos demasiado grande, llega la hora de usar una base de datos. Este punto es crítico en un dispositivo de mano como iPhone, porque la memoria que maneja es limitada. No podemos permitirnos el lujo de cargar enormes listados de datos, o todo se irá al garete.

Por fortuna, iPhone tiene una SQLite integrada. Es una base de datos open source especialmente pensada para dispositivos móviles, y muy conocida en ese mundillo. Tiene mucha funcionalidad, pero ojo porque no soporta ANSI SQL al completo, sólo la mayoría.

El primer paso para utilizarla en nuestra aplicación, es añadir al proyecto la librería que hace de interfaz de acceso. Así que agarramos XCode y nos vamos a la parte de nuestro proyecto que se muestra en la imagen.

Desde allí, abrimos el menú contextual y elegimos la opción de añadir un framework existente.

Se observa que en este momento el proyecto dispone sólo de estos, los básicos:

Pero pulsando el botón del más, aparece una nueva ventana con la lista de todos los disponibles. En ella buscamos el que hace referencia a SQLite, que es el llamado libsqlite3.0.8.6.dylib.

Pues nada, le damos a añadir, y ya está, nuestro proyecto ya puede usar SQLite. En próximos artículos seguiré explicando los siguientes pasos.

iPhone: Entrar en el iPhone Developer Program (1)

2009-01-07T18:26:00.002+01:00

Parte 1 - Registrándose

Con la aparición de este móvil de Apple, muchos hemos sentido el gusanillo de trastear con él. ¿Vida personal? ¿Ocio?... ¿Pudiendo cacharrear? ¡Qué preguntas...! :-)

Para comenzar con esto, tendremos que ir al iPhone Dev Center, que es la web principal de recursos sobre este dispositivo. Allí tendremos que indentificarnos usando un Apple ID. No es más que un usuario y contraseña que, si no tenemos ya, podremos obtener registrándonos desde allí mismo.

Ahora que ya tenemos un usuario, nos vamos a la web del iPhone Developer Program. Existen dos modalidades o programas diferentes: el standar y el enterprise. Sólo hay un par de diferencias relevantes: con el enterprise podremos distribuir las aplicaciones a todos los iPhones de nuestra empresa. Pero no podremos venderlas en la App Store, la tienda de Apple.

Después de leer las condiciones, como se ve, a no ser que seamos una empresa de más de 500 empleados, nos va a interesar siempre la standar. Ésta cuesta 99$ anuales, mientras que la enterprise son 299$.

Una vez que hemos escogido la modalidad, nos identificamos con el Apple ID y se nos preguntará si somos una empresa o particular. Seguidamente, seremos redirigidos a la tienda de Apple para empresas, aunque hayamos dicho que somos lo segundo. Allí aparece el iPhone Developer Program como un artículo en venta, que añadiremos a la cesta de la compra.

Hacemos el check out, pagamos con nuestra tarjeta de crédito - tiene que ser así - y listo. Tenemos suerte de la excelente posición del Euro frente al Dólar, como se observa en los precios.

Al terminar, se nos dice que el programa ha sido entregado en formato electrónico. En efecto, no tardaremos demasiado en recibir algunos correos de confirmación. Cuando lleguen, la siguiente vez que entremos en la web del iPhone Dev Center, nos aparecerá un enlace al Program Portal. Y desde allí tendremos que continuar con esta aventurilla de registrarse...

Inicio de mis andanzas

2009-01-01T09:51:00.000+01:00

Buenas a todos... Abro este blog para contar mis inquietudes personales y profesionales, y especialmente, para hablar de una de mis pasiones: la tecnología. A ver cómo ando de tiempo, pero intentaré contar aquí todas las cosillas que me llamen la atención.

Sí, ya hay una persona más dispuesta a dar la lata en la "blogoesfera" (argh, que fastidio de anglicismos).