Crear Webworks con HTML 5 para Blackberry 10. Introducción


Captura de pantalla 2012-12-29 a la(s) 21.12.21

Una tendencia que se ha acentuado mas en este 2012, es el hecho de poder desarrollar aplicaciones para distintas plataformas haciendo uso de las tecnologías web, como lo que es HTML 5, CSS3 y javascript; y Blackberry no es la excepción ofreciéndonos  varias formas para desarrollar apps para sus distintas plataformas, por lo que en esta serie de post veremos como desarrollar webworks para Blackberry 10, que esta próximo a su salida.

Lo primero sera analizar que clase de herramientas necesitamos:

  1. Editor web (Dreamweaver, Sublime, Webmatrix, hasta el block de notas)
  2. Navegador Chrome
  3. Emulador Ripple
  4. VM player (para Windows) o VM fusion (para Mac)
  5. Maquina virtual de Blackberry 10

 

En lo que respecta al primer y segundo punto no hay mucho que decir, son solo un editor web de nuestra elección y el navegador Google Chrome, a este ultimo debemos agregarle el Emulador Ripple, el cual permite visualizar cualquier pagina web dentro de cualquier dispositivo Blackberry.

El emulador Ripple se instala como una extensión de Chrome, por lo que la forma mas fácil de instalarlo será ir a la tienda de aplicaciones para Google Chrome

Captura de pantalla 2012-12-29 a la(s) 20.20.13

 

Ahora solo debemos usar la casilla de buscar de la Chrome Web Store,  y hacer clic en el botón de añadir.

Captura de pantalla 2012-12-29 a la(s) 20.21.03

 

Una vez instalado, podemos usar el icono en la barra de navegación para activarlo y seleccionar que vamos a crear Webworks

Captura de pantalla 2012-12-29 a la(s) 20.22.59

 

Como se puede observar en la imagen anterior, se visualiza la pagina de Google dentro de la emulación de Blackberry 10.

Ahora bien, lo siguiente será el SDK para Blackberry 10, que lo podemos descargar desde la pagina:

https://developer.blackberry.com/html5/download/

Al ejecutar el instalador deberemos seguir las instrucciones y en la primera ventana hacer clic en el botón de Next (siguiente)

 

Captura de pantalla 2012-12-29 a la(s) 20.24.15

 

 

En la ventana siguiente debemos aceptar los acuerdos de la licencia y hacer clic en el botón next.

 

Captura de pantalla 2012-12-29 a la(s) 20.24.29

 

La ventana siguiente es muy importante, al menos en Windows, si estamos usando dicho sistema operativo debemos crear una carpeta para instalar el SDK, dicha carpeta recomendamos que este en la raíz del disco duro y que tenga un nombre sin espacios, ya que por alguna razón da problemas si no lo hacemos así en Windows, situación que no ocurre si lo hacemos desde Mac OS.

 

Captura de pantalla 2012-12-29 a la(s) 20.25.04

 

El SDK no s ayudara a empaquetar, validar y firmar nuestras aplicaciones, pero si deseamos probarlo dentro de un dispositivo virtual tendremos que conseguir el VMWare player si estamos usando Windows y el VMwarew fusion para Mac.

 

Captura de pantalla 2012-12-29 a la(s) 23.55.07

 

La imagen del sistema operativo se descarga de la pagina que ya mencionamos anteriormente.

 

 

 

 

 

 

 

 

 

Anuncios

Acerca de sistemasumma

Blog dedicado a la tecnología y a todos los estudiantes de sistemas, informatica, computación y afines
Esta entrada fue publicada en Lenguajes de aplicaciones y etiquetada , , , , , . Guarda el enlace permanente.

¿Qué estas pensando?

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s