Spark SDK Video - Overview and Coding Demo

Transcription

1

2 DEVNET-2026 Spark SDK Video - Overview and Coding Demo Olivier Proffit - Sr. Product Manager David Staudt DevNet Developer Evangelist

3 Cisco Spark How Questions? Use Cisco Spark to communicate with the speaker after the session 1. Find this session in the Cisco Live Mobile App 2. Click Join the Discussion 3. Install Spark or go directly to the space 4. Enter messages/questions in the space cs.co/ciscolivebot#devnet Cisco and/or its affiliates. All rights reserved. Cisco Public

4 Agenda Introduction Cisco Spark SDKs Cisco Spark Widgets Coding Demo Widget / JS Coding Demo ios / Swift Developer Resources

5 Cisco Spark supports awesome collaboration today DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 5

6 But what if your users spend most of their day in some other business app? Patient Information Date: Name: Coud Inc. Weight: Appointments Meeting (Doctor) Full status (Doctor) Assistant Billing Reports Medical History 2 month checkup 1 month checkup Respiration problem 10 days checkup Notes DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 6

7 Easily embed Spark messaging, video and calling into your workflow Spark SDKs Build your own UI Spark Widgets Leverage Spark UI/UX DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 7

8 Cisco Spark SDKs

9 Simplify the User Experience Business App + separate video App Business App with Spark Video SDK embedded DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 9

10 Benefits for the Developer Frictionless Embed video in your app requires only few minutes Includes powerful libraries (Fast Lane, STUN) Render inside your mobile app No need for plugin for browser - Efficiency Embedding collaboration increases the likelihood that the user will stay in your app Contextual communication DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 10

11 Open source SDK Easy to start and stop Rapid prototype before procurement Secured 3 rd party can check Anyone can contribute under MIT license Royalty free Cisco pays for open H264 We open source the SDK and the sample app DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 11

12 Spark SDK Specifications ios SDK ios 10 and ios 11 iphone & ipad Swift 3.0 & 4.0 Xcode 8 & 9 JS SDK Javascript / WebRTC Firefox - current release Chrome - current release Android SDK Android 5.0 Android Studio 2.3 or later Android SDK Tools 25 or later Android API Level 21 or later Java JDK 8 DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 12

13 Spark SDK - Features Calling Call & Media Controls Other Functions Specs Calling Call Events Both 1:1 and Group Calling Call Control Audio Control Video Control Feedback Push notifications ios SDK - swift ios 10 and 11 JS SDK - WebRTC Chrome - current Firefox - current Android SDK Android 5.0 CODECS H264 Opus DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 13

14 Spark SDKs and Widgets Ordering All Spark subscribers can use Spark SDKs and widgets! No add-on! Enjoy business messaging with M1 and + Single Sign-On, Exchange directory integration, Admin portal, Spaces moderation, M1 available online DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 14

15 Persistent Guests for Spark SDK Connects consumers and other non-cisco enterprise users with Cisco Spark paid users via simple browser & mobile voice and video through Spark platform Use cases: For patients to tele-doctor on healthcare mobile app. For consumers to support helpline on retail website. Terms of service: Guests offer is included in all Spark paid offers. No additional cost. Guest can reach only paid Spark users Guest to Guest is forbidden Guest issuers are created by developers who are part of a paid Org DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 15

16 Cisco Spark Widgets

17 Cisco Spark Client to Widget Think of the client as two separate pieces Recents Recent convos Space Persistent chat and calling capabilities, etc. DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 18

18 Cisco Spark Client to Widget Recents Space DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 19

19 Cisco Spark Widget - Capabilities Super Easy Integration Responsive UI built with HTML5 and React.js New features automatically gets pushed via public CDN Open source libraries WebRTC A/V Calling & Messaging DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 20

20 Space Widget Group & 1:1 audio & video calling Group & 1:1 persistent messaging View shared content Markdown support File sharing and management Flag or delete messages Read receipts Add or remove DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 21

21 Recents Widget Recent Spark conversation list (spaces & people) Hooks to open a conversation with the Space Widget Unread space highlighting Event hooks for messages, calls, and memberships Incoming call notifications DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 22

22 Spark Feature SDK for ios SDK for Android SDK for Browsers Widgets Audio and/or video 1:1 calling Group space calling - NEW Dial by , Spark user ID, or SIP address PSTN and DTMF Call and event controls Audio and video call control View shared content View content and video simultaneously - NEW Maximum bandwidth controls - NEW Create Teams, Spaces, and Memberships Send Messages User Interface included Advanced Messaging Receipts, Flags, Roster - NEW

23 What s next?

24 SDK & Widgets Roadmap Android SDK Windows SDK - C# Persistent Guests for SDK More web browsers support (desktop and mobile) More multiparty video layouts Widget - more Spark client mimics And your open source contributions! We want your feature requests! DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 25

25 Coding Demo Widget / JavaScript

26 Spark SDK for JS - The Resume Builder DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 27

27 The Easy Way Spark Widgets DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 28

28 The Easy Way Spark Widgets DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 29

29 Spark Space Widget Completed App DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 30

30 Coding Demo ios SDK / Swift

31 Spark SDK for ios Familiar Development Tools DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 32

32 Spark SDK for ios Environment Setup Install CocoaPods: Setup CocoaPods: Install dependencies (SparkSDK): Create a Podfile: Import SparkSDK: DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 33

33 Spark SDK for ios Oauth DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 34

34 Spark SDK for ios Oauth Swift Code DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 35

35 Spark SDK for ios Make Call DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 36

36 Developer Resources

37 Cisco Spark SDK & Widget Developer Resources Cisco Spark ios SDK/Widgets Docs: Cisco DevNet Widget Learning Lab: GitHub Repositories: Cisco Spark Developer Support: DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 38

38 Cisco Spark How Questions? Use Cisco Spark to communicate with the speaker after the session 1. Find this session in the Cisco Live Mobile App 2. Click Join the Discussion 3. Install Spark or go directly to the space 4. Enter messages/questions in the space 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public

39 Please complete your Online Session Evaluations after each session Complete 4 Session Evaluations & the Overall Conference Evaluation (available from Thursday) to receive your Cisco Live T-shirt All surveys can be completed via the Cisco Live Mobile App or the Communication Stations Complete Your Online Session Evaluation Don t forget: Cisco Live sessions will be available for viewing on-demand after the event at Cisco and/or its affiliates. All rights reserved. Cisco Public

40 Continue Your Education in the DevNetZone Over 148 Devnet / Spark Sessions CLEUR Session Catalog + DevNet + Spark 68 Spark Learning Labs LearningLabs.cisco.com DEVNET Cisco and/or its affiliates. All rights reserved. Cisco Public 41

41 Thank you

42