DEVNET-1122Integrating Cisco Collaboration into Web Apps

Integrating Cisco Collaboration into Web

AppsDarin Dunlap

Senior Product ManagerCollaboration Technology Group (CTG)

DEVNET-1122

© 2015 Cisco and/or its affiliates. All rights reserved. Cisco PublicDEVNET-1122 3

• Introduction

• SDK Components

• Use Cases

• What’s New

• Takeaways

Agenda


DisclaimerThe Cisco products, service or features identified in this document may not yet be available or may not be available in all areas and may be subject to

change without notice. Consult your local Cisco business contact for information on the products or services available in your area. You can find

additional information via Cisco’s World Wide Web server at http://www.cisco.com. Actual performance and environmental costs of

Cisco products will vary depending on individual customer configurations and conditions. This is a confidential Cisco Internal launch document and

not for external distribution.

http://www.cisco.com/


Jabber Family Overview

Guest Users

Web Browser

Mobile Apps

Call Control: SIP

• Cisco Unified Communications Manager (UCM)

• Cisco TelePresence® Video Communication Server (VCS … via UCM)

Meetings, Conferencing

• WebEx (SaaS)

• TelePresence MCU

Voice Messaging

• Unity Connection

Presence & IM: XMPP

• Unified Presence

• WebEx Messenger service (SaaS)

Enterprise Workers

Cisco Expressway

DMZ


Cisco Jabber SDK – Expanding to Web Apps

• Easy to add collaboration to Web apps

• Collaboration enable business processes

• Collaboration anywhere, anytime

• Jabber workloads in Web apps

• HD Video, Voice

• IM & P

• Voicemail

• WebEx Conferencing

New User Experiences with Cisco

Jabber


Building Blocks and Web APIs

Video Call Cntl IM/Chat Presence Location Voice mail Collaboration

UC Infrastructure

Reference UIHTML / CSS / Javascript

Custom Application

Development

Web Phone CAXL CUMI Webex

Web UC Services(Directory, Authentication, Logging, Config, Notifications)

(AJAX) (AJAX) (REST) (URL)Jabber SDK

Web StandardsWeb

Technologies


Building Blocks and Web APIs

Video Call Cntl IM/Chat Presence Location Voice mail Collaboration

UC Infrastructure

Reference UIHTML / CSS / Javascript

Custom Application

Development

Web Phone CAXL CUMI Webex

Web UC Services(Directory, Authentication, Logging, Config, Notifications)

(AJAX) (AJAX) (REST) (URL)Jabber SDK

Web StandardsWeb

Technologies

Unified Communications (UC) Engineer

Web Development / Some UC Knowledge


SDK Components


Cisco Jabber Software Development Kit

• Web Phone provides two operating modes• Control of a physical desk phone

Make call, hang-up and mid call features• Soft Phone

Desktop media termination with calling features

• Web phone uses a JavaScript library

• Web phone requires an installed add-on for media & phone control (Win, Mac)

Web Phone Library

API Name: Web Phone API

API Interface: AJAX / jQueryVideo Call Cntl


Voice/Video Call Setup

EmbeddedWeb

Phone

Registration and Call ControlCisco UCM provides

a user database, authentication & call control

for Cisco end-points

Generic Web ServerHost the customized

web application, containing the softphone

1 - Navigates to Web Page

2 – Web Page with call widget is returned. User is prompted for browser

plugin (javascript) 3 – Widget (via plugin) registers to identity on

UCM

4 – UCM returns identity

information (softphone &

optionally subsequent

phone information)


Web Phone Library – Browser Add-on

• Browser Support • Operating Systems

WindowsMac OS X

• BrowsersInternet Explorer (Win) Firefox (Win & Mac) Chrome (Win & Mac)Safari (Mac)

• Soft phone• Standards based codecs • G.711, G.729 and G.722.1• H.264

• License Considerations• End user license required, e.g. UCL, CUWL• CUCM license required for soft phone


Cisco Ajax XMPP Library (CAXL)

• CAXL is a Web 2.0 JavaScript library for integration of instant messaging, presence and roster

• Evolution of Jabber’s former jabberwerx suite

• Common SDK for on-prem (CUCM IM & P) and cloud (Webex) integration

• Uses BOSH for server communication(Bidirectional streams over synchronous HTTP)

IM/Chat Presence Location

API Name: Cisco Ajax XMPP Library

API Interface: AJAX


CAXL – Cisco Ajax XMPP Library

1 - Navigates to Web Page

2 – Web Page with embedded IM & P client is returned to web browser

3 – IM & P client registers to Cisco UCM

IM & P or WebEx

Messenger

4 – Cisco UCM IM & P returns buddy list and

associated presence, including self presence, as

well as IM capabilities

Web Application

HTTP Proxy

CAXL

Registration and IM & P

Cisco UCM IM & P, WebEx Messenger

provide user database, presence engine and XMPP IM capabilities

Generic Web ServerHost the customized

web application, including CAXL

BOSH


• 1:1 Instant Messaging• Ability to initiate and receive P2P IM

• Supports xHTML-IM rich-text

• Multi-user chat room (including basic Persistent Chat)• Ability to create adhoc and persistent chat rooms

• Ability to invite and be invited to chat rooms

• Ability to search for existing chat rooms

• Pub/Sub Applications (e.g. for GeoLocation)• Personal Eventing Protocol - Ability to

create/publish/subscribe to pub/sub service nodes on a server

• Roster management• Ability to Add/Update/Remove contacts

• Ability to move contacts between groups

• My presence• Ability to set device presence

• When integrated with CUCM IM&P, SDK can be configured to set CAXL device presence to be the same as presence engine composed presence

• Temporary Presence Subscriptions• Ability to create temporary subscriptions to users

who are not on your roster (“Quick Contacts”)

• Ability to do bulk subscribe/unsubscribe of temporary subscriptions. Useful in multi-page applications where each page may have a different list of users

• User Authentication

CAXL – Cisco Ajax XMPP Library


Voice mail

Cisco Unity Connection REST

• Web 2.0 interface for accessing Cisco Unity Connection voicemail

• Provides access to a wide set of Unity Connection messaging functionality• Access to messages (including broadcast messages)• Send new messages … reply to messages• Manage dispatch messages• Receive notifications of new messages• Telephone record and playback of messages

• Specify what messages are returned and how (filtering, sorting)

API Name: Cisco Unity Connection REST

API Interface: REST


Use Cases


Presence enabled

IM / Chat enabled

Click 2 Call enabled

Click 2 WebEx enabled

Jabber SDK APIs: XMPP (CAXL), Web Phone Video (AJAX, Plugin)• UC, Collaboration, Video capabilities everywhere

• Example only – an ISV or IT Pro could do the project

Click 2 Video enabled

Use Case … Cisco UC in Business Process Apps


Use Case … UC Enable IBM Connections withBulpros Jabber Connector


Use Case … UC in Google Apps via Esna Cloudlink

Unified Messaging

Integrated Fax

Transcription

Click-to-Call

Rich Presence

WebEx Integration


Use Case … Operator Console from Mida Solutions

© 2015 Cisco and/or its affiliates. All rights reserved. Cisco PublicDEVNET-1122

What’s New

22


Jabber SDK

• New Chrome integration• replaces NPAPI plugin technology

deprecated by Chrome • supports new 64-bit Chrome

• External video window option for non-Chrome browsers

• Quality, security enhancements

New in Version 9.3 … customers using Chrome NEED TO UPGRADE!

Platform & Quality Updates

NEW Q3CY14


Jabber SDK 9.3

• Addresses Chrome dropping NPAPI plugins

• Also supports 64-bit Chrome

• Chrome changes require using both an extension & a native “add-on”

• Video is separate native window

• Position, size of video window remembered over time (as of 9.3 MR1)

New Architecture, Experience for Google Chrome

Install Extension

Install Add-on

Step 1

Step 2

NEW Q4CY14


Jabber SDK 9.3 MR2

• Option to provide users video as if it’s “in” the Web app when using Chrome

• User experience is similar to the NPAPI plugin experience Chrome deprecated

• Developer simply provides cwic.js the target HTML element for alignment

• No need for users to manage the native video window separately

Auto Position Native Video Window over Chrome

Native video window is automatically positioned, sized over target area of Chrome as it moves,

changes size, scrolls

NEW Q1CY15


Jabber SDK 11.0 – Voice/Video

• Firewall/NAT traversal via Expressway/VCS … no VPN required

• Single Sign-On (SAML)

• Built on same underlying client framework as Jabber clients

• Some API changes Web app updates will be required

• Access EAP via Cisco Customer Connection Program

Available in Early Adopter Program Targeting Late June

3rd-Party Web App

SSO Prompt

http://www.cisco.com/go/ccp


• Transform slow, asynchronous business transactions into real-time, personal interactions

• Deliver highly secure, clear and reliable communications within your business application

• Provide consistent user experience for collaboration and business applications

• Start today in the DevNet Zone labs and via http://jabberdeveloper.com

Key Takeaways

http://jabberdeveloper.com/

© 2015 Cisco and/or its affiliates. All rights reserved. Cisco PublicDEVNET-1122

Complete Your Online Session Evaluation

Don’t forget: Cisco Live sessions will be available for viewing on-demand after the event at CiscoLive.com/Online

• Give us your feedback to be entered into a Daily Survey Drawing. A daily winner will receive a $750 Amazon gift card.

• Complete your session surveys though the Cisco Live mobile app or your computer on Cisco Live Connect.

28

Thank you



Collaboration Cisco Education OfferingsCourse Description Cisco Certification

CCIE Collaboration Advanced Workshop (CIEC) Gain expert-level skills to integrate, configure, and troubleshoot complex collaboration networks

CCIE® Collaboration

Implementing Cisco Collaboration Applications (CAPPS)

Understand how to implement the full suite of Cisco collaboration applications including Jabber, Cisco Unified IM and Presence, and Cisco Unity Connection.

CCNP® Collaboration

Implementing Cisco IP Telephony and Video Part 1 (CIPTV1)

Implementing Cisco IP Telephony and Video Part 2 (CIPTV2)

Troubleshooting Cisco IP Telephony and Video (CTCOLLAB)

Learn how to implement Cisco Unified Communications Manager, CUBE, and audio and videoconferences in a single-site voice and video network.

Obtain the skills to implement Cisco Unified Communications Manager in a modern, multisite collaboration environment.

Troubleshoot complex integrated voice and video infrastructures

CCNP® Collaboration

Implementing Cisco Collaboration Devices (CICD)

Implementing Cisco Video Network Devices (CIVND)

Acquire a basic understanding of collaboration technologies like Cisco Call Manager and Cisco Unified Communications Manager.

Learn how to evaluate requirements for video deployments, and implement Cisco Collaboration endpoints in converged Cisco infrastructures.

CCNA® Collaboration

For more details, please visit: http://learningnetwork.cisco.comQuestions? Visit the Learning@Cisco Booth or contact [email protected]

http://learningnetwork.cisco.com/

mailto:[email protected]