11月13日(土) 横浜ストリームアドバンスト講座 【D】デジタルmap関連サービスの活用・運用 2日目

1. TimelineMapの展開
2010.11.13
加藤 大騎

2. TimelineMapとは
• ウェブ上に設置した電子マップに街の情報を投稿
• 利用者同士で共有することを目的としたシステム

3. 概要
• 街に関する情報
• どこの情報か
• いつの情報か
• ウェブに集めることで簡単に共有できる

4. 基本操作画面
• 1つの画面で操作が完結
• タイムバンド、地図、
リスト、項目詳細
• タイムバンドと地図が連動

5. モバイルへの対応
• 携帯電話
• メール送信による投稿
• デジカメ+GPSロガー
• 時間と位置の情報を寄せ合わせ、自動配置
[GPSロガー GPS-CS1K]

6. iPhoneの利用
• iPhone, iPod Touchに対応したウェブページ
• Mobile Safariでページにアクセスして利用
• 投稿と同時に結果を確認できるようになった

7. ホーム画面
• 登録項目をリスト表示
• 下のボタンでモード切替
• マップ
• タイムライン

8. マップ画面
• PCのブラウザと同等の
マップ操作が可能
• ピンをタップすると詳細
画面に移動

9. 編集画面
• PC画面と共通の項目
• PCで入力した変更が反映される
• タイトル、カテゴリ、投稿者、コメント
• ピンをドラッグして位置を移動可能

10. PhoneGapによるアプリ化
• ウェブアプリの制限を取り払うことができる
• 新しい機能を付け加えることも考えられる
• iPhoneの端末内にデータを保存する
• iOSのApp Storeを利用して配信する

11. 対応できる範囲
• 複数種類のスマートフォンに対応可能
• iPhone
• Android
• BlackBerry
• Symbian(Nokia)
• ウェブ上の情報を利用するアプリに適用可能 #ゲーム
とか無理

12. iPhoneで使おうとする方へ
• 実機で動かすにはAppleに開発者登録が必要です
• $99 / 年
• エミュレーター上だけなら無料でできます
• Apple製の無料開発ツールが入ったMac OSも必要

13. PhoneGapを使う
• 既に動いているウェブシス
テムをそのまま使える
• 1つのサービスでウェブ
版、アプリ版を簡単に作れ
る

14. スマートフォンとウェブを
どんどん活用しましょう

15. 今後の展開可能性
• Androidなど、Apple以外のスマートフォンに対応
• TimelineMapというひとつのパッケージにまとめる
• 現在: PC + iPhone、携帯電話、GPSロガー
• 利用レベルに応じたパッケージの使い分け
• 画面だけ使いたい、データを自分で保管したい、etc

16. 参考資料
• ハマっち！ ヨコハマ イベントナビ
http://event.hamatch.jp/
• PhoneGap
http://www.phonegap.com/
• iOS Dev Center
http://developer.apple.com/devcenter/ios/index.action