From simple integrations to rich interactions, HipChat's integration platform, powered by Atlassian Connect, supports it all! Tanguy will walk you through HipChat's integration capabilities and how they're used in real life, as well as give you a glimpse into the future of messaging-powered apps. You'll learn how the HipChat team reimagined its integration platform and get a look at some of the 60+ 3rd party integrations that turn HipChat into your team's notification center.

1. TANGUY CRUSSON • PRODUCT MANAGER • HIPCHAT • @TC_SAAS
HipChat
Connecting to (allthethings)

2. Meet the HipChat team
Sydney San Francisco Austin

3. Server

4. 1B
2B
3B
4B
5B
2010 2011 2012 2013 2014 2015
6B
7B

6. Plan
Build Test
Ship
Manage Celebrate

8. Plan
Build Test
Ship
Manage Celebrate

9. 80+ integrations

12. Introducing
HipChat Connect

13. Glances Actions
ROOMS
PEOPLE
Create a room
Design
Project Managers
Soccer Team
Development 3
Quality Assurance
Coffee Club
Finance
Julien Hoarau
Michael Oates
Craig Petchell
Royce Wong
Tanguy Crusson
Dugald Morrow
Athan Zikou
Lobby Design
“Design must be functional and functionality must be translated into visual aesthetics”
New chat Search history
PEOPLE
Tanguy Crusson
Craig Petchell
Patrick Streule
Julien Hoarau
Carlos Khatchikian
Anthony Starr
Anatoli Kazatchkov
Michale Oates
Oleg Karprov
Lucy Denton
Dugald Morrow
Athan Zikou
Josh Devenny
Sascha Reuter
Thomas Davies
Views
Glance Details5
Configure integration
Cards
How we learnt to give better
design feedback at Atlassian
7 days ago
Sparring is not that common in many software
companies, and isn’t born out of that industry either
which is maybe why.
Medium · 3:39 PM
New article by Atlassian Design
Bitbucket · 6:50 PM
Fixed a bug that was making Youtube videos flicker in chat view
Reviewers: Craig PetchellMichael Oates
#320 Videos now render nicely
7 days ago
Error messages are not using
the standard template. We
should fix this problem.
Status:
Priority: Critical
CODING
Assignee: Michael Oates
MM-123 Error messages
in sign up screen…
7 days ago
Updated 5 hours ago
Fixed a bug that was making
Youtube videos flicker in chat
#320 Videos now render
nicely
Patrick Streule
Michael Oates
Craig Petchell
REVIEWERS
STATUS
OPEN
Message Action 1
Message Action 2
JIRA · 3:39 PM
MM-123 Error messages in sign up screen should use standard templates.
Type: Task Status:Priority: Major CODING Assignee: Michael Oates
Anatoli Kazatchkov assigned MM-123 to Michael Oates · 3:39 PM
Input Action 1
Input Action 2
Input Action 3
10 Useful statistic
9 With a lozenge
Files
Links
PEOPLE
+6
5 Cool statistic
59 tweets
2 Bugs
ALL GOOD23 builds
Save Cancel
Add-on

16. Is it magic?
(hint: the answer is no)
(it’s just awesome)

17. REST
HTML/JavaScript/CSS
OAuth + JWT

18. REST
HTML/JavaScript/CSS
OAuth + JWT

20. HipChat Cards

21. HipChat Glance
"glance": [
{
"queryUrl": "{{baseUrl}}/glance",
"key": "myaddon-glance",
"target": "myaddon-sidebar"
}
]
GET queryUrl

22. ROOMS
PEOPLE
Create a room
Design
Project Managers
Soccer Team
Development 3
Quality Assurance
Coffee Club
Finance
Julien Hoarau
Michael Oates
Craig Petchell
Royce Wong
Tanguy Crusson
Dugald Morrow
Athan Zikou
Lobby Design
“Design must be functional and functionality must be translated into visual aesthetics”
New chat Search history
PEOPLE
Tanguy Crusson
Craig Petchell
Patrick Streule
Julien Hoarau
Carlos Khatchikian
Anthony Starr
Anatoli Kazatchkov
Michale Oates
Oleg Karprov
Lucy Denton
Dugald Morrow
Athan Zikou
Josh Devenny
Sascha Reuter
Thomas Davies
HipChat Action
"action": [
{
"key": "action.input.1",
"name": {
"value": "Input Action 1"
},
"target": "{target-id}",
"location": "{location}"
}
]
Input Action 1
Input Action 2
Input Action 3

23. HipChat Views

25. HipChat Add-ons
www.hipchat.com/connect

32. HipChat as a Platform
www.hipchat.com/connect

33. Social media watch

35. In-app customer support

36. (Hip)ChatOps

37. Alert Ack Diagnosis Incident Mgt Problem Mgt

38. Alert Ack Diagnosis Incident Mgt Problem Mgt

44. Higher than usual error rates
We are experiencing error rates that are higher than usual on the website. We are investigating this issue and will keep you posted.
We apologize for any inconvenience!

46. www.hipchat.com/connect

47. Bahaa Galal
CTO & Co-Founder
http://notify.ly
@bahaagalal

48. Whenever your business gets mentioned online.
Get Notified.
“
”

56. Folks from these companies use Notify

61. 4

62. "description": "Notify",
"key": "notify-hipchat-connect",
"name": "Notify",
"vendor": {
"name": "Notify",
"url": "http://notify.ly"
},
"links": {
"self": “https://hipchat.notify.ly“
},
"capabilities": {
"hipchatApiConsumer": {
"scopes": ["send_notification"]
},
"installable": {
"allowGlobal": false,
"allowRoom": true,
"callbackUrl": "https://hipchat.notify.ly/install"
},
"configurable": {
"url": "https://hipchat.notify.ly/settings"
}
}

63. "glance": [{
"name": {
"value": "Notify"
},
"queryUrl": "https://hipchat.notify.ly/glance",
"key": "notify-hipchat-glance",
"target": "notify-hipchat-sidebar",
"icon": {
"url": "https://hipchat.notify.ly/images/notify-glance-icon.jpg",
"url@2x": "https://hipchat.notify.ly/images/notify-glance-icon@2x.jpg"
}
}],
"webPanel": [{
"key": "notify-hipchat-sidebar",
"name": {
"value": "Notify Inbox"
},
"location": "hipchat.sidebar.right",
"url": "https://hipchat.notify.ly/inbox"
}]

64. Glance Update
Cron Job

65. Discuss

66. Actions

67. www.hipchat.com/connect