43
FlashAir x Bluemix アアアアアアアアアアアアア アアアアアアアア ()

FlashAir x Bluemix アイデアソン

Embed Size (px)

Citation preview

Page 1: FlashAir x Bluemix アイデアソン

FlashAir x Bluemix

アプリが動く例を見てみよう(ワークショップ)

Page 2: FlashAir x Bluemix アイデアソン

実際に動かす場合に必要な準備

http://www.alchemyapi.com/api/register.html

①Bluemix アカウント作成( 30 日間無料) ②API KEY の取得(無料) ③cf ツールのインストール(無料)

https://github.com/cloudfoundry/cli/releaseshttp://bluemix.net/

“Hackathon”

メールアドレス

メールアドレス

“I will develop great application!”

Page 3: FlashAir x Bluemix アイデアソン

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

Page 4: FlashAir x Bluemix アイデアソン

2015 年の電話

「まず世に出して問う」という新しい開発手法

これまでの開発手法で、これが作れていたか?

Page 5: FlashAir x Bluemix アイデアソン

IBM Bluemix

スピーディーな環境構築豊富な「 API 」と「サービス」の提供

1 開発サイクルのさらなる短縮化

コンポーザブルな開発

2

オープン・スタンダード( Cloud Foundry )を活用した、クラウド・プラットフォーム( PaaS )です。

コグニティブエンジン(人工知能)、 IoT データ収集、ビッグデータ解析/提供、・・・

Page 6: FlashAir x Bluemix アイデアソン

コグニティブ(認識)エンジンとは?https://www.youtube.com/watch?v=Wq0XnBYC3nQ

確実性を確認しながら回答している?

Page 7: FlashAir x Bluemix アイデアソン

画像認識

Page 8: FlashAir x Bluemix アイデアソン

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

Page 9: FlashAir x Bluemix アイデアソン

ツイッターデータ収集

Page 10: FlashAir x Bluemix アイデアソン

気象データ収集

Page 11: FlashAir x Bluemix アイデアソン

Bluemix で使えるその他の便利な API ・・・

API インプット(例) アウトプット(例)

データベース データ検索キー

INSERT の成否検索結果

顔認識 人の写った写真画像 人数、性別、年齢、誰、・・

性格分析 メール本文、ツイート、・・ 書いた人の性格分析結果

音声認識 音声データ 認識結果(テキスト)

自然言語分類 「 Ubuntu よりも CentOS が好き」

「 Linux 」

レゾナンス(共鳴)調査 「 IBM Bluemix のコグニティブエンジン」

IBM 19Bluemix 16コグニティブエンジン 30

ダイアログ対話 対話シナリオ、返答ルール問いかけ 返答

SendGrid 宛先とメッセージ (メッセージ送信)

Twilio 電話番号とメッセージ SMS 送信、音声データ案内、・・

  :   :   :

Page 12: FlashAir x Bluemix アイデアソン

ネットワーククライントとしての FlashAir

SD カード型( PC やデジカメ、ボイスレコーダーと一緒に使える)WiFi 接続できる(ステーション/クライアント)HTTP サーバーとしてアクセスできるLUA 言語によるアプリケーション実行環境があるイベントハンドリングできる

「ファイルが新しく追加されたら、外部の HTTP サーバーにアップロードする」などのカスタマイズができる

単体でできることは限られているが、サーバーに接続してサーバーの機能を使った拡張ができる

Page 13: FlashAir x Bluemix アイデアソン

.lua

.php

FlashAir

① 画像を特定ディレクトリに用意(撮影)

④ 属性ごとデータベースサーバーに保管

PHP サーバー(xx.xx.xx.xx)

② 画像を転送

③ 画像の属性を調べる

Lua で画像ファイルをアップロード PHP で画像ファイルを受け取り、画像の属性(何の画像か)を調べた上で保存

IBM Bluemix

FlashAir x Bluemix ワークショップ

MySQL (データベース)サーバー

Page 14: FlashAir x Bluemix アイデアソン

PHP サーバー

IBM Bluemix

(1/3) まずこの環境を作ります

MySQL (データベース)サーバー

Page 15: FlashAir x Bluemix アイデアソン

Bluemix にログイン

http://bluemix.net/

Page 16: FlashAir x Bluemix アイデアソン

IBM ID (登録メールアドレス)とパスワード入力

Page 17: FlashAir x Bluemix アイデアソン

ログイン画面 & データセンター変更(米国)

Page 18: FlashAir x Bluemix アイデアソン

(スペースを聞かれたら) “ dev” を指定して作成

Page 19: FlashAir x Bluemix アイデアソン

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

Page 20: FlashAir x Bluemix アイデアソン

“WEB” を選択

Page 21: FlashAir x Bluemix アイデアソン

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

Page 22: FlashAir x Bluemix アイデアソン

一意なアプリ名を入力して「完了」(例) username-php-YYYYMMDD

この例の場合、 PHP サーバーの名前は dotnsf-php-20151101.mybluemix.net になる

Page 23: FlashAir x Bluemix アイデアソン

ステージング開始 →概要

Page 24: FlashAir x Bluemix アイデアソン

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

Page 25: FlashAir x Bluemix アイデアソン

“ClearDB MySQL Database” を選択

Page 26: FlashAir x Bluemix アイデアソン

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

Page 27: FlashAir x Bluemix アイデアソン

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

Page 28: FlashAir x Bluemix アイデアソン

PHP サーバーと MySQL サーバー準備完了!

Page 29: FlashAir x Bluemix アイデアソン

MySQL の接続情報を確認

name ( DB 名)hostname (ホスト)username (ユーザー名)password (パスワード)をメモしておく

Page 30: FlashAir x Bluemix アイデアソン

PHP サーバー

IBM Bluemix

(2/3)次にこの環境を作ります

MySQL (データベース)サーバー.php

Page 31: FlashAir x Bluemix アイデアソン

PHP ファイル一式を準備ダウンロードする場合はこちらからhttps://github.com/dotnsf/AlchemyImageUploader

FlashAir の中に入ってます

Page 32: FlashAir x Bluemix アイデアソン

credentials.php の書き換え

(最初に取得した) AlchemyAPI キーに置き換え

$hostname は MySQL の hostname$dbname は name$username は username$password は passwordで置き換え

Page 33: FlashAir x Bluemix アイデアソン

cf ツールで PHP ファイルをサーバーにアップロード

コマンドプロンプト(ターミナル)を開く

cd ( PHP ファイル一式のあるディレクトリ)cf login –a https://api.ng.bluemix.net/

IBM ID ( Bluemix のユーザー名)入力 パスワード入力

cf push (アプリケーション名)

Page 34: FlashAir x Bluemix アイデアソン

PHP サーバー

IBM Bluemix

(3/3)最後にこの環境を作ります

MySQL (データベース)サーバー.php

.lua

FlashAir

Page 35: FlashAir x Bluemix アイデアソン

/lua/upload.lua の書き換え

26 行目ホスト名部分( XXXXXXXXXX )を、自分のアプリケーションにつけたものに変更する

★ここやってください!

/DCIM/100__TSB/ 内の最新のファイルを探す

最新ファイルをアップロードする準備

最新ファイルをアップロード

Page 36: FlashAir x Bluemix アイデアソン

config の書き換え

FlashAir 内の SD_WLAN/config ファイルに以下の1行を追加:

LUA_SD_EVENT=/lua/upload.luaSD カード内に新しいファイルが追加されたら /lua/upload.lua が実行される

★ここやってください!

Page 37: FlashAir x Bluemix アイデアソン

フォルダを用意して、挿し直しFlashAir 内に DCIM/100__TSB/ というファルダを用意する(このフォルダを監視している)。

ここまでできたら FlashAir を一度抜いて、挿し直す。

★ここやってください!

Page 38: FlashAir x Bluemix アイデアソン

.lua

.php

FlashAir

① 画像を特定ディレクトリに用意(撮影)

④ 属性ごとデータベースサーバーに保管

PHP サーバー(xx.xx.xx.xx)

② 画像を転送

③ 画像の属性を調べる

IBM Bluemix

できた!

MySQL (データベース)サーバー

・ Football・ Sports

Page 39: FlashAir x Bluemix アイデアソン

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

Page 40: FlashAir x Bluemix アイデアソン

動かしてみる (2/3)②http://XXXXXXXX.mybluemix.net/ にアクセス(まだ何も登録されていない)

③FlashAir の DCIM/100_TSB フォルダに適当な画像を追加する(デジカメで撮影した、とみなす)

④ 自動的に PHP サーバーにアップロードされ、認識され、保存される(はず)

Page 41: FlashAir x Bluemix アイデアソン

動かしてみる (3/3)⑤http://XXXXXXXX.mybluemix.net/ にアクセス(コピーした画像が登録されている)

⑥転送された画像が、タグが付与された形で表示される

Page 42: FlashAir x Bluemix アイデアソン

便利な FlashAir と便利な API を活用して、新しいアイデアの実現を

API インプット(例) アウトプット(例)

モノ認識 モノの写った写真画像 写っているモノ

顔認識 人の写った写真画像 人数、性別、年齢、誰、・・

性格分析 メール本文、ツイート、・・ 書いた人の性格分析結果

音声認識 音声データ 認識結果(テキスト)

自然言語分類 「 Ubuntu よりも CentOS が好き」

「 Linux 」

レゾナンス(共鳴)調査 「 IBM Bluemix のコグニティブエンジン」

IBM 19Bluemix 16コグニティブエンジン 30

ダイアログ対話 対話シナリオ、返答ルール問いかけ 返答

SendGrid 宛先とメッセージ (メッセージ送信)

Twilio 電話番号とメッセージ SMS 送信、音声データ案内、・・

  :   :   :

Page 43: FlashAir x Bluemix アイデアソン