1. Aplicaciones orientadas a datos
en BlackBerry PlayBook
Mariano Carrizo
COM34
Octubre 18 - 20, 2011

2. Agenda
Descarga simple de datos
Flex data components
Protocolo AMF
Remote Objects
Sistema de archivos
Bases de datos
@kiwox– 2

3. Descarga simple de datos
URLLoader

4. URLLoader
El Camino Simple
Clase nativa ActionScript 3
Permite la descarga de contenidos en varios formatos
 Text
 URL encoded variables
 Binary
Informa el progreso de descarga
 URLLoader.bytesLoaded
 URLLoader.bytesTotal
Dispone los datos una vez completada la descarga
@kiwox– 4

5. URLLoader
Ejemplo
protected var ldr:URLLoader;
protected function loadData():void {
ldr = new URLLoader();
ldr.addEventListener(Event.COMPLETE, onDataComplete);
ldr.addEventListener(IOErrorEvent.IO_ERROR, onError);
try {
ldr.load(new URLRequest("datos.php"));
} catch(e:Error) {
trace("Error al descargar datos");
}
}
@kiwox– 5

6. URLLoader
Ejemplo
protected function onDataComplete(event:Event):void {
trace(ldr.data);
}
protected function onError(event:IOErrorEvent):void {
trace("Error: "+event.errorID);
}
@kiwox– 6

7. URLLoader
Datos en Formato XML
protected var xmlData:XML;
protected function onDataComplete(event:Event):void {
xmlData = XML(ldr.data);
for(var i:String in xmlData.item) {
trace(xmlData.item[i].titulo);
}
}
@kiwox– 7

8. URLLoader
Datos en Formato Binario
ldr = new URLLoader();
ldr.dataFormat = URLLoaderDataFormat.BINARY;
ldr.addEventListener(Event.COMPLETE, onDataComplete);
ldr.addEventListener(IOErrorEvent.IO_ERROR, onError);
ldr.addEventListener(ProgressEvent.PROGRESS, onProgress);
try {
ldr.load(new URLRequest("imagen.png"));
} catch(e:Error) {
trace("Error al descargar imagen");
}
@kiwox– 8

9. Flex Data Components
Abstrayendo Las Tareas

10. Flex data components
Abstrayendo Las Tareas
Simplifican la intermediación con el servidor
Disponen los datos listos para usarlos
Admiten formatos más complejos
 XML
 JSON
 AMF
 Objeto/Array
Permiten enlazar a componentes visuales
 List, TextArea, etc.
@kiwox– 10

11. Flex data components
HTTPService
Obtiene datos directos de estilo REST
Inicia la llamada con el método send()
El resultado estará disponible en la propiedad
lastResult
@kiwox– 11

12. Flex data components
HTTPService
<fx:Declarations>
<s:HTTPService id="servicio"
url="miServicio.php" />
</fx:Declarations>
<s:Button label="Descargar" click="servicio.send()" />
<s:List dataProvider="{servicio.lastResult.rss.channel.item}"
/>
@kiwox– 12

13. Flex data components
WebService
Interactúa con servicios WSDL
Soporta protocolo SOAP
Permite el envío de parámetros a métodos específicos
Los resultados pueden ser enlazados o esperados en
métodos callBack
Podemos configurar cada operación con elementos
<s:operation>
@kiwox– 13

14. Flex data components
WebService
<s:WebService id="servicio"
wsdl="http://ws.invesbot.com/stockquotes.asmx?WSDL">
<s:operation name="GetQuote" resultFormat="object"
result="quoteResultHandler(event)">
<s:request>
<symbol>SYMBOL</symbol>
</s:request>
</s:operation>
</s:WebService>
@kiwox– 14

15. Demo
Acceso a Datos Remotos
@kiwox– 15

16. Protocolo AMF
Transferencia Binaria de Datos

17. Protocolo AMF
Transferencia Binaria de Datos
Active Message Format
Formato nativo ActionScript
 ActionScript 2: AMF0
 ActionScript 3: AMF3
Soporta datos primitivos y compuestos
 String, Number, Null, Boolean…
 Object, Array, XML, ByteArray
 Objetos personalizados (ValueObjects)
Especificación AMF3: http://goo.gl/b3qbk
@kiwox– 17

18. Protocolo AMF
Transferencia Binaria de Datos
Desde ActionScript utilizando NetStream
En conjunto con Flash Media Server bajo protocolo rtmp:/
Permite instanciar objetos remotos (servidor)
Soporte disponible en la mayoría de servidores
@kiwox– 18

19. Protocolo AMF
Transferencia Binaria de Datos
var netConnection:NetConnection = new NetConnection();
var responder:Responder = new Responder();
netConnection.connect(“http://localhost/Amfphp/”);
netConnection.call(“DataService/getRecords”, responder);
@kiwox– 19

20. Remote Objects
servicio.getAll()
Servidor
ObjectVO[]
Clases PHP
<s:RemoteObject id="servicio” fault="faultHandler(event)” showBusyCursor="true” destination="zend" />
@kiwox– 20

21. Remote Objects
services-config.xml
<services-config>
<services>
<service id="zend-service"
class="flex.messaging.services.RemotingService”
messageTypes="flex.messaging.messages.RemotingMessage">
<destination id="zend">
<channels>
<channel ref="zend-endpoint"/>
</channels>
<properties>
<source>*</source>
</properties>
</destination>
</service>
</services>
<channels>
<channel-definition id="zend-endpoint” class="mx.messaging.channels.AMFChannel">
<endpoint uri="http://example.com/server.php” class="flex.messaging.endpoints.AMFEndpoint"/>
</channel-definition>
</channels>
@kiwox– 21
</services-config>

22. Persistencia de Datos
Almacenamiento en el Dispositivo

23. Sistema de Archivos
File
 Localiza y resuelve punteros a archivos
 Permite consultar propiedades y existencia
FileStream
 Flujo de lectura/escritura de datos

24. Sistema de Archivos
Localizar Crear Flujo de Leer Datos Cerrar Flujo
Recurso Datos
@kiwox– 24

25. Sistema de Archivos
Localizar Crear Flujo de Escribir Datos Cerrar Flujo
Recurso Datos
@kiwox– 25

26. Sistema de archivos
var archivo:File = File.documentsDirectory.resolvePath(“datos/listado.xml”);
if(archivo.exists) {
…
}
@kiwox– 26

27. Directorios
File.applicationDirectory
 <appDir>/app/air/
File.applicationStorageDirectory
 <appDir>/data/
File.documentsDirectory
File.desktopDirectory
 /shared/documents/
@kiwox– 27

28. FileStream
var fs:FileStream = new FileStream();
fs.open(archivo, FileMode.READ)
FileMode.READ
FileMode.WRITE
FileMode.APPEND
FileMode.UPDATE
@kiwox– 28

29. FileStream
var datos:File = File.applicationStorageDirectory.resolvePath("datos.txt");
var fs:FileStream = new FileStream();
fs.open(datos, FileMode.WRITE);
try {
fs.writeUTFBytes("Hola mundo");
} catch(e:Error) {
trace("Error escribiendo");
}
fs.close();
@kiwox– 29

30. FileStream
var datos:File = File.applicationStorageDirectory.resolvePath("datos.txt");
var fs:FileStream = new FileStream();
fs.addEventListener(Event.COMPLETE, completeHandler);
fs.openAsync(datos, FileMode.READ);
var str:String = "";
function completeHandler(event:Event):void {
str = fs.readUTFBytes(fs.bytesAvailable);
}
@kiwox– 30

31. FileStream
var datos:File = File.applicationStorageDirectory.resolvePath("datos.txt");
var fs:FileStream = new FileStream();
fs.addEventListener(ProgressEvent.PROGRESS, progressHandler);
fs.addEventListener(Event.COMPLETE, completeHandler);
fs.openAsync(datos, FileMode.READ);
var str:String = "";
function progressHandler(event:ProgressEvent):void {
str += fs.readUTFBytes(fs.bytesAvailable);
}
function completeHandler(event:Event):void {
trace("Datos listos");
}
@kiwox– 31

32. Bases de Datos
SQLite en Adobe AIR
@kiwox– 32

33. SQLite
SQLConnection
 Objeto conector
 Localiza el recurso y maneja las transacciones
@kiwox– 33

34. SQLite
var conn:SQLConnection = new SQLConnection();
conn.addEventListener(SQLEvent.OPEN, openHandler);
conn.addEventListener(SQLErrorEvent.ERROR, errorHandler);
var folder:File = File.applicationStorageDirectory;
var dbFile:File = folder.resolvePath("DBSample.db");
conn.openAsync(dbFile);
function openHandler(event:SQLEvent):void
{
trace(”Base de datos abierta");
}
function errorHandler(event:SQLErrorEvent):void
{
trace(“Error:”, event.error.message);
trace(“Detalles:”, event.error.details);
}
@kiwox– 34

35. SQLite
var conn:SQLConnection = new SQLConnection();
var folder:File = File.applicationStorageDirectory;
var dbFile:File = folder.resolvePath("DBSample.db");
try
{
conn.open(dbFile);
trace(”Base de datos abierta");
}
catch (error:SQLError)
{
trace("Error:", error.message);
trace(”Detalles:", error.details);
}
@kiwox– 35

36. SQLite
SQLStatement
 Transacciones individuales
 Pueden ser asincrónicas
@kiwox– 36

37. SQLite
var createStmt:SQLStatement = new SQLStatement();
createStmt.sqlConnection = conn;
var sql:String =
"CREATE TABLE IF NOT EXISTS employees (" +
" empId INTEGER PRIMARY KEY AUTOINCREMENT, " +
" firstName TEXT, " +
" lastName TEXT, " +
" salary NUMERIC CHECK (salary > 0)" +
")";
createStmt.text = sql;
createStmt.addEventListener(SQLEvent.RESULT, createResult);
createStmt.addEventListener(SQLErrorEvent.ERROR, createError);
createStmt.execute();
@kiwox– 37

38. SQLite
conn.open(dbFile, OpenMode.UPDATE);
conn.begin();
var insertCustomer:SQLStatement = new SQLStatement();
insertCustomer.sqlConnection = conn;
insertCustomer.text =
"INSERT INTO customers (firstName, lastName) " +
"VALUES ('Bob', 'Jones')";
insertCustomer.execute();
var customerId:Number = insertCustomer.getResult().lastInsertRowID;
conn.commit();
@kiwox– 38

39. SQLite
var insertPhoneNumber:SQLStatement = new SQLStatement();
insertPhoneNumber.sqlConnection = conn;
insertPhoneNumber.text =
"INSERT INTO customerPhoneNumbers (customerId, number) " +
"VALUES (:customerId, '800-555-1234')";
insertPhoneNumber.parameters[":customerId"] = customerId;
insertPhoneNumber.execute();
conn.commit();
@kiwox– 39

40. SQLite
try {
var insertPhoneNumber:SQLStatement = new SQLStatement();
insertPhoneNumber.sqlConnection = conn;
insertPhoneNumber.text =
"INSERT INTO customerPhoneNumbers (customerId, number) " +
"VALUES (:customerId, '800-555-1234')";
insertPhoneNumber.parameters[":customerId"] = customerId;
insertPhoneNumber.execute();
conn.commit();
} catch (error:SQLError) {
conn.rollback();
} @kiwox– 40

41. SQLite
Bases de datos encriptadas
 Utilizan una llave en formato ByteArray
public function open(reference:Object = null,
openMode:String = "create",
autoCompact:Boolean = false,
pageSize:int = 1024,
encryptionKey:ByteArray = null):void
@kiwox– 41

42. SQLite
var conn:SQLConnection = new SQLConnection();
var encryptionKey:ByteArray = new ByteArray();
encryptionKey.writeUTFBytes(”CadenaDe16Bytes");
conn.openAsync(dbFile, SQLMode.CREATE, null, false, 1024, encryptionKey);
@kiwox– 42

43. Demo
Manejo de Datos
@kiwox– 43

44. Más Información…
Recursos
 Adobe DevNet: http://www.adobe.com/devnet/devices.html
 Tour de Flex: http://www.adobe.com/devnet/flex/tourdeflex.html
 Adobe TV: http://tv.adobe.com/
 Libro Flex 4.5: http://goo.gl/RcKXJ
@kiwox– 44

45. ¡Muchas Gracias!
Mariano Carrizo
COM34
Octubre 18 - 20, 2011