基礎プログラミング演習 第12回.

Slides:



Advertisements
Similar presentations
Integrated Personal Page C05823 森本万里子 C05829 西山礼恵 C05899 高木華子.
Advertisements

JSP を利用した 書店検索サイトの構築 佐々木研究室 03k1012 川村禎恵. 内容  背景  目的  サイトの説明  デモンストレーション  今後の課題.
情報基礎演習I(プログラミング) 第9回 6月22日 水曜5限 江草由佳
プログラミング入門 電卓番外編 ~エクセルで関数表示~.
情報処理演習C2 ファイル操作について (2).
情報処理基礎 2006年 6月 1日.
JavaScriptゼミ第2回 2-2 変数とリテラル 発表者 直江宗紀.
ウェブページ制作の基礎 タグの直接入力によるウェブページの制作 次のスライドへ進んだり,戻ったりしたい時は,右下のボタンをクリック。 次へ.
情報理工学部 情報システム工学科 ラシキアゼミ3年 H 岡田 貴大
徳山 豪 東北大学情報科学研究科 システム情報科学専攻 情報システム評価学分野
第4回 個人の動画配信補足のためのWeb構築
第1回 JavaScriptゼミ ・ scriptエレメント ・ 記述における諸注意 ・ 古いブラウザへの対応方法
オペレーティングシステムⅡ 第3回 講師 松本 章代 VirtuaWin・・・仮想デスクトップソフト 2009/10/16.
情報科学1(G1) 2016年度.
HTTPプロトコルとJSP (1) データベース論 第3回.
HTTPプロトコル J2EE I 第7回 /
コンピュータ基礎実習上級 #10 絶対パスによる指定
情報基礎 空間情報の利用 講義の資料は下記のURLを参照.
情報整理のための Google Map API入門
情報 第2回:状態遷移 その2.
スクリプト言語を用いたPHITSの連続実行
XSL-FO + MathML MathML表示、PDF生成、SVG生成
ウェブデザイン演習 第一回 オリエンテーション.
Googleツールを用いた新しいWebシステムの開発
基礎プログラミング演習 第1回.
実際にたたいてAPI APIの初歩からプログラムまで使用方法のAtoZ.
練習問題アイテムバンクの開発研究 ~再生形式~
SVGを用いた地震データ検索・3D表示アプリケーションの開発
情報コミュニケーション入門b 第10回 Web入門(1)
情報コミュニケーション入門b 第10回 Web入門(1)
基礎プログラミング演習 第10回.
プロジェクト演習Ⅱ インタラクティブゲーム制作 イントロダクション2
第4回 javaのプログラミング 04A2029           古賀慎也.
移動経路表示システム Plot Map ~描いた線を思い出に~ 小路 大祐 坂内 佑介 藤井 貴大.
基礎プログラミング演習 第5回 関数とイベントを使ったプログラム.
ネットショップデザイン入門Ⅰ・ⅡSEO 2013/12/18 Webデザイン入門 SEOの基本.
情報コミュニケーション入門e 第11回 Part2 Web入門(1)
第13 最終課題発表 2009年07月14日(火曜日) 第4時限目 λ11教室
2016年度 植物バイオサイエンス情報処理演習 第6回 情報処理(4) データを加工する・2
VBで始めるプログラミング こんにちは、世界。 /28 NARC.
プログラミング基礎a 第7回 C言語によるプログラミング入門 ファイル入出力
情報処理概論Ⅰ 2007 第5回 2019/4/7 情報処理概論Ⅰ 第5回.
プロジェクト演習Ⅱ インタラクティブゲーム制作
情報処理Ⅱ 第2回:2003年10月14日(火).
B04 PaSViS:交通用ICカードの利用履歴可視化システム
プログラミング言語論 第六回 理工学部 情報システム工学科 新田直也.
情報基礎演習I(プログラミング) 第11回 7月12日 水曜5限 江草由佳
C言語 はじめに 2016年 吉田研究室.
基礎プログラミング演習 第6回.
基礎プログラミング演習 第3回.
計算機プログラミングI 木曜日 1時限・5時限 担当: 増原英彦 第1回 2002年10月10日(木)
ガイダンス 電子計算機 電気工学科 山本昌志 1E
プログラミング入門 電卓を作ろう・パートI!!.
地域生活支援システムの開発 越田研究室 j0431 野津洋二.
オペレーティングシステムⅡ 第2回 講師 松本 章代 VirtuaWin・・・仮想デスクトップソフト 2009/10/09.
情報基礎演習I(プログラミング) 第8回 6月8日 水曜5限 江草由佳
Webページに動きを持たせるJavascript言語について 例題のプログラムを通して体験的に理解することとします。
ウェブデザイン演習 第6回.
第14回放送授業.
稚内北星学園大学 情報メディア学部 専任講師 安藤 友晴
pf-4. 式の抽象化と関数 (Python プログラミング基礎を演習で学ぶシリーズ)
精密工学科プログラミング基礎 第7回資料 (11/27実施)
Googleマップを活用した 生物調査データベースの構築
プログラミング基礎a 第9回 Java言語による図形処理入門(1) Javaアプレット入門
プログラミング基礎a 第7回 C言語によるプログラミング入門 ファイル入出力
精密工学科プログラミング基礎Ⅱ 第2回資料 今回の授業で習得してほしいこと: 配列の使い方 (今回は1次元,次回は2次元をやります.)
例題のプログラムを通して JavaScriptの仕組みを理解することとします。
地理情報コンテンツ・データベースコンテンツ新規作成
情報基礎 空間情報の利用 講義の資料は下記のURLを参照.
オブジェクト指向言語論 第六回 知能情報学部 新田直也.
Presentation transcript:

基礎プログラミング演習 第12回

目標 Google Map を用いたプログラムを作れるようになる

Webサービスの概念 Javascriptによって、世の中の人々がWeb上で提供している様々なサービスを活用できる 世の中では、様々なWebサービスが提供されており、Webサービスが容易している関数(API)を自分が作ったプログラムから呼び出すことで、様々なコンテンツを提供できるようになる

Google Map用のAPIを使う Google社が提供するGoogle MapのAPIを使うためには、APIをプログラムから読み込まなければならない <head>タグに以下のように記述する URLはGoogle Map API が置かれてる場所 sensorオプションは必須なので、とりあえずfalseにしておく Google Map APIの詳細はGoole Maps APIのページ(教材ページからリンク)を参照 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

注意 自分のWebページに他者のWebサービスを埋め込む場合は、その品質を十分に吟味する必要がある。悪意を持った他人のサービスを埋め込まないように 使用条件を確認すること

準備 授業ページからリンク先のHTMLとプログラムをコピペして、ex12-1.html ex12-1.jsを作成する(<script src=””>の部分を変更すること) 動作を確認する(都市大の地図が表示されればOk)

練習問題 テキストボックスから緯度経度を指定して、そこを中心とした地図が表示されるようにしなさい(テキストボックス2つとボタンをHTMLファイルに作る)。プログラムができたら緯度35度、経度135度を表示してみてください。ある公園が見えます。 さらに、縮尺率をテキストボックスから指定できるようにしなさい。ただし、指定した縮尺率が1以下の場合は1に、20以上の場合は20にするようにしなさい(if文を使う)。 縮尺率は数値でないといけないため、テキストボックスに入力された値をdocument.getElementById()で取得して変数に代入した後、変数を数値に変換する必要があります。 例えば、変数xを数値に変換するには、以下のようにNumber()を使います。 x = Number( x );