The Next Generation of Social is in a Hangout
Upcoming SlideShare
Loading in...5
×
 

The Next Generation of Social is in a Hangout

on

  • 1,049 views

Make your apps come alive with live audio/video conversations using the Hangouts Platform API. Using the Google+ Hangouts API, you can develop collaborative apps that run inside of a Google+ Hangout.

Make your apps come alive with live audio/video conversations using the Hangouts Platform API. Using the Google+ Hangouts API, you can develop collaborative apps that run inside of a Google+ Hangout.

Statistics

Views

Total Views
1,049
Views on SlideShare
1,027
Embed Views
22

Actions

Likes
0
Downloads
10
Comments
0

5 Embeds 22

http://coderwall.com 14
http://www.linkedin.com 4
https://www.linkedin.com 2
http://www.flickr.com 1
http://hedhub.co 1

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

The Next Generation of Social is in a Hangout The Next Generation of Social is in a Hangout Presentation Transcript

  • Developers
  • The Next Generation of SocialIs in a HangoutJonathan Beri Amit FulayDeveloper Advocate Product Manager #io12
  • Jonathan BeriDeveloper Advocate, Google+jonathanberi.com/+
  • Today’s Agenda • The Hangouts Story • Demos • Code-Slingin’ 4
  • Amit FulayProduct Manager, Google+http://goo.gl/HlOaO
  • The Hangouts Story
  • The Hangouts Story + Social Real Time 7
  • YouTube 8
  • Google Docs 9
  • Launched Google+ Hangouts Platform
  • Activities
  • Aces Poker 12
  • Scoot & Doodle 13
  • Enhance Live Conversations
  • Mustache 15
  • Effects 16
  • Cheer On 17
  • Bring Hangouts to Your Apps
  • SlideShare 19
  • Cacoo 20
  • Symphonical Text 21
  • Google+ Hangouts Platform 1.Build Activities inside hangouts 2.Build enhancements for live conversations 3.Bring Google+ Hangouts to your app 22
  • Demos
  • Hangouts are a New OpportunityHangout Apps are Something You Should be Building Today
  • What Can You Do?Scenarios You Can Build into a Hangout App
  • Show Who is Playing 26
  • Watch While Someone Draws 27
  • Use Your Face as a Controller 28
  • Building Blocks of a Hangout AppHow You Can Integrate the Power of Hangouts
  • JavaScript + Hangout Features Your HTML/JavaScript hangout.js 30
  • App.xml: Pure Web with a Sprinkle of XML XML<?xml version=“1.0” encoding=“UTF-8” ?><Module> <ModulePrefs title=“Your App Name”> <Require feature=“rpc” /> <Require feature=“views” /> </ModulePrefs> <Content type=“html”> <!CDATA[ <script src=“//talkgadget.google.com/hangouts/_/api/hangout.js?v=1.1”></script> <!-- Your application code --> ]]> </Content></Module> 31
  • App.xml: Pure Web with a Sprinkle of XML XML<?xml version=“1.0” encoding=“UTF-8” ?><Module> <ModulePrefs title=“Your App Name”> <Require feature=“rpc” /> <Require feature=“views” /> </ModulePrefs> <Content type=“html”> <!CDATA[ <script src=“//talkgadget.google.com/hangouts/_/api/hangout.js?v=1.1”></script> <!-- Your application code --> ]]> </Content></Module> 32
  • Anything you can do in an iFrame, youcan do in a Hangoutbut you can do so much more...
  • JavaScript + Hangout Features Your HTML/JavaScript hangout.js 34
  • hangout.js• Including hangout.js gives you access to many hangout features, including: - Participants - Data Channels - A/V - Effects - Metadata JavaScript <script src="//talkgadget.google.com/hangouts/_/api/hangout.js?v=1.1"></script> 35
  • Code-Slingin’ TimeLet’s Build a Hangout App
  • Guess the pastry 37
  • What We’d Like• Show who’s playing - List current participants• Track whose voted - Record votes “somewhere”• Congratulate the winners - Web badge of honor 38
  • There’s a Lot More Possible Code Lab: http://goo.gl/Ezt0v 39
  • Insights to be SuccessfulDesign & UX Best Practices for Building Hangout Apps
  • Put People First Identify Who is Playing with Profile Pictures and Overlays 41
  • Social is About Being Together Make everything collaborative and synchronous 42
  • Users Will Join When You Least Expect Them There are tons Participant callbacks - use them liberally! 43
  • Playing Alongside Friends Can be Fun Too Think about different ways you can group users 44
  • React Immediately, Respond in Real-Time Use the Data Channels to keep your App in sync 45
  • We are at the Cusp 46
  • Next Steps• Get Started with Hangout Apps - http://developers.google.com/+/hangouts• Promote Your App - https://developers.google.com/+/hangouts/button• Attend the Hangouts Fireside Chat - https://developers.google.com/events/io/sessions/gooio2012/809/ 47
  • Credits• Slides - 12: http://aceshangout.com/ - 13: http://scootdoodle.com/ - 19: http://www.slideshare.net/ - 20: https://cacoo.com/ - 21: https://www.symphonical.com/ - 24: http://tabletopforge.com/ - 28: http://www.experimentsplus.com/details/donut-horns - 29: http://flic.kr/p/8syc8C - 37: http://flic.kr/p/9QwfyD 48
  • Credits• Live coding - Pastry: http://flic.kr/p/9QwfyD - Nyan Cat: http://nyan.cat• Slides - 40: http://flic.kr/p/9m9Nty - 41: http://goo.gl/qFQRP - 42: http://flic.kr/p/bAoSsK - 43: http://flic.kr/p/7qHfdt - 44: http://flic.kr/p/5jrwbw - 45: http://flic.kr/p/52D411 49
  • <Questions?>https://developers.google.com/+/hangouts/Jonathan Beri Amit Fulay #io12jonathanberi.com/+ http://goo.gl/HlOaO
  • Developers