Geolocation API 実地試験@ みかん

テーマ• マップアプリをカーナビ代わりに使うと　　画面常時点灯＋ Wifi ＋ GPS 　でめっちゃ電池食う• 充電が追い付かない

　　　位置情報の取得頻度を落としたい　　 built-in アプリにそんな設定項目はないよ（泣）

ポストマップ（　　　）実現方法• アプリ開発　　△– しきいが高そう– 配布してもどうせ誰も使わない– Android と iOS と Windows 　　▂▅▇█▓▒░ (’ω’)░▒▓█▇▅▂

• Javascript 　　○• おとなしくカーナビを買う　　 ו 道を暗記　　 ו タクシー　　 ×

評価技術• Javascript– Geolocation API で位置情報を取得できる– モダンブラウザは大抵サポート　 OS 非依存– テキストなので公開が楽– 位置情報取得タイミングをある程度制御できる

仕組み

　　∧＿∧　 ( 　･ ω ･ )＿ (__ つ / ￣￣￣ /　　＼ / 　　　　 /　　　　￣￣￣＼　（現在位置） 　　 （ Wi-fi ）　（ GPS ）（基地局情報）（ Bluetooth ）（ IP アドレス）　　　　　　　　　　＼┗ (^o^ ) ┛ 　　┗ ( ^o^) ( ^o^) ( ^o^)┛┗ ┛┗ ┛ 　┗ ( ^o^)┛ 　　┗ ( ^o^)┛　　　　　　　　　　　 ＼┏┗　 　　　 　　┛┓　　 　 ┛┓　　　 ┛┓　　　　 ┛┓　　　　　 ┛┓　　　　　　　　　　　　　￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣

Earlier, websites would use the IP address to determine your approximate location but with the HTML5 Geolocation API, web browsers can more accurately detect your location using data from GPS, Wi-Fi networks, cell towers, Bluetooth and the computer’s IP address. If you agree to share your location with the browser, it will send these details to Google Location Services for estimating your location which is then shared with the requesting website.

http://www.labnol.org/internet/geo-location/27878/

検証システム• Javascript– Geolocation API で位置情報を取得– DB サーバーに取得情報を送信

• Web サーバー– Google map を埋め込んだサイトを作成– DB サーバーから情報を取得– 現在位置が中心になるように常に調整

• DB サーバー– ブラウザの取得情報を保存

評価項目

• 日程　　休日の昼間• 場所　　横浜周辺• 時間　　 4h

端末： iPhone明るさ：最小ロック：しない取得間隔 :10 秒

• 取得位置情報の精度• バッテリー消耗度合い知りたいこと

諸条件

評価結果• 取得位置情報の精度　　→ 情報が取得できている限りそこそこいける• バッテリー消耗度合い　　→ 4 時間で 50% 消耗　（ 92%→42% ）

• built-in アプリの取得間隔は不明だが、それに近い感覚でリアルタイムに情報を追える• 他のアプリと同時に使えない• 割と発熱する。胸ポケットだと違和感

位置情報• 取得位置情報（電車）

位置情報• 取得位置情報（徒歩）

位置情報• 荒ぶる GPS@ 横浜駅

実際はホーム 4 からホーム 1 へ乗り換え

←① ここで並んでカレーを買い

↓② ここで食べた

③↓ 帰宅（データ飛び）

位置情報よこすかカレーフェスティバル 2015 　参戦

実用への課題• Geolocation はユーザーの明示的な許可なしに使えない（スマホでも同じ）

実用への課題• スリープにしたりホーム画面に戻ったら終了

終わる画面例

実用への課題• 取得頻度を減らして節電効果はあるか？• 取得頻度を減らしたときにストレスは無いか？• 場面に応じた取得頻度最適化• Google先生への完全依存

要チェック！！