マッシュアップセミナー in 福井 2012

(オープニングムービー)

自己紹介

中西孝之

iPadアプリ「むげんメモ」

福井高専特命准教授

＜イグノート＞

Kinectコントローラで

体をつかって

ジェスチャーで

まるばつクイズに答える

Kinectをご存知な人？

Kinectを使った事ある人？

百聞は一デモにしかず！

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

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

提供

Mashup Awards?

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

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

年に1回の、Webの祭典

500作品の応募！

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日かけて、アプリ／サービスを開発

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

Googleハッカソンで

3/5 & 3/12 @めがね会館

天下一武道会Kinectをつかったサービスを作ってみていた

Kinectかめはめ波パワーを競う、カードバトルサービス


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秒

自己紹介

山森美穂

昨年よりフリーデザイナー

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

「むげんメモ」デザイン

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

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

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


MUP48ってなんなの？

MA7の事務局の呼びかけに

よって生まれたIT業界を

盛り上げる女子コミュニティ。

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

さて、本題です

アプリのデザインを考える

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

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

対象人物になりきる

複雑に考え、単純に作る

アプリのデザインを考える

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

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

対象人物になりきる

複雑に考え、単純に作る

だれよりも　楽しむ！

今回の作業スタイル

できるだけ対面で話すに限る！コミュニケーションツールも充実しているがニュアンスや空気感は伝わりづらい…


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



必要な分だけPNGに分割02



必要な分だけPNGに分割02

プログラマーに渡す03

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

ロゴデザイン

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

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

案

ロゴデザイン

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

武道会はないやろ…

ロゴデザイン

スタート画面

マウスを使わない操作

手をかざしてスタート

ボタンの位置が問題

＜初期の案＞

スタート

ミブリ・テブリ

STEP 01マウスを使わない操作

スタート


スタート画面

マウスでスタート？ダサい、ダサいよ！なかにしさ…ん…

STEP 01マウスを使わない操作

スタート


スタート画面

STEP 02 手をかざしてスタート

スタート画面


でもなんか狭苦しいし、誤認識するぅ…

STEP 02 手をかざしてスタート

スタート画面


STEP 03 いい感じの位置調整

スタート画面


ボタンを上に移動してカタチも丸にかえてみた！


スタート画面


ボタンを上に移動してカタチも丸にかえてみた！


スタート画面

これで解りやすいしつかいやすい！


フィードバック

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

バツ！まる！

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



Ver up 新SDK対応



for WEDDING

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

あ、すいません。

for WEDDING

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

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

あ、すいません。

for WEDDING

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

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

for WEDDING

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

セミナー告知

CSS Nite in Fukui VOL.52012年 2月18日(土)

WDF Vol.42012年 3月10日(土)

http://wdf.jp/

http://wdf.jp

http://wdf.jp

WCAF Seminar Vol.82012年 4月某日

http://www.wcaf.jp/

http://www.wcaf.jp

http://www.wcaf.jp

(エンディングムービー)

next...#MA8 comes soon!

マッシュアップセミナー in 福井 2012

Technology

Transcript of マッシュアップセミナー in 福井 2012