20140315_tanakaseigo_creator_meetup

1

デジタルサイネージ制作ポイントいくつか！•ワンフットシーバス田中正吾！

2

はじめに

デジタルサイネージのコンテンツ制作に何回か関わってきまして、普段のWEB制作とは違う臨場感や制作でのポイントについて、実体験を元にいろいろと話します。

3

はじめに

• デジタルサイネージきいたとある

• 実際にデジタルサイネージやってみたひと

• WEB制作とデジタルサイネージ制作の違いを知りたい

4

はじめに

ゆるく聞いていただければ大丈夫です。

5

自己紹介

6

はじめに

あなたはナニモノ？

7

自己紹介

田中正吾（たなかせいご）屋号：ワンフットシーバス

2004年よりフリーランス。

以後、FLASH制作を中心にインタラクティブコンテンツを主に行い現在に至る。

最近はソーシャルゲーム制作界隈で

JavaScriptやHTML5アニメーション、

スマートフォン演出制作の

ワークフロー改善に関わったりしています。

8

自己紹介

細々と技術ブログ書いてます。http://ｗｗｗ.1ft-seabass.jp/memo/

Flash/CreateJS/Swiffy/EdgeAnimate/

JavaScript/自動処理などなど…

9

でははじめましょう

10

近言われてる「デジタルサイネージ」ってなに？

11


デジタルサイネージ

12


デジタルサイネージ

Digital Sign-age

13


デジタルサイネージDigital Sign-age

電子看板

14


• Wikiediaでも「デジタルサイネージ」を調べると以下のように出てきます。

15

私はその設置された中のネタを作る人

16


「デジタルサイネージ」で画像検索

17


電子看板・・・意味が広い。

電子看板

18

今までやってきた実績例

19

キオスク端末据え置きタッチパネル案件

！

20

展示会場でのタッチディスプレイ内の

コンテンツ実装

！

21

デジタルサイネージのなかでも期間限定な展示モノ、

据え置き機なことが多いです。

※もちろん普段はWEBやアプリもやってます

22

今回は展示会場でのデジタルサイネージをベースにお話します。

Photo by 写真素材足成

23

デジタルサイネージいいところ

24

制作物が映しだされて

25

触って伝わる！

！

Illust by SILHOUETTE AC

26

素敵。！

27

デジタルサイネージをどうやって作ってる？

28

制作は

29

FLASH

30

デジタルサイネージは人目を引く看板の役目がある。

音声・映像・画像・テキストを、ふんだんに使う事が多い。

まかせろー！

31

音声・映像・画像をうまく取り込めて日本語テキストも強い。

作った後の試行錯誤もしやすい。

他になかなかない。

まかせろー！

32

表示するときどういう構成が多い？

33

PC

34

（自分の経験した中でですが）

表示部分こそ特殊ですが舞台裏は出力元は

普通のPCのことがほとんど。

35

自分が関わってたデジタルサイネージでの進行

36

展示系の場合、WEBのように後で差し替えられるよね。

が、うまくいかない。

37

なぜなら、当日何かあっても実機に触ることが出来ないことが多い

38

ゆえに当日にデータを入れるために「100%仕上げないといけない」

39

WEB

展示100%→

リリース

ゆえに当日にデータを入れるために「100%仕上げないといけない」

40

だが、展示会は新製品お披露目やプロモーションとして

重要な役割を担っている。

ギリギリまで、修正・検討がなされることが多い。

41

当日にデータを入れるために「100%仕上げないといけない」

&ギリギリまで、修正・検討が

なされることが多い。

42

当日に近づくにつれてエキサイティング（察し

展示

リリース

43

※長い期間置くようなデジタルサイネージだったらあとで差し替えられるのでWEBに近いかもしれません

44

制作上のポイントいくつか

45

・当日への盛り上がりがすごい・WEBより親切に・サウンド・液晶を守る

46

当日への盛り上がりがすごい

47

WEBだとあっさりリリースされることも多いけど。

デジタルサイネージはちょっと面白い。

48

「幕張メッセ設営」でGoogle画像検索

49

こんなかんじ。

設営業者の方当日のコンパニオンの方各ブースの会社担当の方

いろんなひとが頑張ってる。

50

設営はできるかぎり行ったほうがいい。楽しい。

制作物がどのように成立するかが見れる。良い。

51

逆に、設営行けないと、設置感がふわっとするので。

胃が痛い。

52

置いてみてのバグ・要望はあるので、より良く対応するために当日現場対応

できるとなお良い。

53

自分はE-MOBILEとノートPCを持っていってます。

54

WEBより親切に

55

不特定多数の人が触れる。使い方をナビをする人も

操作に慣れているわけではない。

56

例

次に押すべきものを光らせるとか。WEBコンテンツよりも強く

遷移をアピール。

57

例

視認性向上。文字は大きめとか。

近はスマホコンテンツの感覚値が生きますね

58

サウンド

59

確実に現場は喧騒。家で落ち着いてPCを見たりするのとは違うので注意。

Photo by 写真素材足成

60

近はスマホコンテンツの感覚値が生きますね

61

液晶を守る

62

？？？

63

長時間同じ画面だと焼きつくので、スクリーンセーバー必須

スクリーンセーバー、割と実装が大変で毎度四苦八苦w

64

まとめ

65

まとめ

・表示デバイス自体は特別だったり巨大でも裏側はPCだったりするケースも多い

・設営に立ち会えるなら是非。当日へ向けての盛り上がりがすごい。協力しているひとがたくさん見える。

・スマートフォンでの実装の配慮が役に立つこともある。

・いろいろ大変な面もあるが機会があったら是非関わってみてください。

66

余談：今後こうやりたい

67

ネットワークがつながるなら外部からデータをアップロードとか試したい。

会期中も遠隔で対応できる。事前にみんなで確認できる。

68

今回のネタについてはアップします。

69

今回紹介した内容について

• 今回紹介した内容は自分のブログに上げて、CreatorMeetUpフォローアップページにも乗せてもらいます。

http://www.1ft-seabass.jp/memo/

70

ありがとうございました！

Technology

20140315_tanakaseigo_creator_meetup