Le Web libre au dela du web: XR & WoT

Programme:

• 14h presentation : XR? IoT? XR + IoT libre ? Comment realiser notre 1ere experimentation.
• 15h-18h atelier/hack session

Session de bidouillage improvisée (hackathon moins le coté bling ou compétition) pour interagir en 3D avec des données physiques, le tout avec du 100% libre.

• https://peertube.mastodon.host/videos/embed/13749076-c906-44fb-966b-0a2a010c605f
• https://glitch.com/~gulliver-webxr-iot
• https://www.youtube.com/watch?v=5XaD6eS6OUE
• https://glitch.com/edit/#!/gulliver-webxr-iot?path=refreshing.html:21:0

Venez avec vos idees mais aussi ordinateurs (on va coder !) et votre materiel VR/AR/IoT si vous en avez.

Atelier avec Fabien Benetou, dev FLOSS (expert en 3D/XR/WebVR/WebAR) et contributeur Mozilla https://fosdem.org/2019/schedule/speaker/fabien_benetou_@utopiah/

La partie IoT, votre serviteur pourra rapidement expliquer les webthings de mozilla, cf la video https://mastodon.social/@rzr/101540062001986709

Lieu:

• https://www.openstreetmap.org/?mlat=48.10444101691246&mlon=-1.6739237308502197#map=19/48.10444/-1.67392
• http://gulliver.eu.org

Si certains veulent prendre de l'avance sur la technique, on est dispo online sur:

• irc://irc.freenode.net/#gulliver
• https://mamot.fr/@rzr/101544323857608472

Pour les détails pratiques et notes, trackez cette page wiki et notes sur le pad:

• http://gulliver.eu.org/calendrier:2019:02:09

Contacts:

• https://twitter.com/utopiah/ / https://telegram.me/FabienBenetou
• http://mamot.fr/@rzr/
• Ajoutez votre contact ici sur:
  • https://annuel.framapad.org/p/lewebaudeladuweb

En entrëe:

* Browser Web avec support AFrame via Exokit * Devices Connectés interoperable via API REST (en direct, ou via gateway)

Resultat:

* https://twitter.com/RzrFreeFr/status/1094343459723534336

Si vous voulez vous preparez a l'evenement essayez:

• https://github.com/rzr/webthing-iotjs/wiki/IotJs
• https://github.com/rzr/webthing-iotjs/wiki/Social
• https://aframe.io/aframe/examples/boilerplate/hello-world/ (Verifier avec votre browser, sous android, idealement LinageOS + cardbox)
• https://annuel.framapad.org/p/lewebaudeladuweb Pour partager des idees en vracs
• https://mastodon.social/tags/weblibreaudeladuweb
• https://twitter.com/hashtag/WebLibreAuDelaDuWeb?src=hash

• https://fosdem.org/2019/schedule/event/machine_learning_javascript/
• http://blog.leapmotion.com/north-star-open-source/
• https://www.reddit.com/r/magicleap/comments/9ge6on/magic_leap_creator_on_linux/
• https://aframe.io/docs/master/introduction/
• https://github.com/webmixedreality/exokit
• https://github.com/mozilla-mobile/webxr-ios/
• https://fdln.insa-rennes.fr/ (En savoir plus sur les problematiques de vie privee durant ce festival a Rennes)
• https://twitter.com/utopiah/status/1092050791488258048
• https://twitter.com/utopiah/status/1092826381556305921
• https://www.presse-citron.net/firefox-reality-un-navigateur-internet-taille-pour-la-vr-et-la-realite-mixte/
• https://social.samsunginter.net/@rzr/101545458142897885
• https://hacks.mozilla.org/2019/01/how-to-make-vr-with-the-web-video-series/

• https://annuel.framapad.org/p/lewebaudeladuweb

Idees:

• Color Sensor de la realité au virtuel…
• Sensor 3d

Vrac:

• <utopiah> example AFrame + USGS https://glitch.com/edit/#!/data-xr de Indira Knight
• https://aframe.io/aframe/examples/boilerplate/hello-world/
• https://playground.babylonjs.com/#ABR20V#50
• https://nwjs.io/downloads/
• changing the color of a cube based on a value sensor (simulated for now) https://glitch.com/edit/#!/gulliver-webxr-iot?path=refreshing.html:22:0
• http://gulliver-webxr-iot.glitch.me/leds.html

 https://api.qr-code-generator.com/v1/create?access-token=EBephxedmZHs9OWzR2Kbv-125ifulLI1LemyW4NO2hwWifAzpHadEVcOq-OkFtNz&frame_name=no-frame&frame_color=%23000000&foreground_color=%23000000&marker_left_template=version1&marker_right_template=version1&marker_bottom_template=version1&qr_code_text=http%3A%2F%2Fgulliver-webxr-iot.glitch.me%2Frefreshing.html&frame_text=Scan%20me&frame_icon_name=mobile&image_format=PNG&image_width=300&download=
 
 
 
 

fetch('http://gateway.local:8080/things', {

headers: {
  Accept: 'application/json',
  Authorization: 'Bearer eyJhbGciOiJFUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IjlkMTcyMWFhLWNiOGUtNGIwMi04MTQyLWMyMTBlMjkyNzk3NSJ9.eyJjbGllbnRfaWQiOiJsb2NhbC10b2tlbiIsInJvbGUiOiJhY2Nlc3NfdG9rZW4iLCJzY29wZSI6Ii90aGluZ3MvdmlydHVhbC10aGluZ3MtMjpyZWFkd3JpdGUgL3RoaW5ncy9odHRwLS0tbG9jYWxob3N0LTU4ODg4LTpyZWFkd3JpdGUiLCJpYXQiOjE1NDk3MjE4NTMsImlzcyI6Ik5vdCBzZXQuIn0.oUIJZzKhPpUfbjkes0KsseHQzzmPufnUcgIOYj-jsnUxdcqty3CSFeUcuH94LlTNl-NVxlJnnePhWYszLOppPA'
}

}).then(res ⇒ {

return res.json();

}).then(things ⇒ {

console.log(things);

});