WindowsPhone arch 神戸#1
-
Upload
tomonori-ohba -
Category
Technology
-
view
754 -
download
1
description
Transcript of WindowsPhone arch 神戸#1
![Page 1: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/1.jpg)
Windows Phone Arch@ 神戸 #1
Windows Phone 7 開発やってみよ~
![Page 2: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/2.jpg)
自己紹介
• 大場知悟( Tomonori Ohba )• @tworks• ( 株 )PFU でアプリ開発やってます
iOS / Android / WPF / Silverilght など• コミュニティー
楽しいアプリ制作の会(代表)WP Arch (関西スタッフ)Silverlight Square (新大阪)
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 2
![Page 3: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/3.jpg)
au から出ますね!
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 3
※au の回し者ではありません
![Page 4: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/4.jpg)
アジェンダ
Windows Phone 7 の表現(世界観)基本コンセプト いろいろな通知
アプリケーション開発方法開発環境構築開発手順Demo ( Hello World! )APP HUB に開発者登録&アプリ登録
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 4
![Page 5: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/5.jpg)
Windows Phone 7 の表現
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 5
![Page 6: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/6.jpg)
基本コンセプト
メトロライブタイルハブ
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 6
![Page 7: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/7.jpg)
メトロ
「ユーザーが簡単に目的を達成できるようにガイドする UI 」を目的としています。そのベースとなっているのが、世界の首都圏、特に東京の地下鉄「メトロ」です。世界でも有数の複雑さを持つ東京の地下鉄ですが、そのユニバーサルデザインで設計された案内板によって、初めて来た外国人もきちんと乗り換えをし、目的地まで到達できる、これが UI のあるべき姿だと考えました。(引用: Microsoft 高橋 忍)
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 7
日本の地下鉄のデザインが名前の由来快適なタッチベースの操作デバイスに依存しない同一の操作感
![Page 8: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/8.jpg)
ライブタイル
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 8
よく使うものをタイル状のアイコンでまとめたスタートアップ画面アプリケーションや情報を配置できる
人・よく聴く音楽
![Page 9: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/9.jpg)
ハブ
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 9
情報を軸に「やりたいこと主体」アプリケーション主体と異なるアプローチ
![Page 10: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/10.jpg)
People ハブ
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 10
コミュニケーションの中心SNS との統合
Windows Live 、 Facebook 、 TwitterSNS の更新を一括か個別で表示
![Page 11: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/11.jpg)
Pictures ハブ
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 11
Phone 7/PC/SNS の画像を一本化SNS との統合
Windows Live 、 Facebook 、 TwitterSNS へ投稿(シェア)
![Page 12: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/12.jpg)
Office ハブ
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 12
Office ( Excel/Word/PowerPoint )SharePoint 連携保存先はローカルと SkyDrive
![Page 13: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/13.jpg)
GAMES ハブ
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 13
Xbox Live と連携ユーザー間でメッセージのやりとり
3 次元アバター
![Page 14: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/14.jpg)
MUSIC + VIDEO ハブ
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 14
音楽とビデオの出発点Zune プレーヤーと連携
iTunes の nonDRM 楽曲 /iPhoto のデータ
![Page 15: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/15.jpg)
MARKETPLACE ハブ
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 15
アプリ、ゲームの購入、ダウンロードお試し
アプリ、ゲームの更新を表示
![Page 16: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/16.jpg)
6 つのハブ
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 16
オレオレハブも開発可能
![Page 17: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/17.jpg)
パノラマ、ピボット
横に繋っていく UI
パノラマ巻物的な見せ方大きな画面上を移動させて見せるちょい見せ
ピボット画面上部のタブは連続画面は個別
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 17
![Page 18: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/18.jpg)
パノラマ
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 18
「ちょい見せ」で隣に続いていることをアピール
![Page 19: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/19.jpg)
ピボット
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 19
「ちょい見せ」なし
![Page 20: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/20.jpg)
パノラマ、ピボット以外
HubTileアプリ内にライブタイルExpandViewTreeView のような折りたたみ /展開表示
など
要 Silverligt for Windows Phone Toolkit (August 2011)http://silverlight.codeplex.com/2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 20
![Page 21: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/21.jpg)
いろいろな通知
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 21
![Page 22: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/22.jpg)
通知と表現
表現ライブタイルトースト
通知のきっかけプッシュ通知サービス
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 22
![Page 23: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/23.jpg)
ライブタイル
ライブタイルに内容を表示不在着信、メール未読数、直近のスケジュール内容、更新されているアプリケーションの数、 etc…
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 23
![Page 24: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/24.jpg)
トースト
画面の最上部にテキスト表示一定時間で非表示にライブタイルで表示しきれない内容など
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 24
![Page 25: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/25.jpg)
プッシュ通知サービス
サーバ側からアプリへ状態変化を通知要 アプリにプッシュ通知サービスの実装
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 25
MicrosoftPush Notification
Service(MPNS)
開発者WEBサーバアプリ
①URI要求
②URI受信
③デバイス ID ・ URIを通知
④通知するデータ
⑤Push
![Page 26: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/26.jpg)
アプリケーション開発方法
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 26
![Page 27: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/27.jpg)
システム要件
Windows Vista ( x86 or x64 ) SP 2( Starter Edition を除く) Windows 7 ( x86 or x64 )( Starter Edition を除く) 4GB以上のディクススペース 3GB以上のメモリ WDDM 1.1 ドライバと Direct X 10 、又はそれらを対応しているグラフィックカード
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 27
![Page 28: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/28.jpg)
基本ツールのインストール
Windows Phone SDK 7.1 Beta 2http://www.microsoft.com/download/en/details.aspx?displaylang=en&id=26648
ダウンロードした exe ファイルをダブルクリックするだけの簡単なお仕事
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 28
![Page 29: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/29.jpg)
インストールされるもの
Visual Studio 2010 Express for Windows PhoneMicrosoft Expression Blend SDK Preview for Windows Phone 7.1 Windows Phone Emulator ( Beta2 ) Windows Phone SDK 7.1 ( Beta2 )Windows Phone SDK 7.1 Assemblies ( Beta2 ) Silverlight 4 SDK and DRT Windows Phone SDK 7.1 Extensions for XNA Game Studio 4.0 WCF Data Services Client for Windows Phone 7.1 Microsoft Advertising SDK for Windows Phone 7
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 29
![Page 30: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/30.jpg)
拡張ツールのインストール
Silverligt for Windows Phone Toolkit (August 2011)
http://silverlight.codeplex.com/
コントロールの追加マルチタッチジェスチャーの処理
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 30
![Page 31: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/31.jpg)
開発の流れ( Silverlight )
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 31
namespace WindowsPhoneApplica{ public partial class Main { // Constructor public MainPage()
<StackPanel><!--TitlePanel contains the n<StackPanel x:Name="TitlePane <TextBlock x:Name="Applic <TextBlock x:Name="PageTi</StackPanel>
And / Or
31
+
C# or Visual Basic
XAML
エミュレーター
実機( AppHub に開発
者登録が必要)
![Page 32: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/32.jpg)
開発の流れ( XNA )
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 32
namespace WindowsPhoneApplica{ public partial class Main { // Constructor public MainPage()
32
C# or Visual Basic
エミュレーター
実機( AppHub に開発
者登録が必要)
![Page 33: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/33.jpg)
開発 Demo (即席)
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 33
![Page 34: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/34.jpg)
端末仕様
800x480 QVGA / 480x320 HVGA 静電式パネル 4ポイント以上のタッチポイント A-GPS, コンパス、加速度センサー、照度センサー、近接センサー 500万画素以上のカメラ+フラッシュ+カメラボタン 標準のコーデック ( メディア) 256MB RAM + 8GB以上 フラッシュ ROM DX9 対応の GPU CPU は ARMv7 Cortex/Scorpion 以上 3 つの ハードウェアボタン(スタート、検索、戻る )
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 34
![Page 35: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/35.jpg)
APP HUB 開発者登録
登録すると出来るようになること実機端末のアンロック( 3台まで)MARKET PLACE からのアプリ配信http://create.msdn.com/ja-JP
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 35
![Page 36: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/36.jpg)
APP HUB
年間サブスクリプション 9,800 円 (税込 ) アプリ配信までに審査が入る
つまらない内容だと却下されるらしい?!有料アプリケーションの審査は無料無償アプリケーションは 100 本まで無料、 101 本目以降は、 $19.99/ 本の費用が発生
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 36
![Page 37: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/37.jpg)
まとめ
サクサク、ぬるぬる!
やりたいコト指向
au から IS12T 発売!( au の回し者ではありません、大切なことなのd)
2011/8/20 Windows Phone Arch@ 神戸 #1 - Windows Phone 7 開発やってみよ~ 37
![Page 38: WindowsPhone arch 神戸#1](https://reader035.fdocument.pub/reader035/viewer/2022062300/5588f6dad8b42aad418b4621/html5/thumbnails/38.jpg)