Introduction google glass en - rev 20 - codemotion

the Google Glass Revolution
Alain Regnier

@altolabs
#Codemotion #GoogleGlass
Who I am…
●Alain Regnier
●alain@altolabs.com / @altolabs
●CTO Alto Labs
●Spent 10 years in Silicon Valley
●#GlassExplorer for the last 18 months
●Organizer GDG Paris and Paris Glass User Group
●Provide consulting service around several Google Technologies including Google Glass
●Develop POCs, Prototypes and Applications on Google Glass

@altolabs
Agenda
●What it is…
●How it works…
●What can we do…
●Glass Explorer program
●Google Glass v2
●Programming for Glass
●Thoughts after 1.5 years…
●Glass World
●Questions

@altolabs
What it is…

@altolabs

@altolabs
Technical details
●640x360 pixels screen
●Integrated camera:
5 Megapixels photos
720p videos
●Wifi 802.11 b/g
●Bluetooth
●Video support (MP4 container H264/H263 encoding)
●Audio support (AAC and MP3)
●16 GB data storage (12 GB really available)
●Flexible support

@altolabs
More Technical Details
●Android 4.4
●Microphone
●Bone Conduction Transducer
●Gyroscope
●Accelerometer
●Magnetometer
●Proximity sensor
●Ambient light sensor
●Infrared sensor

@altolabs
How it works…

@altolabs
How it works…
© Martin Missfeldt

@altolabs
the Cards
Text
Image
Video
HTML

@altolabs
the Timeline
●Everything that you’ve done and received
●The most recent appears on the left, the oldest disappears on the right
●Composed of Cards

@altolabs
Voice
“OK, Glass” followed by a command
Trackpad
●Click : activate/select/OK
●Swipe down: go back
●Swipe left/right: navigate the timeline
●Swipe down with 2 fingers: exit
●Camera button: take a picture / record a video
●Power Button (several secondes): turn on / turn off
●Backwards head move : activate
Applications
MyGlass Web
MyGlass Mobile
Controls

@altolabs
What we can do…

@altolabs
What we can do…
●Take a picture
●Record a video
●Search on Google
●Request directions and get GPS navigation
●Send a message
●Call a contact
●Participate in a hangout (!)
●Receive notifications (email, Google+, Google Now…)
●Install Glasswares

@altolabs
MyGlass Mobile
●Link your Google+ account (for example to synchronize your pictures)
●Connect your Glass to your mobile using bluetooth (phone calls, configuration, GPS…)
●Configure Wifi access points
●Activate Glasswares

@altolabs
MyGlass Web

@altolabs
Example: NYT Glassware

@altolabs
Example: CNN Glassware

@altolabs
Demo

@altolabs
Glass Explorer program

@altolabs
Glass Explorer program
●Google Glass do not exist as a product YET
●2000 developers who registered during Google I/O 2012
●Around 8000 more users selected through the #IfIHadGlass contest beginning of 2013
●Originally available only in US by invitation
●Access to prototype since april 2013
●Presentation event on the Google Campus
●Access to the Mirror API and related forums
●Entry in the program available on Google Play Store in the US
●Available in the UK since June 2014

@altolabs
Development prototype

@altolabs
Google Glass v2

@altolabs
New Version
●Headphones to hear better in noisy environment
●Allows Prescription Glasses to be mounted
●Newer version of the CPU (OMAP 4430) supposedly increasing a bit performances
●CE mark on the Glass 
●Lightweight titanium frames for Glass
●2 GB memory in latest versions

@altolabs
Version 1 vs Version 2

@altolabs
Programming for Glass

@altolabs
Programming for Glass
●Mirror API : programming server side in Go, Java, Python, .Net, PHP… (original method)
●GDK (Glass Development Kit) Preview : Android programming in Java, running directly on the device
●WearScript : Javascript for Google Glass created by Brandyn White allowing quick and easy prototyping of application (supports other wearable devices)

@altolabs
Playground

@altolabs
Mirror API vs GDK

@altolabs
Development with the Mirror API

@altolabs
Mirror API
●Original way to program Google Glass
●Composed of RESTful services
●No need to execute code on the Glass
●Calls need to be authenticated using OAuth 2.0
●Starters projects available in Java, PHP, Python…

@altolabs
# Insertion into Timeline : Text
@Override protected void doGet(HttpServletRequest req, HttpServletResponse res) throws IOException { String userId = AuthUtil.getUserId(req); Credential credential = AuthUtil.newAuthorizationCodeFlow().loadCredential(userId); ...
if (req.getParameter("action").equals("addtext")) { LOG.fine("Inserting Timeline Item: text"); TimelineItem timelineItem = new TimelineItem(); timelineItem.setText("You've got mail! " + new Date().toString()); timelineItem.setNotification(new NotificationConfig().setLevel("DEFAULT")); Mirror.Builder mb = new Mirror.Builder(new UrlFetchTransport(), new JacksonFactory(), credential); Mirror.Timeline timeline = mb.setApplicationName("GlassExplo").build().timeline(); timeline.insert(timelineItem).execute(); }
Servlet receiving the request
Insertion of a Text Card
Request example: http://localhost:8888/main?action=addtext

@altolabs
Development with the GDK

@altolabs
GDK Developer Preview
●GDK = Glass Development Kit
●Allow to do development in your Android development environment
●Sneak Peek v1 release on november 19, 2013
●Very preliminary version before the Developer Preview!
●Based on Android 4.4
●Simple add-on for Glass specific features (voice commands, gestures, cards buildup…)
●Possibility to develop with NDK (ex. Translation)

@altolabs
GDK Developer Preview (2)
●Create cards
●Provide access to sensors
●Display preview stream of camera
●Capture pictures and videos
●Capture voice
●Handle trackpad directly
●Display full screen
●Full access to Network

@altolabs
GDK : Card creation (new)
●A standard card has:
●A main text
●A footer
●One or several images
// Create a card with a full-screen background image. View view1 = new CardBuilder(context, CardBuilder.Layout.TEXT) .setText(" This card has a puppy background image.") .setFootnote(How can you resist?") .setTimestamp("just now") .addImage(R.drawable.puppy_bg) .getView();

@altolabs
Development with WearScript

@altolabs
Development with WearScript
●One line installer on Linux
curl -L http://goo.gl/nRjW6y > install.py && python install.py
<html style="width:100%; height:100%; overflow:hidden"> <body style="width:100%; height:100%; overflow:hidden; margin:0"> <canvas id="canvas" width="640" height="360" style="display:block"></canvas> <script> function server() { WS.log('Welcome to WearScript'); // Write to Android Log and Playground console WS.say('Welcome to WearScript'); // Text-to-Speech WS.sound('SUCCESS') // Changes canvas color with head rotation WS.sensorOn('orientation', .15, function (data) { ctx.fillStyle = 'hsl(' + data['values'][0] + ', 90%, 50%)' ctx.fillRect(0, 0, 640, 360); });

@altolabs
Developers Guidelines
●Design for Glass
●Always test on Glass
●Send content only if important right now
●Avoid unexpected
●Best contrast: white text on dark background
●Use templates
●Test with Playground
●If you want to display text, just send text: it will be automatically spread on several cards

@altolabs
Thoughts after 1.5 years…

@altolabs
●Very interesting concept with LOT of potential
●Look Ma… No hands!
●Prototype light and comfortable
●Allow to keep normal field of vision intact
●Several ways to develop applications (server side, on the device, using javascript…)
●Thousands of developers currently writing applications for Glass
● Updates with new features
●Prescription Glasses support

@altolabs
●Prototype officially only for American (and British) Explorers for now Battery doesn’t last long enough
●Difficult to hear in noisy environment
●Front facing camera making some people uncomfortable
●French accent not always recognized 
●No easy way to secure the Glass when you walk in public areas
●No way to prevent updates (can be scary)
●Not yet available to the public
●When plugged in, the Glass turn on on their own
●Updates sometimes remove features

@altolabs
Possible Use Cases
●Facial recognition (Google doesn’t want it for now)
●Secondary screen (TV, Gaming, Checklists…)
●Recording of places, people… with comments
●Access to medical files during surgery
●Ads/QR Code scanning to get more details about a product or compare prices
●Control moving devices (drones…)
●See notes while making a presentation
●Direct view training
●Augmented reality (partial)
●…

@altolabs
Glass World

@altolabs
“Shazaglass”

@altolabs
CEO and Founder of @Parrot Henri Seydoux flying @ardrone with @GoogleGlass [@NYUEngelberg]

@altolabs
Blue from PaperModelPlane

@altolabs
Surgeon live stream knee repair with Google Glass to colleague and students (Dr. Christopher Kaeding)

@altolabs
John Kucko commented the SuperBowl with Google Glass to provide a different experience

@altolabs
In school, #GoogleGlass can help keep hands free during the recording of a demo (Burlington Public School)

@altolabs
Race Yourself, an application that convert physical activities into games

@altolabs
An application to prevent sleeping at the wheel (DriveSafe)

@altolabs
An application to facilitate boarding at Virgin Atlantic

@altolabs
Doctor Steven Horng from Beth Israel Deaconess Medical Center who saved a life thanks to Glass

@altolabs
No Comment… 

@altolabs
If you want to know more…
●Documentation for developers
https://developers.google.com/glass/
●Community
https://www.glass-community.com/
●On Twitter: @GlassFrance
●Contact me
Alain Regnier #GlassExplorer
alain@altolabs.com
@altolabs

@altolabs
Questions?

Introduction google glass en - rev 20 - codemotion

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Introduction google glass en - rev 20 - codemotion

Semelhante a Introduction google glass en - rev 20 - codemotion (20)

Mais de Codemotion

Mais de Codemotion (20)

Introduction google glass en - rev 20 - codemotion