Archive for the 'Pami' Category

Registros diferentes de dos tablas

Posted February 18, 2008 * Comments(10)

Pues si!! no me acordaba de como hacer una join en condiciones....

PLAIN TEXT
SQL:
  1. SELECT tabla1.id, tabla2.id
  2. FROM tabla1 LEFT JOIN tabla2 ON tabla1.id = tabla2.id
  3. WHERE tabla2.id IS NULL

Mediante la clausula "LEFT Join" fuerzas a listar todos los registros de la tabla 1 y con el "is
null" del "where" los filtras mostrando sólo los que no tengan su correspondiente id en la tabla 2.

PAMI: Aprendiendo DJANGO con ejemplos(3): Trabajando

Posted February 11, 2008 * Comments(0)

En el ultimo post, conseguimos enviar objetos javascript via JSON a nuestro servidor, la información es serializada en la base de datos en este capitulo.

Antes de empezar, dejarme allanar el camino, el schema (estructura) de la Base de datos es modificada de esta forma:

PLAIN TEXT
PYTHON:
  1. class Book(models.Model):
  2.     isbn = models.CharField(maxlength=10, primary_key=True)
  3.     pub_date = models.DateField(’data published’)

La razón de este cambio la encontramos en que AWS devuelve ISBN-10 como ASIN, Podremos sacar provecho de ello, Otro cambio es la substitución de DateTimeField by DateField para el atributo pub_date. Django no soporta seamless database scheme hasta el momento. Debermos eliminar la basede datos y regenerar tal y como esta descrito. El username/password para la nueva database es admin/gelman como costumbre.

Es bastante molesto un error 500 sin ninguna razón, El servidor Web de Django se come la excepcion por naturaleza, podremos contralar el bug sospechoso con un codigo try/except como este:

PLAIN TEXT
PYTHON:
  1. try :
  2.           // database access
  3.     except :
  4.           print sys.exc_info()[0]

Bien, InterfaceError o IntegrityError es el error que muestra en la inserción en la Base de datos, pero porque? las shells interactives son nuestras mejores amigas, podemos usar pdb o [HTML]python manage.py shell[HTML].

Mea culpa, olvidamos que el valor de regreso de get_or_create es una tupla, en vez de un objeto, y para la relación de muchos a muchos, no nos vale simplemente con el conjunto de valores de la lista, necesitamos usar un metodo add despues de que el objeto sea contruido:

PLAIN TEXT
PYTHON:
  1. for item in simplejson.loads(request.POST[‘items’]):
  2.      publisher, created = Publisher.objects.get_or_create(name=item[‘publisher’])
  3.      authors = [Author.objects.get_or_create(name=au) for au in item[‘authors’]]
  4.      authors = [author for (author, created) in authors];
  5.      y,m,d = [int(x) for x in item[‘pub_date’].split(‘-’)]
  6.      pub_date = date(y, m, d)
  7.      book, created = Book.objects.get_or_create(isbn=item[‘isbn’], name=item[‘title’],
  8.        pages=300, pub_date=pub_date, publisher=publisher)
  9.      book.authors.add(*authors)
  10.     #print sys.exc_info()[0]
  11.    return HttpResponseRedirect(‘/admin/library/book/’)

Llegamos al final, debemos hacer un redirect del navegador a la nueva url.

Al parecer la base de datos esta actualizada pero la pagina no se redirije, desde que es lanzado el post en una petición AJAX, necesitamos enviar un objeto JSON como respuesta. En el servidor, simplejson.dump es usado:

PLAIN TEXT
PYTHON:
  1. xhr = {’succeed’: [], ‘failed’: []};
  2.     for item in simplejson.loads(request.POST[‘items’]):
  3.      # … ….
  4.      try :
  5.          book, created = Book.objects.get_or_create(isbn=item[‘isbn’], name=item[‘title’],
  6.                  pages=300, pub_date=pub_date, publisher=publisher)
  7.          book.authors.add(*authors)
  8.      except :
  9.          xhr[‘failed’].append(item[‘title’])
  10.      xhr[’succeed’].append(item[‘title’])
  11.  
  12. return HttpResponse(simplejson.dumps(xhr), mimetype=‘text/javascript’);

En el cliente, evaluaremos el string JSON que propaga los nodos del DOM.

PLAIN TEXT
JavaScript:
  1. dojo.xhrPost({
  2.           url: dojo.byId(“book_form”).action,
  3.           content: { items: dojo.toJson(formdata) },
  4.       }).addCallback(function(response) {
  5.           var result = dojo.fromJson(response);
  6.           var messages = dojo.query(“ul[@class=messagelist]”)[0]
  7.           dojo.forEach(result.failed, function(item) {
  8.               var msg = document.createElement(“li”);
  9.               msg.innerHTML = “<li><em>” + item + “</em> <strong>failed</strong> to add.</li>”
  10.               messages.appendChild(msg);
  11.       });
  12.       dojo.forEach(result.succeed, function(item) {
  13.           var msg = document.createElement(“li”);
  14.           msg.innerHTML = “<em>” + item + “</em> successfully added.”
  15.           messages.appendChild(msg);
  16.       });
  17. });

El resultado final tiene esta pinta:
Add books with feedback

check r19 para los detalles.

PAMI: Aprendiendo DJANGO con ejemplos(2): Muestrame información

Posted February 11, 2008 * Comments(1)

Fuente: http://www.kunxi.org/archives/2007/09/learning-django-by-example2-show-me-your-data/

Sigo con mis traducciones sobre Django.

En el ultimo apunte, hicimos un rápido (y feo) prototipo para que Gelman funcionara. En este apunte, quiero usar XSLT para lo que necesitemos.

Si nos has probado XSLT, revisa XSLT (for dummies o la referencia oficial). XSLT es una potente herramienta, si solo te interesa la extracción de datos, deberías comparar los esfuerzos de parsear XML, con PyAWS.

Es simple y muy estúpido, desde que AWS (Amazon WebServices) soporta tanto consultas por ISBN o busquedas por Keyword, nosotros podemos combinar la entrada de dos cajas de texto como si fuera una y enviar diferentes peticiones validando el ISBN basándonos en el conocimiento de AWS. Check r12 para la implementacion, la imagen:
Add book by search

En Check r14, Intentaremos probar dojo.query como alternativa a jQuery, es muy guay referenciar a los objetos usando sintaxis CSS.

PLAIN TEXT
JavaScript:
  1. dojo.forEach(dojo.query(“#book_form input[@class=incoming]”), function(item) {
  2.                if (item.value != “”) {
  3.                        formdata.push(cache[i]);
  4.                }
  5.                i++;
  6.      });

En el anterior fragmento de codigo, cache contiene los objetos JSON de la petición a AWS, si un fichero es adjuntado para enviar (incoming) [No termino de entenderlo, la verdad] (el upload no funciona todavía, de momento utilizaremos como marca), el meta data correspondiente es recogido en el formdata. La ultima pregunta es como enviamos esto al servidor.

JSON es soportado por ambos lados (cliente y servidor) por ejemplo dojo.json y django.utils.simplejson. En el lado del cliente, serializaremos el javascript como una cadena de texto JSON:

PLAIN TEXT
JavaScript:
  1. dojo.xhrPost({
  2.                 url: dojo.byId(“book_form”).action,
  3.                 content: { items: dojo.toJson(formdata) },
  4.         }).addCallback(function(response) {

Y en el lado del servidor, cargaremos los objetos Python desde la cadena de texto JSON. Check r16 para la implementación.

PLAIN TEXT
PYTHON:
  1. items = simplejson.loads(request.POST[‘items’])

En el próximo capitulo podríamos hablar sobre como manipular base de datos usando la django's database API

PAMI: Mejorar la usabilidad de tu web con Patrones de diseño de Interacción

Posted February 5, 2008 * Comments(2)

A ver voy a colgar 2 enlaces de usabilidad que me parecen buenísimos porque te muestra ejemplos claros sobre como hacer las cosas bien en tuweb, con casos reales, razonando el porque.

Sobreentiendo que todos sabemos lo que es la Usabilidad (sino lo sabes) y que uno de sus máximos (aun teniendo detractores) es Jakob Nielsen y hemos leído el famoso articulo de "Se breve, escribir para la Web" o otros parecidos.

UI-patterns me ha gustado bastante, pero welie me ha gustado más todavia, os comento y traduzco algun articulo de UI-Patterns que me ha paracido interesante pero repito, recomiendo su lectura intensa.

La Caja de Texto con ayuda en linea, este patrón nos indica que es una muy buena solución añadir ayuda contextual a nuestras cajas de texto, indicando que es lo que debemos poner en esta en concreto, proporcionando la posibilidad de ocultarlo en el caso de que al usuario le estorbe.

 Como podemos ver en el articulo sobre este patrón nos informa sobre los diferentes usos y técnicas que se utilizan y permiten mejorar esta situación, por ejemplo:

Lo usaremos cuando nuestra interacción en el site no es necesariamente intuitiva y autoexplicatoria, deberemos tener en cuenta que el usuario no conoce el site, ni siquiera exactamente que es lo que hace  o para que sirve, por lo tando deberiamos ponerselo lo más facil posible.

Creo que los desarrolladores pecamos por defecto, por lo tanto si actuamos en exceso, probablemente esta sea la justa medida.

Lo usaremos para motivar al usuario a empezar a usar el sistema, por ejemplo a registrarse, a entrar a una demo, etc.

Introduciremos de una manera suave a las fucionalidades (nuevas o antiguas) a un usuario nuevo o inexperto en el uso de internet.

Usaremos también la funcionalidad de ocultar estos mensajes para evitar la frustración del usuario experimentado.
Os aconsejo revisar el articulo, bueno el website entero.

Logo welie

Para el final el mejor a mi opinión, Welie Libreria de patrones de Diseño de Interacción.

A Pattern Library for Interaction Design

This site contains a lot of best practices in Interaction Design. Over the years I have collected examples and insight on their applicability that I share with you here on this site.

Este sitio contiene muchas de las mejores practicas en Diseño de Intereacción, A lo largo de los años he ido almacenando ejemplos y comentado acerca de su aplicabilidad, y lo comparto con vosotros en este site.

Navegación principal este patrón es de los mas útiles para estudiarse y repasarse, los usuarios necesitan saber donde pueden encontrar lo que buscan.

Pon siempre en un lugar visible y fijo, el menú de la pagina. Apóyate del menú principal con herramientas adicionales de navegación. El articulo habla sobre las formas para hacerlo y los diferentes posibilidades, es un recurso súper interesante.

Os vuelvo a recomendar su lectura intensa, me encanta su clasificación de patrones, y su esquema en cada articulo de Problema, Solución, Cuando usar, Com, Porque, Ejemplos, Implementación, Lecturas, repito es super completo.

Categorias de welie

En las categorías podemos encontrar, patrones de elementos de navegación, búsqueda en el website, Compras, Modificación de información, etc.

Pero cuando hablamos de  usabilidad seria injusto no hablar de usalo.

 Uno de las fuentes de referencia en español que utilizo sobre usabilidad en sitios web, os recomiendo sus articulos de:

« Previous Page — Next Page »