Facebook F8 2016

Connect and Open

Fate ChangLeopard 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

Live Demo

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

Messenger PlatformBeta

Poncho The Weathercathttp://poncho.is

Poncho in action

http://poncho.is

Bots for MessengerSend / 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 DemoAnalyze 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 boothVideo 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 appSource : 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 friendlyRolling 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