FlashAirの組み込み機器応用事例@OSC2014 Tokyo/Spring

© 2014 Fixstars Corporation.
OSC2014@Tokyo/Spring
FlashAirTMの組み込み機器応用事例
2014-03-01
土居意弘（株式会社フィックスターズ）
FlashAir is a trademark of Toshiba Corporation.

本日の内容
 FlashAirとは
 FlashAir開発者サイト
 組み込み機器応用事例
– スマホ×FlashAir
– パソコン×FlashAir
– 家電製品×FlashAir
– 自動車×FlashAir
– ミュージック×FlashAir
– ビジネス×FlashAir
– 学会×FlashAir
– マイコン×Flashair
 Q&A
FlashAirの組み込み機器応用事例 - OSCTokyo@Tokyo/Spring
1

FLASHAIRとは
FlashAirとは
FlashAirのさまざまな使い方
FlashAirにアクセスしてみる
2

FlashAirとは
FlashAir = メモリ + Webサーバ + 無線LAN AP
IEEE802.11b/g/n
(2.4GHz, SISO, 20MHz)
アクセスポイント
– 他の無線LAN機器から、FlashAirに保存された写真などを
ケーブルレスで取得することができます。
– 3G通信網や別のWi-Fiアクセスポイントは不要です
• FlashAirと他の無線LAN機器の間でローカルなネットワークを形
成します。
3

FlashAirの利用シーン例
デジカメと組み合わせて 資料の配布に
電源があれば簡単なNASとして使えます。
受信は、Wi-Fiを切り換え、ブラウザを開くだけです。
その時、その場だけの資料を配るのに便利です。
データ形式も問いません。
AC adopter / Battery
USB card adopter
Web Browser
パソコンが必要がないから
いつでもどこでも、空いた時間に、さっと送れます。
ケーブルレスだから、
一度にたくさんの人ともシェアできます。
4

FlashAirにアクセスしてみる
会場のFlashAirにつないでみましょう
1. FlashAirのSSIDにWi-Fiを切り換え
• 設定アプリを開いて、以下のネットワークに接続
• ネットワーク名(SSID): flashair_osc
• Password: 12345678
2. Webブラウザで、http://flashair/を開く
• 最後のスラッシュ大事！
3. これだけ！
• 写真以外もOK
• 今日の資料も
ダウンロードできます
※お願い！！
• ダウンロード終了後は
FlashAirから無線LANを
切断してください
• 同時接続数は７です
5

FlashAirアプリを開発しよう
FlashAirにできること
– (1) FlashAirにデータを置く
• 普通のSDカードと同じ方法
• 秘密の方法もあり
– (2) FlashAirからデータを取り出す
• 内蔵Webサーバーを通じて可能
– (3) FlashAirの設定を変える
• 専用のコマンドが用意されています
これらを組み合わせればいろいろなことに
使えると思いません？
6
(1)
(2)
(3)

FlashAir API
FlashAirではCGIへのアクセスや設定変更
の方法を、APIとして公開しています。
– 利用料なし、有料アプリ作ってもOK!
• ファイルの取得
• ファイル一覧の取得
• 各種情報取得
• 設定変更
• 画像サムネイル取得
• ファイル変更
• ファイル読み書き
• CONFIGファイル
• ブラウザユーティリティ
• 無線LAN ON/OFF
スロット側API
iSDIO
無線LAN側API
HTTP
7

無線LAN側のAPI一覧（抜粋）
機能 (ファームウェアバージョン) パラメータ例
ファイルリストの取得 (1.00.00+) op=100&DIR=/DCIM
ファイル数の取得(1.00.00+) op=101&DIR=/DCIM
アップデート情報の取得(1.00.00+) op=102
SSIDの取得(1.00.00+) op=104
ネットワークパスワードの取得(1.00.00+) op=105
MACアドレスの取得(1.00.00+) op=106
ブラウザ言語の取得(1.00.00+) op=107
ファームウェアバージョン情報の取得
(1.00.00+)
op=108
制御イメージの取得(2.00.00+) op=109
無線LANモードの取得(2.00.00+) op=110
無線LANタイムアウト時間の設定(2.00.00+) op=111
アプリケーション独自情報の取得(2.00.00+) op=117
CIDの取得1.00.03+) op=120
共有メモリからのデータの取得(2.00.00+) op=130&ADDR=0&LEN=8
共有メモリへのデータの書き込み(2.00.00+) op=131&ADDR=0&LEN=8&DATA=0123AB
CD
空セクター数の取得(1.00.03+) op=140
フォトシェアモードの有効化(2.00.00+) op=200&DIR=/DCIM/100__TSB&DATE=17
153
機能 (ファームウェアバージョン) パラメータ例
接続タイムアウト時間の設定
(1.00.00+)
MASTERCODE=0123456789AB&APPAUTOTIME=
3000000&APPMODE=4
アプリケーション独自情報の設定
(1.00.00+)
MASTERCODE=0123456789AB&APPINFO=0123A
BCD4567EFGH
無線LANモードの設定(1.00.00+) MASTERCODE=0123456789AB&APPMODE=4
ネットワークセキュリティキーの設
定(1.00.00+)
MASTERCODE=0123456789AB&APPNETWORKK
EY=12345678
SSIDの設定(1.00.00+) MASTERCODE=0123456789AB&APPSSID=flashai
r
WiFI起動画面パスの設定(1.00.00+) MASTERCODE=0123456789AB&CIPATH=/DCIM/1
00__TSB/FA000001.jpg
マスターコードの設定(1.00.00+) MASTERCODE=0123456789AB
機能(ファームウェアバージョン) パラメータ例
ファイルのアップロード画面(1.00.00+) なし (※?も不要です)
ファイルの削除(1.00.00+) DEL=/DCIM/100__TSB/DSC_100.JPG
アップロード先ディレクトリの設定
(1.00.00+)
UPDIR=/DCIM/101__TSB
システム時間の設定(1.00.00+) FTIME=0x00210000
ホスト機器からの書き込み禁止(1.00.00+) WRITEPROTECT=ON
http://flashair/command.cgi?<パラメータ> http://flashair/config.cgi?<パラメータ>
http://flashair/thumbnail.cgi?<フォルダパス>
http://flashair/upload.cgi?<パラメータ>
command.cgi config.cgi
upload.cgi
thumbnail.cgi
8

スロット側のAPI一覧（抜粋）
パラメータ名説明例
APPAUTOTIME 接続タイムアウト時間の設定 APPAUTOTIME=3000000
APPINFO アプリケーション独自情報 APPINFO=0123ABCD4567EFGH
APPMODE 無線LANモード APPMODE=4
APPNAME NETBIOS, Bonjour名称 APPNAME=myflashair
APPNETWORKKEY ネットワークセキュリティーキー APPNETWORKKEY=12345678
APPSSID SSID APPSSID=flashair
CID カードID CID=02544d53573038470750002a0200c201
CIPATH 無線起動画面のパス CIPATH=/DCIM/100__TSB/FA000001.jpg
LOCK 初期設定済みフラグ LOCK=1
MASTERCODE マスターコード MASTERCODE=0123456789AB
PRODUCT 製品コード PRODUCT=FlashAir
UPLOAD アップロード機能有効フラグ UPLOAD=1
VENDOR ベンダーコード VENDOR=TOSHIBA
VERSION ファームウェアバージョン VERSION=F24A6W3AW1.00.03
/SD_WLAN/CONFIG ブラウザユーティリティ
ブラウザユーティリティは、 FlashAirのコンテンツをウェブブラ
ウザで見る場合に表示される画面のことです。
List.htmというHTMLファイルがその実体で、これを変更するこ
とで、コンテンツの表示方法をカスタマイズすることができます。
例えば、JavaScriptを使ったユーザーインターフェースを作った
り、背景写真を組み合わせてフォトフレームのような見た目にす
ることもできます。
List.htm
ディレクトリパスに対するGETリクエストが発行された場合、
FlashAirはこのファイルを読み込んでレスポンスとして返します。
その際、ファイル内に  というタグがあっ
た場合、下記のような対象ディレクトリのコンテンツリストに置
き換えを行います。
W-02カードでは, デフォルトではList.htm は存在せず、ファー
ムウェアに内蔵されたブラウザユーティリティが使われますが、
List.htmを作成すれば上記の説明通りにカスタマイズができます。
ただし、 の置き換えルールが異なります。
wlansd.push({"r_uri":"/DCIM", "fname":"100__TSB",
"fsize":0,"attr":16,"fdate":9944,"ftime":129});
wlansd.push({"r_uri":"/DCIM", "fname":"0126_1.jpg
", "fsize":70408,"attr":32,"fdate":17071,"ftime":
28040});
/DCIM,100__TSB,0,16,9944,129
/DCIM,0126_1.jpg,70408,32,17071,28040
9

FLASHAIR アプリ開発者サイト
FlashAir アプリ開発者情報サイトのご紹介
APIガイド
チュートリアル
アプリショーケース
ビデオチュートリアル
開発者フォーラム
ビジネス情報
10

FlashAir 開発者サイトのご紹介
欲しいものは自分で作る！
情報と開発者相互でサポート
しあう環境を提供
開発者サポート
– APIリファレンス
– アプリ作成チュートリアル
• iOS / Android / Web Browser
• サンプルコード付
– ライブラリ, FAQ, フォーラム
アプリショーケース
– iPhone, Android, Windows,
Mac
ビジネス情報
– 事例紹介、提案
情報発信
– Twitter, Facebook
日本語、英語両対応
11
flashair-developers.com
運営：株式会社フィックスターズ
協力：株式会社東芝

APIガイド
APIのリファレンスマニュアル、詳細解説
– CGIコマンド
– 設定ファイル (CONFIG)
– ブラウザユーティリティ
12

チュートリアル
FlashAir対応アプリの作り方を解説
– iOS, Android, ウェブブラウザ
– ビデオもあります（Androidのみ）
13

上級者向け情報
 FlashAir Developersでしか公開していない、高度
な機能やカスタマイズのためのチュートリアルを
紹介しています。
– ステーションモードの利用
– FlashAirへのアップロード
– インターネット同時接続モードの利用
14

アプリショーケース
FlashAir対応のアプリを紹介しています
15
X
あ
A
11
8
6
5
3 2
21
アプリを作ったらぜひFlashAir Developersまで！

デベロッパーフォーラム
開発者同士の情報交換、Q&Aサイト
16

組み込み機器応用事例
スマホ×FlashAir
パソコン×FlashAir
家電製品×FlashAir
自動車×FlashAir
ミュージック×FlashAir
広告×FlashAir
学会×FlashAir
マイコン×Flashair
17

スマホ × FlashAir
フォルダ表示サムネイル表示
シェア
他のアプリケーションで開く
プレビュー
Twitter, Facebook, 微博
動画, 音声, PDF, Word, Excel, など多様な種類に対応
 よりiOSらしい操作感
 素早い反応を追求
 日付、名前などでの整列
 iPad専用画面レイアウト
 充実したヘルプ
 ・・・
カメラロールにダウンロード
18

パソコン×FlashAir
FLink（富士通）
写真のダウンロードと管理
富士通製PCに搭載
思い出フォトビューア（東芝）
写真のダウンロードと管理
東芝製PCに搭載
19
一般に商品名は各社の商標です
FLinkの写真

家電製品×FlashAir
Pomera (キングジム)
Evernoteにアップロード
電子黒板 (Panasonic)
会議室ですぐシェア
20
※カスタマイズ版FWを使用
ポメラの写真電子黒板の写真

自動車×FlashAir
ドラドラ HD & ドラドラLive (JAFMATE)
ドライブ中の風景を記録してシェア
21
ドラドラHDの写真
ドラドラLiveの
スクリーンショット

ミュージック×FlashAir
ハンディレコーダー（Zoom）
セッション  録音  シェア
– メンバーと
– ギャラリーと
22
Zoom ハンディレコーダーH6の写真

広告×FlashAir
 デジタルサイネージ (DNP)
– 『電子POPをはじめとする通信機能が無い小型のデジタルサイネージ機
器は、SDメモリカードやUSBメモリにコンテンツを収録し、手作業でコ
ンテンツ更新作業を行っており、遠隔地からのコンテンツ配信管理を可
能にしたいとの要望がありました。今回、「無線LAN機能を搭載したSD
メモリカード」注1を利用してネットワーク経由でコンテンツ配信を行う
システム「SmartSignage SD」を開発しました。』
ニュースリリース「無線LAN SDメモリカードに対応したデジタルサイネージ用コンテンツ配信
管理システム『SmartSignage SD』を開発」（2013年12月03日）
http://www.dnp.co.jp/news/10094008_2482.html より
23
※東芝製FlashAirTMをベースにDNPがカスタマイズした製品です。
デジタルサイネージの
イメージ写真
SmartSignageの写真

学会×FlashAir
オンサイトダウンロードサービス
– 会場での資料配布にFlashAirを使用
– CD, USBメモリの配布・回覧の代替として
– 実績
• SASIMI (2013年)
• ASP-DAC (2014年)
24
AC
AC adapter/
battery
USB card adapter

学会×FlashAir (cont.)
仕組み
– FlashAirに接続したときの
Web画面*をカスタマイズ
* ブラウザユーティリティと呼びます
カスタマイズツールも用意
FlashAir Developersへ
– いまだけOSC限定ソラちゃ
んデザインを選べます
25

マイコン×FlashAir
Arduino
センサー入力の記録・配信などに
– 標準のSD.hでファイル読み書き
– iSDIOコマンドはSPIで!
Raspberry Pi (MyDNS 蕪木様)
RasPiでビデオキャプチャ
FlashAirで閲覧
RasPiでdynDNS、外からも閲覧可能
26
Raspberry Pi
FlashAirでブート
家庭内では
無線LANで
外からは
有線LAN
+ dynDNSで
dynDNSは MyDNS.JP をぜひ！
SAKURA Board
の写真
SAKURA Board でも！

（黒ひげ＋キティ）×FlashAir
205教室にて展示中！
– FlashAirスロットが樽の中に12個！
– カードを抜くと対応するSSIDが消えてタブレット
で検出
– Arduinoがモーターを回しキティがジャンプ
27
自主規制

まとめ
 FlashAir
= SDメモリカード + Webサーバー + 無線LAN
 APIが公開されていて応用製品が作れちゃう
– 情報は FlashAir Developersへ
 すでにたくさんの応用事例
– マイコン、学会、家電、PC、ミュージック、自動車、広告
…
 さあ、あなたはどう使いますか？
28
Enjoy !!
ご清聴ありがとうございました！

FlashAirの組み込み機器応用事例@OSC2014 Tokyo/Spring

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

Similar to FlashAirの組み込み機器応用事例@OSC2014 Tokyo/Spring

Similar to FlashAirの組み込み機器応用事例@OSC2014 Tokyo/Spring (20)

Recently uploaded

Recently uploaded (7)

FlashAirの組み込み機器応用事例@OSC2014 Tokyo/Spring