月別アーカイブ: 7月 2013

junaioプラグイン利用AR開発について2

標準

まずはアンドロイドで。

なぜチュートリアルがエラーになるかわかりました!

Centos5をサーバとして使っているのですが、

どうやっても、Validateが通らないので、Telnetで直接、GLUE_5を乗っけた場所で、
%php index.php

をかけてみました。

そうしたら、SIMPLEXMLExtended.php の12行目でエラー発生。

dom_import_simplexmlを理解していない様子。ぐぐってみたところ、php-domが入っていないということなので、

#yum install php-dom

を行うも、今度は、リポジトリのURLが見つからない、というエラー

そこをあちこと見ながら直して、やってみたら、今度はパッケージの依存関係でエラー

http://labs.web-mix.jp/php/php-xml-5-2-17/

を参考にしながら、

# yum –enablerepo=epel,remi install php-xml

を行い、

# /etc/init.d/httpd restart

にてhttpd再起動して、もう一度 試したら何とか成功しました。

ふうふう、それにしても、皆さんは、このあたりを軽々とおりこしていらっしゃるのでしょうか???

何はともあれ、この一週間頭を悩ませていた、are_XMLHelperを使った事例の junaio チュートリアルGLUE_5に関して、そっくりサーバにのせ、

http://cat.tama.ac.jp/asakusa/GLUE_5/index.php (コールバックURL)

を指定したものが、ValidateすべてOK!通りました。

 

===

チュートリアル参照サイト
http://www.cybernet.co.jp/ar-vr/documents/products/junaio/junaio_Tutorial_Sample.pdf

広告

junaioプラグイン利用AR開発について

標準

日本語による手引きは、こちらのサイトに詳しい

http://www.cybernet.co.jp/ar-vr/products/metaio/junaio/develop.html

1)Junaio Developperとして登録し、プラグインダウンロードを行う。

2013/6/3現在、metaio SDKが4.5にあがったタイミングで、junaio PluginもSDK4.5に含まれた。
従って、metaio SDK 4.5 + metaio Cloudをダウンロード展開しておけばよい。

2)外部からアクセスできる、Webサーバなどを利用する

  1. Getting Started with PHP Packageをダウンロードする。
  2. phpファイルを編集して各種設定を記述する。
  3. 編集したphpファイルとコンテンツをサーバにアップロードする。
  4. MyChannelでARアプリのチャンネルを作成する。
  5. junaioで確認してARアプリが表示されればOK。

※webサーバ上では、PHP5が必須。

2.junaio SDK

3Dモデルの取り扱い

junaioは2種類の3Dフォーマットに対応しています.

  • md2
  • obj

ポリゴン数(1モデルあたり) : 500-1000推奨
テクスチャサイズ: 最大512×512,256×256推奨

Step 2:それぞれのアプリOSで、junaioプラグインを統合する方法を学ぶ

Learn how to integrate the junaio Plugin with your app:
iOS: http://dev.metaio.com/junaio/junaio-plugin/ios-development/
Android: http://dev.metaio.com/junaio/junaio-plugin/android-development/

Step 3:自分のjunaioプラグインをアプリIDと一緒に登録する

こちらで登録(metaioのウォーターマークは出る)

Register your junaio Plugin with your app identifier for free at:
https://mobiledeveloperportal.ar-live.de/
Your app will contain a small metaio watermark in the camera view unless you have purchased a metaio Cloud license (see step 4)

Step 4:

Purchase a metaio Cloud license option for 6,12 or 24 months in order to remove the watermark from your junaio Plugin application. You can purchase a license here:
http://www.metaio.com/Cloud .
With your license purchase you will receive an activation key which needs to be entered in the licensing portal in order to remove the watermark from one of your apps. You can move your license within the licensing period and activate it with any other of your applications in your developer account.

Start with application development on Android or iOS

Once above steps are completed, you can proceed to create your application on either Android or iOS.

===引用終わり

ここからは、ダウンロードしたGetting Started with PHP Packageを解凍したフォルダ(Getting Started)に入っていた、readme.pdfの情報

必要となるもの

1)Appache Web サーバ

2)php5

3)Zend Framework minimal package (PHPアプリ用のモダンフレームワーク)

http://framework.zend.com   ここからダウンロードする

インストール

1)すべてのファイルを解凍する

(2)/htmlを指す、バーチャルホストを作る(必須ではない))

3)Rename_.htaccessというファイルを単に .htaccess に書き換える

(4)Zend Frameworkを/library/Zend にコピーするか、リンクを貼る)

5)config.phpを書き換える

=====

Hello “GLUE”

What should you have done by now?

サンプルを動かしてみる

  1. You should know where you want to upload your channel files to. You will need a web host that supports PHP. You could use servers supporting other languages such as ASP .NET as well, but the quick starts are written in PHP. Most of the server spaces you can rent or sign up to work well with junaio. どこにチャンネルファイルをアップロードしたいか押さえておく。PHPが動くWebサーバが必要である。
  2. You should install a nice development environment. Eclipse is a nice-to-have environment with the PDT (PHP Development Tool) installed (Download from Eclipse). Eclipse などの開発環境を構築しておくとよい。
  3. It helps to have a local apache running (e.g. XAMPP) to test things quickly
  4. And you should of course have a Developer Account (Sign Up here).
  5. Download the quickstarts or check out from github: GLUE_1_HelloGlue

What will you learn?

Scan the QR Code on the left with junaio to see what you are getting…

  • Creating your first GLUE POI
  • Creating a tracking configuration (information about the reference image)
  • Link a website to the metaio man
  • Troubleshooting your channel/server if something does not work as planned

Get started

The “Hello GLUE” Example you have just downloaded is the most cut down information you can provide to still have a running channel. The callback URL of your channel will have to point to the arel.xml in the channel folder on your server. So let’s see what happens if a user opens your channel

ダウンロードした「ハローGLUE」の例で説明する。チャンネルのコールバックURLは、サーバにおいたチャンネルフォルダ中のarel.xmlを指す。

When you have a look at the arel.xml you will see that the information for junaio is a regular XML. All necessary information is included in that XML.

この中身を覗いてみれば、junaio情報が、普通のXMLだということがわかる。すべての必要情報は、このXMLの中にある。

Your first Object only get the most important information, no title and no icon, but at least a description in the popup as well a button with a link to a website, but you can also link videos, sounds, images, to route, to call, write sms, etc. Please check this overview of protocols that are supported specific for mobile phones.

Most importantly, since it is a 3D Model, we need to add 3D assets, such as a model and a texture and information how to position it, so translation, scale and rotation.

Also important is to tell junaio, on which image this model should be glued. The CoordinateSystemID says to attach this model to the first image in the tracking configuration.

An overview of all parameters usable in your XML return can be found here.

参照イメージは

http://dev.junaio.com/tools/trackingxmlcreator

で作成することができる

junaio GLUE/SCAN Tracking Configuration Creator

In order to assign reference images to be used with GLUE, you have to create a tracking configuration. If you wonder what all that is, have a look at the “GLUE” – documentation and at the GLUE Quickstart: Hello GLUE GLUEで使う参照イメージを出すためには、トラッキングマーカーを作る必要がある。

You can choose any image file (png, gif, ppm, pgm) to be used as a reference image/pattern for GLUE. Simply choose your image file(s) and click “Create Tracking XML”. Store the returned file and upload it to your server. 単純にどんな絵でもいいので選んで、下の「トラッキングXMLを作る」ボタンをクリックする。戻ってきたファイルを保存して、サーバにアップロードする。

Please make sure to use the junaio Scan Icon on your patterns, so users find out quickly about the combination of your print medium and junaio. For any questions, please contact us directly.

パターンには、Junaioスキャンアイコンをいれること。

Download the Logo as pdf

The order in which you provide your image files is important and must be remembered. This is the order the coordinateSystemID of your Objects (API 1.0 cosID of your POIs) must be assigned.
Also have a look at the according Quickstart Tutorials if you have any questions.

Please also keep in mind, that tracking xmls are cached on the device based on the URL. In order to use the same URL with changed information, please clear the cache of your phone.

たとえば葛飾区役所

35.743490,139.847206

http://user.numazu-ct.ac.jp/~tsato/tsato/geoweb/googlemaps/coordinates/advanced.html

Foursquare APIをjqueryから使いたい!

標準

https://developer.foursquare.com/
にアクセスしてGET STARTEDから自分のアカウントをデベロッパ登録する

参考サイトhttp://kesin.hatenablog.com/entry/20120909/1347150102

Core API

ほとんどすべてのデータがとれるようだが、OAuth 2.0が必要そう

====

(http://fukata.org/2011/06/25/caution-oauth-flickr-api-from-jquery/)参考

jQueryでjsonpアクセス

今回はjQueryからflickr apiを呼び出し、画面へ表示するので、jsonpで呼び出すことになります。また、jqueryからjsonpを呼び出す際に$.ajaxメソッドを使います。簡単に書くと以下のようになります。

$.ajax({
  url: [APIのURL],
  data: [送信パラメータ],
  dataType: 'jsonp',
  jsonp: 'jsonpcallback' // flickr apiのcallback関数のキー名
})

もう少しapi_sigについて説明しておきたいと思います。

api_sigとは、API Secretに送信パラメータのキーを昇順にソートし、キーと値を文字列連結したをさらに連結した値をMD5で暗号化した値になります。簡単に書くとこんな感じになります。

MD5( [API Secret] + [キーと値を文字列連結した値] )

上記の方法で生成した値を送信パラメータの末尾に付与

====

junaio AREL.js

標準

ARELとは、Augmented Reality Experience Language と呼ばれる、コンテンツ記述言語。

junaioで使うARELの説明は、サイバネット社のこちらの解説に詳しい。

http://www.cybernet.co.jp/avs/documents/pdf/seminar_event/conf/18/M-1-2.pdf

AREL.js クラスINDEX (http://dev.junaio.com/arel/documentationArelJS/より)

junaio TrackingXMLクリエイタ

標準

http://dev.junaio.com/tools/trackingxmlcreator

You can choose any image file (png, gif, ppm, pgm) to be used as a reference image/pattern for GLUE

Download the Logo as pdf

イメージは200ピクセルぐらいの大きさがだいたいうまくいく大きさである。

たくさんのイメージを同時に認識させたいときは、ここのジェネレータを利用して、pgmファイル形式にするとよい。

これだと、サイズを小さくすることができる。

また、パターンをzipで圧縮することもできる。

<参考>

Create Tracking XML File

How many patterns do you want to generate?
Please Choose123456789101112131415

Advanced Parameters
Keep Frames:

Similarity Threshold:

Smoothing:

Patterns per Frame:

Encrypt Tracking?

Please choose image 1
Please choose image 2
Please choose image 3
Please choose image 4
Please choose image 5
Please choose image 6
Create Tracking XML

In order to assign the right Object to the right reference image, please keep in mind that the coordinateSystemID (or cosID in API 1.0) of your Object has to be set.