Learn about the SignalR technology and how to use it with your HTML 5 applications. We use Kendo UI to demonstrate the easy integration it offers with SignalR.

1. Integrating SignalR Easily in
your HTML5 Applications with
Kendo UI

3. Agenda
•What is ASP.NET SignalR ?
•What is Kendo UI?
•Kendo UI + SignalR?

4. Real-Time Web
???

5. What is Real-Time Web ?
Ability to have
Server Push Content to Connected
Clients instantly as it becomes available
Rather
Than having the server wait for a Client
to Request new Data

6. ASP.NET SignalR
Introduction

7. What is ASP.NET SignalR ?
•ASP.NET Library
•Real-Time Web Functionality to Applications
•Simplified for Developers

8. How ?
•Simple API
•Allows to create Server-to-Client RPC
•Call JS functions in browers/clients from .NET Code
•Connection Management API
• Handled automatically

9. Why use SignalR?
•Anytime the user needs to refresh the screen
•Dashboards and monitoring
•Collaborative anything
•Job progress
•Gaming

10. Real-Time with SignalR

11. Real-Time with Older Servers or Clients
Here’s some data!

12. Real-Time with SignalR on Newer Servers/Clients
Yeah, dude!

13. SignalR Hubs
Clients.All.doWork()Clients.Caller.doWork()Clients.Others.doWork()

14. SignalR Fallback
Long
Polling
Forever
Frames
Server
Sent
Events
Web
Sockets

15. SignalR is a series of abstractions around a
few persistent HTTP techniques

16. DEMO

18. Fast, Light, Complete
70+ jQuery-based UI widgets in one toolset
JS Framework Agnostic | No lock in
AngularJS Integration | Bootstrap Theme
Extensive Data Visualization Support
Mobile Specific Widgets | App Tooling
Touch Support | Adaptive Rendering
Modern Comprehensive HTML5/JS Framework

19. Why Kendo UI?
Everything you need, in one neat package

20. What's in the Box?
The different parts of Kendo UI
Application Framework
Web UI
Mobile UI
Data Visualization

21. Web UI
30 Widgets (and growing...)
AutoComplete
Button
Calendar
ColorPicker
ComboBox
DatePicker
DateTimePicker
DropDownList
Editor
Grid
ListView
MaskedTextBox
Menu
MultiSelect
Notification
NumericTextBox
PanelBar
PivotGid
ProgressBar
Scheduler
Slider
Sortabl
e
Splitter
TabStrip
TimePicker
ToolBar
Tooltip
TreeView
Upload
Window

22. Mobile UI
A complete application toolset for building hybrid and mobile web applications
ActionSheet
ButtonGroup
Drawer
Forms
ListView
MobileButton
ModalView
NavBar
PopOver
Scroller
ScrollView
SplitView
Switch
TabStrip

23. Data Vizualization
Charts / Graphs/ Other Visuals
Area Charts
Bar Charts
Barcode
Box Plot Charts
Bubble Charts
Bullet Charts
Chart API
Diagram Donut
Charts
Funnel Charts
Gantt
Line Charts
Linear Gauge
Map
Pie Charts
Polar Charts
QR code
Radar
Charts
Radial Gauge
Range Bar
Charts Scatter
Charts
Sparklines
Stock Chart
TreeMap
Waterfall Charts

24. KendoUI is everything for building web and
mobile apps with HTML5 and JavaScript

25. • Fast, light, complete
• 70+ jQuery-based UI widgets in one powerful
toolset.
• AngularJS integration, Bootstrap support, mobile
controls, offline data solution.
KendoUI

26. It all starts here
http://www.telerik.com/kendo-ui

27. DEMO

28. Kendo UI
• http://www.telerik.com/kendo-ui
Demos
• http://demos.telerik.com/kendo-ui/

29. Asp.NET SignalR On GitHub
https://github.com/SignalR/SignalR
Projects using SignalR
https://github.com/SignalR/SignalR/wiki/Projects-Using-SignalR

30. Thank You