Augmented RealityRizal AkbarHead of Engineer & Co-founder PT.Global Premier Solusindo (CreativeHead)

5 Keys Trend of 2010

• Mobile• Real-Time Web• Internet of Things• Structured Data

•Augmented Reality

Augmented Reality

Apa sih “Augmented Reality” itu ?

Augmented Reality : 1) Combines real and virtual. 2) Is interactive

and real-time. 3) Is registered in 3D.

~ Ronald Azuma, 1997 ~

Augmented : Penambahan/Peningkatan

Reality : Realitas / Kenyataan

Augmented Reality : Realita yang ditambahkan

atauRealita Tertambah

RealitaRealita Tertambah

Media untuk melihat AR

• PC Monitor / TV• Handphone• Goggles• Contact Lens

Marker / Realita

WebCam

Monitor + CPU +etc.

Realita Tertambah

Marker / Realita Realita Tertambah

Contoh

GE SmartGrid

Priority Mail

Mixed Reality

RealEnvironment

Augmented Reality (AR)

Augmented Virtuality (AV)

Virtual Environment

Object Acuan

• Marker• Marker-Texture• Face Detection / Recognition• Motion Detection• GPS & Digital Compass

Marker

Marker-Texture

Face Detection / Recognition

Motion Detection

GPS & Digital Compass

How ?

Media untuk melihat AR

• PC / Laptop (+WebCam)• Handphone• Goggles• Contact Lens

Media untuk melihat AR

• PC / Laptop (+WebCam)• Handphone– Layar (http://www.layar.com)

– Wikitude (http://www.wikitude.org/en)

– Qualcomm API (http://developer.qualcomm.com/ar)

– ARToolkitPlus (http://studierstube.icg.tu-graz.ac.at/handheld_ar/artoolkitplus.php)

–Flash (Adobe AIR)

Media untuk melihat AR

• PC / Laptop (+WebCam)– ARToolkit (http://www.hitl.washington.edu/artoolkit/)

• NyARToolKit (http://nyatla.jp/nyartoolkit/wiki/)

• JSARToolkit (http://www.libspark.org/svn/js/JSARToolKit/trunk/)

• SLARToolkit (http://slartoolkit.codeplex.com/)

• FLARToolkit (http://www.libspark.org/wiki/saqoosha/FLARToolKit/en)

FLARToolKit(http://www.libspark.org/wiki/saqoosha/FLARToolKit/en)

• Flash Player• WebCam

FLARToolKit(http://www.libspark.org/wiki/saqoosha/FLARToolKit/en)

• Flash Player– Installed on > 99% Internet-enabled desktops

(http://www.adobe.com/products/player_census/flashplayer/)

– Pre-installed on some browsers– Would you view an online Augmented Reality

experience if it required you to download and install an Internet Browser plug-in other than Flash? (256 Votes)

Oh, It’s Flash

FLARToolKit(http://www.libspark.org/wiki/saqoosha/FLARToolKit/en)

• Flash Player• WebCam

– Do you have a webcam on any of your computers, or do you plan to have one within 6 months? (307 Votes)

FLARToolKit(http://www.libspark.org/wiki/saqoosha/FLARToolKit/en)

• Object Acuan :– Marker

• Object Tambahan :– Text– Image– Video

–3D (Flash 3D Library)

Flash 3D Library

• Alternativa 3D• Sandy• Away 3D

• Papervision 3D

Papervision 3D + FLARToolKit

• FLARToolKit–http://www.libspark.org/wiki/

saqoosha/FLARToolKit/en• Papervision3D–http://code.google.com/p/

papervision3d/downloads/list

Libraries

• Adobe Flash IDE (http://www.adobe.com/products/flash)

• Adobe Flash Builder (Adobe Flex Builder) (http://www.adobe.com/products/flashbuilder/)

• FlashDevelop (http://www.flashdevelop.org)

IDE (Integrated Development Environment)

• Adobe Flash

• Adobe Flex SDK (Free)– Java Runtime

(http://www.java.com/fr/download/)–Adobe Flex SDK

(http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+3)

Compiler

Papervision 3D + FLARToolKit

Library + IDE + Compiler

Library + IDE + Compiler

• FLARToolKit• Papervision3D

• FlashDevelop • Adobe Flex SDK

Why 3D library ?

Stage

X

Y

(0,0)

(+X, 0)

(0, Y+)

Flash

Stage

-Y

X

Y

Z

(0,0,0)

Papervision 3D(http://code.google.com/p/papervision3d/downloads/list)

Stage

Papervision 3D(http://code.google.com/p/papervision3d/downloads/list)

Papervision 3D(http://code.google.com/p/papervision3d/downloads/list)

• Primitives– Plane– Sphere– Cylinder– Cone– Cube– Arrow– PaperPlane

Papervision 3D(http://code.google.com/p/papervision3d/downloads/list)

• External Models– *.3DS (3DS Max)– *.KMZ (Google SketchUp)

–*.DAE/Collada

FLARToolKit(http://www.libspark.org/wiki/saqoosha/FLARToolKit/en)

Scene

Video

Gambar FLARToolKit

Video 24 FPS = 24 Gambar / Detik

FLARToolKit(http://www.libspark.org/wiki/saqoosha/FLARToolKit/en)

00.01

00.02

00.03

=

=

=

FLARToolKit(http://www.libspark.org/wiki/saqoosha/FLARToolKit/en)

+

FLARToolKit(http://www.libspark.org/wiki/saqoosha/FLARToolKit/en)

=

=

=

FLARToolKit(http://www.libspark.org/wiki/saqoosha/FLARToolKit/en)

Stage

FLARToolKit + Papervision 3D

Stage

FLARToolKit + Papervision 3D

Stage

FLARToolKit + Papervision 3D

Try It!

•Download Papervision3D http://code.google.com/p/papervision3d/downloads/list License

MIT LicensePastikan Papervision3D berjalan dengan baik•Download FLARToolkit

http://www.libspark.org/wiki/saqoosha/FLARToolKit/en License

GPL LicenseCommercial License

Last Version, 2.5.4, July 2010 Try the sample

Src/examples/

Skip this slide, & demoing it

• Saqoosha– http://saqoo.sh/a/labs/FLARToolKit/MarkerGener

ator/MakerGenerator.air• TaroTaro– http://flash.tarotaro.org/ar/MGO2.swf– http://www.libspark.org/svn/as3/ARToolKitMarker

GeneratorMulti/

Make Your Own Marker

Make Your Own Marker

Beyond gimmick

Gimmick

Beyond Gimmick

• Marker–FLARToolkit

http://www.libspark.org/wiki/saqoosha/FLARToolKit/en

• Marker-Texture–FlashSurf

http://code.google.com/p/in-spirit/wiki/ASSURF

• Face Detection–Project Marilena

http://www.libspark.org/browser/as3/Marilena

Other Library

Thank YouRizal AkbarRizalakbar@gmail.com021-85402789 | @rizalakbar | fb.com/rizalakbarrizalakbar.com | creativehead.net

Thank You