![Sample Code
var http = require('http'),
url = require("url");
exec = require('child_process').exec;
http.createServer(function (req, res) {
var path = url.parse(req.url).pathname;
if(path.charAt(0) == "/"){
if(path.split("/")[1] == "ledon"){
console.log("ledon");
ledOn();
}
}
}).listen(8000);
console.log('Server running at port 8000');
function ledOn(){
var child = exec("/etc/www/nodeGpio/ledon.sh", function(err,
stdout, stderr) {
if (!err) {
console.log("success");
}else{
}
});
}
server.js](https://image.slidesharecdn.com/20150317firefoxosstudymtgengver-150325024227-conversion-gate01/85/20150317-firefox-os_studymtg_engver-24-320.jpg)
20150317 firefox os_studymtg_engver
- 1. B2G (OSS version of FirefoxOS) Embedded Board ďź FirefoxOS Study Meeting 17/03/2015 (English version) Naoki Sekiguchi KDDI R&D Laboratories, Inc Mozilla Factory MozOpenHard Project
- 2. Profile ⢠Naoki Sekiguchi ⢠KDDI R&D Laboratories, Inc ⢠Web Development?
- 3. Agenda ⢠What is MozOpenHard? ⢠B2G(OSS version of FirefoxOS) Embedded Board âCHIRIMENâ ⢠Development of CHIRIMEN ⢠MWC2015 short report
- 5. Current WoT By Satoru Takagi
- 6. Our vision By Satoru Takagi
- 7. Pervasive Browsers! By Satoru Takagi
- 8. Web of LanternsďźDemosďź â˘ Revolving Lantern ~ A Web browser ~ â 360 Rendering â Physical Interface ⢠NyoroNyoro Lantern ~ duplicate and fork physical ~ â Real 3D Transformation â Download the Motion â CSS lighting
- 9. Collaboration Project Welfare x Web (w/ WATERDESIGN Co.,Ltd.) Satellite x Web (w/ FABSAT project)
- 11. Spec (2015.03. now) B2G(OSSçFirefoxOS)2.5 Hardware: â Rockchip RK3066 (1.6Ghz) â 1GB DDR3 DRAM â 8GB Nand Flash â HDMI Micro x 1 â Micro SD Slot x 1 â USB (Micro x 2, Full x 1) â I/O 28pin (incl. I2C, UART, GPIO, SPI, Sound in/out etc)
- 12. Size 48mm 80mm
- 13. Interface micro USB (OTG) micro HDMI micro UWB (DEBUG) For adb connection AC Power Full USB For serial console For WiFi adapterrecovery key Low level I/Fs (GPIO, I2C, SPI, âŚ)
- 14. Derivation of âCHIRIMENâ Web Hardware CHIRIMEN = Japanese fabric, crape Weave âWebâ and âHardware (Physical world)â to create innovative âThingâ. Referenceďź http://ja.wikipedia.org/wiki/%E3%81%A1%E3%82%8A% E3%82%81%E3%82%93
- 16. Preparation Currently(2015.3), only 5 CHIRIMENs have existed. ⢠Marsboard RK3066 â It is build from the same soc. â A same firmwarea image can be installed. â http://www.marsboard.com/ Alternative board
- 17. Install B2G Procedure ⢠Build B2G image ⢠Create an update.img ⢠Install the image ⢠tools â https://github.com/MozOpenHard/CHIRIMEN-tools ⢠Detail procedure is available â https://github.com/MozOpenHard/CHIRIMEN- tools/blob/master/doc/installFirefoxOS.pdf
- 18. Build B2G image ⢠Install all necessary packages for building B2G ⢠Copy the B2G repository ( for Matchstick) ⢠Copy the MozOpenHard repository ⢠Build B2G $ git clone https://github.com/flingone/B2G-FlingOne.git $ cd B2G-FlingOne $ ./config.sh âj 4 rk30sdk $ cd.repo $ git clone https://github.com/MozOpenHard/local_manifests.git $ cd .. $ repo sync âd âj 4 $ ./build.sh âj 4 $ ./flash.sh rockdev/Image/ăŤboot.img, kernel.img, recovery.img, system.img are generated in rockdev/Image/
- 19. Create an update.img ⢠Copy tools ⢠Put in the boot.img, kernel.img, recovery.img and system.img according to the package-file. ⢠Execute mkupdate.sh -> update.img will be created $ git clone [email protected]:MozOpenHard/CHIRIMEN.git $ cd B2G-FlingOne/rockdev/Image $ cp boot.img kernel.img recovery.img system.img CHIRIMEN/rockdev- rk3066/Image/ $ cd CHIRIMEN/rockdev-rk3066/ $ ./mkupdate.sh
- 20. Install the imageďźubuntuďź â˘ Set the PATH to Linux_Upgrade_Tool_v1.2.1 ⢠Connect the CHIRIMEN in loader mode. â Turn on the power with pushing recovery key. â # In case of Marsboard, Vol+ is recovery key. ⢠Install the image. # Wait until automatically rebooting B2G # If your board failed to reboot, you should try ti install two or three times iteratively. $ cd CHIRIMEN $ PATH=${PATH}:`pwd`/Linux_Upgrade_Tool_v1.2.1 $ upgrade_tool uf update.img
- 21. Control GPIO by Web App node ďźhttp serverďź gecko gonk gaia ďźWeb appďź WebGPIOAPI Control GPIO via Gecko API (Future Path) Control GPIO via node.js (Current Path)
- 22. Control GPIO by sysfs ⢠Check the number of GPIO pins. â In case of CHIRIMEN, a LED on the board can be controlled from GPIO6_B3(gpio363). â 6ďź32 + 160 + 8+3 = 363 â Referenceďź http://www.hotmcu.com/wiki/Use_GPIO_in_marsboard_RK3066 ⢠Control GPIO by sysfs # echo 363 > /sys/class/gpio/export # echo âoutâ > /sys/class/gpio/gpio363/direction # echo 1 > /sys/class/gpio/gpio363/value $ adb shell Login to the CHIRIMEN ledon.sh
- 23. Install node.js ⢠Push node.js binaries to CHIRIMEN. â Node.js binaries ⢠https://www.facebook.com/groups/305208196333685/353904911464013/ ⢠Execute a script for controlling GPIO by node.js. â # Make a symbolic link from /bin to /system/bin so that shell script can be executed by node.js $ adb root $ adb remount $ adb push node /system/bin/node $ adb shell # mount âo remount, rm / # ln âs /system/bin /bin
- 24. Sample Code var http = require('http'), url = require("url"); exec = require('child_process').exec; http.createServer(function (req, res) { var path = url.parse(req.url).pathname; if(path.charAt(0) == "/"){ if(path.split("/")[1] == "ledon"){ console.log("ledon"); ledOn(); } } }).listen(8000); console.log('Server running at port 8000'); function ledOn(){ var child = exec("/etc/www/nodeGpio/ledon.sh", function(err, stdout, stderr) { if (!err) { console.log("success"); }else{ } }); } server.js
- 25. Execute Server Program ⢠Push server.js and ledon.sh to the board ⢠Change the permission of the shell script, and then execute the server program. ⢠Send a request to the server. â A LED on the board will turn on. $ adb push server.js /etc/www/nodeGpio $ adb push ledon.sh /etc/www/nodeGpio $ adb shell # cd /etc/www/nodeGpio # chmod 755 ledon.sh # node server.js # busybox wget http://127.0.0.1:8000/ledon
- 26. Architecture of Lantern Demo node ďźhttp serverďź gecko gonk gaia ďźWeb appďź Arduino Serial communication Browser Other terminal HTTP GPIOă I2C
- 27. MWCďźďźďźďź
- 28. Working at Barcelona (In MOB/Fabcafe)
- 29. Firefox Banner fill the aisel
- 30. Huge fox in the Mozilla booth
- 31. Fox den (session space) Firefox Logo Our Lantern Device
- 32. Agenda ⢠What is MozOpenHard? ⢠B2G(OSS version of FirefoxOS) Embedded Board âCHIRIMENâ ⢠Development of CHIRIMEN ⢠MWC2015 short report
- 33. Future plan ⢠Maker Faire @ all over the worldďź â Tokyo, NY,âŚ
- 34. Project Information ⢠MozOpenHard â http://mozopenhard.mozillafactory.org/ ⢠Facebook â https://www.facebook.com/groups/30520819633 3685/?pnref=lhc ⢠CHIRIMEN Technical Information â http://mozopenhard.mozillafactory.org/techinfo# hardspec
Editor's Notes
- #9: äťĺç§éăŻ2ă¤ăŽlanternăăă¤ăšăä˝ăăžăăărevolving Lanternă¨NyoroNyoro Lanternă§ăă ăžăăăăĄăăŽRevlvingLanternă§ăăă ćĽćŹăŽâĺăçŻçą âăă˘ăăźăăŤăăWebDeviceă§ăăăŽă¤ăłăżăźăă§ăźăšăŤ2ă¤ăŽçšĺž´ăĺăăŚăăžăă ăžăăă茧ăŽă¨ăăăŤă360ĺşŚĺ ¨ćšĺăŤWebăłăłăăłăă襨示ăăăă¨ăă§ăăĺççśăŽăăŁăšăăŹă¤ăĺăăŚăăžăă ăžăăăăŽăŠăłăăˇă§ăźăé¨ĺăŻçŠççăŞă¤ăłăżăźăă§ăźăšăŤăŞăŁăŚăăŚăăŠăłăăˇă§ăźăăĺăăă¨ăăçŠççăŞćä˝ăWebăłăłăăłă ăŤă役éżăä¸ăă襨示ĺ 厚ăĺ¤ĺăăžăă ăăŽăłăłăăłăăăăă¤ăšăŽĺśĺžĄăŻĺ ¨ăŚWeb twist lantern ăăĄăăŻnyoronyoroăŠăłăżăłă§ăă ăŤăăăŤăăă¨ăăăŽăŻă¸ăłăŽăăăŞĺăă襨ăćĽćŹčŞă§ăăăŽă¨ăăăŤăăăŤăăă¨ăŞă˘ăŤăŞĺ¤ĺ˝˘ăčĄăăă¨ăă§ăăžăă ăăŽĺăăŻWebăłăłăăłăă¨ăăŚăăŚăłăăźăăăăă¨ăčăăăăĺĽăŽăŠăłăżăłă¨ăˇăłăŻăăăăăă¨ăă§ăăžăă ăăŽăăźăă使ăă¨ăăăăăŁăăăă¤ăšăŽĺśĺžĄăWebăăŠăŚăśăăčĄăăă¨ăă§ăăžăă ăăŽăăăăŠăłăăˇă§ăźăăŽĺăăă¤ăăłăă¨ăăŚć¤ĺşăăăăCSSă§ăŠăłăżăłăŽĺăăĺśĺžĄă§ăăăăăŤăŞăŁăŚăăă§ăăă ---- We created two types of âandonâ devices using this board. First, Revolving lantern. Second, Twist lantern.  This Revolving lantern has two special features. The first feature is rendering web contents in 360 degrees orientations. Moreover, the second feature is physical user interface to control the web contents with rotating operation. We prepare the puzzle game for the device.  On the other hand, the Twist lantern has a feature to control the form with real 3D transformation. The transformation motion is given as a web content. Moreover, if the same motion are given to the multiple lantern, their motions are synchronized each other.  Please enjoy the new web experience in our exhibition booth. --------------------- We built two âtourouâ type browsers using this board. First one is the revolving lantern. It is able to render web contents in 360 degrees directions. It is also able to control by physically moving the display from side to side. We prepare the famous puzzle game, please enjoy it. Second one is the twist lantern. Twist lanternăallows the objects to be transformed in ârealâ 3-dimensional space. It is able to download the transform motion as a web content, and then synchronize their motion between devices. Please enjoy the new web experience in the exhibition booth. ---------------------------- ćă ăŻăăŽăăźăă使ăŁăŚâçŻçą âĺăŽăăŠăŚăśăä˝ăăžăăă revolving lanternăŻWebăłăłăăłăă360ĺşŚĺ ¨ćšä˝ăŤć役ăăăă¨ăă§ăăžăă ăžăăăăŽçťé˘ăŻçŠççăŤĺ蝢ăăçťé˘ă塌ĺłăŤĺăăăă¨ă§interactionăă§ăăžăă ĺąç¤şăăźăšă§ăŻćĽćŹé˘¨ăŤă˘ăŹăłă¸ăăćĺăŞăăşăŤă˛ăźă ăç¨ćăăŚăăžăăŽă§ă playăăŚăżăŚăă ăăă Twist lanternăallows elements to be transformed in ârealâ 3-dimensional space. ăžăătransfromămotionăWeb ăłăłăăłăă¨ăăŚăăŚăłăăźăăăăăă¤ăšéă§ăŽéŁćşăčĄăăă¨ăă§ăăžăă ăăăăŽăăŠăŚăśă§ć°ăăwebä˝é¨ăĺłăăŁăŚăă ăăă -------------------- ăăŽăăŠăŚăśé˘ç˝ăă§ăăăŁăŚćăăŚăăă äťĺç§éăŻăăŽăăźăă使ăŁăŚăŠăłăżăłăä˝ăŁăă 3ă¤ăŽçšĺž´ăćăŁăŚăăă Hardware control by browser-based technology Webă˘ăăŞăăGPIOăĺśĺžĄăăŚăŠăłăżăłăŽĺăăćšăăťăłăˇăłă°ăčĄăŁăŚăă Service discovery and control from other device ăăăăŻćĺ ăŽăšăăźăăăŠăłăŤăăç°ĄĺăŤçşčŚăăŚăłăłăăźăŤăăăă¨ăă§ăă Collaboration with other devices and services äťăŽăăă¤ăšă¨webăäťăăŚéŁćşăăăăăă§ăŤĺşăžăŁăŚăăwebăłăłăăłăă襨示ăăăă¨ăç°Ąĺă ăăźăšă§ăŻćĺăŞăăşăŤă˛ăźă ďźăăăŞăšďźă ć°ăăWebăŽä˝é¨ăĺłăăŁăŚăă ăăă
- #15: Now then, Why we call the board CHIRIMEN? (Let me explain the derivation of CHIRIMEN.) In fact, CHIRIMEN is japanese fabric name. crape in English. As you know, Fabrics are made by weaving two different strings, so We infuse the mean that the board weave web and hardware to create innovative âthingâ. I expect that a series of fabric name board are produced all over the world by forking this project.