« TOEICのスコア最近ホットな「Google ストリートビュー」 »

SE勉強会レポート (2008/10/19)

SE勉強会レポート (2008/10/19)

パーマリンク 2008/10/20 21:14:47 著者: おみう
カテゴリ: SE勉強会レポート

第15回高蔵寺SE勉強会レポートです。

<宿題&コーディング品評会>
お題:この場所の裏側はどこ?
「GoogleMaps上の任意の位置をクリックすると、その場所の地球の裏側の地図を表示するようにしてください。」という宿題でした。

今回はCakePHPではなく、普通のPHPで作りました。

index.php(一部修正)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&v=2&key=(Google Maps API Key)"
      type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[
    function load() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GLargeMapControl());
        map.setCenter(new GLatLng(35.2653, 137.0428), 17);
      }
      
      GEvent.addListener(map, 'click', function(overlay, point) {
        if (point) {
          if (point.x > 0) {
            var x = point.x - 180;
          } else {
            var x = point.x + 180;
          }
          var y = point.y * -1;
          window.open('http://~/reverse.php?x=' + x + '&y=' + y, 'reverse');
        }
      });
    }
    //]]>
    </script>
  </head>
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 300px"></div>
  </body>
</html>

reverse.php(一部修正)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&v=2&key=(Google Maps API Key)"
      type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[
    function load() {
      var x = <?php echo $_GET['x']; ?>;
      var y = <?php echo $_GET['y']; ?>;
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GLargeMapControl());
        map.setCenter(new GLatLng(y, x), 10);
        var marker = new GMarker(new GLatLng(y, x));
        map.addOverlay(marker);
      }
    }
    //]]>
    </script>
  </head>
  <body onload="load()" onunload="GUnload()">
    <div id="map" style="width: 500px; height: 300px"></div>
  </body>
</html>

地図上の任意の位置をクリックすると、新しいウィンドウが開き、「地球の裏側の地図」が表示されます。
特にこれといった工夫はしておりません。
index.phpのほうで、「地球の裏側」の緯度・経度の計算をしています。


<開発 BakeSaleを触ってみよう>
CakePHP1.2で開発されたBakeSaleをインストールして、ちょっと使ってみました。

少々ミスがあったものの、何とかインストールしてみました。
せっかくですので、「支払い方法」をカスタマイズしてみようと思ったのですが、いまいちよくわかりませんでした。
「代引き」とか「銀行振り込み」を組み込みたかったです。
クレジットカードを持っていない or オンラインでクレジットカードを使うのが不安という人も多いので、代引きは必須だと思います。


<ブログ発表>
最近ホットな「Google ストリートビュー」の記事と、それに関連する大学のレポートを発表しました。

このレポートは、「自分の好きな内容で小論文を書いて、日本語小論文 評価採点システム(JESS)にかけてみよう」という授業のために書いたものです。
JESSというのは、小論文の読みやすさ・論理構成・内容などを評価してくれる、画期的なシステムです。
どうやら、Perlで作られているようです。
詳しい仕組みをもっと調べてみたいです。

この記事へのトラックバック アドレス

トラックバックURL(右クリックでURLのコピーをしてください)

フィードバックはまだありません...

コメントを残す


頂いたメールアドレスはこのサイト上には表示されません

頂いたURLは表示されます。
(改行が自動で <br /> になります)
(Name, email & website)
(ユーザに、メッセージ・フォームを通じた連絡を許可します (あなたのメール・アドレスは表示されません))
2018年11月
 << <   > >>
        1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30  

Name:おみう

某国立大学文学部の学生。
英語学(生成文法など)を勉強している。

安藤裕子(歌手)と北乃きい(女優)のファンであり、安藤裕子のライブによく行っている。

子どもと遊ぶサークルに所属しているが、サークル内では「ヒゲ」(←子どもにつけられた)と呼ばれている。

サークル以上に、某予備校の模試監督員アルバイトに精を出しており、模試監督ネタがブログで連載になりつつある。

文系学生にしてはパソコンにかなり精通しており、高蔵寺SE勉強会で勉強をしている。


詳しいプロフィールを見る?

メールを送る?

検索

XMLフィード

16ブログ     powered by b2evolution CMS