Contenido

La documentación de jQuery en tu iPhone/iTouch

25 Abr

+ 2

Útil adaptación de la documentación de jQuery para que podamos verla perfectamente desde nuestro iPhone/iTouch.

Añade un icono webclip para el iPod Touch a tu web

16 Ene

+ 8

Ayer, en la keynote de Apple, además de presentar el Macbook Air, Apple presentó la nueva actualización de pago para el iPod Touch. Esta actualización, permite disponer de las aplicaciones que tiene por defecto el iPhone y “Home Screen”.

ipod-touch-features1.png

Home Screen te permite organizar los iconos de la pantalla, cambiar los elementos del dock y añadir hasta 8 páginas de inicio llamadas WebClip, simplemente son enlaces directos a tus páginas preferidas desde el menú principal de dispositivo.

Entre las demás mejoras, Safari sufre una modificación y se le incorpora la posibilidad de añadir al menú principal directamente desde el menú de inferior. Lo que facilita la insercción de nuestros WebClip en nuestro iTouch.

add_to_home_ipod_touch_1.jpgadd_to_home_ipod_touch_2.jpg

Para hacer que nuestro sitio esté preparado para esta nueva funcionalidad, tendremos que añadir el siguiente código y cargar una imagen que será importada como icono para lanzar nuestra aplicación.

<head>
    <title>aNieto2k</title>
    <link rel="apple-touch-icon" href="/anieto2k-webclip.png"/>
</head>

La imaden que crearemos tendrá que ser un PNG de 57×57 pixeles (si el tamaño es diferente, se cortará o expandirá lo que haga falta), y tendrá el nombre indicado en el href="" de nuestro <link />.

Jiggy, un IDE via Web para tu iPhone/iPod Touch

19 Dic

+ 3

Si eres un desarrollador concienciado en que la tecnología móvil será una trozo importante del pastel de Internet, seguro que coincides conmigo en que el iPhone/iPod Touch es el comienzo de lo que ha de venir. Por ese motivo hemos de empezar a pensar en apostar por el desarrollo sobre estos dispositivos y la forma más fácil es mediante Jiggy.

Jiggy es un IDE para que puedas desarrollar para tu iPhone/iPod Touch mediante un editor completamente web. Instalando una aplicación en tu dispositivo, cargarás un servidor web con los ficheros necesarios para que la edición desde tu navegador sea posible. Ver video.

jiggy.jpg

Trás la insercción de código nos aparecerá una aplicación nueva en nuestro SpringBoard que al ejecutarla lanzará nuestro código.

Instalación

Para instalar la aplicación, podemos hacerlo directamente desde Instaler o descargar el zip directamente desde aqui

Instaler

  1. Añadimos una source nueva ( http://jiggyapp.com/i ) a nuestro instaler
  2.  Actualizamos las sources
  3. Descargamos JiggyApp

Anatomía de una JiggyApp

Las JiggyApp, se componen de una serie de ficheros:

  • Jiggy, Se trata del ejecutable que lanzará nuestra aplicación.
  • Info.plist: Fichero requerido por el iPhone con la información básica sobre la aplicación.
  • icon.png: El icono que hayamos decidido usar para nuestra aplicación.
  • metadata.js: La metadata de nuestra aplicación se encontrará aqui.
  • main.js: Fichero principal de nuestra JiggyApp. Este fichero es el que se ejecuta cuando lanzamos nuestra aplicación.

Tenemos una documentación bastante bien detallada para que no tengas limitaciones a la hora de ponerte a desarrollar.

Hola mundo versión JiggyApp

Plugins.load( "UIKit" );

var window = new UIWindow( UIHardware.fullScreenApplicationContentRect );
window.setHidden( false );
window.orderFront();
window.makeKey();
window.backgroundColor = [ 0.8 , 0 , 0, 1 ];

var mainView = new UIScroller();
mainView.contentSize = [ window.bounds[ 2 ] * 2 , window.bounds[ 3 ] * 2 ];
mainView.backgroundColor = [ 0 , 0 , 0 , 0 ];

window.setContentView( mainView );

var hello = new UITextLabel( [ 20 , 20 , window.bounds[ 2 ] - 40 , 100 ] );

hello.text = “Hello World!”;
hello.backgroundColor = [ 0 , 0 , 0 , 0.25 ];
hello.setFont( new Font( “Trebuchet MS” , 2 , 46 ) );
hello.color = [ 1 , 1 , 1 , 1 ];
hello.centersHorizontally = true;

mainView.addSubview( hello );

Añade firma tus correos desde el iPhone/iPod Touch

19 Nov

+ 0

Por fin, otro nuevo truco para mi juguetito favorito. Nos da la posibilidad de añadir firma a nuestro correos salientes desde el Mail del iPhone/iPod Touch.

iEmule beta 0.1, tomando contacto

10 Nov

+ 22

Bueno, despues de unos últimos retoques de diseño y alguna mejora con javascript, ya tengo lista la primera versión beta de iEmule. Esta versión, es simplemente una toma de contacto, algo funcional pero abierta a modificaciones y sugerencias, por ese motivo agradecería cualquier tipo de comentario al respecto, con tal de mejorar en medida de lo posible el template.

iemulelogin.pngiemulemain.pngopciones.pngdescargas.pngbusqueda.png

Características

  • Diseño adaptado para iPhone / iPod Touch y Firefox
  • Sistema de cookie con javascript para recordar el password.
  • Diseño fluido que se adapta a la posición del iPhone / iPod Touch

Requerimientos

  1. eMule con posibilidad de servidor web 

Instalación

  1. Descargamos la versión correspondiente a nuetro idioma
  2. Descomprimimos y copiamos en la carpeta webserver/ de nuestro emule (puede variar en algunas versiones de eMule, revisar la carpeta del servidor web en las opciones).
  3. En las opciones de nuestro eMule, Panel de control  >> Servidor Web, seleccionamos la plantilla iEmule.tmpl del directorio anterior.
  4. Disfrutamos de nuestro iEmule.

Descargar

Versión Español / English Versión

 

iEmule, un skin para administrar tu eMule desde tu iPhone/iTouch

7 Nov

+ 11

Llevo unos días adaptando una plantilla del servidor del web de Emule para poder administrarlo desde el iPod Touch, os pongo unas imagenes para ir abriendo boca.

login.pngestado.pngopciones.pngdescargas.pngbusqueda.png

En cuando lo termine (que será en breve) lo publicaré para que el que quiera lo pueda usar. ¿Que os parece?

Como leer PDF desde el iPhone/iPod Touch

24 Oct

+ 14

La pantalla grande del iPhone/iTouch, es idea para leer documentos, libros, páginas web,… además de mostrar imagenes, gráficos, videos,… por ese motivo era obvio que Apple, incluyera un lector de PDF en forma de extensión para Safari.

Si accedes a un fichero .PDF desde tu navegador podrás leerlo con la aplicación desarrollada aposta, los que la hayan visto sabrán que es bastante buena para leer grandes documentos. Pero, ¿que pasa si no tenemos acceso a Internet? Menos mal que hay cabezas pensantes que solucionan nuestros problemas.

De las posibles soluciones, he recopilado y probado estas:

1) Usar PDFViewer

Me detecta los .pdf, pero no me los visualiza… descartada.

2) Enviartelo por mail

Una solución es enviarte el fichero .pdf al mail y una vez descargado es posible ejecutarlo desde el cliente de correo.

3) Usar MobilePreview

Esta solución, requiere que se instale MobileFinder y MobilePreview, esto nos permitirá navegar por el sistema de ficheros y ejecutar el fichero .pdf que queramos.

4) Convierte el .PDF en una URL (O.o)

Al principio, cuando lo leí dije (¿como?), pero luego caí en los Data:Url, y pensé que podía probarlo:

  1. Descargué Filemark Marker (para Mac), versión Online
  2. Arrastré el fichero .pdf a la aplicación .app que había dentro del zip.
  3. Copié la URL que Safari me dio
  4. La envié por mail al iTouch
  5. Leí mi PDF sin problemas :D

Magia!! :D

5) Usa el servidor Web

Esta es la primera solución que se me ocurrió y puse en práctica:

  1. Instalamos Lighttpd ( o Apache)
  2. Subimos via FTP, SSH el fichero .pdf a la carpeta /private/var/root/Sites
  3. Accedemos desde Safari a la ruta local (127.0.0.1) junto al nombre del PDF (http://127.0.0.1/fichero.pdf)
  4. Leemos nuestro libro.

Opcional

Tambien podemos hacer que el servidor web nos liste los ficheros por defecto, de esta forma además tendremos una biblioteca de .pdf’s.

  1. Editamos el fichero lighttpd.conf de /usr/local/etc/
  2. Añadimos dir-listing.activate = "enable" y "mod_dirlisting"
  3. Reiniciamos el iPhone
  4. Podemos mejorar estéticamente la salida de este listado y conseguir algo bastante interesante.

ScummVM para el iPhone/iPod Touch

23 Oct

+ 6

Grata sorpresa me he llevado al ver que los creadores de ScummVM, el emulador aplicaciones Lucas Art’s por excelencia están trabajando en una versión para el iPhone/iTouch. Desde que tengo memoria, recuerdo estos juegos con los que me he ido curtiendo y he hido creciendo.

scummvm_0_8_1-full.pngscummvm_0_5_1-full.png

  • Maniac Mansion
  • The Secret of Monkey Island
  • Day of the Tentacle
  • Sam & Max- Hit the Road
  • The Dig
  • etc…

Que recuerdos!! Estoy deseando que salga para poder volver a sentirme un niño delante de la pantalla :D

Imagenes

iphonescummvmsplash.jpgiphonescummmain.jpgimagen-1.png

Video 

Como podemos ver, en el video, está bastante avanzado el tema, aunque seguro que faltarán pulir ciertos detalles antes de sacarlo publico. Mientras tanto, podemos descargarlo a la plataforma que más nos guste

Unos trucos para tu Ipod Touch(iTouch)

10 Oct

+ 90

Antes de nada, quiero pedir disculpas por no haber hecho ninguna review sobre el iTouch, pero no ando muy bien de tiempo y aún no he podido ponerme a escribir lo que quiero escribir sobre él. Si puedo lo haré el fin de semana.

Llevo 3 días con el iTouch, y ya estoy enamorado. No recuerdo un amor tan grande hacia un aparatejo desde que me compré la GameBoy (la primera monocolor :D). Sin duda soy más feliz y aunque suene a tópico mi calidad de vida a mejorado con él. Había un par de problemillas de funcionamiento que me estaban molestando pero se han solucionado con estos trucos de uso para el iTouch.

Borrar un video

  1. Pulsamos el icono de “Video”
  2. Deslizamos el dedo hacia la derecha (o izquierda) sobre el video que deseamos borrar.
  3. Nos aparecerá un botón con el que podremos eliminar el video directamente desde el iTouch.

Pausar y ajustar el volumen cuando está bloqueado

  1. Estando el iTouch bloqueado
  2. Hacemos doble-click sobre el botón de Menú (el único boton en la parte delantera).
  3. Nos aparecerá un menú con la posibilidad de cambiar de canción (delante o atrás), pausa y los controles de volumen.

Reordenar iconos del menú de “Musica”

  1. Pulsamos el icono “Música”
  2. Pulsamos el submenú “Más”
  3. En la parte superior izquierda hay un botón “Editar”, lo pulsamos.
  4. En ese punto podemos reordenar nuestro submenú.

Usar carácteres especiales al escribir

umlauts.jpg

  1. Con el teclado visible
  2. Mantenemos pulsada la tecla que contiene los carácteres especiales.
  3. Nos aparece una ventanita con las diferentes opciones sobre esa letra.
  4. Pulsamos y esa letra se traspasa a nuestra área de texto.

Gestionar una lista de tareas

Via Lifehack [Video explicativo

  1. Pulsamos sobre “Ajustes”
  2. Seleccionamos “Contactos”
  3. Modificamos el orden pulsando sobre “Ordener como”
  4. Nos aseguramos de que esté seleccionado “Apellido, nombre”
  5. Volvemos al menú y seleccionamos “Contactos”
  6. Pulsamos “+” para añadir un nuevo contacto
  7. Pulsamos sobre “Nombre Apellido” para empezar a introducir los datos.
  8. Para el nombre podremos el Grupo de tareas (nos permite gestionar diferentes grupos de tareas).
  9. En el apellido introducimos un valor numérico que indicará la prioridad de dicha tarea dentro de este grupo.
  10. Podemos añadir más información al contact/tarea
  11. Vamos a nuestra tarea recien creada, editamos y pulsamos sobre “Añadir Campo”
  12. Seleccionamos el tipo del campo nuevo “Nota”
  13. Escribimos nuestra tarea.

Desde el iTouch

9 Oct

+ 11

Esta entrada esta patrocinada por el ipod touch. Para ella he decidido escribirla desde mi nuevo, flamante, brillante y lleno de dedazos iTouch!!! Como cuesta un huevo escribir con este teclado, no me voy a enredar mucho. Pido disculpas por los palabros que me puedan salir debido a mis dedazos en este tecladito.

iTouch

Impresiones

La primera impresion es genial, elegante todos los detalles tan cuidados como apple nos tiene acostumbrados. Van pasando los minutos y las sensaciones mejoran, la pantalla multitactil es una maravilla, sensible al mas minimo roce. La navegacion por los menus, otra maravilla. Lo que comentan sobre la usabilidad es completamente cierto, facil, facil. Se hace realmente sencillo manejarte por la aplicación, aunque mi hermana no supo desbloquearlo… pero mi hermana y la tecnología no se llevan nada bien :D

La conexión wifi pese a lo que creia, es rapida y muy facil de configurar. Me he llevado una grata sorpresa al ver que la version de Safari tiene la posibilidad de navegacion mediante pestañas, un sistema algo menos comodo que el sistema de pestañas que conocemos, pero una interesante solucion.

Problemas

Por ahora, aun es un poco pronto, no he tenido ningun problema aunque:

  • No se puede cambiar el fondo del menu, aunque negro sea muy bonito, se echa de menos un poco mas de personalizacion.
  • Escribir correctamente, con acentos y caracteres especiales, se hace extremadamente complicado y lento. Supongo que con practica mejorara.
  • Los controles de ipod son un poco mas complicados. Osea para poner tu puntuacion la primera vez hay que buscarlo.
  • La pantalla se llena de dedos, aunque no lo hayas tocado. Es frustrante querer tenerlo limpio.
  • El tema de las aplicaciones de ser solucionado por apple, si permiten que la gente desarrolle aplicaciones propias, el iTouch (iPhone) sera sin duda un bombazo, mas de lo que ha sido ya.

Bueno, prometo hacer un analisis mas exhaustiva desde el punto de vista de un desarrollador, pero cuando haya trasteado todo lo que ofrece :D