Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Facebook F8 2016
Connect and Open
Fate Chang
Leopard Mobile
● Fate Chang
● Leopard Mobile
● Android Developer
● Focus on architecture and performance
● fb.me/fate.tw
About
Agenda
● Live API
● Messenger platform
beta
● Connectivity
● Surrond 360
● ArtificiaI Intelligence
● Virtual Reality
● Ope...
Give everyone the power to share
anything with anyone
Share things with anyone
Live API
Live Demo
Live
● Live function is open to everyone.
● 10X more comments on Live video.
Messenger Platform
Beta
Poncho The Weathercat
http://poncho.is
Poncho in action
http://poncho.is
Bots for Messenger
Send / Receive API
Messenger Bot session
● Live coding in messenger bot session.
● Tutorial : https://developers.facebook.com/docs/messenger-...
Live Coding
Bot Engine beta
wit.ai bot engine live coding
F8 Traffic Bot live demo
Some available bots
@1800flowers@hiponcho
@cnn@lyft @uber
@HPPrintBot
@springNYC
http://m.me/hiponcho
Connectivity
Three main reason people don’t have access to
internet
Availability
AQUILA
● Solar powered, can fly 90 days.
● Wingspan longer than Boeing 737.
● Frame made with carbon-fiber, weight less th...
Affordability
Open Source Telecom Infra Project
Different solution to fit different scenario
Awareness
Free basics
● Help people who don’t have access to internet to experience for free.
● An open platform for developer to bu...
Internet.org Innovation Lab Demo
Analyze real-time traffic
Battery consumption
Emulate 2G network env.
Surround 360
Surrond 360
● Export 8K video
● 14 wide-angle lens (ring), 3 fisheye lens(top and bottom)
● It costs $30,000 to buy the ma...
The video played in demo booth
Video taken in Grand Central Station
Facebook 360 demo booth
Artificial Intelligence
Virtual Reality
Social VR
Social VR demo video
Source : https://www.youtube.com/watch?v=-pumFtAjgLY
Open Source
Open Source
● ReDex - An Android Bytecode Optimizer
○ http://fbredex.com/
○ Reduce app size and improve performance.
● Ope...
ReDex
● Session : F8: ReDex Making Android apps faster
● Fast
○ 30 seconds with ReDex
● Easy
○ Works directly on APKs
● Fl...
F8 schedule app
Source : https://github.com/fbsamples/f8app/
Performance
Performance session
● Session : Instagram: How Performance Improvements Can Drive Usage
● Optimization 101:
○ Measure
○ Op...
Performance Improvement techniques
● Reduce payload resonse size.
● Let video playback from download to streaming
● Use HT...
Performance Improved Results
Performance As A Feature
Performance session
● Session : Mobile performance tools at Facebook
● In Facebook, they developed many tools to monitor p...
Even with good tools, some won’t use them
● Some don’t know
● Some will forget
● Some just do it wrong
Did I break app performnace?
Technical challenges
● Controlling the environment
● Device variance
● Scaling
Mobile Device Lab (past)
Mobile Device Lab (now)
Facebook’s solution
● CT-Scan
● Loom
● Not open source yet.
Last
Developer friendly
Rolling out documemtation for all Facebook major product in 16 languages.
Oculus Touch
My Oculus Touch experience
https://www.youtube.com/watch?v=eq2LYlanht8
Thanks for listening
More resources
● Official F8 2016 videos : https://developers.facebook.com/videos
● Social VR at F8 : https://vimeo.com/16...
Facebook F8 2016
Facebook F8 2016
Facebook F8 2016
Facebook F8 2016
Facebook F8 2016
Facebook F8 2016
Facebook F8 2016
Facebook F8 2016
Facebook F8 2016
Facebook F8 2016
Facebook F8 2016
Facebook F8 2016
Facebook F8 2016
Upcoming SlideShare
Loading in …5
×

Facebook F8 2016

3,261 views

Published on

Share at Android Taipei 2016 April meetup. 2016/04/21

Published in: Technology

Facebook F8 2016

  1. 1. Facebook F8 2016 Connect and Open Fate Chang Leopard Mobile
  2. 2. ● Fate Chang ● Leopard Mobile ● Android Developer ● Focus on architecture and performance ● fb.me/fate.tw About
  3. 3. Agenda ● Live API ● Messenger platform beta ● Connectivity ● Surrond 360 ● ArtificiaI Intelligence ● Virtual Reality ● Open Source ● Performance
  4. 4. Give everyone the power to share anything with anyone
  5. 5. Share things with anyone
  6. 6. Live API Live Demo
  7. 7. Live ● Live function is open to everyone. ● 10X more comments on Live video.
  8. 8. Messenger Platform Beta
  9. 9. Poncho The Weathercat http://poncho.is
  10. 10. Poncho in action http://poncho.is
  11. 11. Bots for Messenger Send / Receive API
  12. 12. Messenger Bot session ● Live coding in messenger bot session. ● Tutorial : https://developers.facebook.com/docs/messenger- platform/quickstart ● Follow the tutorial, you can build a bot easily.
  13. 13. Live Coding
  14. 14. Bot Engine beta
  15. 15. wit.ai bot engine live coding
  16. 16. F8 Traffic Bot live demo
  17. 17. Some available bots @1800flowers@hiponcho @cnn@lyft @uber @HPPrintBot @springNYC http://m.me/hiponcho
  18. 18. Connectivity
  19. 19. Three main reason people don’t have access to internet
  20. 20. Availability
  21. 21. AQUILA ● Solar powered, can fly 90 days. ● Wingspan longer than Boeing 737. ● Frame made with carbon-fiber, weight less than a small car. ● Fly in 60000 feet high. ● Use laser to communicate with ground and each other.
  22. 22. Affordability
  23. 23. Open Source Telecom Infra Project
  24. 24. Different solution to fit different scenario
  25. 25. Awareness
  26. 26. Free basics ● Help people who don’t have access to internet to experience for free. ● An open platform for developer to build services.
  27. 27. Internet.org Innovation Lab Demo Analyze real-time traffic Battery consumption Emulate 2G network env.
  28. 28. Surround 360
  29. 29. Surrond 360 ● Export 8K video ● 14 wide-angle lens (ring), 3 fisheye lens(top and bottom) ● It costs $30,000 to buy the materials necessary to build. ● Will open source hardware and software design in this summer.
  30. 30. The video played in demo booth Video taken in Grand Central Station
  31. 31. Facebook 360 demo booth
  32. 32. Artificial Intelligence
  33. 33. Virtual Reality
  34. 34. Social VR
  35. 35. Social VR demo video Source : https://www.youtube.com/watch?v=-pumFtAjgLY
  36. 36. Open Source
  37. 37. Open Source ● ReDex - An Android Bytecode Optimizer ○ http://fbredex.com/ ○ Reduce app size and improve performance. ● Open source of F8 schedule app ○ Build with React Native ○ One enginneer, one week, both iOS and Android ○ http://makeitopen.com/
  38. 38. ReDex ● Session : F8: ReDex Making Android apps faster ● Fast ○ 30 seconds with ReDex ● Easy ○ Works directly on APKs ● Flexibile ○ JSON Config
  39. 39. F8 schedule app Source : https://github.com/fbsamples/f8app/
  40. 40. Performance
  41. 41. Performance session ● Session : Instagram: How Performance Improvements Can Drive Usage ● Optimization 101: ○ Measure ○ Optimize For Common Case ○ Do As Little As Possible
  42. 42. Performance Improvement techniques ● Reduce payload resonse size. ● Let video playback from download to streaming ● Use HTTP/2 single connection
  43. 43. Performance Improved Results
  44. 44. Performance As A Feature
  45. 45. Performance session ● Session : Mobile performance tools at Facebook ● In Facebook, they developed many tools to monitor performance. ○ CT-scan
  46. 46. Even with good tools, some won’t use them ● Some don’t know ● Some will forget ● Some just do it wrong
  47. 47. Did I break app performnace?
  48. 48. Technical challenges ● Controlling the environment ● Device variance ● Scaling
  49. 49. Mobile Device Lab (past)
  50. 50. Mobile Device Lab (now)
  51. 51. Facebook’s solution ● CT-Scan ● Loom ● Not open source yet.
  52. 52. Last
  53. 53. Developer friendly Rolling out documemtation for all Facebook major product in 16 languages.
  54. 54. Oculus Touch
  55. 55. My Oculus Touch experience https://www.youtube.com/watch?v=eq2LYlanht8
  56. 56. Thanks for listening
  57. 57. More resources ● Official F8 2016 videos : https://developers.facebook.com/videos ● Social VR at F8 : https://vimeo.com/162707492 ● Messenger at F8 : https://vimeo.com/162461363

×