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

2 1

アプリを作ったらぜひ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

Technology