2. Liberty HTML5 Real-Time Agenda
Lab exercises:
• Create a simple WebSocket application
• Covers the Java EE WebSocket APIs
• Covers the HTML5 JavaScript APIs
• Create a video chat application
• Covers the new Liberty Rtcomm Feature
• Covers the new Rtcomm JavaScript library
• Create an integrated WebSocket and Rtcomm AngularJS
application
• Covers the new angular-rtcomm module.
• Create a Third-Party Calling Application
• Covers the Rtcomm Node-RED capabilities
3. Liberty HTML5 Real-Time Features Lab
• wsoc-1.1
• Enables WebSocket programming model.
• WebSocket 1.1 available in latest beta.
• WebSocket 1.0 available in eGA.
• rtcomm-1.0
• Enables real-time communications engine for WebRTC
• No knowledge of Telecom protocols required
• Requires no backend programming
• Designed for web developers
• Enabled through open source JavScript
Liberty Beta Download:
https://developer.ibm.com/wasdev/downloads/liberty-profile-beta/
5. Using WebSockets in a Java EE Environment to
Improve Web Application Development
Programming model for the Java EE environment
WebSocket API
•Endpoint configuration
•Session open/close
•Message read/write
•Error handling
•Annotations
WebSocket network protocol
•Optimized Data format
4
6. WebSocket connection
Handshake:
•Client initiates connection
•Server responds (accepts the upgrade)
Once the WebSocket is established
•both sides notified that socket is open
•either side can send messages at any time
•either side can close the socket
5
HTTPGET
connection
Client
Server
msg msg msg msg closeopen
open msg
msg
error msgmsg
msg
7. WebSockets API
Programmatic or annotation-based approach
Client and Server Endpoints
•Have a lifecycle
–onOpen
–onClose
–onError
•Communicate using Messages
–onMessage
–send
•Use sessions
Encoders and Decoders deal with data formatting
•Messages Java Objects
6
10. 9
What is WebRTC?
Why is WebRTC so disruptive?
Eliminates complexity of delivering codecs and streaming protocols.
Closely aligned with HTML 5.
Enables real-time data communications in addition to voice and video.
Strong industry support.
Enables contextual communications!
WebRTC offers web application developers the
ability to write rich, realtime multimedia applications
on the web, without requiring plugins, downloads or
installs. (source www.webrtc.org)
WebRTC does not define the signaling plane. It only defines a model for sending
and receiving media and a set of protocols for traversing firewalls.
9
11. WebSphere Liberty Rtcomm Engine
MQTT
Embedded
MQTT
Broker
Transport (TCP, UDP, WebSockets)
rtcomm-1.0 Feature
Rtcomm
Services
Rtcomm
Services
Rtcomm
Services
Rtcomm services provide backend capabilities like call queueing.
Now
Available in
Liberty
Beta!
SIP
Servlets
(JSR 289)
12. WASdev Rtcomm Open Source Architecture
rtcomm.js
Web Browser
angular-rtcomm
Angular Applications JavaScript Applications
WebRTC
13. rtcomm.js – JavaScript client for Rtcomm
• Raw JavaScript library for Real-Time Communications
• WebRTC + Signaling + Presence = rtcomm.js
• Supports chat, queues, and presence
• Includes sample video chat application
• Foundation for advanced app development
bower install rtcomm
https://github.com/WASdev/lib.rtcomm.clientjs
16. lib.angular-rtcomm – Rtcomm for AngularJS
• AngularJS module
• UI elements for rapid client app integration
• Ready for modern web application development
https://github.com/WASdev/lib.angular-rtcomm
bower install angular-rtcomm
19. Rtcomm and Node-RED
Node-RED:
• A visual tool for wiring the Internet of Things like:
• MQTT enabled devices, MongoDB, Twitter, and much more!
Rtcomm Node-RED Nodes
• Third-Party Call Control
• Event monitoring
https://github.com/WASdev/lib.rtcomm.node
https://github.com/WASdev/lib.rtcomm.node-red
npm install node-red-contrib-rtcomm
npm install rtcomm
20. Caveats and Notes
• The beta used in this lab will change before the GA
• WebCams and Virtual Images do not like each other
• Learn More:
• 2811 Amaze Your Customers with Liberty Real-Time
Communications: Thursday 1–2 PM Mandalay Bay Reef Ballroom F
• Solution Expo: Application Infrastructure and Integration
– 11:30 AM – 2 PM on Wednesday
– 9 AM – 11 AM on Thursday
19
www.wasdev.net
www.wasdev.net/webRTC
22. Notices and Disclaimers (con’t)
Information concerning non-IBM products was obtained from the suppliers of those products, their published
announcements or other publicly available sources. IBM has not tested those products in connection with this
publication and cannot confirm the accuracy of performance, compatibility or any other claims related to non-IBM
products. Questions on the capabilities of non-IBM products should be addressed to the suppliers of those products.
IBM does not warrant the quality of any third-party products, or the ability of any such third-party products to
interoperate with IBM’s products. IBM EXPRESSLY DISCLAIMS ALL WARRANTIES, EXPRESSED OR IMPLIED,
INCLUDING BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A
PARTICULAR PURPOSE.
The provision of the information contained herein is not intended to, and does not, grant any right or license under any
IBM patents, copyrights, trademarks or other intellectual property right.
• IBM, the IBM logo, ibm.com, Bluemix, Blueworks Live, CICS, Clearcase, DOORS®, Enterprise Document
Management System™, Global Business Services ®, Global Technology Services ®, Information on Demand,
ILOG, Maximo®, MQIntegrator®, MQSeries®, Netcool®, OMEGAMON, OpenPower, PureAnalytics™,
PureApplication®, pureCluster™, PureCoverage®, PureData®, PureExperience®, PureFlex®, pureQuery®,
pureScale®, PureSystems®, QRadar®, Rational®, Rhapsody®, SoDA, SPSS, StoredIQ, Tivoli®, Trusteer®,
urban{code}®, Watson, WebSphere®, Worklight®, X-Force® and System z® Z/OS, are trademarks of
International Business Machines Corporation, registered in many jurisdictions worldwide. Other product and
service names might be trademarks of IBM or other companies. A current list of IBM trademarks is available on
the Web at "Copyright and trademark information" at: www.ibm.com/legal/copytrade.shtml.
23. Thank You
Your Feedback is
Important!
Access the InterConnect 2015
Conference CONNECT Attendee
Portal to complete your session
surveys from your smartphone,
laptop or conference kiosk.