Ystream 101113 iwork08

1,358 views

Published on

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

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,358
On SlideShare
0
From Embeds
0
Number of Embeds
31
Actions
Shares
0
Downloads
3
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Ystream 101113 iwork08

  1. 1. TimelineMapの展開 2010.11.13 加藤 大騎
  2. 2. TimelineMapとは • ウェブ上に設置した電子マップに街の情報を投稿 • 利用者同士で共有することを目的としたシステム
  3. 3. 概要 • 街に関する情報 • どこの情報か • いつの情報か • ウェブに集めることで簡単に共有できる
  4. 4. 基本操作画面 • 1つの画面で操作が完結 • タイムバンド、地図、 リスト、項目詳細 • タイムバンドと地図が連動
  5. 5. モバイルへの対応 • 携帯電話 • メール送信による投稿 • デジカメ+GPSロガー • 時間と位置の情報を寄せ合わせ、自動配置 [GPSロガー GPS-CS1K]
  6. 6. iPhoneの利用 • iPhone, iPod Touchに対応したウェブページ • Mobile Safariでページにアクセスして利用 • 投稿と同時に結果を確認できるようになった
  7. 7. ホーム画面 • 登録項目をリスト表示 • 下のボタンでモード切替 • マップ • タイムライン
  8. 8. マップ画面 • PCのブラウザと同等の マップ操作が可能 • ピンをタップすると詳細 画面に移動
  9. 9. 編集画面 • PC画面と共通の項目 • PCで入力した変更が反映される • タイトル、カテゴリ、投稿者、コメント • ピンをドラッグして位置を移動可能
  10. 10. PhoneGapによるアプリ化 • ウェブアプリの制限を取り払うことができる • 新しい機能を付け加えることも考えられる • iPhoneの端末内にデータを保存する • iOSのApp Storeを利用して配信する
  11. 11. 対応できる範囲 • 複数種類のスマートフォンに対応可能 • iPhone • Android • BlackBerry • Symbian(Nokia) • ウェブ上の情報を利用するアプリに適用可能 #ゲーム とか無理
  12. 12. iPhoneで使おうとする方へ • 実機で動かすにはAppleに開発者登録が必要です • $99 / 年 • エミュレーター上だけなら無料でできます • Apple製の無料開発ツールが入ったMac OSも必要
  13. 13. PhoneGapを使う • 既に動いているウェブシス テムをそのまま使える • 1つのサービスでウェブ 版、アプリ版を簡単に作れ る
  14. 14. スマートフォンとウェブを どんどん活用しましょう
  15. 15. 今後の展開可能性 • Androidなど、Apple以外のスマートフォンに対応 • TimelineMapというひとつのパッケージにまとめる • 現在: PC + iPhone、携帯電話、GPSロガー • 利用レベルに応じたパッケージの使い分け • 画面だけ使いたい、データを自分で保管したい、etc
  16. 16. 参考資料 • ハマっち! ヨコハマ イベントナビ http://event.hamatch.jp/ • PhoneGap http://www.phonegap.com/ • iOS Dev Center http://developer.apple.com/devcenter/ios/index.action

×