¿Dónde puedo obtener información sobre cómo usar html5 para aplicaciones de bases de datos del lado del cliente?

Me gustaría comenzar a utilizar la funcionalidad de base de datos del lado del cliente de html5, pero no sé a dónde ir para una buena introducción/tutorial/cómo hacerlo. He estado codificando (x) html durante años y años, así que no estoy demasiado interesado en el tipo de introducción "aquí está el <head> elemento"; Quiero aprender acerca de lo que es nuevo en html5 en general, y en el lado del cliente db en particular. ¿Alguna sugerencia?¿Dónde puedo obtener información sobre cómo usar html5 para aplicaciones de bases de datos del lado del cliente?

Fuente

2009-06-13 Alex Basson

Si encontraste la respuesta útil, márcala como respondida :) –

aquí: http://www.weboshelp.net/webos-tutorials/156-palm-webos-html5-database-storage-tutorial :)

Otro enlace útil:

http://www.scribd.com/doc/4012693/Abusing-HTML-5-Structured-Clientside-Storage

Fuente

2009-06-13 15:31:03

(sé que está dirigida al sistema operativo palm web pero es porque usan la última compilación de webkit que admite el almacenamiento db del lado del cliente HTML5) –

Gracias. Algo extraño, sin embargo: revisé el primer enlace de arriba, y no se muestra correctamente, ni en Safari 4 ni en Firefox 3 (ambos en Mac OS X). Es como si el texto se desplazara 20px más o menos, y por lo tanto fuera de la ventana. ¿Se trata sólo de mí? El tercer enlace parece prometedor; Probablemente lo verifique más a fondo mañana. Gracias de nuevo. –

Alex, escribí un método detallado de cómo hacerlo en: http://wecreategames.com/blog/?p=219 - incluyendo la fuente código para descargar. He aquí algunos fragmentos:

function picsInitDatabase() { 
    try { 
     if (!window.openDatabase) { 
      console.log('Databases are not supported in this browser'); 
     } else { 
      var shortName = 'picsGeoDB'; 
      var version = '1.0'; 
      var displayName = 'Pictures Geotagged database'; 
      var maxSize = 5000000; // in bytes 
      picsDB = openDatabase(shortName, version, displayName, maxSize); 
      console.log("Database is setup: "+picsDB); 
     } 
    } catch(e) { 
     // Error handling code goes here. 
     if (e == 2) { 
      // Version number mismatch. 
      console.log("Invalid database version."); 
     } else { 
      console.log("Unknown error "+e+"."); 
     } 
     return; 
    } 
}

Y aquí hay una función para actualizar la tabla:

function picsUpdateTables(dataID) { 
    picsDB.transaction(
     function (transaction) { 
      var p = data[dataID]; 
      transaction.executeSql("INSERT INTO geopictures (id, secret, server, farm, title, latitude, longitude, accuracy, datetaken, ownername) VALUES (?,?,?,?,?,?,?,?,?,?);", 
      [p.id, p.secret, p.server, p.farm, p.title, p.latitude, p.longitude, p.accuracy, p.datetaken, p.ownername]); 
      transaction.executeSql("INSERT INTO photodata (picid, encodedtext) VALUES (?, ?)", [p.id, serializeCanvasByID(p.id)]); 
     } 
    ); 
}

Ver el blog para ver ejemplos de cómo hacer SELECTS SQL, y un video que muestra cómo probar en algunos navegadores

Fuente

2009-06-19 18:08:05 JayCrossler

El código fuente descargable hace que esto valga la pena por completo. Gran trabajo. –

¿Dónde puedo obtener información sobre cómo usar html5 para aplicaciones de bases de datos del lado del cliente?

Respuesta

Cuestiones relacionadas