ARshelf 2 ARshelf, ARshelf Junaio AR AR(Augmented Reality/ ) AR AR 2 AR AR Junaio ARshelf ARshelf,,, AR, Junaio - i -

2014 Future University-Hakodate 2014 System Information Science Practice Group Report biblive - - Project Name Recording and sharing experiences in Information Library B ARshelf Group Name Group B ARshelf /Project No. 17-B /Project Leader 1012159 Mizuho Niwa /Group Leader 1012159 Mizuho Niwa /Group Member 1012152 Naoaki Sato 1012159 Mizuho Niwa 1012166 Shoichi Matsuyama 1012097 Rui Sato Advisor Yasuyuki Sumi Yasushi Harada Toshio Kawashima 2015 1 14 Date of Submission Jan 14, 2015

ARshelf 2 ARshelf, ARshelf Junaio AR AR(Augmented Reality/ ) AR AR 2 AR AR Junaio ARshelf ARshelf,,, AR, Junaio - i -

Abstract This project found that it is less likely to encounter in a charming book in information library.the purpose of our project is that books in information library meet with information library user.throughout books, it is also our purpose that increase the chance that people and people meet. We developed a system with two groups in order to achieve this purpose. This project was divided into experience collage group to the development of systems that share the experience of people in information library and ARshelf group to provide an opportunity to talk about books. The target is information library users because this system uses in information library. We thinks that want to know the charming book to students. We are thought to want to talk about books. We have developed a ARshelf system to solve these. ARshelf system is a system that can view the information about book in information library. This AR(Augmented Reality) system is using the AR viewer application called Junaio. This system has two types of Location-Based AR and Marker-Based AR. Location-Based AR is a content to be mainly used outside information library. This content can obtain information about books of information library from outside information library.thanks to this content, it is possible to make a chance to go to information library. Moreover, Marker-Based AR is the content to be used in information library. This content can share the book of impressions of bookshelf by holding the Junaio. For the final presentation, it was hard development, we have succeeded in the development of ARshelf system. Keyword experience, chance, communication, book shelf, share - ii -

1 1 1.1................................. 1 1.2.......................................... 1 1.3.......................................... 1 2 3 2.1.......................................... 3 2.2.................................. 3 2.3.................................. 3 2.4.......................................... 4 2.5.......................................... 4 3 5 3.1.......................................... 5 3.2........................................ 5 3.3................................. 6 3.4................................. 6 3.4.1...................................... 6 3.4.2 AR....................................... 6 3.4.3...................................... 7 3.4.4............................. 8 3.5....................................... 8 4 10 4.1.................................. 10 4.2.......................................... 11 4.2.1................................... 12 4.2.2 Junaio............................ 12 4.3.................................. 13 4.3.1................................... 13 4.3.2............................... 13 4.3.3 HTML.............. 13 4.4.................................... 14 4.4.1 Junaio........................... 15 4.4.2.......................... 16 5 17 5.1..................................... 17 5.2.......................................... 17 - iii -

5.2.1 AR............................ 17 5.2.2 AR.............................. 17 5.3....................................... 18 5.3.1 AR............................ 18 5.3.2 AR.............................. 19 6 20 6.1.......................................... 20 6.2...................................... 20 6.2.1.................................... 20 6.2.2................................ 21 7 22 7.1.................................. 22 7.2.......................................... 22 7.3...................................... 22 7.3.1................................... 22 7.3.2.................................... 23 7.3.3.................................... 23 7.3.4.................................... 23 A 24 B 25 C 26 28 - iv -

1 1.1 9 2 ARshelf My 3 My ARshelf ARshelf 2 ARshelf 3D ARshelf AR 1.2 3 1.3 ARshelf 2 Group Report of 2014 SISP - 1 - Group Number 17-B

ARshelf Group Report of 2014 SISP - 2 - Group Number 17-B

2 2.1 ( AR) ARshelf ( ) AR 2 GPS AR ( ) AR ARviewer Junaio Twitter 2.2 web Junaio AR AR AR 6 ARshelf My My web My 2.3 My My ARshelf 2 10 My 3 2 ARShelf 1 1 ARshelf 2 ARshelf Group Report of 2014 SISP - 3 - Group Number 17-B

2.4 Amazon AR 2.5 AR AR AR Group Report of 2014 SISP - 4 - Group Number 17-B

3 3 3.1 A5 A3 ARshelf 3.2 Web Web Web IC IT Web Group Report of 2014 SISP - 5 - Group Number 17-B

3.3 6 My ARshelf 3 3.4 3.4.1 AR 3.1 3.1 ARshelf A3 A5 ARshelf 7 A5 A5 ARshelf 3.4.2 AR AR AR AR AR AR Group Report of 2014 SISP - 6 - Group Number 17-B

C ARToolKit ARToolKit 3.2 3D AR Vuforia 3.3 3.2 ARToolKit http://kougaku-navi.net/index.html Vuforia 3.3 3D 3.3 Vuforia https://developer.vuforia.com/ 3.4.3 Group Report of 2014 SISP - 7 - Group Number 17-B

3.4.4 ARToolKit 3.4 3.4 AR 3.5 3 6.67 6.74 ARshelf Group Report of 2014 SISP - 8 - Group Number 17-B

Group Report of 2014 SISP - 9 - Group Number 17-B

4 2 A B B 2 A B My ARshelf My ARshelf My 2 4.1 AR AR 2 AR 4.1 AR 3 4 2 3.2 AR GPS AR ARshelf AR 4.1 n1.html http://www.zakzak.co.jp/zakspa/news/20140210/zsp1402101054001- ARshelf AR Group Report of 2014 SISP - 10 - Group Number 17-B

4.2 4.3 4.2 ARshelf 4.3 ARshelf 4.2 Junaio Twitter Junaio AR AR Twitter 140 Tweet Twitter Xdomain FileZilla-3.9.0.5 Xdomain PHP SQL FTP FTP FTP FileZilla FileZilla FTP Xdomain FileZilla Xdomain Junaio Junaio Web,Junaio URL 5.4 Junaio (URL:http://www.junaio.com/) Develop Login Free Developer Signup Sign Up ( 4.5) Group Report of 2014 SISP - 11 - Group Number 17-B

Recording and sharing experiences in Information Library 図 4.4 Junaio のユーザー登録までの画面遷移 文責: 松山昇一 4.2.1 実装の流れ 私たちのグループは Junaio で表示するためのプログラミング言語の学習 習得を行った Junaio はプログラムとして PHP HTML JavaScript を利用していることがわかった PHP で Junaio のサーバーに読み込ませることで AR コンテンツを端末を通して見ることができる また HTML で表示画面の体裁を制御しており JavaScript によって動作の制御を行っている 私はコ ンテンツを見やすくするために css3 を用いて表示画面の設定を管理しやすくした 学習しながら 実際に Junaio サイト内のサンプルプログラムを利用しながら解析を行った このサンプルプログ ラムとは Junaio 側が提供してくれている簡単な AR コンテンツプログラムであり Junaio ホーム ページに掲載されている 2014 年 12 月 22 日までには計 29 個のサンプルコンテンツが閲覧可能 である 文責: 松山昇一 4.2.2 Junaio についての説明 Junaio とは AR ビューアーアプリケーションの一つである 第 4 章 4.1 節でも説明したように 位置情報と画像認識を利用した AR コンテンツの作成 閲覧が可能である ロケーションベース AR は GPS や磁気コンパスをセンシングに用いて特定の場所 (緯度, 経度, 高度) にコンテンツを配 置できる マーカーベース AR は任意のイメージ画像 マーカー を登録して その画像上にコン テンツを表示できる 文責: 松山昇一 Group Report of 2014 SISP - 12 - Group Number 17-B

4.3 4.3.1 WordPress Xampp Junaio Twitter Twitter 4.3.2 AR metaioman 4.5 4.5 http://dev.metaio.com/junaio/quickstarts/location-basedquickstarts/customizing-your-pois-images-sounds-videos-and-more/ 4.3.3 HTML AR AR HTML PHP JavaScript 4.6 Group Report of 2014 SISP - 13 - Group Number 17-B

4.6 AR http://dev.metaio.com/junaio/quickstarts/glue-quickstarts/animation-glue-andlocalstorage/ 4.4 Junaio Create a New Channel Content server URL Xdomain PHP Junaio 4.7 1 6 1. FileZilla Xdomain 2. Junaio Channel Junaio HTTP 3. Junaio URL URL HTTP 4. Channel XML PHP XML XML (ex PHP ) 5. Xdomain( ) XML 6. AREL HTML JavaScript 3D Group Report of 2014 SISP - 14 - Group Number 17-B

4.7 4.4.1 Junaio Junaio AR Junaio web Junaio web Develop MyChannels Create a New Channel 4.8 API Level NO Channel Name Channel Type Location Based Channel 3D Junaio GLUE Channel Channel description Display Author Thumbnail Callback URL index.php Region Create My Channel Junaio Xdomain Junaio AR ID ( 4.8-4 ) 6 ID Junaio junaio:// Group Report of 2014 SISP - 15 - Group Number 17-B

Recording and sharing experiences in Information Library 図 4.8 チャンネル登録までの画面遷移 4.4.2 プログラムファイルの階層 Xdomain サ ー バ ー に は プ ロ グ ラ ム フ ォ ル ダ が 格 納 さ れ て お り チ ャ ン ネ ル サ ー バ ー URL を 指 定 す る こ と で Junaio ア プ リ で コ ン テ ン ツ の 閲 覧 が 出 来 る チ ャ ン ネ ル URL は 今 回 の 場 合 http://xxx.php.xdomain.jp/locationargl/index.php と http://xxx.php.xdomain.jp/arshelf/index.php である xxx.php.xdomain.jp は Xdomain レンタルサーバ を指定している Location ARGL と ARshelf はプログラムが入っている フォルダ名を指定している 最後に index.php のプログラムを指定する index.php までの絶対 パスを指定することでコンテンツを読み込むことができる 以下にロケーションベース AR 図 4.9 とマーカーベース AR(図 4.10) のプログラムファイルの階層を表記する 図 4.9 ARshelf ロケーションベース の 図 4.10 ARshelf マーカーベース のプ プログラム ログラム 文責: 松山昇一 Group Report of 2014 SISP - 16 - Group Number 17-B

5 5.1 ARshelf Junaio AR ARshelf AR AR AR AR 5.2 5.2.1 AR AR GPS Twitter 3 5.2.2 AR AR Junaio Junaio Twitter Group Report of 2014 SISP - 17 - Group Number 17-B

5.3 5.3.1 AR 5.1 5.1 5.1 Twitter Twitter 5.1 AR Group Report of 2014 SISP - 18 - Group Number 17-B

Recording and sharing experiences in Information Library 5.3.2 マーカーベース AR まず 情報ライブラリー内にある本棚に Junaio を使用し スマートデバイスを向ける 図 5.2 は実際に向けた状態のスマートデバイスの画面である このように AR によってポップアッ プされた本が並んでいる 画面上にポップアップされた本の中で気になる本をタップすると Twitter にアクセスし そこでその本について呟かれた内容を閲覧することができる また 右 下の Tweet ボタンをタップすると 感想を呟くことも可能である 図 5.2 マーカーベース AR の操作例 文責: 佐藤尚彰 Group Report of 2014 SISP - 19 - Group Number 17-B

6 6.1 2 AR Junaio AR AR 2 1 6.2 6.2.1 2014 12 1 5 3 1: 2: 3: 1: 2: 3: ( ) ( ) 1 5 2 5 3 1.4 ARshelf 3 ( ) 1 1 3 1 2 2 3 3 5 ARshelf Group Report of 2014 SISP - 20 - Group Number 17-B

6.2.2 AR AR 1 1 7.7 1.0 Group Report of 2014 SISP - 21 - Group Number 17-B

7 7.1 ARshelf ARshelf ARshelf ARshelf 7.2 7.3 7.3.1 ARshelf AR Junaio UI Adobe Illustrator Illustrator Group Report of 2014 SISP - 22 - Group Number 17-B

7.3.2 AR 7.3.3 AR PHP HTML CSS Script ARshelf PHP ARshelf 7.3.4 API API PHP XML Group Report of 2014 SISP - 23 - Group Number 17-B

A ARToolKit AR Junaio AR TwitterAPI Group Report of 2014 SISP - 24 - Group Number 17-B

B ARToolKit Group Report of 2014 SISP - 25 - Group Number 17-B

C ARshelf 1 ARshelf ARshelf AR ARshelf ( ) 1 Tex Group Report of 2014 SISP - 26 - Group Number 17-B

1 AR TEX API ARshelf API ARshelf Group Report of 2014 SISP - 27 - Group Number 17-B

[1], http://library.fun.ac.jp/. 2015/01/07. [2], https://calil.jp/recipe/list. 2015/01/03. [3], http://booklog.jp/about.2015/01/03. [4], http://librize.com/ja.2015/01/03. [5], http://www.aozora.gr.jp/. 2015/01/03. [6] IT ULiUS, http://www.uchida.co.jp/ulius/. 2015/01/03. [7]. AR., 2010, 200p. [8]. AR Processing., 2012. [9]. ARToolKit., 2008. [10]., http://kougaku-navi.net/index.html. 2015/01/07. [11] Vuforia, https://developer.vuforia.com/. 2015/01/07. [12] VTR, Vuforia AR??, http://nvtrlab.jp/column/1-2. 2014/07/02. [13], Qualcomm Vuforia SDK AR [ ], http://blog.gclue.jp/2013/08/qualcomm-vuforia-sdkar.html. 2014/07/02. [14] CLIP, Metasequoia, http://www.clip-studio.com/clip site/howto/library/categories/view/metasequoia/. 2015/01/07. [15] metaio, junaio, http://dev.junaio.com/index/main. 2015/01/07. [16],, http://vizyoshinaga.sblo.jp/. 2015/01/07. [17] CYBERNET, junaio, http://www.cybernet.co.jp/ar-vr/products/metaio/junaio/technical/. 2015/01/08. [18] AR, http://www.speed-web.jp/ar/index.html. 2015/01/08. [19] CYBERNET, Junaio AREL, http://www.cybernet.co.jp/ar-vr/documents/seminarevent/seminar/insidear 2012/1- Group Report of 2014 SISP - 28 - Group Number 17-B

4.pdf#search=%27Junaio+%E8%A8%80%E8%AA%9E%27. 2015/01/09. [20] CYBERNET, junaio 4.0 AREL, http://www.cybernet.co.jp/avs/documents/pdf/seminar event/conf/18/m-1-2.pdf. 2015/01/09. [21] metaio/junaio, http://metaio.r-cms.biz/bbs show/bbs header id=2. 2015/01/09. [22] LogicSpace - -, http://dev.wasyo.net/. 2015/01/09. [23] TwitterAPI, http://syncer.jp/web/api/twitter/. 2015/01/09. [24] TwitterAPI, http://webnaut.jp/develop/633.html. 2015/01/09. Group Report of 2014 SISP - 29 - Group Number 17-B