Slide 1

Slide 1 text

Immersive Journalism using AR and VR Felipe Bernardes GDG DevFest London

Slide 2

Slide 2 text

I'm not a Journalist... @felip_bernardes

Slide 3

Slide 3 text

Confidential | 3 img img img Confidential | 3 $ whoami Felipe Bernardes ● Lives in Sorocaba, Brazil ● BrazilJS Sorocaba, GDG Sorocaba ● Programming for ~5 years ● Remote Freelancer for ~1 year ● Living happier in the past year ● Living healthier in the past year Hire the top 3% of freelance talent @felip_bernardes

Slide 4

Slide 4 text

@felip_bernardes

Slide 5

Slide 5 text

@felip_bernardes

Slide 6

Slide 6 text

agenda - The web, today - AR, VR and Immersive Web: concepts and cases - The problem - The POC - The message @felip_bernardes

Slide 7

Slide 7 text

1. the web, today @felip_bernardes

Slide 8

Slide 8 text

I've read this article... three years ago @felip_bernardes

Slide 9

Slide 9 text

@felip_bernardes

Slide 10

Slide 10 text

@felip_bernardes

Slide 11

Slide 11 text

@felip_bernardes

Slide 12

Slide 12 text

but… is it a problem? @felip_bernardes @felip_bernardes

Slide 13

Slide 13 text

no, but we can do more @felip_bernardes @felip_bernardes

Slide 14

Slide 14 text

old tools, same possibilities @felip_bernardes

Slide 15

Slide 15 text

@felip_bernardes

Slide 16

Slide 16 text

but... @felip_bernardes

Slide 17

Slide 17 text

AR / VR technologies have been more and more popular @felip_bernardes

Slide 18

Slide 18 text

AR / VR technologies have been more and more easier to code @felip_bernardes

Slide 19

Slide 19 text

three.js apple ar kit google ar core mozilla a-frame

Slide 20

Slide 20 text

AR / VR technologies have been more and more accessible to devices @felip_bernardes

Slide 21

Slide 21 text

AR / VR technologies have been more and more accessible to people @felip_bernardes

Slide 22

Slide 22 text

new tools, new possibilities @felip_bernardes

Slide 23

Slide 23 text

2. AR, VR and Immersive Web @felip_bernardes

Slide 24

Slide 24 text

concepts @felip_bernardes

Slide 25

Slide 25 text

AR @felip_bernardes VR

Slide 26

Slide 26 text

Immersive Web @felip_bernardes

Slide 27

Slide 27 text

cases @felip_bernardes

Slide 28

Slide 28 text

(VR) beat saber @felip_bernardes

Slide 29

Slide 29 text

(AR) apple measure @felip_bernardes

Slide 30

Slide 30 text

(AR) immersive art @ google i/o @felip_bernardes

Slide 31

Slide 31 text

(AR) chrome/canary experimental AR API @felip_bernardes

Slide 32

Slide 32 text

as developers, we can lead the possibilities @felip_bernardes

Slide 33

Slide 33 text

ok, but… what about Immersive Journalism? @felip_bernardes

Slide 34

Slide 34 text

Ben Wilhelm from NY Times @ BrazilJS Conf, 2018 @felip_bernardes

Slide 35

Slide 35 text

Immersive Journalism is about providing immersive information and content visualization for people @felip_bernardes

Slide 36

Slide 36 text

David Bowie Article @felip_bernardes

Slide 37

Slide 37 text

3. the problem @felip_bernardes

Slide 38

Slide 38 text

AR and VR doesn't works in the browser yet @felip_bernardes

Slide 39

Slide 39 text

If isn't for everyone, it isn't the web @felip_bernardes

Slide 40

Slide 40 text

Progressive Enhancement on immersion using 3d visualization @felip_bernardes

Slide 41

Slide 41 text

NY Times Scroll Case @felip_bernardes

Slide 42

Slide 42 text

Closed source @felip_bernardes

Slide 43

Slide 43 text

4. the POC @felip_bernardes

Slide 44

Slide 44 text

codepen.io/felipebernardes @felip_bernardes

Slide 45

Slide 45 text

cool, huh? but it's just a tool @felip_bernardes

Slide 46

Slide 46 text

5. the message @felip_bernardes

Slide 47

Slide 47 text

I choose CS career because I wanted to make the world a better place through technology I bet many of you joined CS because of it too @felip_bernardes

Slide 48

Slide 48 text

are we doing our best? @felip_bernardes

Slide 49

Slide 49 text

@felip_bernardes

Slide 50

Slide 50 text

we can deliver values we believe on through code. @felip_bernardes

Slide 51

Slide 51 text

I'm not a Journalist... @felip_bernardes

Slide 52

Slide 52 text

but I want to make jornalism better through code. @felip_bernardes

Slide 53

Slide 53 text

but I want to provide immersive information to people. @felip_bernardes

Slide 54

Slide 54 text

I want to make the web immersive. @felip_bernardes

Slide 55

Slide 55 text

My POC isn't perfect but it's a start. @felip_bernardes

Slide 56

Slide 56 text

The web is built by little steps. @felip_bernardes

Slide 57

Slide 57 text

(AR) chrome/canary experimental AR API @felip_bernardes

Slide 58

Slide 58 text

I wanted to ask you… @felip_bernardes

Slide 59

Slide 59 text

what do you believe? @felip_bernardes

Slide 60

Slide 60 text

how do you want the web to be like? @felip_bernardes

Slide 61

Slide 61 text

how do you think the web can improve? @felip_bernardes

Slide 62

Slide 62 text

Start Thinking about it. @felip_bernardes

Slide 63

Slide 63 text

Be intentional about it. @felip_bernardes

Slide 64

Slide 64 text

slides @ speakerdeck.com/felipebernardes Thank you! I have free stickers, come talk to me @ Toptal desk felipebernardes.github.io [email protected] Felipe Bernardes Front End Developer @felip_bernardes