Event:Maker Faire Taipei

http://www.makerfaire.com.tw/

When: May 30 ~ 31, 2015

Where: Huashan 1914, Creative Park, Taipei, Taiwan

Description: Maker communities are growing fast in Taiwan, and also Arduino is very popular here (according to google trends). So we're trying to collect whatever demos we have and send the message that Web might be a better choice when choosing software stack.

Concept

Cutting-edge WebAPIs and DevTools extends the Web to Web of Things.

Messages

• For Users: Freedom of choice! You won’t be trapped in a closed system
• For WebDevs: You can design your own WoT experience via cutting-edge WebAPIs
• For Makers: You can choose an open/cross-platform software stack

WebAPI Demos

We have communication APIs and hardware access APIs you can leverage to interact with physical web.

Wifi-Direct

• Author: Guillaume Marty
• Hardware: Flame x 2
• Description: 2P game/share files via wifi-direct (no wireless hub needed)
• Reference:
  • Hacks article:
    https://hacks.mozilla.org/2015/01/the-p2p-web-wi-fi-direct-in-firefox-os/
  • Source code:
    https://github.com/gmarty/wifi-columns
    https://github.com/justindarc/firedrop
    
  • Demo Videos:
    • 2P game:
      https://drive.google.com/open?id=0B8pVQseE4Eg3OWNtN1hsVklVdTQ&authuser=0
    • Sync game screen:
      https://www.youtube.com/watch?v=HAuXWPS5rwA
    • Firedrop:
      https://drive.google.com/open?id=0B8pVQseE4Eg3alRuTUxXM2IwcWM&authuser=0

Bluetooth LE

• Author: Eddie Lin
• Hardware: Flame x 1, OpenWebBoard x 1, Arduino+BleShield x 1
• Description: BleShield SimpleControls demo port
• Reference:
  • WebBluetooth V2 https://wiki.mozilla.org/B2G/Bluetooth/WebBluetooth-v2
  • BleShield Documentation:
    http://redbearlab.com/bleshield/
  • SimpleControls App for Flame:
    https://github.com/elin-moco/ble-explorer/tree/bleshield-simple-controls
  • SimpleControls App for OWB:
    https://github.com/elin-moco/owb-demo/tree/master/gaia/external-apps/bleshield
  • SimpleControls Arduino Sketch:
    https://codebender.cc/sketch:114410
  • Circuit Sketch:
    https://drive.google.com/open?id=0B8pVQseE4Eg3bkxqdEZmVWpMczQ&authuser=0
  • KDDI Open Web Board http://opensource.kddi.com/owb/
  • Flame Demo Video:
    https://www.youtube.com/watch?v=rq8UkwzobUs
  • OWB Demo Video:
    https://drive.google.com/open?id=0B8pVQseE4Eg3MkVzTjZud1NDbzA&authuser=0

NFCPeer

• Hardware: Flame x 2
• Description: NFC peer file transfer (over bluetooth)
• Reference:
  • WebAPI Documentation:
    https://developer.mozilla.org/en-US/docs/Web/API/MozNFCPeer/sendFile

GPIO

• Author: Jan Jongboom
• Hardware: RPi x1, Breadboard with LEDs x 1
• Description: Simple blink LED demo from JanOS
• Reference:
  • JanOS Documentation:
    http://janos.io
  • JanOS Source Code:
    http://github.com/jan-os/
  • Hacking B2G on RPi:
    http://wiki.mozilla.org/Hacking_b2g_on_Raspberry_Pi
  • Circuit Sketch
    https://drive.google.com/open?id=0B8pVQseE4Eg3ZE9ndVdPd2lRa1U&authuser=0
  • Demo Video:
    https://drive.google.com/file/d/0B8pVQseE4Eg3WXpfczlZaHIyc00/view?usp=sharing

HWXS

• Author: Eddie Lin
• Hardware: Flame x 1
• Description: An aggregation of hardware access WebAPI demos
• Reference:
  • WebAPI Documentation:
    https://developer.mozilla.org/en-US/docs/WebAPI
  • App Source Code:
    https://github.com/elin-moco/hwxs-demo
  • Demo Video:
    https://www.youtube.com/watch?v=fRyb_O1FtWg

Application Demos

Simple prototypes that demonstrate how things could be connected.

CatFeeder

• Author: Eddie Lin
• Hardware: Laptop x 1, Flame x 1, Arduino+BleShield
• Description: Tracking diet and control feed remotely
• Reference:
  • CatFeeder App Source Code: https://github.com/elin-moco/ble-explorer/tree/catfeeder
  • CatFeeder Server Source Code:
    http://github.com/elin-moco/catfeeder-server
  • CatFeeder Arduino Sketch:
    https://codebender.cc/sketch:85062
  • CatFeeder Circuit Sketch:
    https://drive.google.com/open?id=0B8pVQseE4Eg3bkxqdEZmVWpMczQ&authuser=0
  • Demo Video:
    https://www.youtube.com/watch?v=Skq9b_PndrA

CatTeaser

• Author: Eddie Lin
• Hardware: Flame x 1, Arduino+BleShield
• Description: Teasing pets with laser pen remotely
• Reference:
  • CatTeaser App Source Code:
    https://github.com/elin-moco/ble-explorer/tree/cat-teaser
  • CatTeaser Arduino Sketch:
    https://codebender.cc/sketch:116832
  • CatTeaser Circuit Sketch:
    https://drive.google.com/open?id=0B8pVQseE4Eg3TEhsSkxUZjJtWUk&authuser=0
  • Demo Video:
    https://www.youtube.com/watch?v=cua9dQEcAEc

8x8 LED Game

• Author: EvanXD
• Hardware: Flame x 1, Arduino+BleShield
• Description: Simple pixel games easily developed with Javascript
• Reference:
  • 8x8 Pong App Source Code:
    https://github.com/evanxd/wot-pong
  • 8x8 LED Matrix Arduino Sketch:
    https://codebender.cc/sketch:116459
  • 8x8 LED Matrix Circuit Sketch:
    https://drive.google.com/file/d/0B8pVQseE4Eg3UkNHZlh0bFhyYTA/view?usp=sharing
  • Demo Video:
    https://www.youtube.com/watch?v=yUupYX3Rnog

WebVR Panorama

• Author: Daosheng Mu
• Hardware: Android Phone (with Firefox Nightly) x 1, VR Cardboard x 1
• Description: Simple 3D panorama VR demo
• Reference:
  • WebVR website: http://webvr.info/
  • WebVR API documentation (draft) https://developer.mozilla.org/en-US/docs/Web/API/WebVR_API
  • Source Code Repo:
    https://github.com/daoshengmu/ConsoleGameOnWeb
  • Online Demo:
    http://dsmu.me/ConsoleGameOnWeb/webvr.html

DevTool Demos

Developer tools helps you build app faster and easier.

BlocklyDuino

• Author: Gasolin
• Hardware: Laptop x 1, Arduino x 1
• Description: Drag and drop on a webpage to create Arduino code
• Reference:
  • BlocklyDuino Source Code:
    http://github.com/gasolin/BlocklyDuino
  • Demo circuit sketch:
    https://drive.google.com/open?id=0B8pVQseE4Eg3LU1kZjZSU2lrdDA&authuser=0
  • Demo Video:
    https://www.youtube.com/watch?v=z-EnQYlb-LY

WebIDE

• Hardware: Laptop x 1
• Description: Powerful debugging/inspecting tool for the Web
• Reference:
  • DevTools articles:
    https://hacks.mozilla.org/category/developer-tools/

WebMaker

• Hardware: Laptop x 1
• Description: Create/Remix web content easily
• Reference:
  • WebMaker website:
    http://webmaker.org/

MozOpenHard by Mozilla Japan

• MozOpenHard project: <http://mozopenhard.mozillafactory.org/>
• CHIRIMEN:
  <https://github.com/MozOpenHard/CHIRIMEN>

Next Steps

WebGPIO Adapters

• Ble-GPIO Adapter by Greg Weng
  https://github.com/snowmantw/bluefind
• Wifi-GPIO
• socket.io-johnny-five-GPIO

Johnny Five Adapters for Web

• Ble
  http://github.com/elin-moco/ble-serialport
• Wifi
• socket.io
  http://github.com/elin-moco/serialport-io

Raspberry Pi

https://wiki.mozilla.org/Fxos_on_RaspberryPi

http://wiki.mozilla.org/Foxberry_Pi_Demo

https://wiki.mozilla.org/Hacking_b2g_on_Raspberry_Pi

Reference Board

TBD

WebVR

• Gaming
• Custom controllers (through BLE or different ways)

More Links

• https://wiki.mozilla.org/IoT
• http://johnny-five.io/
• http://devicejs.org/
• http://webduino.io/
• WebSerial API
  https://bugzilla.mozilla.org/show_bug.cgi?id=926940
• WebUSB
  https://bugzilla.mozilla.org/show_bug.cgi?id=674718
• WebGPIO
  https://bugzilla.mozilla.org/show_bug.cgi?id=1166588
• https://github.com/svaarala/duktape/