El documento presenta DukeScript, una tecnología que permite desarrollar aplicaciones multiplataforma usando Java, HTML5 y JavaScript. DukeScript permite crear interfaces de usuario modernas que se pueden desplegar en escritorio, web y móviles de forma multiplataforma. La presentación explica qué es DukeScript, sus características, cómo funciona y muestra demos para iniciar con esta tecnología.

1. DukeScript: HTML5 y JavaScript desde Java
Presenta:
Ing. Fabio García Ramírez
Magister en Software Libre
Octubre 21 de 2015

2. Agenda
• Que es DukeScript?
• Prestaciones de DukeScript
• Como funciona DukeScript
• Alcances de DukeScript
• Diseñador vs Desarrollador
• Codificando
• Iniciando con DukeScript – Demo
• Inquietudes
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015

3. Que es DukeScript?
• Es una nueva tecnología para
desarrollar aplicaciones
multiplataformas de escritorio,
web y móviles.
• Creado por Jaroslav Tulach,
arquitecto de NetBeans en
Oracle.
• Las aplicaciones con DukeScript
son código Java que
internamente usa tecnologías
HTML5 y JavaScript para el
despliegue.
• Lo anterior posibilita a los
desarrolladores Java, utilizar las
últimas tecnologías de diseño
moderno de interfaces de
usuario.
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: https://dukescript.com/index.html#portfolio

4. Prestaciones de DukeScript
• HTML 5 y CSS3
• Diseño Responsivo(adaptable)
• Estable y sólido, al estar
respaldado por la experiencia
de Java como lenguaje de
programación para el diseño de
la lógica del negocio y hacer uso
de las últimas tecnologías de
interfaz de usuario.
• Facilita la monetizacion de las
aplicaciones móviles.
• Listo para uso con Java
Enterprise Edition
• Soporte de usuario
• Write once Run AnywhereIng. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: https://dukescript.com/index.html#portfolio

5. Prestaciones de DukeScript
• Permite desarrollar aplicaciones
móviles que se ejecuten en los
sistemas iOS y Android.
• Permite el acceso a librerías en
JavaScript
• Permite integrar Java en el
Navegador
• Soporta Bootstrap y Knockout,
frameworks de diseño
responsivo/adaptable.
• La lógica del negocio se crea en
Java y DukeScript se encarga de
renderizar la vista.
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: https://dukescript.com/index.html#portfolio

6. Prestaciones de DukeScript
• Ganó el premio Duke’s Choice
Award en 2014.
• Para facilitar la ejecución de
Java en diferentes plataformas,
se utilizan máquinas
virtuales(VM), especificas:
RoboVM e iBrwsr para Ios
dispositivos iOS; Bck2Brwsr
para ejecutar en los
navegadores y Dalvik VM con el
DlvkBrwsr plugin para
dispositivos Android.
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: https://dukescript.com/index.html#portfolio

7. Como funciona DukeScript
• Uso de HTML/CSS
• Uso de librerías JavaScript
• Crea modelos de datos en Java,
que contiene datos que pueden
ser enlazados directamente a
elementos HTML
• Se utilizan anotaciones
generadas a partir de modelos
en Java y enlazando a los
elementos HTML, mediante la
propiedad id.
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: https://dukescript.com/index.html#portfolio

8. Como funciona DukeScript
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: http://s3-eu-west-1.amazonaws.com/presentations2014prague/45_presentation.pdf

9. Como funciona DukeScript
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: http://s3-eu-west-1.amazonaws.com/presentations2014prague/45_presentation.pdf

10. Alcance de DukeScript
• Aplicaciones Web,
desarrolladas en Java, que
pueden ejecutarse en un
Navegador, sin necesidad de
utilizar un plugin para Java.
• Aplicaciones de Escritorio, las
cuales no requieren el uso de
lenguajes de plantillas o layouts
especiales, al trabajar
directamente con HTML y CSS.
• Facilita el enlace a diferentes
librerías JavaScript, utilizando
anotaciones.
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: https://dukescript.com/index.html#portfolio

11. Diseñador vs Desarrollador
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: http://s3-eu-west-1.amazonaws.com/presentations2014prague/45_presentation.pdf

12. Codificando
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: http://s3-eu-west-1.amazonaws.com/presentations2014prague/45_presentation.pdf

13. Codificando
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: http://s3-eu-west-1.amazonaws.com/presentations2014prague/45_presentation.pdf

14. Codificando
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: http://s3-eu-west-1.amazonaws.com/presentations2014prague/45_presentation.pdf

15. Codificando
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: http://s3-eu-west-1.amazonaws.com/presentations2014prague/45_presentation.pdf

16. Codificando
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: http://s3-eu-west-1.amazonaws.com/presentations2014prague/45_presentation.pdf

17. Codificando
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: http://s3-eu-west-1.amazonaws.com/presentations2014prague/45_presentation.pdf

18. Codificando
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: http://s3-eu-west-1.amazonaws.com/presentations2014prague/45_presentation.pdf

19. Iniciando con DukeScript
• Instalando plugin en NetBeans
• Creando un proyecto DukeScript
• Entendiendo la aplicación creada.
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: https://
www.sofort.com/var/sofort/storage/images/media/graphics/illus/demo-video/238516-3-eng-DE/Demo-V
ideo_col-1-2.png

20. Inquietudes
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: http://blog.takipi.com/wp-content/uploads/2013/12/duke.png

21. @fagarra
Mg. Ing. Fabio Garcia Ramírez
Docente-Consultor-Investigador
https://
co.linkedin.com/pub/fabio-garc%C3%ADa-ramirez/33/a
60/6a1
fagarra@gmail.com
fagarra
goo.gl/CjFHgF http://tecnologicocomfenalco.edu.co