Microsoft PowerPoint - TwitterInsight edit.pptx

Size: px

Start display at page:

Download "Microsoft PowerPoint - TwitterInsight edit.pptx"

さみちづ
4 years ago
Views:

1 IBM Bluemix を使って Twitter 上の評判検索アプリケーションを作る ibm.biz/bluemix-i4tw IBM Insights for Twitter デモサイト 2

2 IBM で検索 IBM を含むツイートが検索される 3 IBM sentiment:positive で検索 IBM を含むツイートで内容がポジティブなものだけが検索される 4

3 IBM Insights for Twitter の情報 5 API リファレンス情報このページは常に開けるようにしておく 6

4 これから作成するアプリ検索対象文字列をパラメータ q で指定指定文字列の感情毎の検索結果件数を表形式で出力する 7 これから作成するアプリ ( 発展 ) 検索対象文字列を指定するとその感情ごとの割合をドーナツチャートで表示する 8

5 Bluemix にログインログイン後のダッシュボード画面でアプリの作成をクリック 9 WEB アプリを選択アプリの種類は WEB を選択 10

6 PHP ランタイムを選択ランタイムの種類は PHP を選択実際はどのランタイムでも作れるが本資料では PHP で作成する 11 続行 PHP ランタイムの説明を確認して続行 12

7 アプリケーションの名前を指定 PHP ランタイムアプリケーションの名前を指定して入力して完了ホスト名の一部になるので他の人と重ならない名前にする ( 例 ) PHPAppYYYYMMDD( 日付 ) 13 ステージング処理待ち PHP ランタイムの作成はこれで終わりステージング処理が完了するまで待つこの画面ではこの後にどうやって PHP アプリをランタイムに反映させるかの方法が紹介されている 14

8 ステージング処理完了ステージング処理完了 ( もうアプリケーションサーバーとして利用可能 ) リンクをクリックすると作成したサーバー上でスターターコードが実行されます一度ダッシュボードに戻る 15 ダッシュボード画面ダッシュボード画面に今作った PHP ランタイムが追加されていることを確認このアイコンをクリック 16

9 作成した PHP ランタイムの概要作成して稼働中の PHP ランタイムに Twitter 連携サービスを追加するのでサービスまたは API の追加をクリック 17 Insights for Twitter を選択 IBM Bluemix のサービス一覧が表示される画面左でデータおよび分析を選択して Insights for Twitter をクリック 18

10 Insights for Twitter の追加 Insights for Twitter サービスの内容が表示される画面右のアプリに作成した PHP ランタイムが選択されていることを確認しサービス名プランはデフォルトのままで作成をクリック 19 再ステージングの実行構成が変わったため再ステージングする必要がある確認ダイアログボックスが表示されるので再ステージを選択 20

11 再ステージング完了再ステージングが完了しシグナルが緑色になったことを確認右のメニューから概要をクリックする 21 Insights for Twitter の確認画面を下にスクロールすると Insights for Twitter サービスのアイコンが追加されていることが確認できるその中の資格情報の表示をクリック 22

12 資格情報の確認 Insights for Twitter サービスを利用するための情報が JSON フォーマットで表示されるこの内容をテキストファイルにコピーしておく 23 資格情報の内容 { "twitterinsights": [ ] { "name": "Insights for Twitter-tr", "label": "twitterinsights", "plan": "Free", "credentials": { "port": "433", "username": "5bb107c76f9ca7c ebff7e5815", "host": "cdeservice.mybluemix.net", "password": "q7wy60fepf", "url": " credentials 内の url に Insights for Twitter の API を使うためのユーザー名 & パスワード付き URL があるこの内容はランタイムの VCAP_SERVICES という環境変数の値として取得可 24

ツイート内容も含めた検索結果が得られる 25 ポジティブな内容だけをカウントする先ほど確認した url 値の最後に /api/v1/messages/count?

13 試しにブラウザで実行してみる先ほど確認した url 値の最後に /api/v1/messages/count?q=ibm を付けてウェブブラウザでアクセスすると IBM で検索した時の実行結果が表示される count 関数を実行しているので結果のツイート数が results 値として得られる count 部分を search にするとツイート内容も含めた検索結果が得られる 25 ポジティブな内容だけをカウントする先ほど確認した url 値の最後に /api/v1/messages/count?q=ibm%20sentiment%3apositive を付けてウェブブラウザでアクセスすると IBM sentiment:potisive で検索した時の実行結果 ( ポジティブな内容のツイート数 ) が表示される positive の部分を negative に変えるとネガティブなツイート数が検索できる neutral に変えると中間感情的なツイート数が検索できる ambivalent に変えると混合感情的なツイート数が検索できる 26

14 count API の実行結果 (JSON) { "related":{ "search":{ "href": "search":{ "results": アプリの実装内容 (1) パラメータを受け取る ( 例 IBM) (2) 受け取ったパラメータに positive, neutral, ambivalent, negative の各感情要素を付けて Insights for Twitter の count 関数を (4 回 ) 実行する ( 例 q=ibm%20sentiment%3apositive, q=ibm%20sentiment%3aneutral, ) (3) 各結果のツイート数をそれぞれ取得して結果画面に反映させる 28

15 ソースコードの開発 / デプロイ選択肢は 3 つ 1. Eclipse 環境で開発し Eclipse プラグインを使ってデプロイ 2. テキストエディターで開発し cf ツールを使ってデプロイ 3. IDS(IBM Bluemix DevOps Services) を使って Git リポジトリを作りリポジトリのコードを編集した後にビルド & デプロイ今回はエディター / cf ツールを使った方使った方法を紹介しま介します 29 cf ツールのセットアップ右メニューのコーディングの開始をクリックして画面を下にスクロールし CF コマンドラインインターフェースのダウンロードのリンクをクリックする 30

16 cf ツールのセットアップ GitHub の Cloud Foundry のページが表示される OS 環境に合った CF コマンドラインインターフェースをダウンロードするインストーラーを実行して導入する 31 cf ツールのセットアップコマンドプロンプト ( ターミナル ) を立ち上げ cf v と実行する Cloud Foundry CLI のバージョンが表示されればセットアップ完了 32

17 ソースコードのダウンロード PHP ランタイム用のスターターコードを編集するためいったんローカル PC にダウンロードするスターターコードのダウンロードをクリック 33 ソースコードの解凍ローカル PC の任意の作業用ディレクトリにダウンロードした zip ファイルを展開する解凍すると Bluemix 上で作成した PHP のアプリケーション名のディレクトリが作成されそれ以下にソースコードが展開される 34

ファイルを追加する PHP のプログラムファイルを追加する zip ファイルを展開して作られたアプリケーション名のディレクトリの直下に insights4twitter.php という名前のファイルを新規作成で追加するエディターでこのファイルを開き次ページのコードを入力するこのファイルを追加する 35 insights4twitter.

18 ファイルを追加する PHP のプログラムファイルを追加する zip ファイルを展開して作られたアプリケーション名のディレクトリの直下に insights4twitter.php という名前のファイルを新規作成で追加するエディターでこのファイルを開き次ページのコードを入力するこのファイルを追加する 35 insights4twitter.php の内容 <html> <head> <title>insights for Twitter in PHP</title> </head> <body> <?php $apiurl = ''; $vcap = getenv( 'VCAP_SERVICES' ); if( $vcap ){ $bluemixenv = json_decode( $vcap ); $apiurl = $bluemixenv->twitterinsights[0]->credentials->url; if( isset( $_GET['q'] ) ){ $q = $_GET['q']; if( $q ){?> <h1><?php echo( $q );?></h1> <table border='1'> <?php 環境変数取得パラメータ q がある場合のみ実行 4 つの sentiment foreach( $sentiments as $sentiment ){ $url = $iturl. $sentiment; $text = file_get_contents( $url ); $json = json_decode( $text ); $results = $json->search->results;?> <tr> <td><?php echo( $sentiment );?></td> <td><?php echo( $results );?></td> </tr> <?php?> </table> <?php?> 各 sentiment ごとに件数を取得各結果を表形式で出力 $iturl = $apiurl. '/api/v1/messages/count?q='. $q. '%20sentiment%3a'; $sentiments = array( 'positive', 'neutral', 'ambivalent', 'negative' ); </body> </html>

19 コードを Bluemix にデプロイコマンドプロンプト ( ターミナル ) で Bluemix にログインする C: Bluemix>cf login a u (IBM ID) p ( パスワード ) 追加 ( 変更 ) したコードを Bluemix にデプロイするコマンドプロンプト ( ターミナル ) で作成した insights4twitter.php のあるディレクトリに移動し cf push コマンドを実行する C: Bluemix>cd PHPApp C: Bluemix PHPApp >cf push 37 変更したコードを Bluemix に push Bluemix へのデプロイが実行されるのでしばらく待機上のような表示で終了すればデプロイ成功 38

20 動作確認ウェブブラウザでアプリ名 ).mybluemix.net/insights4twitter.php?q=ibm にアクセスして期待通りに表が出力される結果になることを確認する IBM の部分を別の文字列にしても動くことを確認する 39 ドーナツチャートで表示する場合 Google Visualization API を使用 : jquery を使用 : 40

21 <html> insights4twitter2.php の内容 <head> <title>insights for Twitter in PHP</title> <script src="// <script src="//code.jquery.com/jquery min.js"></script> <script type="text/javascript"> google.load("visualization", "1", {packages:["corechart"]); $(function(){ var data = google.visualization.arraytodatatable([ [ 'Sentiment', '#' ] <?php $apiurl = ''; $vcap = getenv( 'VCAP_SERVICES' ); if( $vcap ){ $bluemixenv = json_decode( $vcap ); $apiurl = $bluemixenv->twitterinsights[0]->credentials->url; if( isset( $_GET['q'] ) ){ $q = $_GET['q']; if( $q ){ $iturl = $apiurl. '/api/v1/messages/count?q='. $q. '%20sentiment%3a'; $sentiments = array( 'positive', 'neutral', 'ambivalent', 'negative' ); foreach( $sentiments as $sentiment ){ $url = $iturl. $sentiment; $text = file_get_contents( $url ); $json = json_decode( $text ); $results = $json->search->results;?>,[ '<?php echo( $sentiment );?>', <?php echo( $results );?> ] <?php?> ]); var options = { title: '<?php echo( $q );?>', pihole: 0.4 ; var chart = new google.visualization.piechart( document.getelementbyid('donutchart') ); chart.draw( data, options ); ); </script> </head> <body> <h1><?php echo( $q );?></h1> <div id='donutchart' style='width:100%; height:90%;'></div> </body> </html> 動作確認 insights4twitter2.php を前頁の内容で作成してコミット & プッシュ & デプロイウェブブラウザでアプリ名 ).mybluemix.net/insights4twitter2.php?q=ibm にアクセスしてドーナツチャートが表示されることを確認する IBM の部分を別の文字列にしても動くことを確認する 42

IBM Bluemix で WordPress 無料の WordPress 環境を構築する 1

IBM Bluemix で WordPress 無料の WordPress 環境を構築する 1 本資料について本資料は IBM Bluemix (h3p://bluemix.net) を使って WordPress 環境を構築する手順を紹介しています Windows 7 を利用している前提で記載しています資料内で紹介する cf ツールが動作する環境であれば他環境でも同様の操作によって実現できると思いますが