Facebook F8 2016

evilfate 3,853 views 70 slides Apr 21, 2016
Slide 1
Slide 1 of 70
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22
Slide 23
23
Slide 24
24
Slide 25
25
Slide 26
26
Slide 27
27
Slide 28
28
Slide 29
29
Slide 30
30
Slide 31
31
Slide 32
32
Slide 33
33
Slide 34
34
Slide 35
35
Slide 36
36
Slide 37
37
Slide 38
38
Slide 39
39
Slide 40
40
Slide 41
41
Slide 42
42
Slide 43
43
Slide 44
44
Slide 45
45
Slide 46
46
Slide 47
47
Slide 48
48
Slide 49
49
Slide 50
50
Slide 51
51
Slide 52
52
Slide 53
53
Slide 54
54
Slide 55
55
Slide 56
56
Slide 57
57
Slide 58
58
Slide 59
59
Slide 60
60
Slide 61
61
Slide 62
62
Slide 63
63
Slide 64
64
Slide 65
65
Slide 66
66
Slide 67
67
Slide 68
68
Slide 69
69
Slide 70
70

About This Presentation

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


Slide Content

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
●Open Source
●Performance

Give everyone the power to share
anything with anyone

Share things with anyone

Live API

LiveDemo

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-
platform/quickstart
●Follow the tutorial, you can build a bot easily.

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 than a small car.
●Fly in 60000 feet high.
●Use laser to communicate with ground and each other.

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 build services.

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 materials necessary to build.
●Will open source hardware and software design in this summer.

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.

●Open source of F8 schedule app
○Build with React Native
○One enginneer, one week, both iOS and Android
○http://makeitopen.com/

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

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

Performance

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

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

Performance Improved Results

Performance As A Feature

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

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
https://www.facebook.com/FacebookforDevelopers/photos/a.441861428552.204523.19292868552/10153627866518553/?type=3&theater

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