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

1. Facebook F8 2016
Connect and Open
Fate Chang
Leopard Mobile

2. ● Fate Chang
● Leopard Mobile
● Android Developer
● Focus on architecture and performance
● fb.me/fate.tw
About

3. Agenda
● Live API
● Messenger platform
beta
● Connectivity
● Surrond 360
● ArtificiaI Intelligence
● Virtual Reality
● Open Source
● Performance

6. Give everyone the power to share
anything with anyone

7. Share things with anyone

9. Live API
Live Demo

10. Live
● Live function is open to everyone.
● 10X more comments on Live video.

12. Messenger Platform
Beta

13. Poncho The Weathercat
http://poncho.is

14. Poncho in action
http://poncho.is

15. Bots for Messenger
Send / Receive API

16. 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.

18. Live Coding

19. Bot Engine beta

20. wit.ai bot engine live coding

21. F8 Traffic Bot live demo

22. Some available bots
@1800flowers@hiponcho
@cnn@lyft @uber
@HPPrintBot
@springNYC
http://m.me/hiponcho

23. Connectivity

24. Three main reason people don’t have access to
internet

25. Availability

26. 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.

27. Affordability

28. Open Source Telecom Infra Project

30. Different solution to fit different scenario

31. Awareness

32. Free basics
● Help people who don’t have access to internet to experience for free.
● An open platform for developer to build services.

33. Internet.org Innovation Lab Demo
Analyze real-time traffic
Battery consumption
Emulate 2G network env.

34. Surround 360

35. 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.

36. The video played in demo booth
Video taken in Grand Central Station

37. Facebook 360 demo booth

38. Artificial Intelligence

41. Virtual Reality

42. Social VR

43. Social VR demo video
Source : https://www.youtube.com/watch?v=-pumFtAjgLY

44. Open Source

45. 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/

46. ReDex
● Session : F8: ReDex Making Android apps faster
● Fast
○ 30 seconds with ReDex
● Easy
○ Works directly on APKs
● Flexibile
○ JSON Config

50. F8 schedule app
Source : https://github.com/fbsamples/f8app/

51. Performance

52. Performance session
● Session : Instagram: How Performance Improvements Can Drive Usage
● Optimization 101:
○ Measure
○ Optimize For Common Case
○ Do As Little As Possible

53. Performance Improvement techniques
● Reduce payload resonse size.
● Let video playback from download to streaming
● Use HTTP/2 single connection

54. Performance Improved Results

55. Performance As A Feature

56. Performance session
● Session : Mobile performance tools at Facebook
● In Facebook, they developed many tools to monitor performance.
○ CT-scan

57. Even with good tools, some won’t use them
● Some don’t know
● Some will forget
● Some just do it wrong

58. Did I break app performnace?

61. Technical challenges
● Controlling the environment
● Device variance
● Scaling

62. Mobile Device Lab (past)

63. Mobile Device Lab (now)

64. Facebook’s solution
● CT-Scan
● Loom
● Not open source yet.

65. Last

66. Developer friendly
Rolling out documemtation for all Facebook major product in 16 languages.

67. Oculus Touch

68. My Oculus Touch experience
https://www.youtube.com/watch?v=eq2LYlanht8

69. Thanks for listening

70. 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