SlideShare una empresa de Scribd logo
DukeScript: HTML5 y JavaScript desde Java
Presenta:
Ing. Fabio García Ramírez
Magister en Software Libre
Octubre 21 de 2015
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
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
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
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
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
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
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
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
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
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
Codificando
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: http://s3-eu-west-1.amazonaws.com/presentations2014prague/45_presentation.pdf
Codificando
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: http://s3-eu-west-1.amazonaws.com/presentations2014prague/45_presentation.pdf
Codificando
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: http://s3-eu-west-1.amazonaws.com/presentations2014prague/45_presentation.pdf
Codificando
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: http://s3-eu-west-1.amazonaws.com/presentations2014prague/45_presentation.pdf
Codificando
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: http://s3-eu-west-1.amazonaws.com/presentations2014prague/45_presentation.pdf
Codificando
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: http://s3-eu-west-1.amazonaws.com/presentations2014prague/45_presentation.pdf
Codificando
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: http://s3-eu-west-1.amazonaws.com/presentations2014prague/45_presentation.pdf
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
Inquietudes
Ing. Mg. Fabio García Ramírez – Octubre 21 de 2015
Source: http://blog.takipi.com/wp-content/uploads/2013/12/duke.png
@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

Más contenido relacionado

PDF
DevOps con Seguridad - Administrando Riesgos
PDF
14 arquitectura de sistemas
PDF
Gestión ágil de proyectos TIC
PDF
PDF
La gestión de proyectos TIC en Binter Sistemas
PDF
Be Agile
PDF
Introduccion a metodologias de desarrollo de software
PDF
Data wrangling en R para programadores SQL
DevOps con Seguridad - Administrando Riesgos
14 arquitectura de sistemas
Gestión ágil de proyectos TIC
La gestión de proyectos TIC en Binter Sistemas
Be Agile
Introduccion a metodologias de desarrollo de software
Data wrangling en R para programadores SQL

Destacado (12)

PDF
Desarrollo y testing de apps móviles con Intel XDK y Testdroid
PDF
Desarrollando aplicaciones iOS con datos en tiempo real con Firebase y Swift
PDF
Desarrollo de una wearable app para combatir el sedentarismo
PDF
Introducción a las nubes privadas con OpenStack
PDF
Azure Realtime analytics: Análisis de datos en tiempo real
PDF
Vuelvete un desarrollador de primer mundo
PDF
Construyendo pruebas para un DWH usando un paradigma de modelado Data Vault
PDF
Forget about Agile
PDF
Taller práctico de reportería con Eclipse BIRT
PDF
The Red Hat Way
PDF
Propuestas de mejoras y actualizaciones al Modelo de Procesos MoProSoft
PDF
Big Data visualization with Apache Spark and Zeppelin
Desarrollo y testing de apps móviles con Intel XDK y Testdroid
Desarrollando aplicaciones iOS con datos en tiempo real con Firebase y Swift
Desarrollo de una wearable app para combatir el sedentarismo
Introducción a las nubes privadas con OpenStack
Azure Realtime analytics: Análisis de datos en tiempo real
Vuelvete un desarrollador de primer mundo
Construyendo pruebas para un DWH usando un paradigma de modelado Data Vault
Forget about Agile
Taller práctico de reportería con Eclipse BIRT
The Red Hat Way
Propuestas de mejoras y actualizaciones al Modelo de Procesos MoProSoft
Big Data visualization with Apache Spark and Zeppelin
Publicidad

Similar a DukeScript: HTML5 y JavaScript desde Java (20)

PDF
Frameworks de Desarrollo Web Grails
PPTX
Introducción a Blazor
PDF
Desarrollo de aplicaciones web con Google Web Toolkit
PPT
Desarrollo de aplicaciones AJAX con GWT
PDF
SPS Madrid 2019 - Eleva tu aplicaciones de PowerApps a otro nivel
PPTX
Docker para desarrolladores .NET
DOCX
Trade-Off sobre Tecnologías Web
PPTX
SEMANA 07000- PÁGINAS WEB-PROTOTIPO.pptx
PPTX
Microsoft Developer Day UNED-CR
PDF
Desarrollando de aplicaciones web modernas para Linux, Windows y Mac con ASP....
PDF
Curso Angular 9 - CodeURJC - Marzo 2020
PPTX
Software en la actualidad
PPTX
PROGRAMACIÓN PARA INTERNET lo básico en WEB
PPTX
Responsive Web Design con superpoderes
PDF
Desarrollo de aplicaciones Web 2.0 Google Web Toolkit
PDF
Presentacion Google Web Toolkit
PDF
Frameworks y herramientas para la web del futuro
PDF
Corriendo SQL Server en Docker
PPTX
Aplicaciones WEB para ingeniería ne sistemas
PDF
Caso real: Como migré un proyecto de Visual Composer a Gutenberg
Frameworks de Desarrollo Web Grails
Introducción a Blazor
Desarrollo de aplicaciones web con Google Web Toolkit
Desarrollo de aplicaciones AJAX con GWT
SPS Madrid 2019 - Eleva tu aplicaciones de PowerApps a otro nivel
Docker para desarrolladores .NET
Trade-Off sobre Tecnologías Web
SEMANA 07000- PÁGINAS WEB-PROTOTIPO.pptx
Microsoft Developer Day UNED-CR
Desarrollando de aplicaciones web modernas para Linux, Windows y Mac con ASP....
Curso Angular 9 - CodeURJC - Marzo 2020
Software en la actualidad
PROGRAMACIÓN PARA INTERNET lo básico en WEB
Responsive Web Design con superpoderes
Desarrollo de aplicaciones Web 2.0 Google Web Toolkit
Presentacion Google Web Toolkit
Frameworks y herramientas para la web del futuro
Corriendo SQL Server en Docker
Aplicaciones WEB para ingeniería ne sistemas
Caso real: Como migré un proyecto de Visual Composer a Gutenberg
Publicidad

Más de Software Guru (20)

PDF
Hola Mundo del Internet de las Cosas
PDF
Estructuras de datos avanzadas: Casos de uso reales
PPTX
Building bias-aware environments
PDF
El secreto para ser un desarrollador Senior
PDF
Cómo encontrar el trabajo remoto ideal
PDF
Automatizando ideas con Apache Airflow
PPTX
How thick data can improve big data analysis for business:
PDF
Introducción al machine learning
PDF
Democratizando el uso de CoDi
PDF
Gestionando la felicidad de los equipos con Management 3.0
PDF
Taller: Creación de Componentes Web re-usables con StencilJS
PPTX
El camino del full stack developer (o como hacemos en SERTI para que no solo ...
PDF
¿Qué significa ser un programador en Bitso?
PDF
Colaboración efectiva entre desarrolladores del cliente y tu equipo.
PDF
Pruebas de integración con Docker en Azure DevOps
PDF
Elixir + Elm: Usando lenguajes funcionales en servicios productivos
PDF
Así publicamos las apps de Spotify sin stress
PPTX
Achieving Your Goals: 5 Tips to successfully achieve your goals
PDF
Acciones de comunidades tech en tiempos del Covid19
PDF
De lo operativo a lo estratégico: un modelo de management de diseño
Hola Mundo del Internet de las Cosas
Estructuras de datos avanzadas: Casos de uso reales
Building bias-aware environments
El secreto para ser un desarrollador Senior
Cómo encontrar el trabajo remoto ideal
Automatizando ideas con Apache Airflow
How thick data can improve big data analysis for business:
Introducción al machine learning
Democratizando el uso de CoDi
Gestionando la felicidad de los equipos con Management 3.0
Taller: Creación de Componentes Web re-usables con StencilJS
El camino del full stack developer (o como hacemos en SERTI para que no solo ...
¿Qué significa ser un programador en Bitso?
Colaboración efectiva entre desarrolladores del cliente y tu equipo.
Pruebas de integración con Docker en Azure DevOps
Elixir + Elm: Usando lenguajes funcionales en servicios productivos
Así publicamos las apps de Spotify sin stress
Achieving Your Goals: 5 Tips to successfully achieve your goals
Acciones de comunidades tech en tiempos del Covid19
De lo operativo a lo estratégico: un modelo de management de diseño

Último (20)

PPTX
Presentacion de Alba Curso Auditores Internos ISO 19011
PPTX
ANCASH-CRITERIOS DE EVALUACIÓN-FORMA-10-10 (2).pptx
PPTX
Curso de generación de energía mediante sistemas solares
DOCX
Zarate Quispe Alex aldayir aplicaciones de internet .docx
PPTX
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
PDF
MANUAL de recursos humanos para ODOO.pdf
PDF
Diapositiva proyecto de vida, materia catedra
PDF
clase auditoria informatica 2025.........
PDF
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
PDF
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
PPTX
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
PPTX
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
PPTX
Presentación PASANTIAS AuditorioOO..pptx
PPTX
Sesion 1 de microsoft power point - Clase 1
PDF
TRABAJO DE TECNOLOGIA.pdf...........................
PPTX
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
PDF
Maste clas de estructura metálica y arquitectura
PPTX
Presentación de Redes de Datos modelo osi
PPTX
Propuesta BKP servidores con Acronis1.pptx
PDF
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.
Presentacion de Alba Curso Auditores Internos ISO 19011
ANCASH-CRITERIOS DE EVALUACIÓN-FORMA-10-10 (2).pptx
Curso de generación de energía mediante sistemas solares
Zarate Quispe Alex aldayir aplicaciones de internet .docx
sa-cs-82-powerpoint-hardware-y-software_ver_4.pptx
MANUAL de recursos humanos para ODOO.pdf
Diapositiva proyecto de vida, materia catedra
clase auditoria informatica 2025.........
MANUAL TECNOLOGÍA SER MINISTERIO EDUCACIÓN
programa-de-estudios-2011-guc3ada-para-el-maestro-secundarias-tecnicas-tecnol...
COMO AYUDAN LAS TIC EN LA EDUCACION SUPERIOR.pptx
Acronis Cyber Protect Cloud para Ciber Proteccion y Ciber Seguridad LATAM - A...
Presentación PASANTIAS AuditorioOO..pptx
Sesion 1 de microsoft power point - Clase 1
TRABAJO DE TECNOLOGIA.pdf...........................
RAP01 - TECNICO SISTEMAS TELEINFORMATICOS.pptx
Maste clas de estructura metálica y arquitectura
Presentación de Redes de Datos modelo osi
Propuesta BKP servidores con Acronis1.pptx
Instrucciones simples, respuestas poderosas. La fórmula del prompt perfecto.

DukeScript: HTML5 y JavaScript desde Java

  • 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