Hola Mundo en HTML5 para Blackberry Playbook


Indice:

Hay muchas formas de crear un proyecto para Blackberry en html5 o para cualquier dispositivo, en este mini curso lo haremos de la manera mas sencilla haciendo la estructura y añadiendo los ficheros necesarios para despues poder empaquetar la aplicación.

El objetivo de este curso no es enseñarles a hacer un gran desarrollo, sino presentarles la forma para que ustedes mismos comiencen a desarrollar algo mas pensado y que aproveche características como frameworks, apis e interfaces. Tal vez en un futuro publique alguna guía sobre como usar geolocalizacion, api de twitter, facebook, youtube, jquery mobile, canvas de html5  o uso de base de datos.

Nos interesa hacer un Hola Mundo y añadir una funcion en javascript y estilo con css.

Creacion del proyecto

El proyecto constara de 3 archivos esenciales y un directorio

  • index.html
  • config.xml
  • icon.png
  • Una carpeta de salida (OUTPUT en mi caso)

Contenido del archivo index.html

[html]
<!DOCTYPE html>
<html>
<head>
<title>Hola Mundo</title>
</head>
<body>
<h1>Hola Mundo</h1>
</body>
</html>
[/html]

Contenido del archivo config.xml

[xml]
<?xml version="1.0" encoding="UTF-8"?>
<widget xmlns="http://www.w3.org/ns/widgets" xmlns:rim="http://www.blackberry.com/ns/widgets"
version="1.0.0.0">
<name>holamundo</name>
<icon src="icon.png"/>
<content src="index.html"/>
</widget>
[/xml]

Creamos un icono para la aplicacion icon.png
Puede ser transparente y recomiendo la medida 80px por 86px

Nuestra aplicacion la podemos probar en cualquier navegador y el resultado sera una ventana con un titulo Hola Mundo y un encabezado Hola Mundo, nada del otro planeta.

Si quisieramos añadir alguna funcion javascript, otro documento html para referencia o una hoja de estilos solo debemos especificarlo (javascript y css en el <head>) y colocar los archivos en la carpeta que contiene todo el proyecto
El archivo XML es muy importante ya que dentro estara la informacion de la aplicacion, se le pueden añadir otros elementos como author, description y muy importante permisos, hay una documentacion completa en: https://developer.blackberry.com/html5/documentation/working_with_config_xml_file_1866970_11.html la necesitaran para proyectos mas ambiciosos.

Indice:


Acerca de darkaw_remse

Administrador de poca monta, mi interes principal dentro de la informatica es la programacion web, entusiasta de las nuevas tecnologias en hardware y software. Sueño con tener un sitio que cobre inteligencia propia =p

Deja un comentario