SlideShare uma empresa Scribd logo
1 de 17
UI independent
Application Development
in practice
Roland Hörmann
JVx - Application Framework
UI independent application development in practice
Are there enough web UI frameworks?
Which one will work in 5 or 10 years?
Core Applications have to run longer?
How can I handle different UI Plattforms?
JVx - Application Framework
UI independent application development in practice
An
UI independent Framework
is the solution
JVx - Application Framework
UI independent application development in practice
 Same Source Code – different UI Platforms
 Small & simple
 Full Stack Framework
- Web, Mobile & Desktop Applications
Swing
HTML5 + Ajax
Native
iOS & Android
JVx - Application Framework
UI independent application development in practice
Web
JVx - Application Framework
UI independent application development in practice
Mobile
Same Source Code!
JVx - Application Framework
UI independent application development in practice
Desktop Swing
Same Source Code!
JVx - Application Framework
UI independent application development in practice
Overview
HTML5 + Ajax
Mobile
Native iOS & Android
Web Desktop
GUI
Technologies
Swing
Others…
FX, …
Same Java Source Code
Your
Application
Business Logic, Persistence, Database
JVx - Application Framework
UI independent application development in practice
GUI Architecture
HTML5 + Ajax
Web Desktop
GUI
Technologies
Swing
Others…
FX, …
Same Java GUI Source Code
Your
Application
GUI specific
Launcher
GUI API – javax.rad.genui.*
JVx.swing JVx.fxJVx.vaadin
GUI specific
Implementation
Application
Web Start
ApplicationBrowser
JVx - Application Framework
UI independent application development in practice
GUI Architecture
Mobile
Native iOS & Android
GUI
Technologies
Same Java Source Code
Your
Application
REST
GUI API – javax.rad.genui.*
Native
iOS & Android App
JVx.mobile Server
Simple representation of Screens for
mobile usage and handles all server
interactions.
Headless instantiation of
Screens
JVx - Application Framework
UI independent application development in practice
System Architecture
Mobile
Persistence
Context und Dependency Management
Authentication Management
Server
Web Desktop
Client
iOS & Android App Browser Java Client
Web Start
GUI API – javax.rad.genui.*
GUI
Business Logic, Persistence
Your
Application
JVx - Application Framework
UI independent application development in practice
General Features
• Open Source Application Framework
– Apache 2.0 License
• Full Stack Framework
– Full Application Stack (GUI to Persistence)
– Simple APIs, short learning curve
– Well documented
– Easy to extend
• Database independent
• Applicationsserver independent
• Multi-Tier Architecture
JVx - Application Framework
UI independent application development in practice
Major GUI Features
• GUI platform independent
– Web (vaadin)
– Mobile (iOS, Android)
– Desktop (Swing, in the future JavaFx)
• Unified dynamic model for all data-bound GUI
controls
– Uses persistence metadata as base
Datatypes, Sizes, Datatype dependent editors
(e.g.: „Date“ -> date editor, Master data -> Dropdown list)
– Editor (Number, Date, Dropdown), Table, Tree, Chart
JVx - Application Framework
UI independent application development in practice
Global Features 1/2
• Flexible authentication management with
different security managers
– Database table, NTLM, LDAP, XML
• CRUD Triggers on Client & Application
Server
– Before/After Insert, Update, Delete, Select, …
• Event & Listener concept
• Multilanguage support
JVx - Application Framework
UI independent application development in practice
Global Features 2/2
• Lazy Loading
– Only visible information is loaded
– No Paging, fully integrated in GUI Controls
– Millions of records can be processed
• Flexible application frame
– Integrated in the Framework – consisting of Toolbar, Menu,
Login/out, Change password, Help, About, Save, Reload, …..
– Easy to extend and easy to adjust.
-> Corporate Design – CSS, Layout
-> Web Applicationen style
– Fully user-definable application frame through usage of
interfaces
JVx - Application Framework
UI independent application development in practice
More Features
• Online Help System for Web & Desktop
Applications
– Table of contents, Search, HTML
• User and roles management
– Database tables, if Rolle==admin then function x
- Web, Mobile & Desktop Applications
http://sourceforge.net/projects/jvx/

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Azure mobile services
Azure mobile servicesAzure mobile services
Azure mobile services
 
Android Development...Using Web Technologies
Android Development...Using Web TechnologiesAndroid Development...Using Web Technologies
Android Development...Using Web Technologies
 
Typescript 102 angular and type script
Typescript 102   angular and type scriptTypescript 102   angular and type script
Typescript 102 angular and type script
 
Hybrid Mobile Development
Hybrid Mobile DevelopmentHybrid Mobile Development
Hybrid Mobile Development
 
Performance testing of mobile apps
Performance testing of mobile appsPerformance testing of mobile apps
Performance testing of mobile apps
 
Cross platform development with c# and xamarin
Cross platform development with c# and xamarinCross platform development with c# and xamarin
Cross platform development with c# and xamarin
 
Introduction to xamarin
Introduction to xamarinIntroduction to xamarin
Introduction to xamarin
 
Synapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps developmentSynapse india reviews on cross plateform mobile apps development
Synapse india reviews on cross plateform mobile apps development
 
Ionic and Azure
Ionic and AzureIonic and Azure
Ionic and Azure
 
Front End Applications Using One Stop JavaScript Library from Telerik
Front End Applications Using One Stop JavaScript Library from TelerikFront End Applications Using One Stop JavaScript Library from Telerik
Front End Applications Using One Stop JavaScript Library from Telerik
 
Appcelerator Titanium at Mobile 2.0
Appcelerator Titanium at Mobile 2.0Appcelerator Titanium at Mobile 2.0
Appcelerator Titanium at Mobile 2.0
 
Cross Platform Mobile App Development
Cross Platform Mobile App DevelopmentCross Platform Mobile App Development
Cross Platform Mobile App Development
 
Mobile (App) Development with Sitecore
Mobile (App) Development with SitecoreMobile (App) Development with Sitecore
Mobile (App) Development with Sitecore
 
Xamarin microsoft graph
Xamarin microsoft graphXamarin microsoft graph
Xamarin microsoft graph
 
Mobile application development strategy and execution
Mobile application development   strategy and executionMobile application development   strategy and execution
Mobile application development strategy and execution
 
Why hybrid-is-important
Why hybrid-is-importantWhy hybrid-is-important
Why hybrid-is-important
 
AppNotch 2.0
AppNotch 2.0AppNotch 2.0
AppNotch 2.0
 
Silverlight
SilverlightSilverlight
Silverlight
 
TiConf.eu -- Titanium Developer Conference in Europe, 2013
TiConf.eu -- Titanium Developer Conference in Europe, 2013TiConf.eu -- Titanium Developer Conference in Europe, 2013
TiConf.eu -- Titanium Developer Conference in Europe, 2013
 
Cordova vs xamarin vs titanium
Cordova vs xamarin vs titaniumCordova vs xamarin vs titanium
Cordova vs xamarin vs titanium
 

Destaque

Architecture of a Modern Web App
Architecture of a Modern Web AppArchitecture of a Modern Web App
Architecture of a Modern Web App
scothis
 

Destaque (10)

Unic - frontend development-in-complex-projects
Unic - frontend development-in-complex-projectsUnic - frontend development-in-complex-projects
Unic - frontend development-in-complex-projects
 
Web Frontend development: tools and good practices to (re)organize the chaos
Web Frontend development: tools and good practices to (re)organize the chaosWeb Frontend development: tools and good practices to (re)organize the chaos
Web Frontend development: tools and good practices to (re)organize the chaos
 
Agile IT: Modern Architecture for Rapid Mobile App Development
Agile IT: Modern Architecture for Rapid Mobile App DevelopmentAgile IT: Modern Architecture for Rapid Mobile App Development
Agile IT: Modern Architecture for Rapid Mobile App Development
 
Basics of Rich Internet Applications
Basics of Rich Internet ApplicationsBasics of Rich Internet Applications
Basics of Rich Internet Applications
 
Comparison of Java Web Application Frameworks
Comparison of Java Web Application FrameworksComparison of Java Web Application Frameworks
Comparison of Java Web Application Frameworks
 
Rethink Frontend Development With Elm
Rethink Frontend Development With ElmRethink Frontend Development With Elm
Rethink Frontend Development With Elm
 
Modern Rapid Application Development - Too good to be true
Modern Rapid Application Development - Too good to be trueModern Rapid Application Development - Too good to be true
Modern Rapid Application Development - Too good to be true
 
Cost Effective Web Development Techniques
Cost Effective Web Development TechniquesCost Effective Web Development Techniques
Cost Effective Web Development Techniques
 
Fundamentals of Web Development For Non-Developers
Fundamentals of Web Development For Non-DevelopersFundamentals of Web Development For Non-Developers
Fundamentals of Web Development For Non-Developers
 
Architecture of a Modern Web App
Architecture of a Modern Web AppArchitecture of a Modern Web App
Architecture of a Modern Web App
 

Semelhante a Technology independent UI development with JVx

Hybrid mobile application with Ionic
Hybrid mobile application with IonicHybrid mobile application with Ionic
Hybrid mobile application with Ionic
Maulik Bamania
 

Semelhante a Technology independent UI development with JVx (20)

JVx - Application framework - 2013
JVx - Application framework - 2013JVx - Application framework - 2013
JVx - Application framework - 2013
 
Development Workshop on ET1, Android and Motorola RhoElements
Development Workshop on ET1, Android and Motorola RhoElementsDevelopment Workshop on ET1, Android and Motorola RhoElements
Development Workshop on ET1, Android and Motorola RhoElements
 
JVx with VisionX and Oracle Forms integration
JVx with VisionX and Oracle Forms integrationJVx with VisionX and Oracle Forms integration
JVx with VisionX and Oracle Forms integration
 
Build Consumer Apps Using Mobile SDK and Ionic Framework
Build Consumer Apps Using Mobile SDK and Ionic FrameworkBuild Consumer Apps Using Mobile SDK and Ionic Framework
Build Consumer Apps Using Mobile SDK and Ionic Framework
 
Understanding Native, Hybrid, and Web Mobile Architectures
Understanding Native, Hybrid, and Web Mobile ArchitecturesUnderstanding Native, Hybrid, and Web Mobile Architectures
Understanding Native, Hybrid, and Web Mobile Architectures
 
Mobile applications development
Mobile applications developmentMobile applications development
Mobile applications development
 
Developing a native mobile apps using Ionic&Cordova
Developing a native mobile apps using Ionic&CordovaDeveloping a native mobile apps using Ionic&Cordova
Developing a native mobile apps using Ionic&Cordova
 
Ionic
IonicIonic
Ionic
 
Hybrid mobile application with Ionic
Hybrid mobile application with IonicHybrid mobile application with Ionic
Hybrid mobile application with Ionic
 
Ranjeet updated profile
Ranjeet updated profileRanjeet updated profile
Ranjeet updated profile
 
Popular App Development Frameworks used by App Developers.
Popular App Development Frameworks used by App Developers.Popular App Development Frameworks used by App Developers.
Popular App Development Frameworks used by App Developers.
 
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionicHybrid Mobile Development with Apache Cordova,AngularJs and ionic
Hybrid Mobile Development with Apache Cordova,AngularJs and ionic
 
Santosh_Liferay_Developer
Santosh_Liferay_DeveloperSantosh_Liferay_Developer
Santosh_Liferay_Developer
 
Google android os
Google android osGoogle android os
Google android os
 
Cross Platform Mobile Development
Cross Platform Mobile DevelopmentCross Platform Mobile Development
Cross Platform Mobile Development
 
Alaguraja.Ramasamy
Alaguraja.RamasamyAlaguraja.Ramasamy
Alaguraja.Ramasamy
 
IBM MobileFirst - Hybrid Application Development with Worklight
IBM MobileFirst - Hybrid Application Development with WorklightIBM MobileFirst - Hybrid Application Development with Worklight
IBM MobileFirst - Hybrid Application Development with Worklight
 
Android my
Android myAndroid my
Android my
 
Ranjeet_Profile
Ranjeet_ProfileRanjeet_Profile
Ranjeet_Profile
 
Anatomy of an HTML 5 mobile web app
Anatomy of an HTML 5 mobile web app Anatomy of an HTML 5 mobile web app
Anatomy of an HTML 5 mobile web app
 

Último

Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
 

Último (20)

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot ModelMcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Mcleodganj Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Introduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDMIntroduction to use of FHIR Documents in ABDM
Introduction to use of FHIR Documents in ABDM
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 

Technology independent UI development with JVx

  • 1. UI independent Application Development in practice Roland Hörmann
  • 2. JVx - Application Framework UI independent application development in practice Are there enough web UI frameworks? Which one will work in 5 or 10 years? Core Applications have to run longer? How can I handle different UI Plattforms?
  • 3. JVx - Application Framework UI independent application development in practice An UI independent Framework is the solution
  • 4. JVx - Application Framework UI independent application development in practice  Same Source Code – different UI Platforms  Small & simple  Full Stack Framework - Web, Mobile & Desktop Applications Swing HTML5 + Ajax Native iOS & Android
  • 5. JVx - Application Framework UI independent application development in practice Web
  • 6. JVx - Application Framework UI independent application development in practice Mobile Same Source Code!
  • 7. JVx - Application Framework UI independent application development in practice Desktop Swing Same Source Code!
  • 8. JVx - Application Framework UI independent application development in practice Overview HTML5 + Ajax Mobile Native iOS & Android Web Desktop GUI Technologies Swing Others… FX, … Same Java Source Code Your Application Business Logic, Persistence, Database
  • 9. JVx - Application Framework UI independent application development in practice GUI Architecture HTML5 + Ajax Web Desktop GUI Technologies Swing Others… FX, … Same Java GUI Source Code Your Application GUI specific Launcher GUI API – javax.rad.genui.* JVx.swing JVx.fxJVx.vaadin GUI specific Implementation Application Web Start ApplicationBrowser
  • 10. JVx - Application Framework UI independent application development in practice GUI Architecture Mobile Native iOS & Android GUI Technologies Same Java Source Code Your Application REST GUI API – javax.rad.genui.* Native iOS & Android App JVx.mobile Server Simple representation of Screens for mobile usage and handles all server interactions. Headless instantiation of Screens
  • 11. JVx - Application Framework UI independent application development in practice System Architecture Mobile Persistence Context und Dependency Management Authentication Management Server Web Desktop Client iOS & Android App Browser Java Client Web Start GUI API – javax.rad.genui.* GUI Business Logic, Persistence Your Application
  • 12. JVx - Application Framework UI independent application development in practice General Features • Open Source Application Framework – Apache 2.0 License • Full Stack Framework – Full Application Stack (GUI to Persistence) – Simple APIs, short learning curve – Well documented – Easy to extend • Database independent • Applicationsserver independent • Multi-Tier Architecture
  • 13. JVx - Application Framework UI independent application development in practice Major GUI Features • GUI platform independent – Web (vaadin) – Mobile (iOS, Android) – Desktop (Swing, in the future JavaFx) • Unified dynamic model for all data-bound GUI controls – Uses persistence metadata as base Datatypes, Sizes, Datatype dependent editors (e.g.: „Date“ -> date editor, Master data -> Dropdown list) – Editor (Number, Date, Dropdown), Table, Tree, Chart
  • 14. JVx - Application Framework UI independent application development in practice Global Features 1/2 • Flexible authentication management with different security managers – Database table, NTLM, LDAP, XML • CRUD Triggers on Client & Application Server – Before/After Insert, Update, Delete, Select, … • Event & Listener concept • Multilanguage support
  • 15. JVx - Application Framework UI independent application development in practice Global Features 2/2 • Lazy Loading – Only visible information is loaded – No Paging, fully integrated in GUI Controls – Millions of records can be processed • Flexible application frame – Integrated in the Framework – consisting of Toolbar, Menu, Login/out, Change password, Help, About, Save, Reload, ….. – Easy to extend and easy to adjust. -> Corporate Design – CSS, Layout -> Web Applicationen style – Fully user-definable application frame through usage of interfaces
  • 16. JVx - Application Framework UI independent application development in practice More Features • Online Help System for Web & Desktop Applications – Table of contents, Search, HTML • User and roles management – Database tables, if Rolle==admin then function x
  • 17. - Web, Mobile & Desktop Applications http://sourceforge.net/projects/jvx/