Web&mobile - 4 ottobre 2012

JooinK
JooinKJooinK
Augmented Reality ...
           in my browser
                    Alberto Mancini
                  alberto@jooink.com


Blog: jooink.blogspot.com

Online Demo: bit.ly/JooinK-AR
Ingredienti
NyARToolkit
ARToolKit is a computer tracking library for creation of strong augmented reality applications that
overlay virtual imagery on the real world.
NyARToolKit is an ARToolkit class library released for virtual machines, particularly those that host
Java, C# and Android.

Up to date info
http://nyatla.jp/nyartoolkit/wp/?page_id=198


Support:
Java ... "Write once, run anywhere" (WORA), or sometimes write once, run everywhere (WORE) ...
in my browser ?!?!?!
Strumenti

GWT

Compiler: Java -> Javascript

Javascript as a target language
Ingredienti
WebGL
WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 3D
graphics and 2D graphics within any compatible web browser without the use of
plug-ins.

Specification & Up to date info
http://www.khronos.org/webgl/

Support: http://caniuse.com/webgl
Chrome 22+, FireFox 15+, Safari 6+, Opera 12+ (partial support)
Ingredienti
WebRTC
WebRTC (Web Real-Time Communication) is an API definition being drafted by W3C (April 2011),
IETF (May 2011).
The goal of WebRTC is to enable applications such as voice calling, video chat and P2P file sharing
without plugins.


Specification & Up to date info
http://www.webrtc.org
Support:
Chrome 22+, ... well work-in-progress at least for firefox.


what we need: getUserMedia (chrome !!)
Strumenti

GWT 2.5 Elemental


Elemental is a new library for fast, lightweight,
and "to the metal" web programming in GWT.
How It Works



   cam    WebRTC      <video/>
                                 canvas    ImageData




                                                   Elemental/jsni
               WebGL + model
  video




                        GWT(NyARToolkit)      byte[]
          mv matrix
Demo




       bit.ly/JooinK-AR
GDG DevFest - 19 e 20 Ottobre

19/10 Sala conferenze Dada
      Android, HTML5, GWT, Drive, YouTube,...
19/10 SUC, Le Murate
     GEO, Archiettura, Progetti Aziendali

20/10 SUC, Le Murate
  Android, GWT, webGL

  https://sites.google.com/site/firenzegtug/lista-eventi-italiani/gdg-dev-fest
1 of 9

Recommended

120429 euq hack qarcade-proposal by
120429 euq hack qarcade-proposal120429 euq hack qarcade-proposal
120429 euq hack qarcade-proposalWen-Sen Lu
123 views4 slides
120429 euq hack qarcade-proposal by
120429 euq hack qarcade-proposal120429 euq hack qarcade-proposal
120429 euq hack qarcade-proposalWen-Sen Lu
49 views14 slides
Node.js Test by
Node.js TestNode.js Test
Node.js TestMaksym Kovalko
160 views24 slides
gtkgst video in your widgets! by
gtkgst video in your widgets!gtkgst video in your widgets!
gtkgst video in your widgets!ystreet00
1.4K views20 slides
Introduction of Lambda by
Introduction of LambdaIntroduction of Lambda
Introduction of LambdaKeita Watanabe
129 views50 slides
TangoWebapp insights by
TangoWebapp insightsTangoWebapp insights
TangoWebapp insightsIgor Khokhryakov
622 views41 slides

More Related Content

Similar to Web&mobile - 4 ottobre 2012

DIY: Computer Vision with GWT. by
DIY: Computer Vision with GWT.DIY: Computer Vision with GWT.
DIY: Computer Vision with GWT.JooinK
1.1K views85 slides
DIY- computer vision with GWT by
DIY- computer vision with GWTDIY- computer vision with GWT
DIY- computer vision with GWTFrancesca Tosi
406 views85 slides
GWT - AppDays - (25 aprile 2014, pordenone) by
GWT - AppDays - (25 aprile 2014, pordenone)GWT - AppDays - (25 aprile 2014, pordenone)
GWT - AppDays - (25 aprile 2014, pordenone)firenze-gtug
1.4K views48 slides
Gwt kickoff - Alberto Mancini & Francesca Tosi by
Gwt kickoff - Alberto Mancini & Francesca TosiGwt kickoff - Alberto Mancini & Francesca Tosi
Gwt kickoff - Alberto Mancini & Francesca Tosifirenze-gtug
1.2K views44 slides
Introduction to Google Web Toolkit by
Introduction to Google Web ToolkitIntroduction to Google Web Toolkit
Introduction to Google Web ToolkitDidier Girard
1.9K views61 slides
aframe-webthing-20190710 by
aframe-webthing-20190710aframe-webthing-20190710
aframe-webthing-20190710Phil www.rzr.online.fr
475 views40 slides

Similar to Web&mobile - 4 ottobre 2012(20)

DIY: Computer Vision with GWT. by JooinK
DIY: Computer Vision with GWT.DIY: Computer Vision with GWT.
DIY: Computer Vision with GWT.
JooinK1.1K views
DIY- computer vision with GWT by Francesca Tosi
DIY- computer vision with GWTDIY- computer vision with GWT
DIY- computer vision with GWT
Francesca Tosi406 views
GWT - AppDays - (25 aprile 2014, pordenone) by firenze-gtug
GWT - AppDays - (25 aprile 2014, pordenone)GWT - AppDays - (25 aprile 2014, pordenone)
GWT - AppDays - (25 aprile 2014, pordenone)
firenze-gtug1.4K views
Gwt kickoff - Alberto Mancini & Francesca Tosi by firenze-gtug
Gwt kickoff - Alberto Mancini & Francesca TosiGwt kickoff - Alberto Mancini & Francesca Tosi
Gwt kickoff - Alberto Mancini & Francesca Tosi
firenze-gtug1.2K views
Introduction to Google Web Toolkit by Didier Girard
Introduction to Google Web ToolkitIntroduction to Google Web Toolkit
Introduction to Google Web Toolkit
Didier Girard1.9K views
Add the power of the Web to your embedded devices with WPE WebKit by Igalia
Add the power of the Web to your embedded devices with WPE WebKitAdd the power of the Web to your embedded devices with WPE WebKit
Add the power of the Web to your embedded devices with WPE WebKit
Igalia10 views
Multimedia in WebKitGtk+, past/present/future by philn2
Multimedia in WebKitGtk+, past/present/futureMultimedia in WebKitGtk+, past/present/future
Multimedia in WebKitGtk+, past/present/future
philn21.3K views
3D on the Web in 2011 by Chad Austin
3D on the Web in 20113D on the Web in 2011
3D on the Web in 2011
Chad Austin840 views
GWT + Gears : The browser is the platform by Didier Girard
GWT + Gears : The browser is the platformGWT + Gears : The browser is the platform
GWT + Gears : The browser is the platform
Didier Girard12.8K views
Javascript as a target language - GWT kickoff - part1/2 by JooinK
Javascript as a target language - GWT kickoff - part1/2Javascript as a target language - GWT kickoff - part1/2
Javascript as a target language - GWT kickoff - part1/2
JooinK644 views
Building a Raspberry Pi Robot with Dot NET 7, Blazor and SignalR - TechDays 2023 by Peter Gallagher
Building a Raspberry Pi Robot with Dot NET 7, Blazor and SignalR - TechDays 2023Building a Raspberry Pi Robot with Dot NET 7, Blazor and SignalR - TechDays 2023
Building a Raspberry Pi Robot with Dot NET 7, Blazor and SignalR - TechDays 2023
Peter Gallagher29 views
Quick Review of Desktop and Native Apps using Javascript by Robert Ellen
Quick Review of Desktop and Native Apps using JavascriptQuick Review of Desktop and Native Apps using Javascript
Quick Review of Desktop and Native Apps using Javascript
Robert Ellen1.5K views
WebKit and Blink: Bridging the Gap Between the Kernel and the HTML5 Revolution by juanjosanchezpenas
WebKit and Blink: Bridging the Gap Between the Kernel and the HTML5 RevolutionWebKit and Blink: Bridging the Gap Between the Kernel and the HTML5 Revolution
WebKit and Blink: Bridging the Gap Between the Kernel and the HTML5 Revolution
juanjosanchezpenas9.5K views
WebKit and Blink: Bridging the Gap Between the Kernel and the HTML5 Revolutio... by Igalia
WebKit and Blink: Bridging the Gap Between the Kernel and the HTML5 Revolutio...WebKit and Blink: Bridging the Gap Between the Kernel and the HTML5 Revolutio...
WebKit and Blink: Bridging the Gap Between the Kernel and the HTML5 Revolutio...
Igalia554 views
OSGeo: projects, incubation and infrastructure by Markus Neteler
OSGeo: projects, incubation and infrastructureOSGeo: projects, incubation and infrastructure
OSGeo: projects, incubation and infrastructure
Markus Neteler1.1K views
Raspberry Pi 2 + Windows 10 IoT Core + Node.js by Andri Yadi
Raspberry Pi 2 + Windows 10 IoT Core + Node.jsRaspberry Pi 2 + Windows 10 IoT Core + Node.js
Raspberry Pi 2 + Windows 10 IoT Core + Node.js
Andri Yadi4.5K views

More from JooinK

(Js) Export your own WebGL Viewer by
(Js) Export your own WebGL Viewer(Js) Export your own WebGL Viewer
(Js) Export your own WebGL ViewerJooinK
1.8K views36 slides
Power-up your mobile & web App with WebRTC by
Power-up your mobile & web App with WebRTCPower-up your mobile & web App with WebRTC
Power-up your mobile & web App with WebRTCJooinK
917 views62 slides
Go native benchmark test su dispositivi x86: java, ndk, ipp e tbb by
Go native  benchmark test su dispositivi x86: java, ndk, ipp e tbbGo native  benchmark test su dispositivi x86: java, ndk, ipp e tbb
Go native benchmark test su dispositivi x86: java, ndk, ipp e tbbJooinK
1K views34 slides
Javascript as a target language - GWT KickOff - Part 2/2 by
Javascript as a target language - GWT KickOff - Part 2/2Javascript as a target language - GWT KickOff - Part 2/2
Javascript as a target language - GWT KickOff - Part 2/2JooinK
699 views36 slides
WebRTC ... GWT & in-browser computation by
WebRTC ... GWT & in-browser computationWebRTC ... GWT & in-browser computation
WebRTC ... GWT & in-browser computationJooinK
1.5K views53 slides
Augmented experience: Augmented Reality by
Augmented experience: Augmented RealityAugmented experience: Augmented Reality
Augmented experience: Augmented RealityJooinK
907 views13 slides

More from JooinK(8)

(Js) Export your own WebGL Viewer by JooinK
(Js) Export your own WebGL Viewer(Js) Export your own WebGL Viewer
(Js) Export your own WebGL Viewer
JooinK1.8K views
Power-up your mobile & web App with WebRTC by JooinK
Power-up your mobile & web App with WebRTCPower-up your mobile & web App with WebRTC
Power-up your mobile & web App with WebRTC
JooinK917 views
Go native benchmark test su dispositivi x86: java, ndk, ipp e tbb by JooinK
Go native  benchmark test su dispositivi x86: java, ndk, ipp e tbbGo native  benchmark test su dispositivi x86: java, ndk, ipp e tbb
Go native benchmark test su dispositivi x86: java, ndk, ipp e tbb
JooinK1K views
Javascript as a target language - GWT KickOff - Part 2/2 by JooinK
Javascript as a target language - GWT KickOff - Part 2/2Javascript as a target language - GWT KickOff - Part 2/2
Javascript as a target language - GWT KickOff - Part 2/2
JooinK699 views
WebRTC ... GWT & in-browser computation by JooinK
WebRTC ... GWT & in-browser computationWebRTC ... GWT & in-browser computation
WebRTC ... GWT & in-browser computation
JooinK1.5K views
Augmented experience: Augmented Reality by JooinK
Augmented experience: Augmented RealityAugmented experience: Augmented Reality
Augmented experience: Augmented Reality
JooinK907 views
JooinK - DevFest Piemonte 2013 by JooinK
JooinK - DevFest Piemonte 2013JooinK - DevFest Piemonte 2013
JooinK - DevFest Piemonte 2013
JooinK2.4K views
JooinK Presentation by JooinK
JooinK PresentationJooinK Presentation
JooinK Presentation
JooinK289 views

Recently uploaded

Liqid: Composable CXL Preview by
Liqid: Composable CXL PreviewLiqid: Composable CXL Preview
Liqid: Composable CXL PreviewCXL Forum
121 views8 slides
"Role of a CTO in software outsourcing company", Yuriy Nakonechnyy by
"Role of a CTO in software outsourcing company", Yuriy Nakonechnyy"Role of a CTO in software outsourcing company", Yuriy Nakonechnyy
"Role of a CTO in software outsourcing company", Yuriy NakonechnyyFwdays
40 views21 slides
MemVerge: Gismo (Global IO-free Shared Memory Objects) by
MemVerge: Gismo (Global IO-free Shared Memory Objects)MemVerge: Gismo (Global IO-free Shared Memory Objects)
MemVerge: Gismo (Global IO-free Shared Memory Objects)CXL Forum
112 views16 slides
[2023] Putting the R! in R&D.pdf by
[2023] Putting the R! in R&D.pdf[2023] Putting the R! in R&D.pdf
[2023] Putting the R! in R&D.pdfEleanor McHugh
38 views127 slides
PharoJS - Zürich Smalltalk Group Meetup November 2023 by
PharoJS - Zürich Smalltalk Group Meetup November 2023PharoJS - Zürich Smalltalk Group Meetup November 2023
PharoJS - Zürich Smalltalk Group Meetup November 2023Noury Bouraqadi
113 views17 slides
The Research Portal of Catalonia: Growing more (information) & more (services) by
The Research Portal of Catalonia: Growing more (information) & more (services)The Research Portal of Catalonia: Growing more (information) & more (services)
The Research Portal of Catalonia: Growing more (information) & more (services)CSUC - Consorci de Serveis Universitaris de Catalunya
66 views25 slides

Recently uploaded(20)

Liqid: Composable CXL Preview by CXL Forum
Liqid: Composable CXL PreviewLiqid: Composable CXL Preview
Liqid: Composable CXL Preview
CXL Forum121 views
"Role of a CTO in software outsourcing company", Yuriy Nakonechnyy by Fwdays
"Role of a CTO in software outsourcing company", Yuriy Nakonechnyy"Role of a CTO in software outsourcing company", Yuriy Nakonechnyy
"Role of a CTO in software outsourcing company", Yuriy Nakonechnyy
Fwdays40 views
MemVerge: Gismo (Global IO-free Shared Memory Objects) by CXL Forum
MemVerge: Gismo (Global IO-free Shared Memory Objects)MemVerge: Gismo (Global IO-free Shared Memory Objects)
MemVerge: Gismo (Global IO-free Shared Memory Objects)
CXL Forum112 views
[2023] Putting the R! in R&D.pdf by Eleanor McHugh
[2023] Putting the R! in R&D.pdf[2023] Putting the R! in R&D.pdf
[2023] Putting the R! in R&D.pdf
Eleanor McHugh38 views
PharoJS - Zürich Smalltalk Group Meetup November 2023 by Noury Bouraqadi
PharoJS - Zürich Smalltalk Group Meetup November 2023PharoJS - Zürich Smalltalk Group Meetup November 2023
PharoJS - Zürich Smalltalk Group Meetup November 2023
Noury Bouraqadi113 views
"Fast Start to Building on AWS", Igor Ivaniuk by Fwdays
"Fast Start to Building on AWS", Igor Ivaniuk"Fast Start to Building on AWS", Igor Ivaniuk
"Fast Start to Building on AWS", Igor Ivaniuk
Fwdays36 views
MemVerge: Memory Viewer Software by CXL Forum
MemVerge: Memory Viewer SoftwareMemVerge: Memory Viewer Software
MemVerge: Memory Viewer Software
CXL Forum118 views
Five Things You SHOULD Know About Postman by Postman
Five Things You SHOULD Know About PostmanFive Things You SHOULD Know About Postman
Five Things You SHOULD Know About Postman
Postman25 views
"How we switched to Kanban and how it integrates with product planning", Vady... by Fwdays
"How we switched to Kanban and how it integrates with product planning", Vady..."How we switched to Kanban and how it integrates with product planning", Vady...
"How we switched to Kanban and how it integrates with product planning", Vady...
Fwdays61 views
"Thriving Culture in a Product Company — Practical Story", Volodymyr Tsukur by Fwdays
"Thriving Culture in a Product Company — Practical Story", Volodymyr Tsukur"Thriving Culture in a Product Company — Practical Story", Volodymyr Tsukur
"Thriving Culture in a Product Company — Practical Story", Volodymyr Tsukur
Fwdays40 views
Data-centric AI and the convergence of data and model engineering: opportunit... by Paolo Missier
Data-centric AI and the convergence of data and model engineering:opportunit...Data-centric AI and the convergence of data and model engineering:opportunit...
Data-centric AI and the convergence of data and model engineering: opportunit...
Paolo Missier29 views
AI: mind, matter, meaning, metaphors, being, becoming, life values by Twain Liu 刘秋艳
AI: mind, matter, meaning, metaphors, being, becoming, life valuesAI: mind, matter, meaning, metaphors, being, becoming, life values
AI: mind, matter, meaning, metaphors, being, becoming, life values
JCon Live 2023 - Lice coding some integration problems by Bernd Ruecker
JCon Live 2023 - Lice coding some integration problemsJCon Live 2023 - Lice coding some integration problems
JCon Live 2023 - Lice coding some integration problems
Bernd Ruecker67 views
"Ukrainian Mobile Banking Scaling in Practice. From 0 to 100 and beyond", Vad... by Fwdays
"Ukrainian Mobile Banking Scaling in Practice. From 0 to 100 and beyond", Vad..."Ukrainian Mobile Banking Scaling in Practice. From 0 to 100 and beyond", Vad...
"Ukrainian Mobile Banking Scaling in Practice. From 0 to 100 and beyond", Vad...
Fwdays40 views
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu... by NUS-ISS
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...
Architecting CX Measurement Frameworks and Ensuring CX Metrics are fit for Pu...
NUS-ISS32 views
Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen... by NUS-ISS
Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen...Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen...
Upskilling the Evolving Workforce with Digital Fluency for Tomorrow's Challen...
NUS-ISS23 views
"Quality Assurance: Achieving Excellence in startup without a Dedicated QA", ... by Fwdays
"Quality Assurance: Achieving Excellence in startup without a Dedicated QA", ..."Quality Assurance: Achieving Excellence in startup without a Dedicated QA", ...
"Quality Assurance: Achieving Excellence in startup without a Dedicated QA", ...
Fwdays33 views

Web&mobile - 4 ottobre 2012

  • 1. Augmented Reality ... in my browser Alberto Mancini alberto@jooink.com Blog: jooink.blogspot.com Online Demo: bit.ly/JooinK-AR
  • 2. Ingredienti NyARToolkit ARToolKit is a computer tracking library for creation of strong augmented reality applications that overlay virtual imagery on the real world. NyARToolKit is an ARToolkit class library released for virtual machines, particularly those that host Java, C# and Android. Up to date info http://nyatla.jp/nyartoolkit/wp/?page_id=198 Support: Java ... "Write once, run anywhere" (WORA), or sometimes write once, run everywhere (WORE) ... in my browser ?!?!?!
  • 3. Strumenti GWT Compiler: Java -> Javascript Javascript as a target language
  • 4. Ingredienti WebGL WebGL (Web Graphics Library) is a JavaScript API for rendering interactive 3D graphics and 2D graphics within any compatible web browser without the use of plug-ins. Specification & Up to date info http://www.khronos.org/webgl/ Support: http://caniuse.com/webgl Chrome 22+, FireFox 15+, Safari 6+, Opera 12+ (partial support)
  • 5. Ingredienti WebRTC WebRTC (Web Real-Time Communication) is an API definition being drafted by W3C (April 2011), IETF (May 2011). The goal of WebRTC is to enable applications such as voice calling, video chat and P2P file sharing without plugins. Specification & Up to date info http://www.webrtc.org Support: Chrome 22+, ... well work-in-progress at least for firefox. what we need: getUserMedia (chrome !!)
  • 6. Strumenti GWT 2.5 Elemental Elemental is a new library for fast, lightweight, and "to the metal" web programming in GWT.
  • 7. How It Works cam WebRTC <video/> canvas ImageData Elemental/jsni WebGL + model video GWT(NyARToolkit) byte[] mv matrix
  • 8. Demo bit.ly/JooinK-AR
  • 9. GDG DevFest - 19 e 20 Ottobre 19/10 Sala conferenze Dada Android, HTML5, GWT, Drive, YouTube,... 19/10 SUC, Le Murate GEO, Archiettura, Progetti Aziendali 20/10 SUC, Le Murate Android, GWT, webGL https://sites.google.com/site/firenzegtug/lista-eventi-italiani/gdg-dev-fest