データ構造とアルゴリズム論

Size: px

Start display at page:

Download "データ構造とアルゴリズム論"

きゅうたいりぐら
4 years ago
Views:

第 1 章.Web サーバとしての Tomcat の機能学習のねらい 1 テキストファイルおよび HTML ファイルをブラウザに表示させ Tomcat の Web サーバとしての機能を確認理解する 0.

MySQL など < 回答群 > Java サーブレットリクエストレスポンス JSP JDBC JAR 1-1 Web サーバとしての Tomcat 1 - テキストファイルの表示 Tomcat

1 第 1 章.Web サーバとしての Tomcat の機能学習のねらい 1 テキストファイルおよび HTML ファイルをブラウザに表示させ Tomcat の Web サーバとしての機能を確認理解する 0.Web アプリケーションの動作の仕組み講義で説明基礎課題 1-1 (Java サーブレットを用いた )Web アプリケーションの動作の流れを示す下図において空欄に入る適切な用語を回答群から選んで記入して下さい課題提出の仕方は p.15 を参照して下さいサーバクライアント 1 Java サーブレット 3 データベース JSP ブラウザ 2 アプリケーションサーバデータベース管理ソフト IE Firefox など Tomcat など MySQL など < 回答群 > Java サーブレットリクエストレスポンス JSP JDBC JAR 1-1 Web サーバとしての Tomcat 1 - テキストファイルの表示 Tomcat はテキストファイルに記述した内容を Web ブラウザに表示させることができますこれは Web サーバとしての機能です手始めに以下の手順にしたがってこの機能を確認しましょう 1 Tomcat を用いて Web ブラウザ上にテキストファイル ( の記述内容 ) を表示させるためには Tomcat がインストールされたフォルダ ( 今の場合 Tomcat8.0 ) の中にある webapps というフォルダ内にファイルを作成する必要があります 1

2 基礎課題 1-2 Tomcat がインストールされているフォルダ Tomcat 8.0 のパスは次の通りです空欄を埋めてパスを完成させて下さい C: Program Files (x86) Tomcat 8.0 この Tomcat 8.0 を開くと次のように webapps があります <Tomcat 8.0> 2 この webapps 内に entry というフォルダを新規作成しますすると作成後 webapps 内は次のようになるはずです <webapps> 今後この entry 内に所定のファイルを作成して行きます後で分かるようにこの entry は Web アプリケーションの名前という意味を持ちます 3 entry 内に hello.txt という名前のテキストファイルを作成し次のように記述します秀丸エディタ等適当なエディタを使って作成して下さい <hello.txt> Hello. This is text file. 注意保存後 entry 内を確認して下さい PC の設定によってはこのフォルダ内へのファイル書き込みが制限されておりエディタから保存しても ( したつもりでも ) 次のように entry 内にファイルが作成されてない場合があります <entry> Hello.txt が作成されていない! 2

その場合は p.16 のアクセス権限の設定にしたがってアクセス権限を設定して下さい設定後ファイルを保管することが可能になりますただしエディタからの保管時に表示される hello.txt を削除してから新たに保管して下さい 4 ここで Tomcat を起動させて次の URL にアクセスして下さい http://localhost:8080/entry/hello.

3 その場合は p.16 のアクセス権限の設定にしたがってアクセス権限を設定して下さい設定後ファイルを保管することが可能になりますただしエディタからの保管時に表示される hello.txt を削除してから新たに保管して下さい 4 ここで Tomcat を起動させて次の URL にアクセスして下さい次のようにテキストファイルの内容が表示されるはずです Tomcat を起動させるアイコンがタスクバーあるいはスタートメニュー内に見つからない場合は先週のプリント p.14 を参照してアイコンを表示させ起動させて下さいこのように Tomcat は所定のフォルダ (wbapps) 内に置かれたテキストファイルをブラウザに表示させる機能を持ちますただ表示させただけでまだ何も動作させていませんがこれも Web アプリケーションの一種と言えます <URL の解説 > 上で指定した URL の意味を確認しておきましょうポート番号ファイルのパス localhost : 8080 / entry / hello.txt サーバ名コンテキスト名サーバ名使用しているサーバ名を指定します localhost は自身の PC をサーバとして用いている時の名称ですなおこのサーバ名は本来 IP アドレスで指定するものです localhost の IP アドレスはと決められていますので localhost をこの IP アドレスで置き換えても正常に動作します各自確かめて下さいポート番号一般にネットワーク上で通信を行うソフトウェアはポート番号という番号を決 3

4 めて通信を行います Tomcat の場合は 8080 がそのポート番号ですこれまで Web サイトに接続するときにはポート番号を指定することはなかったので奇妙に思うかも知れません実はこのポート番号を省略すると 80 とみなされます通常の Web サーバはポート番号として 80 を用いているので省略しても問題ない訳ですコンテキスト名 Web アプリケーションの名前ですこれをコンテキスト名と言います今後この用語をよく用いますのでよく頭に入れておいて下さいファイルのパスファイル名ではなくファイルのパスとしている点に注意して下さいもし entry の中に entry2 というフォルダを作りこの中に hello.txt を作った場合の URL は次のようになります基礎課題 1-3 Tomcat の webapps にあるフォルダ entry 内に sample というフォルダを新規作成しその中に Document.txt というテキストファイルを作成しましたこのテキストファイルの中身を (Tomcat を用いて ) ブラウザに表示させるためには URL をどのように指定すれば良いでしょうか? ただしサーバは localhost を用います 4

5 1-2 Web サーバとしての Tomcat 2 -HTML ファイルの表示今度は HTML ファイルを表示させましょうフォルダ entry の中に hello.html を次のように作成して下さいそして次の URL に接続すると下のようにブラウザに表示されるはずです <HTML> <HEAD> <hello.html> <Title> HTML example </Title> </HEAD> <BODY> <H2>Hello</H2> This is HTML file. </BODY> </HTML> ページのタイトル表示内容基礎課題 1-4 次のように表示されるように上の hello.html を修正しました空欄を埋めて HTML ファイルを完成して下さいページのタイトル表示内容 5

<HTML> <hello.html> </HTML> コラム 404 エラー上の例で例えば URL を http://localhost:8080/entry/hello.html のように hello.

6 <HTML> <hello.html> </HTML> コラム 404 エラー上の例で例えば URL をのように hello.html の部分を Hello.html と指定してしまった場合次のようなエラーが表示されますこれは指定した URL に該当するファイルがないというエラーですこのエラーが出たら URL に誤りがないかどうかよく確認して下さい 6

<ウェルカムファイル> URL に ( ファイル名を指定せず ) ディレクトリ *) のみを指定した場合に開かれるファイルのことをウェルカムファイルと言います Tomcat では以下のファイルがウェルカムファイルとして登録されています ( 必要に応じて設定を変更することも可能です ) index.html index.htm index.

7 <ウェルカムファイル> URL に ( ファイル名を指定せず ) ディレクトリ *) のみを指定した場合に開かれるファイルのことをウェルカムファイルと言います Tomcat では以下のファイルがウェルカムファイルとして登録されています ( 必要に応じて設定を変更することも可能です ) index.html index.htm index.jsp *) ディレクトリはファイルを分類整理するための保管場所のことですその意味でフォルダとほぼ同じ概念ですが厳密にはフォルダの場合は何かの入れ物というディレクトリよりも広い概念を含みますそのためファイルの保管場所という意味に限定して述べる場合はディレクトリという用語を用いますここでもその慣例に従いましたがフォルダと読み替えても理解の上で問題ありません実際に試してみましょう entry フォルダの中に次の index.html 作成して下さい <HTML> <HEAD> <Title> HTML example </Title> </HEAD> <BODY> <H2>Welcome</H2> This is Welcome file. </BODY> </HTML> <index.html> 作成後 URL をと指定することで次の様に表示されることを確認して下さいもちろんと明示的にファイル名を指定しても同様に表示されます 7

8 1-3 HTML ファイル間のリンク以下ではファイル間のリンク指定を頻繁に行いますので簡単な例を用いて基礎事項を確認しておきましょう次の HTML ファイルを LinkExample.html という名前でフォルダ entry の中に作成して下さい <LinkExample.html> <HTML> <HEAD> <Title>LinkExample</Title> </HEAD> <BODY> <H2> リンクの例 </H2> <p><a HREF="hello.html"> entry/hello.html </A> へ </p> </BODY> </HTML> 作成後次の URL に接続すると下のページが現れますクリックすると hello.html が表示される 8

9 解説 - リンクについて上の例でリンクを指定しているのは以下の部分です <A HREF="hello.html"> entry/hello.html </A> 一般に <A HREF="XXX"> YYY </A> という形で文字列 YYY をクリックすると XXX で指定される場所へジャンプするという処理を行います XXX にはファイルのパスや URL などを指定できます上の例ではファイルのパスは hello.html となっていますこれは HTML ファイル LinkExample.html から見てジャンプ先である hello.html は同じディレクトリ ( entry というフォルダ ) に所属しているからです LinkExample.html hello.html なお上の例で次のように URL を指定しても同様にジャンプできます entry <A HREF=" entry/hello.html </A> 次に entry の中に sub というフォルダを作成しその中に次のように LinkSub.html というファイルを作成して下さい <LinkSub.html> <HTML> <HEAD> <Title>LinkSub</Title> </HEAD> <BODY> <H2> サブディレクトリ </H2> <p><a HREF="../LinkExample.html"> entry/linkexample.html </A> へ </p> </BODY> </HTML> 基礎課題 1-5 この LinkSub.html を表示させるためには URL をどう指定したよいでしょうか? 空欄を埋めて URL を完成させて下さい entry/linkexample.html 9

LinkSub.html にアクセスすると次のように表示されますこのリンクをクリックすると先の LinkExample.html にジャンプされるはずです改めてリンクを指定している部分 <A HREF="../LinkExample.html"> entry/linkexample.html </A> を見るとファイルのパスは../LinkExample.html となっていますこの.

10 LinkSub.html にアクセスすると次のように表示されますこのリンクをクリックすると先の LinkExample.html にジャンプされるはずです改めてリンクを指定している部分 <A HREF="../LinkExample.html"> entry/linkexample.html </A> を見るとファイルのパスは../LinkExample.html となっていますこの../ は一つ上の ( 階層の ) ディレクトリという意味です下に示すように sub ディレクトリから一つ上に抜け出ないと LinkExample.html に到達できません entry LinkExample.html hello.html sub LinkSub.html 最後に LinkExample.html からこの LinkSub.html へリンクを張ってみましょう LinkExample.html に次のように枠内を 1 行加えて下さい <LinkExample.html> <HTML> <HEAD> <Title>LinkExample</Title> </HEAD> <BODY> <H2> リンクの例 </H2> <p><a HREF="hello.html"> entry/hello.html </A> へ </p> <p><a HREF="sub/LinkSub.html"> entry/sub/linksub.html </A> へ </p> </BODY> </HTML> 10

作成後次の URL に接続すると下のページが現れます http://localhost:8080/entry/linkexample.html ここをクリックすると LinkSub.html へジャンプします LinkExample.html から見た場合 LinkSub.html のパスは sub/linksub.

11 作成後次の URL に接続すると下のページが現れますここをクリックすると LinkSub.html へジャンプします LinkExample.html から見た場合 LinkSub.html のパスは sub/linksub.html となります sub/ という形で sub ディレクトリ( フォルダ ) 内にあるということを意味しますこれは p.4 の基礎課題 1-3 でも確認しましたね 1-4 応用課題 1-3 までの学習で Tomcat を用いた Web アプリケーションの動作の流れが分かったと思います ( まだ HTML ファイルをブラウザに表示するという Web サーバとしての機能のみですが Java サーブレットを動作させるアプリケーションサーバとしての機能も基本は同じですその点は次週学習します ) ただ自分の PC をサーバとして使ったのでローカルな HTML ファイルを表示させただけの場合との違いが分かりにくかったかもしれませんそこで他の人の PC( サーバ ) に接続してそこに存在する HTML ファイルを表示させてみましょう次の応用課題に取り組めばサーバとしての機能を実感できるはずです応用課題 1-A まずフォルダ entry 内に次ページのような内容で home.html を作成して下さいここに学院太朗の部分には各自の氏名を記述して下さい作成後これまで通り次の URL にアクセスすれば当該ページが表示されるはずです 11

12 <home.html> <HTML> <HEAD> <TITLE> 学院太郎のページ </TITLE> </HEAD> <BODY> <H2> 学院太郎 </H2> これは学院太郎のページです </BODY> </HTML> ここまではこれまでと同様ですがここで他の人のサーバ (PC) に接続してみましょうそのためにはサーバ名を localhost ではなく接続したい人のサーバ名にすればよいのです p.3 で説明したようにサーバ名は元々は IP アドレスですそこで接続したい PC の IP アドレスが分かればよいことになります以下二人でペアになって下の手順にしたがって ( 現時点で割り当てられている ) 各々の IP アドレスを確認して下さい <IP アドレスの確認の仕方 > 1 Windows 7 の場合スタートメニューすべてのプログラムアクセサリコマンドプロンプトを選択して下さい Windows8 の場合アプリケーションメニューを表示させ Windows システムツールの中にあるコマンドプロンプトを選択して下さい 2 次のように ipconfig というコマンドを入力して下さい( 下線部 ) すると IP アドレスが表示されます次ページの XXX.XXX などの部分です 12

html IP アドレス例えば学院太朗さんの PC( サーバ ) に接続すると次のようなページが表示されるはずですこれで

13 この部分が IP アドレス上で IP アドレスを確認したら localhost の部分に IP アドレスを用いることで相手方の PC ( サーバ ) に接続できます XX.XXX.XXX.XXX :8080/entry/home.html IP アドレス例えば学院太朗さんの PC( サーバ ) に接続すると次のようなページが表示されるはずですこれで Tomcat がサーバとしての機能を持っていることが理解できるでしょうこの課題は動作を確認できたら君 ( さん ) との接続を確認しましたと書いて提出して下さい 13

アイコンをクリックしますそうして現れたメニューから選択できます 2 そして Windows ファイアウォールを選択して下さい 3 次の画面の左フレームにある Windows ファイアウォールの有功化または無効化を選択して下さい 4

14 < 他の人の PC に接続できない場合 > ファイアウォール機能のため他の PC からの接続を拒否する設定になっている場合がありますそこで次の手順にしたがってファイアウォールの設定を一時的に無効にして下さい 1 コントロールパネルシステムとセキュリティを選択して下さい <コントロールパネルの選択 > Windows 7 の場合はスタートメニューから選択できます Windows 8 の場合はまずカーソルを画面右下隅に持って行き現れた設定アイコンをクリックしますそうして現れたメニューから選択できます 2 そして Windows ファイアウォールを選択して下さい 3 次の画面の左フレームにある Windows ファイアウォールの有功化または無効化を選択して下さい 4 次の画面でパブリックネットワークの設定欄の Windows ファイアウォールを無効にするをチェックします 5 チェック後 [OK] ボタンをクリックするとファイアウォールが無効になりますこの時点で他の PC からの接続が可能になります 14

15 動作を確認後再びファイアウォールを有効にしておいて下さい < 課題提出の仕方 > 次の要領で解答を森田までメールで送って下さい <Office 365( を使用 > 宛先は S /3 件名は学籍番号氏名ネット課題日付をこの順で記入する学籍番号は半角英数字で記入することメール本文内に当該週の課題の解答を順番に記入する本日の場合は基礎課題 1-1 ~ 基礎課題 1-5 と応用課題 1-A ( 講義時間内に全て送れない場合は分割して送っても良い ) なおプログラム文のように解答が英数字の場合は全て半角で記入すること上記のメールは携帯メール等で送信しても結構ですただし件名が指定通り書かれていなければ受け付けません 15

気にする必要はありません 2 プロパティ画面のセキュリティタグを選択し [ 編集 ] ボタンをクリックする Windows 8

16 <アクセス権限の設定 > Tomcat フォルダ内への書き込み権限が与えられていない場合次のようにしてアクセス権限を付与します 1 Tomcat 8.0 フォルダを右クリックしプロパティを選択する使用している PC 環境によってはメニュー項目が若干異なることがありますが気にする必要はありません 2 プロパティ画面のセキュリティタグを選択し [ 編集 ] ボタンをクリックする Windows 8 の場合このタブはありません 3 グループ名またはユーザー名欄から次のように今ログインしているユーザー名を選択する指定機種の場合通常は学籍番号がユーザー名になっている 16

17 4 続いて下欄のフルコントロール欄にチェックを入れ OK ボタンをクリックするこれで書き込み可能になる 17

データ構造とアルゴリズム論

データ構造とアルゴリズム論第 1 章.Web サーバとしての Tomcat の機能学習のねらい 1 テキストファイルおよび HTML ファイルをブラウザに表示させ Tomcat の Web サーバとしての機能を確認理解する 0.Web アプリケーションの動作の仕組み講義で説明基礎課題 1-1 (Java サーブレットを用いた)Web アプリケーションの動