IBM Sametime Proxy 9 offers a new launchpad for social communications that can be leveraged to effectively increase real-time social communication and productivity. The plug-in architecture offers a new level of customization including integrating your own company components directly into the web client and also any third-party widgets. In this session we will show how this can be achieved with minimal effort and how the web client can be modified to suit your own company branding.

1. © 2014 IBM Corporation
AD506:
IBM Sametime Proxy 9:
A Fuller, Richer Customizable Experience
William Holmes, IBM
(Technical Lead, Sametime Proxy Development)

2. 22
IBM’s statements regarding its plans, directions, and intent are subject to change or withdrawal without notice at IBM’s sole
discretion.
Information regarding potential future products is intended to outline our general product direction and it should not be
relied on in making a purchasing decision.
The information mentioned regarding potential future products is not a commitment, promise, or legal obligation to deliver
any material, code or functionality. Information about potential future products may not be incorporated into any contract.
The development, release, and timing of any future features or functionality described for our products remains at our sole
discretion
Performance is based on measurements and projections using standard IBM benchmarks in a controlled environment.
The actual throughput or performance that any user will experience will vary depending upon many factors, including
considerations such as the amount of multiprogramming in the user’s job stream, the I/O configuration, the storage
configuration, and the workload processed. Therefore, no assurance can be given that an individual user will achieve
results similar to those stated here.
Please Note

3. 3
Agenda
 Side by Side
– Sametime Proxy 8.5.2IFR1 > Sametime Proxy 9.0
 User Experience
– Consistency based on real world behaviors
 New Enhancements
– Rich Communication
 New Integration
– Backward Compatibility
– JavaScript & CSS resources
 Customization
– Embedded Experience
– Web Client
 Future Considerations

4. 44
Side by Side

5. 5
Side by Side
Web Client







6. 6
Side by Side
Chat Window

7. 7
Side by Side
Group Chat window

8. 88
User Experience

9. 9
User Experience
 Modernized User Interface
– More mobile centric design
– Simplified Common tasks

 UI Consistent throughout all the clients
– Mobile
● Smart Phone
● Tablet
– Web
– Rich Client
–
 Real World Behaviors
– Multiple Devices / Locations
– Consistent behaviors
–


10. 10
User Experience
Common User Interface

–

–
Web Rich iOS Android

11. 1111
New Enhancements

12. 12
New Enhancements
Quickfind with ScrollingQuickfind with Scrolling
Main Menu ItemsMain Menu Items
PreferencesPreferences

13. 13
New Enhancements
Save Group ExpansionSave Group Expansion
Play SoundPlay Sound
Offline ContactsOffline Contacts
Chat Tab PhotosChat Tab Photos
Chat Partner LeftChat Partner Left
Modal DialogsModal Dialogs

14. 14
New Enhancements
Availability MenuAvailability Menu
Status Message
In-line Editing
Status Message
In-line Editing
Always know how
others see you.
Always know how
others see you.

15. 15
New Enhancements
Hide Offline UsersHide Offline Users
Common ActionsCommon Actions

16. 16
New Enhancements
Social SidebarSocial Sidebar
Meetings
Action Items
Meetings
Action Items
Meeting RoomMeeting Room

17. 17
New Enhancements
Menu IconMenu Icon
Group Count
(online/total)
Group Count
(online/total)
Status IconsStatus Icons
BusinessCardBusinessCard

18. 18
New Enhancements
Easily switch
between active
chats.
Easily switch
between active
chats.
Never miss an
incoming message
even if you are
chatting with more
than one person at
any given time.
Never miss an
incoming message
even if you are
chatting with more
than one person at
any given time.
Always keep track
of who you are
chatting with.
Always keep track
of who you are
chatting with.
Always know who
said what and at
what time with our
new, more
expressive chat
transcript layout.
Always know who
said what and at
what time with our
new, more
expressive chat
transcript layout.

19. 19
New Enhancements
Easily Switch to NamesEasily Switch to Names
Group Chat IndicatorGroup Chat Indicator
Participant List
with Information
Participant List
with Information
View Participant
Information
View Participant
Information

20. 20
New Enhancements
Rich Communications - File Transfer

–

21. 21
New Enhancements
Rich Communications – Screen Capture

–

22. 2222
Product Demo
See it in action

23. 2323
New Integration
IBM Product Integration

24. 24
New Integration
IBM Connections Business Card








 All User Information
– Photos
– Details
– Real time Connections Social Status Updates
– Sametime user information as backup
Connections Profile / FilesConnections Profile / Files

25. 25
New Integration
IBM iNotes 9.x











26. 26
New Integration
IBM WebSphere Portal 8.x

 Choice of Business Card
– UseSametimeBusinessCard
– (via portlet config)

 Modify Dimensions
– client-width
– client-height
– (via portlet config)
–
 UI Customizable
– stproxyConfig.xml (slide 34)
–
 GreenHouse
– http://ibm.co/1cP5bFC


–
–

27. 2727
New Integration
IBM Sametime Proxy

28. 28
New Integration
Backward Compatibility
 JavaScript
– Existing resources are still available (including parameters)
● baseComps.js
● widgetsLight.js
● livenameLight.js

 CSS
– Existing CSS resources are still available
– NOTE
● 8.5.2IFR1 CSS class names may have changed
● Existing CSS class attributes may have changed
●
 Existing 8.5.2IFR1 integration will still work as expected.

29. 29
New Integration
Resources
 New JavaScript Integration Option




 One JavaScript <script> include
– Simplified Integration

 Includes CSS if widget parameter is supplied
– Single CSS request
–
 Less Network Traffic
 Faster Loading times

–

30. 30
New Integration
Sametime Dock
 Already included when widgets parameter is specified










 No Sametime Dock
– Add auto=false parameter to the request
– stproxy.dock.add( ) or new sametime.Dock({})

–

31. 3131
Integration Demo
UI Widgets

32. 3232
Customization

33. 33
Customization
Existing Plugin Architecture

 Embedded LiveName
– Context Menu Items
– Custom Status Icons
–
 Embedded Web Client Main Menu
– Main Menu Items
–
 Embedded Chat Main Menu
– Main Menu Items
–
 Difficult to customize and persist changes to the full Web Client… UNTIL NOW!

34. 34
Customization
Sametime Proxy Configuration
 stproxyConfig.xml

<configuration>
...
<webclient>
<popup>
<javascript>http://myserver.ibm.com/plugins/popup.js</javascript>
<css>http://myserver.ibm.com/plugins/popup.css</css>
</popup>
<chat>
<javascript>http://myserver.ibm.com/plugins/chat.js</javascript>
<css>http://myserver.ibm.com/plugins/chat.css</css>
</chat>
</webclient>
...
</configuration>




35. 3535
Customization
Web Client – Contact List

36. 36
Customization
Social Sidebar Plugin
stproxy.uiControl.addBodyPlugin({
title : "My Widget Title",
isDefault : false,
icons : {
active : "//myserver.ibm.com/plugins/images/active.png",
inactive : "//myserver.ibm.com/plugins/images/inactive.png",
baseClass : "my_icons_base_class"
},
getWidget: function(){
return new myCompany.widget({});
},
isShowEntry: function(){
return true;
}
})

37. 3737
Customization Demo
Social Sidebar & Chat Window

38. 3838
Considerations
Ideas, Proposals & Concepts

39. 39
Considerations
 WebSphere Portal
– Single Sametime Proxy Contact List Portlet
–
 More Plugin Extensions
– Chat Action Menu Items
– Chat Editor Toolbar Items
–
 Sametime Proxy Web Client Plugin Extension Catalogue
– Publicly Available

 Auto Away
– Screen Lock
– Screen Saver

40. 4040
Questions

41. 4141
© Copyright IBM Corporation 2014. All rights reserved.
 U.S. Government Users Restricted Rights - Use, duplication or disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
 IBM, the IBM logo, ibm.com, Sametime, DB2, WebSphere and IBM Connections are trademarks or registered trademarks of International Business Machines Corporation in the United
States, other countries, or both. If these and other IBM trademarked terms are marked on their first occurrence in this information with a trademark symbol (® or ™), these symbols
indicate U.S. registered or common law trademarks owned by IBM at the time this information was published. Such trademarks may also be registered or common law trademarks in
other countries. A current list of IBM trademarks is available on the Web at “Copyright and trademark information” at www.ibm.com/legal/copytrade.shtml
 Twitter, LinkedIn, Facebook and other company, product, or service names may be trademarks or service marks of others.
Availability. References in this presentation to IBM products, programs, or services do not imply that they will be available in all countries in which IBM operates.
The workshops, sessions and materials have been prepared by IBM or the session speakers and reflect their own views. They are provided for informational purposes only, and are neither
intended to, nor shall have the effect of being, legal or other guidance or advice to any participant. While efforts were made to verify the completeness and accuracy of the information
contained in this presentation, it is provided AS-IS without warranty of any kind, express or implied. IBM shall not be responsible for any damages arising out of the use of, or otherwise
related to, this presentation or any other materials. Nothing contained in this presentation is intended to, nor shall have the effect of, creating any warranties or representations from IBM or
its suppliers or licensors, or altering the terms and conditions of the applicable license agreement governing the use of IBM software.
All customer examples described are presented as illustrations of how those customers have used IBM products and the results they may have achieved. Actual environmental costs and
performance characteristics may vary by customer. Nothing contained in these materials is intended to, nor shall have the effect of, stating or implying that any activities undertaken by you
will result in any specific sales, revenue growth or other results.
Acknowledgements and Disclaimers

42. 42
 Access Connect Online to complete your session surveys using any:
– Web or mobile browser
– Connect Online kiosk onsite
42

43. 4343
Engage Online
 SocialBiz User Group socialbizug.org
– Join the epicenter of Notes and Collaboration user groups
 Follow us on Twitter
– @IBMConnect and @IBMSocialBiz
 LinkedIn http://bit.ly/SBComm
– Participate in the IBM Social Business group on LinkedIn:
 Facebook https://www.facebook.com/IBMSocialBiz
– Like IBM Social Business on Facebook
 Social Business Insights blog ibm.com/blogs/socialbusiness
– Read and engage with our bloggers
Engage Online