WDF Vol.4

自己紹介

中西孝之

iPadアプリ「むげんメモ」

福井高専特命准教授

＜イグノート＞

Mashup Awards?

Web APIを組み合わせて、今までにないサービス／アプリを作る。

エンジニア・デザイナー・プランナーが出会ってチームを組める。

年に1回の、Webの祭典

500作品の応募！

サポートイベントの充実施策01

Meet up Caravan Camp Battle

Meet up

エンジニア・デザイナー・プランナーの出会いの場を提供。

ミートアップ

Caravan

API提供企業の担当者によるセッション。

キャラバン

Camp

週末まる1日をかけて、チームで開発。(ハッカソン)

キャンプ

Battle

全国各地で、第1次予選会を開催。

バトル

国外からの応募を受け付け

応募作品の20%が英語情報も登録

海外からのAPI提供

シリコンバレーで「MA7 Ninja Challenge」開催

海外展開施策02

ソーシャルグラフを活用傾向01

ソーシャル連携機能を搭載した作品が質・量ともに充実

応募作品の50%受賞作品の60%

受賞作品「alarm everyone」「ソーシャルランチ」

応募作品の30%

NFCや内蔵カメラを使ったARも

スマートフォン・タブレット傾向02

受賞作品「マガポ.」「Touchanote」

震災復興支援に臨んだ23作品

日本復興支援プロジェクト「Power Apps Japan」に参画

震災復興傾向03

受賞作品「東日本大震災アーカイブ」「Toksy」「風@福島原発」

被災者へ物資を送るプロジェクト

現地で必要とされているものをマッチング

送料は発送元が負担被災者への配慮

Power Apps Japan賞

「Toksy」http://www.toksy.jp/

http://www.toksy.jp

http://www.toksy.jp

1日1枚限定の写真ライフログ

大学生チームが開発

サイバーエージェント出資で株式会社シロク設立

MUP48賞

「My365」http://my365.in/

http://my365.in/

http://my365.in/

(MA7決勝ムービー)

Kinectコントローラで

体をつかって

ジェスチャーで

まるばつクイズに答える

Kinectをご存知な人？

Kinectを使った事ある人？

百聞は一デモにしかず！

お客様の中でお式の近いかた

お客様の中でお式の近いかたぜひ弊社にお声を！ (^ω^;)

MA7 エントリー！

Ver up 対戦、デザイン、自作問題


Ver up 新SDK対応



Ver up ルール解説追加

Ver up 新SDK対応



Ver up クラウディアさんヴォイス


Ver up 新SDK対応



Ver up ウェディング ver



Ver up 新SDK対応



Ver up ひとりルール改良Ver up ウェディング ver



Ver up 新SDK対応



Mashup Weekend in Fukui

9/16～17開催@産業情報センター

アイデアソン (土)

ハッカソン (日)

ハッカソン？

Hack + Marathon1日かけて、アプリ／サービスを開発

一般に、アイデアソンとセット主に前の週に、開発に向けてアイデア出しを


9/16～17開催@産業情報センター

アイデアソン (土)

ハッカソン (日)

Ver. 1.0

10/15 エントリー

名前だけ決めた

最低限の実装

マウスでスタート

Ver. 2.0

11/9 アップデート

デザインを一新

ふたり対戦モード

自作問題

Mashup Battle 1st Stage in Fukui

11/13開催@産業情報センター

応募12作品

遠征組の参加

Ver. 2.0.1


最新のKinect SDKに対応

うごかないよう(；∧；)

SDKのバージョン違いで、アプリが動かない！

どうやら審査の締め切りらしい＞＜

Ver. 2.0.2


ルール解説を追加はじめてでもプレイしやすく！

Mashup Battle 2nd Stage

11/29開催@リクルートMTL

27作品によるバトル

同点決勝

for WEDDING

結婚式披露宴、2次会むけに！はじめての共同作業はぜひこれで！！

Battle 2ndへ向けてのかくし球

Ver. 2.0.3


クラウディアさんヴォイスを追加！

デザイン微調整など

Ver. 2.0.4


ひとりモードのルール変更

よりテンポよく遊べるように！

Mashup Battle Final Stage

12/11開催@品川グランドホール

リング上の熱いバトル

ONLINE

ネット越しに、ふたりで対戦！

Battle Finalへ向けてのかくし球

マッシュアップ！

Kinect

人体のトラッキング

部位ごとに20カ所の位置情報奥行き情報含む

Kinect

2人までの完全な骨格情報

4人までの位置情報

トラッキングのデモ

Kinectでポーズ認識

ex 関節の角度

ex 機械学習

Kinectでポーズ認識

ans 関節の相対位置

ネットワーキング

クイズAPI

シンプルなHTTPGETリクエスト

ネットワーキング

対戦Google App Engineで中継問題や状態を、サーバで記憶

トランジション

WPF

キーフレームアニメーションFlash / iOS

トランジション

WPF

キーフレームアニメーションFlash / iOS

1秒

プログラマーによるCOOLなデザイン

自己紹介

山森美穂

フリーデザイナー

グラフィック、 WEB、 UI、ロゴ、イラスト等

CSS Nite in FUKUI, Vol5

参加デザイナー、たったの１人

別チーム「星空★エスコーターズ」MUP48賞狙いのリア充アプリ

残り2時間のところで別チームからの熱烈アプローチ


MUP48ってなんなの？

MA7の事務局の呼びかけによって生まれたIT業界を盛り上げる女子コミュニティ。

＜Facebookグループで現在68名＞

IT系大手会社の方々も所属。現在も女子の勉強会、アプリリリース、IT系イベントの宣伝等で継続。

での役割

ロゴ、ネーミング決定

操作性とわかりやすいデザイン

応募から決勝までの短期間対応

アプリデザインの考え方

どんなアプリなのかジックリ把握

だれ（対象）が、いつ、何のために？

複雑に考え、単純に作る

アプリの一番のファンになる

アプリデザインの考え方

どんなアプリなのかジックリ把握

だれ（対象）が、いつ、何のために？

複雑に考え、単純に作る

アプリの一番のファンになる

だれよりも　楽しむ！

プログラマーさんとの作業スタイル

画面ごとにPhotoshopで全体像を作成01



必要な分だけPNGに分割02



必要な分だけPNGに分割02

プログラマーに渡す03

ロゴデザイン

ミブリ・テブリの名前はロゴデザインしながら決定初期アプリ名：天下一クイズ王決定戦

クイズ！クイズ！エボリューシまるばつキネクト・キネQ からだキネクト・クイズ武道会

案

ロゴデザイン

初期バージョンマウスを使用PC前に1回1回移動

スタート

ミブリ・テブリ

スタート画面

せっかくKinect使ってるのに…

スタート画面


改善策マウスなし手をかざしてスタート

体勢が窮屈で、誤認識しやすい…

スタート画面


決定案自然な体勢を考慮直感的に解るデザイン

自然な立ち位置と手をかざす場所。

プレイヤーの認識

プレイヤーがとったポーズを人アイコンがフィードバックする

バツ！まる！

短期間バージョンアップ

Battle 2nd残り１週間きる時点…


某MAの申し子さん（34歳）

Battle 2ndへ向けてのかくし球をつくります。

あ、すいません。

Battle 2nd残り１週間きる時点…


for WEDDING

通常版のデザインから全デザインを一新


for WEDDING所要時間：約１日弱

Ver up ひとりルール改良Ver up ウェディング ver



Ver up 新SDK対応



セミナー告知

WCAF Seminar Vol.82012年 4月7日（土）

http://www.wcaf.jp/

フリーテーマでのライトニングトークスピーカー募集中！

http://www.wcaf.jp

http://www.wcaf.jp

next...#MA8 comes soon!

WDF Vol.4

Technology

Transcript of WDF Vol.4