VD04-A2S ユーザーズマニュアル1 VD04-A2S ユーザーズマニュアル 株式会社アレックス 2014.9.8 1111....仕様仕仕様様仕様 電源電圧 3.3V33..33VV3.3V
天神おしごと学校 AR技術を使ったミライの仕事
-
Upload
yusuke-matsumoto -
Category
Technology
-
view
266 -
download
0
Transcript of 天神おしごと学校 AR技術を使ったミライの仕事
![Page 1: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/1.jpg)
2016.08.18
AR(拡張現実)技術を使ったミライの仕事
ARコンテンツ作成勉強会
![Page 2: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/2.jpg)
今日の先生
吉永崇松本祐典
![Page 3: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/3.jpg)
撮影・録音などの記録
撮影OK 録音OK
![Page 4: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/4.jpg)
今日のハッシュタグ
#AR_Fukuoka
今日の様子は、SNSやWebサイトに掲載する場合がございますご理解ご協力よろしくお願い申し上げます
![Page 5: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/5.jpg)
お手元にありますか?
パソコン スマートフォン
![Page 6: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/6.jpg)
アプリをダウンロードしましょう
Zapparザッパーー
iPhoneiTunes Storre
AndrroidGoogle Plaay
![Page 7: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/7.jpg)
きょうのプログラム
オリジナルAR名刺を作ろう後半
AR技術を使ったミライの仕事前半
![Page 8: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/8.jpg)
ARってなに?
知っってている人??(挙手)
![Page 9: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/9.jpg)
ARってなに?
![Page 10: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/10.jpg)
ARってなに?
![Page 11: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/11.jpg)
ARってなに?
![Page 12: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/12.jpg)
ARってなに?
参照元NHK
![Page 13: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/13.jpg)
ARってなに?
![Page 14: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/14.jpg)
ミライのARって?
![Page 15: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/15.jpg)
ミライのARって?
![Page 16: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/16.jpg)
ARってなに? まとめ
ミライをもっっとと豊かににする技術
![Page 17: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/17.jpg)
AR名刺をつくろう
![Page 18: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/18.jpg)
制作の流れ
自己紹介ムービーを撮影する1アプリのの使い方を学ぶ2名刺を完成させる3
![Page 19: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/19.jpg)
制作の流れ
自己紹介ムービーを撮影する1アプリのの使い方を学ぶ2名刺を完成させる3
![Page 20: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/20.jpg)
自己紹介ムービーを撮影しよう
ルール
1.始めのあいさつ
2.名前を教える
3.趣味を教える
4.特技を教える
5..終わりののああいいささつつ
![Page 21: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/21.jpg)
自己紹介ムービーを撮影しよう
カンペを作る
1.始めのあいさつ
2.名前を名乗る
3.趣味を教える
4.特技を教える
5..終わりののああいいささつつ
はじめまして。
よろしくお願いします。
![Page 22: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/22.jpg)
自己紹介ムービーを撮影しよう
撮影
![Page 23: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/23.jpg)
自己紹介ムービーを撮影しよう
保存
![Page 24: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/24.jpg)
制作の流れ
自己紹介ムービーを撮影する1アプリのの使い方を学ぶ2名刺を完成させる3
![Page 25: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/25.jpg)
今回、使うアプリの紹介
Zapparザッパー
専用マーカーや画像認識につかって、テキストや画像、動画、音声など、コンテンツを表示するスマートフォンアプリ。
![Page 26: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/26.jpg)
ログインhttps://zap.works/ にアクセス
![Page 27: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/27.jpg)
ログイン
ログイン((22回回目目以以降降))ユユーーザザーー登登録録をを作作るる((初初回回))
![Page 28: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/28.jpg)
ログイン
ログインボボタタンををククリリッックク
![Page 29: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/29.jpg)
ログイン
①Emailを入力
②Passwordを入力
③ボタンンをクリック
EmailとPasswordを入力すするる
![Page 30: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/30.jpg)
ログイン成功
クリックダッシュボード(アカウントの管理画面)
![Page 31: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/31.jpg)
情報の登録
クリックマーカーと情報の管理画面
![Page 32: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/32.jpg)
情報の登録
情報をを登録すするる
![Page 33: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/33.jpg)
情報の登録
1つのの画像を登登録録たくさんのの画像をアルバムとして登登録録
1つのの動画を登登録録1つのの音声を登登録録連絡先を登登録録
カレンダーイベントを登登録録WebサイトURLを登登録録
![Page 34: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/34.jpg)
情報の登録
1つのの画像を登登録録たくさんのの画像をアルバムとして登登録録
1つのの動画を登登録録1つのの音声を登登録録連絡先を登登録録
カレンダーイベントを登登録録WebサイトURLを登登録録
![Page 35: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/35.jpg)
1つの動画を登録
クリック
![Page 36: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/36.jpg)
1つの動画を登録
アップロードををクリック
![Page 37: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/37.jpg)
1つの動画を登録
クリック
sampleフォルダ > 011_video >撮影した動動画画 をを選ぶ
![Page 38: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/38.jpg)
1つの動画を登録
クリック
クリック
![Page 39: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/39.jpg)
1つの動画を登録
クリック
クリック
![Page 40: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/40.jpg)
1つの動画を登録
撮影した動動画画ををクリック
クリック
![Page 41: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/41.jpg)
1つの動画を登録/完了スマートフォンアプリで見てみよう
クリリック
![Page 42: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/42.jpg)
スマートフォンアプリで見てみよう
グレーーになればOK
![Page 43: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/43.jpg)
スマートフォンアプリで見てみよう
①アアププリリを起動させる ②ママーーカーーがででててきた ③かざしててみみよようう
![Page 44: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/44.jpg)
連絡先を登録
クリック
![Page 45: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/45.jpg)
連絡先を登録
クリック
5つの情報をを追加-画像 UPLOAD IMAGE-苗字 First name-名前 Last name-学校名 Company-電話番号 Home Phone
![Page 46: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/46.jpg)
連絡先を登録
クリック
![Page 47: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/47.jpg)
連絡先を登録
クリック
クリック
![Page 48: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/48.jpg)
連絡先を登録
クリック
クリック
![Page 49: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/49.jpg)
連絡先を登録
クリック
クリック
![Page 50: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/50.jpg)
連絡先を登録
5つの情報をを追加-画像 UPLOAD IMAGE-苗字 First name-名前 Last name-学校名 Company-電話番号 Home Phone
![Page 51: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/51.jpg)
連絡先を登録
クリック
![Page 52: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/52.jpg)
スマートフォンアプリで見てみよう
クリリック
![Page 53: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/53.jpg)
スマートフォンアプリで見てみよう
グレーーになればOK
![Page 54: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/54.jpg)
スマートフォンアプリで見てみよう
①更新する ②ママーーカーーにかざす ③見見ててみみよようう
![Page 55: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/55.jpg)
制作の流れ
アプリのの使い方を学ぶ1自己紹介ムービーを撮影する2名刺を完成させる3
![Page 56: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/56.jpg)
名前
住所 〒
連絡先
学校名
名刺を完成させる
手書きで書く- 学校名- 名前- 住所- 連絡先(自宅の番号)
![Page 57: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/57.jpg)
名刺を完成させる
完成
![Page 58: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/58.jpg)
さいごに
http://www.vizyoshinaga.sakura.ne.jp/arfukuoka/
「ARコンテンツ作成勉強会」でインターネット検索してくだささいい
もっと詳ししくく知りたい方は
![Page 59: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/59.jpg)
さいごに
もっと詳しく知りたい方は
Zapparで簡単AR: アカウントを作成ししようhttp://tks-yoshinaga.hatenablog.com/entry/2015/06/28/145947
Zapparで簡単AR: ARブラウザを使っってみようhttp://tks-yoshinaga.hatenablog.com/entry/2015/06/28/132305
Zapparで簡単AR: 動画表示コンテンツを作っってみようhttp://tks-yoshinaga.hatenablog.com/entry/2015/06/28/183053
![Page 60: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/60.jpg)
2016年10月29日(土)30日(日)西新パレス
夏の自由研究を発表しよう
![Page 61: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/61.jpg)
おまけ
マーカーの作り方
![Page 62: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/62.jpg)
マーカーを作る(1/3)
ボタンををクリック
![Page 63: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/63.jpg)
マーカーを作る(2/3)
①名前をを書く
②circleをを選ぶ
③ボタンををクリック
![Page 64: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/64.jpg)
マーカーを作る(3/3)
①widgetsを選選ぶぶ
②②ボボタタンンをククリリッックク
![Page 65: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/65.jpg)
マーカーの完成
クリックダッシュボード(アカウントの管理画面)
![Page 66: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/66.jpg)
おまけ
削除の仕方
![Page 67: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/67.jpg)
画像を削除する
クリック
![Page 68: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/68.jpg)
画像を削除する(1/2)
クリックして削削除除すするる
![Page 69: 天神おしごと学校 AR技術を使ったミライの仕事](https://reader031.fdocument.pub/reader031/viewer/2022030306/58ced3f21a28abd4098b52b1/html5/thumbnails/69.jpg)
画像を削除する(2/2)