SlideShare ist ein Scribd-Unternehmen logo
1 von 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/

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (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
 

Andere mochten auch

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

Andere mochten auch (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
 

Ähnlich wie 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
 

Ähnlich wie 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
 

Kürzlich hochgeladen

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 

Kürzlich hochgeladen (20)

GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 

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/