Creating Augmented Reality Apps with RubyMotion

Slide 1

Slide 1 text

No content

Slide 2

Slide 2 text

Creating Augmented Reality Apps with RubyMotion Lori Olson WNDX School

Slide 3

Slide 3 text

Why RubyMotion?

Slide 4

Slide 4 text

Why RubyMotion? Because it’s Ruby, duh.

Slide 5

Slide 5 text

But it’s mobile *native* development, so why not use…

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

Why Not…

Slide 11

Slide 11 text

Why Not… • I’ve used it

Slide 12

Slide 12 text

Why Not… • I’ve used it • Syntax is ugly and hard to read

Slide 13

Slide 13 text

Why Not… • I’ve used it • Syntax is ugly and hard to read • It’s the old, uncool language

Slide 14

Slide 14 text

Why Not…

Slide 15

Slide 15 text

Why Not… • Language has been evolving *very* fast

Slide 16

Slide 16 text

Why Not… • Language has been evolving *very* fast • Every new version (5 so far) breaks backward compatibility

Slide 17

Slide 17 text

Why Not… • Language has been evolving *very* fast • Every new version (5 so far) breaks backward compatibility • although last release was better

Slide 18

Slide 18 text

Why Not… • Language has been evolving *very* fast • Every new version (5 so far) breaks backward compatibility • although last release was better • 5 years they’ve managed to raise the language to a level of complexity that rivals the much older Java

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Why Not…

Slide 22

Slide 22 text

Why Not… • I’m sorry

Slide 23

Slide 23 text

Why Not… • I’m sorry • No, I’m not that sorry

Slide 24

Slide 24 text

Why Not… • I’m sorry • No, I’m not that sorry • I really hate Javascript

Slide 25

Slide 25 text

Why Not… • I’m sorry • No, I’m not that sorry • I really hate Javascript • And it’s not really native, so there’s that

Slide 26

Slide 26 text

Why Not… • I’m sorry • No, I’m not that sorry • I really hate Javascript • And it’s not really native, so there’s that • Besides, every mobile app you really hate was probably created with Javascript

Slide 27

Slide 27 text

Quick Intro to RubyMotion

Slide 28

Slide 28 text

Quick Intro to RubyMotion DragonRuby

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

Why did I chose RubyMotion? WIMBY Wells In My Back Yard wimby.ca

Slide 35

Slide 35 text

Tried Objective C

Slide 36

Slide 36 text

Tried Objective C Still disliked it

Slide 37

Slide 37 text

Tried Objective C Still disliked it Context Switch was brutal

Slide 38

Slide 38 text

No content

Slide 39

Slide 39 text

RubyMotion

Slide 40

Slide 40 text

Difﬁcult

Slide 41

Slide 41 text

Difﬁcult ‣ Lack of *good*, *deep* examples

Slide 42

Slide 42 text

Difﬁcult ‣ Lack of *good*, *deep* examples ‣ Constant need to translate from Objective C

Slide 43

Slide 43 text

Difﬁcult ‣ Lack of *good*, *deep* examples ‣ Constant need to translate from Objective C ‣ And now from Swift examples to ﬁgure stuff out

Slide 44

Slide 44 text

Difﬁcult ‣ Lack of *good*, *deep* examples ‣ Constant need to translate from Objective C ‣ And now from Swift examples to ﬁgure stuff out

Slide 45

Slide 45 text

Why not teach?

Slide 46

Slide 46 text

I love teaching, but..

Slide 47

Slide 47 text

I love teaching, but.. Live teaching is exhausting

Slide 48

Slide 48 text

What about online? And WNDX School was born

Slide 49

Slide 49 text

What about online? And WNDX School was born

Slide 50

Slide 50 text

But the AR, Lori… Where’s the Augmented Reality we were promised?

Slide 51

Slide 51 text

New cool APIs like ARKit Apple WWDC

Slide 52

Slide 52 text

No content

Slide 53

Slide 53 text

No content

Slide 54

Slide 54 text

No content

Slide 55

Slide 55 text

Need to create new AR examples!

Slide 56

Slide 56 text

Start Somewhere

Slide 57

Slide 57 text

Augmented Reality Hello World

Slide 58

Slide 58 text

LIVE CODING ALERT

Slide 59

Slide 59 text

LIVE CODING ALERT

Slide 60

Slide 60 text

Augmented Reality Hello World

Slide 61

Slide 61 text

Slide 62

Slide 62 text

Places Of Interest

Slide 63

Slide 63 text

POI Code

Slide 64

Slide 64 text

Live POI AR Demo

Slide 65

Slide 65 text

If you don’t ﬁnd this example compelling

Slide 66

Slide 66 text

If you don’t ﬁnd this example compelling • Make it your own.

Slide 67

Slide 67 text

If you don’t ﬁnd this example compelling • Make it your own. • Don’t need to use Google data or get a Google API key

Slide 68

Slide 68 text

If you don’t ﬁnd this example compelling • Make it your own. • Don’t need to use Google data or get a Google API key

Slide 69

Slide 69 text

If you don’t ﬁnd this example compelling • Make it your own. • Don’t need to use Google data or get a Google API key • Check your local government (civic, state, or federal) Open Data.

Slide 70

Slide 70 text

If you don’t ﬁnd this example compelling • Make it your own. • Don’t need to use Google data or get a Google API key • Check your local government (civic, state, or federal) Open Data. • Download some data with precise GPS locations, and go crazy

Slide 71

Slide 71 text

How about a real example?

Slide 72

Slide 72 text

No content

Slide 73

Slide 73 text

How about a game?

Slide 74

Slide 74 text

How about a game?

Slide 75

Slide 75 text

No content

Slide 76

Slide 76 text

SurvivAR

Slide 77

Slide 77 text

SurvivAR Flaming demons

Slide 78

Slide 78 text

SurvivAR Use the shooting sight

Slide 79

Slide 79 text

SurvivAR Mini-map to see behind

Slide 80

Slide 80 text

Video Demo

Slide 81

Slide 81 text

Video Demo

Slide 82

Slide 82 text

SurvivAR Project / Rakeﬁle

Slide 83

Slide 83 text

But there’s a twist to this story

Slide 84

Slide 84 text

I lied

Slide 85

Slide 85 text

Not me

Slide 86

Slide 86 text

Well sort of

Slide 87

Slide 87 text

Well sort of I helped

Slide 88

Slide 88 text

My Intern built these apps

Slide 89

Slide 89 text

First year Comp Sci

Slide 90

Slide 90 text

First year Comp Sci • Derek

Slide 91

Slide 91 text

First year Comp Sci • Derek • Done a little web programming

Slide 92

Slide 92 text

First year Comp Sci • Derek • Done a little web programming • Learned Java in 1st year

Slide 93

Slide 93 text

How does a ﬁrst year student do this?

Slide 94

Slide 94 text

1. Learn Ruby

Slide 95

Slide 95 text

2. Choose Your Own Adventure

Slide 96

Slide 96 text

2. Choose Your Own Adventure He chose ARKit And a game

Slide 97

Slide 97 text

3. Reviewed all the MiM videos

Slide 98

Slide 98 text

I did help

Slide 99

Slide 99 text

Amir helped, too

Slide 100

Slide 100 text

So why tell you all that.

Slide 101

Slide 101 text

Not enough diverse apps out there

Slide 102

Slide 102 text

More diverse app creators needed

Slide 103

Slide 103 text

More diverse app creators needed • To see the problems others don’t see

Slide 104

Slide 104 text

More diverse app creators needed • To see the problems others don’t see • To create the apps to solve those problems

Slide 105

Slide 105 text

WNDX School is here to help you To help you, Ruby Developers, get those app ideas out of your heads and into the App Store.

Slide 106

Slide 106 text

So do me a favour, and get out there and build YOUR app!

Slide 107

Slide 107 text

So do me a favour, and get out there and build YOUR app! Or help someone build an app to solve THEIR problem.

Slide 108

Slide 108 text

Thanks for coming! Find your on-ramp for RubyMotion Development with FREE Getting Started guides here: https://wndx.school/p/rubyconf Pssst. There’s stickers. Find me for questions after this talk.