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.

<iframe width="560" height="315" sandbox="allow-same-origin allow-scripts" src="https://peertube.mastodon.host/videos/embed/13749076-c906-44fb-966b-0a2a010c605f" frameborder="0" allowfullscreen></iframe>

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);

});

url='http://gateway.local:8080/things/http---localhost-58888-/properties/Color'

url=http://gateway.local:8080/things/http---localhost-8888-/properties/GreenLED

curl -H “Authorization: Bearer eyJhbGciOiJFUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IjE1NzJkNjgzLTA5ODQtNDVhYy05NU4NCJ9.eyJjbGllbnRfaWQiOiJsb2NhbC10b2tlbiIsInJvbGUiOiJhY2Nlc3NfdG9rZW4iLCJzY29wZSI6Ii90aGluZ3M6cmVhZHdyaXRlIiwiaWF0IjoxNTQ5NzIyNDI5LCJpc3MiOiJOb3Qgc2V0LiJ9.WxHbYjWfAiK0PTWo47m1oeNZkDIlWi2swvpXq1y_6iM-uMt0fesix057OLg2byKC322dItyV1wxSdEJGMWYkWg” -H “Accept: application/json” -H “Content-type: application/json” –insecure -X PUT -d '{ “GreenLED”: true }' $url

curl -H “Authorization: Bearer eyJhbGciOiJFUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6IjE1NzJkNjgzLTA5ODQtNDVhYy05NU4NCJ9.eyJjbGllbnRfaWQiOiJsb2NhbC10b2tlbiIsInJvbGUiOiJhY2Nlc3NfdG9rZW4iLCJzY29wZSI6Ii90aGluZ3M6cmVhZHdyaXRlIiwiaWF0IjoxNTQ5NzIyNDI5LCJpc3MiOiJOb3Qgc2V0LiJ9.WxHbYjWfAiK0PTWo47m1oeNZkDIlWi2swvpXq1y_6iM-uMt0fesix057OLg2byKC322dItyV1wxSdEJGMWYkWg” -H “Accept: application/json” -H “Content-type: application/json” –insecure -X PUT -d '{ “GreenLED”: true }' 'http://gateway.local:8080/things/http---localhost-8888-/properties/RedLED'

token='Bearer eyJhbGciOiJFUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6ImI4MzlmMTBlLWY4NWMtNGY5Ni05MWI1LTkwZDZiYmU5ZThiMiJ9.eyJjbGllbnRfaWQiOiJsb2NhbC10b2tlbiIsInJvbGUiOiJhY2Nlc3NfdG9rZW4iLCJzY29wZSI6Ii90aGluZ3M6cmVhZHdyaXRlIiwiaWF0IjoxNTQ5NzI0NTE0LCJpc3MiOiJOb3Qgc2V0LiJ9.sgA06Hys2eXpOJMx-tpZLe5cdbYO-RfwgWkHzbQFMktwyjaTMrekPGJ-d7iXikngAi8_v2-bOWfLlFyA8rZdoQ'

curl -H “Authorization: $token” -H “Accept: application/json” -H “Content-Type: application/json” –insecure 'http://gateway.local:8080/things/http---localhost-8888-/properties/RedLED'

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

  http://gateway.local:8080/things  # login=gulliver@localhost # pass=gulliver

  curl -X PUT --data '{"RedLED":true}'  -H "Authorization: $token" -H "Accept: application/json" -H "Content-Type: application/json" --insecure  'http://gateway.local:8080/things/http---localhost-8888-/properties/RedLED'

  curl "http://gateway.local:8080/things/http---localhost-8888-/properties/RedLED"

1. X PUT -H “User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:65.0) Gecko/20100101 Firefox/65.0” -H “Accept: */*” -H “Accept-Language: en-US,en;q=0.5” –compressed -H “Referer: http://gulliver-webxr-iot.glitch.me/leds.html” -H “content-type: application/json” -H “authorization: Bearer eyJhbGciOiJFUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6ImI4MzlmMTBlLWY4NWMtNGY5Ni05MWI1LTkwZDZiYmU5ZThiMiJ9.eyJjbGllbnRfaWQiOiJsb2NhbC10b2tlbiIsInJvbGUiOiJhY2Nlc3NfdG9rZW4iLCJzY29wZSI6Ii90aGluZ3M6cmVhZHdyaXRlIiwiaWF0IjoxNTQ5NzI0NTE0LCJpc3MiOiJOb3Qgc2V0LiJ9.sgA06Hys2eXpOJMx-tpZLe5cdbYO-RfwgWkHzbQFMktwyjaTMrekPGJ-d7iXikngAi8_v2-bOWfLlFyA8rZdoQ” -H “Origin: http://gulliver-webxr-iot.glitch.me” -H “DNT: 1” -H “Connection: keep-alive” -H “Pragma: no-cache” -H “Cache-Control: no-cache” –data ”{”“RedLED””:true}”

  curl "http://gateway.local:8080/things/http---localhost-8888-/properties/RedLED" -X PUT -H "User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:65.0) Gecko/20100101 Firefox/65.0" -H "Accept: */*" -H "Accept-Language: en-US,en;q=0.5" --compressed -H "Referer: http://gulliver-webxr-iot.glitch.me/leds.html" -H "content-type: application/json" -H "authorization: Bearer eyJhbGciOiJFUzI1NiIsInR5cCI6IkpXVCIsImtpZCI6ImI4MzlmMTBlLWY4NWMtNGY5Ni05MWI1LTkwZDZiYmU5ZThiMiJ9.eyJjbGllbnRfaWQiOiJsb2NhbC10b2tlbiIsInJvbGUiOiJhY2Nlc3NfdG9rZW4iLCJzY29wZSI6Ii90aGluZ3M6cmVhZHdyaXRlIiwiaWF0IjoxNTQ5NzI0NTE0LCJpc3MiOiJOb3Qgc2V0LiJ9.sgA06Hys2eXpOJMx-tpZLe5cdbYO-RfwgWkHzbQFMktwyjaTMrekPGJ-d7iXikngAi8_v2-bOWfLlFyA8rZdoQ" -H "Origin: http://gulliver-webxr-iot.glitch.me" -H "DNT: 1" -H "Connection: keep-alive" -H "Pragma: no-cache" -H "Cache-Control: no-cache" --data "{""RedLED"":true}"

http://gulliver-webxr-iot.glitch.me/leds.html