Advances in JavaScript and Browsers and their impact on Healthcare IT
Rob Tweed M/Gateway Developments Ltd Twitter: @rtweed Email: rtweed@[Link]
Tuesday, 19 November 13
Bet on JavaScript for Healthcare
The UI of choice for Healthcare applications should be the browser, for both desktop & mobile The capabilities of JavaScript are advancing at an incredible pace, driven by the demands of social media, designers and game companies Healthcare can exploit these new capabilities to provide long-needed functionality simply, easily and cheaply
Tuesday, 19 November 13
Where all the action is:
Browsers JavaScript The coolest, most exciting, most interesting developments in IT today are happening in this arena
Tuesday, 19 November 13
The World is Changing
Browser
Web Server
EHR
HTTP Request
Tuesday, 19 November 13
The World is Changing
Browser
Web Server
EHR
HTTP Request
Run some stuff
Tuesday, 19 November 13
The World is Changing
Browser
Web Server
EHR
Return some stuff
Tuesday, 19 November 13
The World is Changing
Browser
Web Server
EHR
HTTP Response
Web page/fragment JavaScript JSON
Tuesday, 19 November 13
Key technologies
HTML5
Extending the browsers capabilities Most new features are interfaced via JavaScript
Tuesday, 19 November 13
Key technologies
WebSockets
Bi-directional persistent socket from browser to back-end Event-driven at each end Breaks free of HTTPs request/response behaviour
Canvas & WebGL
2D & 3D Graphics, access to GPU
WebRTC
real-time communication access to video, audio
[Link]
Tuesday, 19 November 13
Javascript technologies
High-end frameworks, eg
ExtJS: desktop applications
Comprehensive UI widgets
Sencha Touch: mobile devices
Indistinguishable from native app
Charting Drag and Drop JSON store-driven components
Tuesday, 19 November 13
Javascript technologies
High-end frameworks, eg
Twitter Bootstrap
responsive design, mobile-first
write once application adapts to hardware in a predictable way
Tuesday, 19 November 13
Key technologies
[Link]
Javascript on the server
One language for front-end & back-end
Tuesday, 19 November 13
Examples
1: ewdMonitor Application:
Management/monitoring tool for ewdGateway2 /EWD Lite [Link] 100% WebSockets Event-driven client-server Advanced ExtJS usage JSON-driven UI components Event-driven charting
Tuesday, 19 November 13
Examples
2) Drag & Drop & UI responding to external events
Oroville Hospital Scheduler
ExtJS [Link] EWD
Tuesday, 19 November 13
Examples
3. Responsive design using Bootstrap
Oroville Hospital Patient Portal Desktop, Tablet, Phone
15
Tuesday, 19 November 13
3D Graphics
WebGL
Real-time 3-d rendering in the browser Uses Canvas
Which, in turn, accesses the graphics processor
Significance:
The 3D design world sees the browser as the next platform and JavaScript as the language
Tuesday, 19 November 13
Examples
3D visualisation of population data
[Link]
[Link]: 3D JavaScript/WebGL framework
[Link]
Oroville Hospital: 3D medical proof of concept
Tuesday, 19 November 13
Examples
5. WebRTC
Oroville Hospital Patient Portal
online consultation with a doctor Skype-like functionality peer to peer secured
Note: no plug-ins
18
Tuesday, 19 November 13
The Games Industry
BananaBread: 1st-person shooter
[Link] bananabread_1368053467_demo_package/[Link]
19
Tuesday, 19 November 13
And if that wasnt enough
Mozilla Foundation: [Link]
Subset of Javascript Enabled browser can compile it Just In Time
Tuesday, 19 November 13
And if that wasnt enough
Mozilla Foundation: [Link]
Subset of Javascript Enabled browser can compile it Just In Time 50% the speed of raw C
Tuesday, 19 November 13
And if that wasnt enough
Mozilla Foundation: [Link]
Subset of Javascript Enabled browser can compile it Just In Time 50% the speed of raw C
Significance of [Link]:
Positions the browser as the new ubiquitous platform for the gaming industry JavaScript as the language for game developers
Tuesday, 19 November 13
Example
Port of Unreal Engine to Mozilla/Firefox
Unreal Tournament in a browser - without plugin
[Link] [Link]
Tuesday, 19 November 13
Conclusion
All the action is now based around:
Browser as the UI platform JavaScript as the language
Focus for Healthcare application UI modernisation The browser is here to stay
Tuesday, 19 November 13
Conclusion
Lessons to be learnt and skills to be gained from the games & social media world
Visualisation of Big Data Healthcare is all about Big Data How to recruit and retain new developers with this expertise Make Healthcare IT as exciting and cool as the gaming and social media industries?
Tuesday, 19 November 13
Last word from Brendan Eich
26
Tuesday, 19 November 13