Upload
guerroncp
View
234
Download
0
Embed Size (px)
Citation preview
8/6/2019 Intro Dojo
1/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes1
Dojo toolkit + JEEGenerando las aplicaciones para la web2.0
Alex Fuenteshttp://www.jroller.com/afuentes
http://www.jroller.com/afuenteshttp://www.jroller.com/afuentes8/6/2019 Intro Dojo
2/23
8/6/2019 Intro Dojo
3/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes3
Que es Dojo Toolkit ?
Proyecto Open Source nace el 2004 ( AFL y BSD )
Libreria modular construida en JavaScript y consoporte Ajax.
8/6/2019 Intro Dojo
4/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes4
Porque nace Dojo Toolkit ?
Un aumento de la demanda por aplicaciones web conmejores caracteristicas tanto de diseo como deusabilidad
Incompatibilidades en el cumplimiento de los
estandares por parte de los Navegadores El surgimiento de AJAX genera nuevos desafios para
los desarrolladores y diseadores
La web 2.0 genera nuevas oportunidades tanto para el
desarrollo de servicios como para la evolucion de lastecnologias.
8/6/2019 Intro Dojo
5/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes5
Porque nace Dojo Toolkit ?
Mejorar las experiencias de los usuarios
8/6/2019 Intro Dojo
6/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes6
Caracteristicas Dojo Toolkit ?
Construido por paquetes que son utilizados ondemand
Manipulacion de DOM ( Document Object Model )
Animaciones
Apis para el manejo de Ajax y Cometd Manejo de Eventos
Drag and Drop
Conjunto de Componedentes Reutilizables ( widgets )
Soporte nativo para 2D and 3D vector graphics Graficos
Conjunto de Apis utilitarias
8/6/2019 Intro Dojo
7/23Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes7
Estructura de Dojo Toolkit
El proyecto esta dividido en tres grandes paquetes Dijit : Todos los widget o componentes reutilizables que
permiten la interaccin con el usuario
Dojo : Core de framework
Dojox: Dojo Experimental y de otros proveedores Util : Librerias utilitarias del Framework
8/6/2019 Intro Dojo
8/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes8
Estructura de Dojo Toolkit ( Taller )
Objetivos Visualizar la estructura de Dojo Toolkit
http://archive.dojotoolkit.org/nightly/
Navegar por modulos dijit
Visualizar ejemplos /test
Navegar por modulo dojo
Visualizar ejemplos /test
Navegar por modulo dojox
Visualizar ejemplos /test
http://archive.dojotoolkit.org/nightly/http://archive.dojotoolkit.org/nightly/8/6/2019 Intro Dojo
9/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes9
Funcionalidades de Dojo Toolkit
Sitemas de Paquetes
dojo
Package System/Bootstrap
Language Utilities
Event System
Widget System
AJAX Utilities
Custom Widget
Dojo esta organizado en
paquetes igual como esta
estruturado java
8/6/2019 Intro Dojo
10/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes10
Funcionalidades de Dojo Toolkit
Aadir paquetes
dojo.require("package.*"); Permite la definicion de las librerias que seran cargadas en
forma dinamica. Es similar al keyword import de java
Pueden ser definidos package adicionales
Permite el uso de caracteres como el * , para bajar un conjuntode archivos js , en donde esta definido el componente autilizar.
8/6/2019 Intro Dojo
11/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes11
Funcionalidades de Dojo Toolkit
El Objeto dojo dojo.byId() : Funcion que retorna el nodo del objeto DOM.
dojo.require() : Funcion que permite la carga dinamica de package
dojo.body() : Me retorno el objeto body del documento actual
dojo.fadeIn() : Permite la animacion del algun elemento dentro del DOM dojo.xhr() : Permite el soporte para la comunicacion AJAX
dojo.xhrGet() : Envia un requerimiento HTTP GET al server
dojo.xhrPost() : Envia un requerimiento HTTP POST al server
dojo.version : Propiedad que me indica la version
Etc ..
8/6/2019 Intro Dojo
12/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes12
Funcionalidades de Dojo Toolkit
El Objeto dijit dijit.byId : Funcion que retorna algun elemento del tipo dijit que este en el DOM.
dijit.getViewport() :Funcion que retorna la dimensiones del area de visibilidad delbrowser.
8/6/2019 Intro Dojo
13/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes13
Funcionalidades de Dojo Toolkit
Otros Package dojo.back
Browser history management resources
dojo.dnd
Drag and Drop resources
dojo.fx
Effects library on top of Base animations
dojo.io
Additional I/O transports (Ajax)
dojo.parser
The Dom/Widget parsing package
8/6/2019 Intro Dojo
14/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes14
Integracion de Dojo Toolkit
...
8/6/2019 Intro Dojo
15/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes15
Integracion de Dojo Toolkit
Parametros variable dfConfig ParserOnLoad: variable que permite el parser del DOM Tree , para
utilizar el atributo dojoType, para la definicion de widget
isDebug: Activa el logging en la aplicacion ( FireBug )
8/6/2019 Intro Dojo
16/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes16
Intengracion de Dojo Toolkit
Definicion del estilo para los widget
@import "http://localhost:8080/dojo-release-1.1.0/dijit/themes/tundra/tundra.css";
@import "http://localhost:8080/dojo-release-1.1.0/dojo/resources/dojo.css";
8/6/2019 Intro Dojo
17/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes17
Integracion de Dojo Toolkit
Funcion que permite generar comportamientos cuando el toolkit acompletado el proceso de carga.
dojo.addOnLoad(function() {
// logica de carga
});
8/6/2019 Intro Dojo
18/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes18
FireBug Herramienta de Debug
Herramienta que permite el Debug y el seguimiento deaplicaciones creadas con Dojo
Sitio oficial http://getfirebug.com/
http://getfirebug.com/http://getfirebug.com/8/6/2019 Intro Dojo
19/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes19
FireBug Herramienta de Debug
Posee una consola para monitorear el logging de laaplicacin.
...console.debug(log.msg)
console.log(log.msg)
console.info(log.msg)
console.warn(log.msg)
...
8/6/2019 Intro Dojo
20/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes20
Integracion con GroovyServlet
dojo.xhrGet
8/6/2019 Intro Dojo
21/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes21
Integracion con Spring MVC ( Taller )
dojo.xhrGet
8/6/2019 Intro Dojo
22/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes22
Recursos
Dojo Toolkit http://www.dojotoolkit.com/
Dojo Campus
http://www.dojocampus.org/ Noticias de mundo ajax
http://www.ajaxian.com
Sitepen http://www.sitepen.com
http://www.dojotoolkit.com/http://www.dojocampus.org/http://www.ajaxian.com/http://www.sitepen.com/http://www.sitepen.com/http://www.ajaxian.com/http://www.dojocampus.org/http://www.dojotoolkit.com/8/6/2019 Intro Dojo
23/23
Alex Fuentes Agosto 2008 http://www.jroller.com/afuentes23
Gracias!
http://www.jroller.com/afuentes