DOJO

Curso “Diseño de Interfaces de Usuario Web para
aplicaciones RIA mediante Dojo y Maqetta”.
Maqetta”

ISC – Diciembre 2011
Paulo Clavijo Esteban
clavijo_pau@ingenieriadesoftware.com

1Agenda
Introducción a Dojo y Maqetta.
Diseñando una primera interfaz de usuario.
Widgets: Contenedores y Controladores.
Diseño de formularios.
Interactividad mediante "Estados deAplicación".
Edición de temas y estilos.
Exportando a los desarrolladores.
Principios de diseño y usabilidad.
Herramientas depuración Web: Firebug.
Comunicación con el servidor via Json-RESTful.

ISC -2011

Paulo Clavijo Esteban
clavijo_pau@ingenieriadesoftware.com

2

Objetivo Principal

ISC - 2011
Paulo Clavijo Esteban
clavijo_pau@ingenieriadesoftware.com

3

¿Qué es Dojo?Dojo es un framework que contiene APIs y widgets
(controles) para facilitar el desarrollo de
aplicaciones Web modernas.

ISC - 2011
Paulo Clavijo Estebanclavijo_pau@ingenieriadesoftware.com

4

Características principales de Dojo

Proyecto Open Source desarrollado por una
comunidad de expertos.
Dojo provee de un sistema de paquetes para
facilitar el desarrollo modular.Multitud de componentes visuales que permiten el
desarrollo rápido de interfaces de usuario
complejas.
Múltiples implementaciones para Acceso a Datos,
incluido Json-Rest.

ISC - 2011
PauloClavijo Esteban
clavijo_pau@ingenieriadesoftware.com

5

Arquitectura Dojo
Como caja de herramientas, la arquitectura de Dojo Toolkit
consta de una serie de componentes principales.
DojoBase
Dojo Core
Dijit (Dojo Widget)
DojoX
Util

ISC - 2011
Paulo Clavijo Esteban
clavijo_pau@ingenieriadesoftware.com

6

Cargando Dojo
Importar tema y estilos CSS.
Cargar lalibrería JavaScript dojo.js (Dojo Core).
Incluir otros módulos a utilizar.


  
    
      @import "themes/claro/claro.css";
      @import "lib/dojo/dojo/resources/dojo.css";
    
    
    ...