pochi1234回答ポイント 80ptウォッチ 5

仕事にてスマートフォンのGPSを使用したアプリ開発を1人ですることになりました。素人プログラマです。

やりたいことはiphoneのgoogle mapのアプリと同じことを、スマートフォン向けのブラウザで実行させたいです。

つまり、
ブラウザを開いている間
→ GPS情報を定期時間ごとに送信
→ 現在地をgoogle mapで表示
→ AJAXで画面の更新を連続させる。

※今回開発するものには独自の機能を追加する予定です。

全体的なイメージ・開発方法が沸かなくて困ってます。


開発環境など
・言語・その他 : php、ajax、googlemap、cakephpを使うかも
・UI : jqueryや、cakephpの機能とajaxヘルパーなど。
・GPS : cakephpのプラグインを使用したいです。Geomobilejp、GeoSimpleなどがあるようです。pearのGPSプラグインもあるようですが。
・地図 : google map、あとから周辺情報の表示などをしたいです。


なにか良いアイデアがあれば教えて下さい。お願いします。

• はてなアカウントでログイン
• 無料ユーザー登録

みんなの回答

• Galapagos2011/01/05 23:12:46

  満足27pt

  コメント欄が開いていないので回答欄にて失礼します。

  以下の項目が分からないので確認をお願いします。

  
  

  1. スマートフォンの定義は何ですか？ Android携帯のことを意味していますか？
  2. なぜGPS情報をサーバに送信（CakePHPの利用が前提）しなければならないのですか？ Android携帯でGoogleMaps上に表示させるだけならサーバ通信の必要はありません。

  スター

  • pochi1234 2011/01/06 00:16:53

    スマートフォンはAndroidとiphoneなどが主です。機種によっては画面のサイズは異なると思いますが。

    cakephpを使用する必要はないと思います。勉強もかねて使うかもしれませんが。

    ログイン・会員情報の機能は使用します。

    google mapはそのアプリケーションの中に組み込みます。

    uiはたとえばjqueryのiphone uiとかもあるし、モバイル向けのライブラリがあると思うのでそれを使用するかもです。

    GPS情報はサーバーに送信する必要があります。一定時間ごとに現在位置を自動更新するからです。

    iphoneに最初から入ってるようなGoogle mapのアプリはつかいません。Webブラウザで動かすアプリケーションだからです。

Galapagos2011/01/06 16:01:19

満足27pt

サーバ・サイドはPHP+CakePHPで開発するのでよいと思います。

「一定時間ごとに現在位置を自動更新する」の機能内容がよく分かりませんが、単純に記録を取っていくだけならテキストファイルまたはXMLファイルをサーバに記録する形で十分でしょう。

頻繁に検索するのであればDB（MySQL, SQLiteなど）を利用するのがいいでしょう。




クライアント・サイドは、iPhoneアプリとAndroidアプリとでは開発環境が全く異なります。

iPhoneアプリを開発するには、iOS SDKとMacOS X環境が必要です。Objective-Cの開発経験がある方なら、比較的簡単に入っていけます。

Androidアプリを開発するには、Android SDKとJava開発環境が必要です。開発OSには依存しません。

スター

• pochi1234 2011/01/06 19:40:44

  ご回答ありがとうございます

  機種に依存しない画面を開発したいので、ios sdkなどの使用は考えていません。

  クライアントサイドはHTML+javascriptです。jqueryなどのライブラリもありますし。

  
  

  GPSをブラウザにて自動更新したいですが、一定時間ごとと言うか、現在地をリアルタイム更新したいです。

  良い案があれば知りたいです。

tdoi2011/01/07 02:14:40

満足26pt

プログラムが素人とのことなのでしょうがいないのかもしれませんが、いまいちやりたいことが見えてきません。Galapagosさんがおっしゃるようにまずはコメントを開けた方がよいかと思います。

よく分からないので想像の部分が多いですが、次のようなものかと想定しています。

・スマートフォンのブラウザから、開発したサイトにアクセスする。

・そのサイトの内容にはGoogle Mapのコンテンツが含まれており、スマートフォンのGPS情報をもとに、Google Mapの内容が更新される。

・また、Google Mapの内容が更新されるだけでなく、サーバ側にGPSログを残すなり、位置情報をもとにした付加情報を表示するなり、Google Mapで提供されないそのサイト独自の機能が実行される。

質問文やこれまでのやりとりを見ていると、３の部分が全く見えてこないので必要ですらないように思えてしまいます。なお、やりとりを見ていると会員管理のような機能をもったサイトのようですが、本筋とは離れるので省略しています。

さて、上記のことを実現するうえで問題となると思われることは、

１．スマートフォンのブラウザでGPS情報をどのようにして取得するか？

２．取得したGPS情報をもとにGoogle Mapをどのように更新するか？

３．サイト独自の機能をどのように実現するか？

あたりでしょうか。

１に関しては大きく分けて２つあるようです。

１つはHTML5のGeolocation APIを利用する手法です。以下のサイトなどで紹介されています。

http://kray.jp/blog/geolocation_1/

http://mtl.recruit.co.jp/blog/2010/05/html5_geolocation_api.html

もう一つはちょっと古い情報ですが、一つはGoogle Gears経由で取得する方法です。

http://creco.net/2009/06/11/google_maps_api_v3_with_gears_geoloc...

が参考になるかと思います。

２に関しては、１でどちらの手法を選んだにせよ、緯度経度が取得できます。これをもとにGoogle Maps JavaScript API V3を利用して操作すればよいでしょう。

http://code.google.com/intl/ja/apis/maps/documentation/javascrip...

このチュートリアルなんかを見れば色々なサンプルがあるので、参考になるかと思います。

で、問題は３です。

何をしたいのかが分からないので想像ですが、これは２の制御と別に行ってよいのではないかと思います。つまり、Google Mapの更新はGoogle MapのAPIを使って更新し、サイト独自の機能は別途処理するということです。




例えばですが、現在地の地図と現在地周辺のお店情報を表示し続けるようなサイトにしたいのであれば、開発したサイトにログインしたページでは、

JavaScriptでタイマーを使って一定時間ごとに現在地を取得します。

次に、取得した位置情報をもとにGoogle Map APIを利用して地図を更新します。

最後に、位置情報をパラメタとして渡すと周辺のお店情報を含むHTMLの断片を返す機能をサイトに用意しておき、Ajaxを使って書き換える。

というような流れになるかと思います。

とはいえ、やはりプログラム素人ということで、基本的なWebの仕組みの知識が覚束ない部分があるような気もするので、基本を押さえてほしいところではあります。

ただ、仕事でやらなければならないなら、悠長なことは言っていられないでしょうから、あげたようなサイトを参考にして、

１．一定時間ごとにalertを出すページを作る

２．アクセスした時点の位置情報を表示するページを作る

３．一定時間ごとに位置情報をalertで表示するページを作る

４．HTML中（JavaScriptソース中）にハードコードした座標のGoogle Mapを表示するページを作る

５．HTML中（JavaScriptソース中）にハードコードした座標列をもとに一定時間ごとにGoogle Mapの表示を変えるページを作る

６．一定時間ごとに現在地のGoogle Mapを表示するページを作る

と少しずつ機能を足していってはどうでしょうか。

この６までくれば、サイト独自の機能以外の要件を満たせるはずですし、そんなに面倒じゃないと思います。すべてのブラウザをサポートするのは結構面倒かもしれませんが。

そして、ここまでJavaScriptが書ければ、Ajaxの基本的な何かを参考にすれば、独自の機能もサポートできるようになるのではないでしょうか。

何かの参考になれば。

スター

• pochi1234 2011/01/08 18:46:44

  ご回答ありがとうございます

  回答者様のおっしゃるとおりのことをしたいです

  geolocation apiにて現在地を取得し続けられるようです

  alertを使う理由はわからないですけど、まずはgooglemapを更新し続ける方法をご回答者様のおっしゃられるとおりに進めてみたいと思います

  一定時間ごとに非同期更新してみます

  サイト独自の機能は別に考えてみます

• その他の回答を読む

この質問へのコメント

• tdoi2011/01/09 08:23:37
  alertの件ですが、プログラムをあまり書いたことがないとのことだったので、Ajaxでページを書き換えるよりも、alertの方が簡単かなと思っただけです。
  
  要件としては、課題となる要素を分解して、
  
  １．タイマーの使い方を覚える
  ２．Geolocation APIの使い方を覚える
  ３．１と２を組み合わせてみる
  ４．Google Map APIで指定した地図を表示する
  ５．Google Map APIで表示箇所を変更する方法を覚える
  ６．３と５の成果を組み合わせてみる
  
  という手順で一つずつ構築してみてはどうでしょうか？という提案でした。
  

質問の情報

登録日時

2011-01-05 22:40:15

終了日時

2011-01-12 22:45:03

回答条件

1人10回まで

この質問のカテゴリ

• コンピュータ
• インターネット

この質問に含まれるキーワード

人気の質問

• RAZKIZについて stats（これはstarsのスペル間違いか）の中にあるstars to spend は使ったstarsのことです…aRascal1日前
• 以前読んだことのある書籍のタイトルが思い出せません。 ・WEB開発のプロが書いたもの ・実際の開発現場で…匿名質問者111日前
• はてなブログのコメントの日付の表示形式を変更したくて、 　https://q.hatena.ne.jp/1537238088 こちらの…匿名質問者15日前
• 「先生と呼ばれる（言われる）ほどの馬鹿でなし」　　 というのは出典はどこ？。 江戸落語とか上方落語？　…匿名質問者112日前
• vb.netのDataSetについての質問です。 Visual studio 2015からVisual studio 2019へバージョンアップをしま…SyuIt4日前

メニュー

• 質問一覧
• カテゴリ一覧
• 無料ユーザー登録
• 人力検索はてなトップ

PC版

• お問い合わせ
• ヘルプ
• お知らせ
• はてなトップ