東芝 FlashAir と IBM Bluemix を使ったアプリケーション開発アイデアソン資料(2015/Nov/07)

1. Fl ashAi r x Bl uemi x
アプリが動く例を見てみよう（ワークショップ）

2. 実際に動かす場合に必要な準備
http://www.alchemyapi.com/api/register.html
①Bluemix アカウント作成（ 30 日間無料） ②API KEY の取得（無料） ③cf ツールのインストール（無料）
https://github.com/cloudfoundry/cli/releases
http://bluemix.net/
“Hackathon”
名
姓
メールアドレス
メールアドレス
“I will develop great application!”

3. 1981 年の人が考えた『 2000 年の電話』の予
測

4. 2015 年の電話
「まず世に出して問う」という新しい開発手法
これまでの開発手法で、これが作れていたか？

5. IBM Bluemix
スピーディーな
環境構築
豊富な「 API 」と
「サービス」の提供
1
開発サイクルの
さらなる短縮化
コンポーザブル
な開発
2
オープン・スタンダード（ Cloud Foundry ）を活用した、
クラウド・プラットフォーム（ PaaS ）です。
コグニティブエンジン（人工知能）、 IoT データ収集、ビッグデータ解析／提供、・・・

6. コグニティブ（認識）エンジンとは？
https://www.youtube.com/watch?v=Wq0XnBYC3nQ
確実性を確認しながら回答している？

7. 画像認識

8. スマホデータ収集 http://bit.ly/1JTWvVv

9. ツイッターデータ収集

10. 気象データ収集

11. Bluemix で使えるその他の便利な API
・・・API インプット（例） アウトプット（例）
データベース データ
検索キー
INSERT の成否
検索結果
顔認識 人の写った写真画像 人数、性別、年齢、誰、・・
性格分析 メール本文、ツイート、・・ 書いた人の性格分析結果
音声認識 音声データ 認識結果（テキスト）
自然言語分類 「 Ubuntu よりも CentOS が
好き」
「 Linux 」
レゾナンス（共鳴）調査 「 IBM Bluemix のコグニティ
ブエンジン」
IBM 19
Bluemix 16
コグニティブエンジン 30
ダイアログ対話 対話シナリオ、返答ルール
問いかけ 返答
SendGrid 宛先とメッセージ （メッセージ送信）
Twilio 電話番号とメッセージ SMS 送信、音声データ案
内、・・

12. ネットワーククライントとしての
FlashAir
SD カード型（ PC やデジカメ、ボイスレコーダーと一緒に使える）
WiFi 接続できる（ステーション／クライアント）
HTTP サーバーとしてアクセスできる
LUA 言語によるアプリケーション実行環境がある
イベントハンドリングできる
「ファイルが新しく追加されたら、外部の HTTP サーバーに
アップロードする」などのカスタマイズができる
単体でできることは限られているが、
サーバーに接続してサーバーの機能を使った拡張ができる

13. .lua
.php
FlashAir
① 画像を特定ディレクトリに用意（撮影）
④ 属性ごとデータベースサーバーに保管
PHP サーバー
(xx.xx.xx.xx)
② 画像を転送
③ 画像の属性を調べる
Lua で画像ファイルをアップロード PHP で画像ファイルを受け取り、
画像の属性（何の画像か）を調べた上で保存
IBM Bluemix
FlashAir x Bluemix ワークショップ
MySQL （データベース）サーバー

14. PHP サーバー
IBM Bluemix
(1/3) まずこの環境を作ります
MySQL （データベース）サーバー

15. Bluemix にログイン
http://bluemix.net/

16. IBM ID （登録メールアドレス）とパスワー
ド入力

17. ログイン画面 ＆ データセンター変更
（米国）

18. （スペースを聞かれたら） “ dev” を指定し
て作成

19. PHP アプリケーションサーバー作成

20. “WEB” を選択

21. “PHP” を選択して「続行」

22. 一意なアプリ名を入力して「完了」
（例） username-php-YYYYMMDD
この例の場合、 PHP サーバーの名前は dotnsf-php-20151101.mybluemix.net になる

23. ステージング開始 →概要

24. MySQL データベースサーバーの追加

25. “ClearDB MySQL Database” を選択

26. スペースとアプリを確認して「作成」

27. 「再ステージ」を選択して、再ステージ
待ち

28. PHP サーバーと MySQL サーバー準備完
了！

29. MySQL の接続情報を確認
name （ DB 名）
hostname （ホスト）
username （ユーザー名）
password （パスワード）
をメモしておく

30. PHP サーバー
IBM Bluemix
(2/3) 次にこの環境を作ります
MySQL （データベース）サーバー.php

31. PHP ファイル一式を準備
ダウンロードする場合はこちらから
https://github.com/dotnsf/AlchemyImageUploader
FlashAir の中に入ってます

32. credentials.php の書き換え
（最初に取得した） AlchemyAPI キーに置き換え
$hostname は MySQL の hostname
$dbname は name
$username は username
$password は password
で置き換え

33. cf ツールで PHP ファイルをサーバーにアッ
プロード
コマンドプロンプト（ターミナル）を開く
cd （ PHP ファイル一式のあるディレクトリ）
cf login –a https://api.ng.bluemix.net/
IBM ID （ Bluemix のユーザー名）入力
パスワード入力
cf push （アプリケーション名）

34. PHP サーバー
IBM Bluemix
(3/3) 最後にこの環境を作ります
MySQL （データベース）サーバー.php
.lua
FlashAir

35. /lua/upload.lua の書き換え
26 行目ホスト名部分（ XXXXXXXXXX ）を、
自分のアプリケーションにつけたものに変更する
★ ここやってください！
/DCIM/100__TSB/ 内の最新のファイルを探す
最新ファイルをアップロードする準備
最新ファイルをアップロード

36. config の書き換え
FlashAir 内の SD_WLAN/config ファイルに以下の１行を追
加：
LUA_SD_EVENT=/lua/upload.luaSD カード内に新しいファイルが追加されたら /lua/upload.lua が実行される
★ ここやってください！

37. フォルダを用意して、挿し直し
FlashAir 内に DCIM/100__TSB/
というファルダを用意する
（このフォルダを監視してい
る）。
ここまでできたら FlashAir を一
度抜いて、挿し直す。
★ ここやってください！

38. .lua
.php
FlashAir
① 画像を特定ディレクトリに用意（撮影）
④ 属性ごとデータベースサーバーに保管
PHP サーバー
(xx.xx.xx.xx)
② 画像を転送
③ 画像の属性を調べる
IBM Bluemix
できた！
MySQL （データベース）サーバー
・ Football
・ Sports

39. 動かしてみる (1/3)
①http://XXXXXXXX.mybluemix.net/createtables.php にアクセス（最初に１回だけ準備）

40. 動かしてみる (2/3)
②http://XXXXXXXX.mybluemix.net/ にアクセス（まだ何も登録されていない）
③FlashAir の DCIM/100_TSB フォルダに適当な画像を追加する
（デジカメで撮影した、とみなす）
④ 自動的に PHP サーバーにアップロードされ、認識され、保存される（はず）

41. 動かしてみる (3/3)
⑤http://XXXXXXXX.mybluemix.net/ にアクセス（コピーした画像が登録されている）
⑥ 転送された画像が、タグが付与された形で表示される

42. 便利な FlashAir と便利な API を活用し
て、
新しいアイデアの実現をAPI インプット（例） アウトプット（例）
モノ認識 モノの写った写真画像 写っているモノ
顔認識 人の写った写真画像 人数、性別、年齢、誰、・・
性格分析 メール本文、ツイート、・・ 書いた人の性格分析結果
音声認識 音声データ 認識結果（テキスト）
自然言語分類 「 Ubuntu よりも CentOS が
好き」
「 Linux 」
レゾナンス（共鳴）調査 「 IBM Bluemix のコグニティ
ブエンジン」
IBM 19
Bluemix 16
コグニティブエンジン 30
ダイアログ対話 対話シナリオ、返答ルール
問いかけ 返答
SendGrid 宛先とメッセージ （メッセージ送信）
Twilio 電話番号とメッセージ SMS 送信、音声データ案
内、・・
： ： ：