第 8 回 WWW 動 的 コンテンツ グループ6 西 尾 優 山 本 風 歌 尾 立 誠 弥 宇 野 則 文 藤 原 敏 明 12/05/09 1
World Wide Webの 始 まり CREN( 欧 州 合 同 原 子 核 研 究 機 構 )には 多 く の 科 学 者 が 訪 れ それぞれが 異 なる 文 書 シス テムを 使 っていた 情 報 の 共 有 が 大 きな 課 題 12/05/09 2
World Wide Web (1) 1989 年 にティム バーナーズ=リーがCERN 内 部 の 情 報 システムとしてネットワークを 使 ったハイパーテキス トシステムの 導 入 を 提 案 インターネットで 異 なるコンピュータを 結 び 共 通 の 約 束 に 従 って 文 書 を 公 開 して 相 互 参 照 する 仕 組 み 12/05/09 3
World Wide Web (2) 環 境 に 依 存 しない 情 報 共 有 の 実 現 をする - コンピュータ 同 士 が 情 報 をやり 取 りするため のルール(HTTP) - ネットワーク 上 の 情 報 を 一 意 に 特 定 するアド レス 指 定 方 法 (URI) - 環 境 に 関 わりなく 情 報 を 一 貫 した 方 法 で 実 現 する 文 書 記 述 方 法 (HTML) 12/05/09 4
World Wide Web の 仕 組 み クライアント サーバ URI h>p インターネット h>p HTML file file file 12/05/09 5
Hyper Text Transfer Protocol (1) HTML 文 書 のハイパーテキストを 転 送 するた めのプロトコル 実 際 には 画 像 や 動 画 PDFなどのコンピュータで 扱 えるデータなら 転 送 できる シンプルなプロトコル 主 なメソッド メソッド GET POST DELETE 意 味 URIで 指 定 した 情 報 を 要 求 クライアントからデータを( 名 前 と 値 )のセットで 渡 す URIで 指 定 したサーバ 上 のファイルを 削 除 する 12/05/09 6
Hyper Text Transfer Protocol (2) TCP/IPをベースに 使 用 している IPを 用 いてパケットのやりとりをしている デフォルトでは80 番 ポートを 使 用 する ステートレスなプロトコルとして 設 計 されてい る やりとりが 冗 長 クライアントが 毎 回 リクエストを 繰 り 返 す 12/05/09 7
HTTPの 仕 組 み GET HTMLが 送 信 される クライアント サーバ リクエストをHTTPサーバがURLから 判 断 し ドキュメントルートから 探 して 送 信 12/05/09 8
GET メソッドの 詳 細 GET( 結 合 情 報 の 要 求 ) GET( 付 属 情 報 の 要 求 ) HTMLファイルを 返 送 画 像 ファイルなどを 返 送 文 書 ファイルの 表 示 クライアント サーバ 12/05/09 9
Uniform Resource IdenQfier 概 要 インターネット 上 のリソースを 特 定 するための 記 述 h>p://www.info.kochi- tech.ac.jp/index.html スキーム 部 :h>p ホスト 部 :www.info.kochi- tech.ac.jp パス 部 :index.html 12/05/09 10
Hypertext Markup Language (1) コンピュータは 一 種 類 ではなく 利 用 できる フォントやファイル 形 式 がそれぞれ 異 なる バーナーズ=リーはWWWでの 文 書 記 述 方 法 としてHTMLを 設 計 した 12/05/09 11
Hypertext Markup Language (2) マークアップ 言 語 文 書 中 にタグと 呼 ばれる 特 殊 な 文 字 列 を 埋 め 込 むことにより 見 出 しや 段 落 などの 文 書 構 造 文 字 の 大 きさなどの 修 飾 情 報 を 記 述 する 言 語 例. <Qtle> 高 知 工 科 大 学 </Qtle> ハイパーテキスト 画 像 ファイルやほかの 文 書 と 結 びつける 仕 組 み 文 書 中 に 関 連 するURIを 埋 め 込 む 12/05/09 12
Webブラウザ HTML 文 書 の 解 析 HTMLタグの 解 析 通 信 機 能 URIをスキーム 部 ホスト 部 パス 部 に 分 解 HTTP 通 信 描 画 機 能 文 字 フォント 文 字 サイズの 指 定 画 像 表 の 表 示 12/05/09 13
Webサーバ クライアントに 対 しHTML 文 書 や 動 画 像 を 提 供 す る 代 表 的 な 機 能 HTTPサーバ Webアプリケーションサーバ HTTPプロキシサーバ サーバソフトウェア Apache 12/05/09 14
キャッシュ サーバの 負 荷 を 軽 減 コンテンツを 複 製 蓄 積 し 本 来 のサーバに 代 わって 配 信 クライアント キャッシュサーバ WWWサーバ サーバからの 応 答 をキャッ シュし 同 じ 問 い 合 わせは 本 来 のサーバに 代 わって 配 信 12/05/09 15
Cookie サーバとのやり 取 りの 情 報 を 保 存 する 一 時 的 なデータ ユーザに 関 する 情 報 12/05/09 16
プロキシ キャッシュの 実 現 ネットワークの 負 荷 を 軽 減 アクセス 制 限 ユーザレベルの 認 証 12/05/09 17
Apacheの 特 徴 無 償 で 利 用 できる モジュールによる 拡 張 機 能 ユーザ 認 証 アクセス 制 限 プラットフォームに 対 応 Windows, Mac, FreeBSD 12/05/09 18
ユーザ 認 証 Basic 認 証 ユーザ 名 とパスワードをそのまま 送 信 Digest 認 証 ユーザ 名 とパスワードをハッシュ 値 に 変 換 して 送 信 12/05/09 19
静 的 コンテンツ 変 化 しない あらかじめ 用 意 されたファイルをそのまま 表 示 File File File File File File Server Client 12/05/09 20
動 的 コンテンツ 変 化 する サーバサイドで 加 工 する SSI/CGI/PHP クライアントサイドで 加 工 する Javascript File File File 加 工 加 工 File File File Server Client 12/05/09 21
Server Side Include HTML 中 に 記 述 されている 実 行 可 能 コマンドを サーバ 側 で 実 行 し 結 果 がHTMLに 反 映 され る 自 動 的 に 自 分 のWebページの 更 新 時 刻 を 表 示 させたり よく 使 うテンプレートを 別 のファイ ルから 読 み 込 ませて 変 更 の 手 間 を 軽 減 させ る 12/05/09 22
SSI の 仕 組 み リクエスト 利 用 者 2012/05/10 13:30:28 処 理 WWWサーバ HTML HTML <!- - #config Qmefmt="%Y/%m/%d %X" - - > <!- - #echo var="last_modified" - - > 12/05/09 23
Common Gateway Interface クライアントからリクエストされたプログラムを サーバで 実 行 する おもにPerlでプログラムされる 12/05/09 24
CGI の 仕 組 み サーバにURIを 要 求 する 受 け 取 ったデータを 整 形 / 表 示 する CGIからのデータを 送 る CGIは 他 のプログラムの 出 力 や 自 分 の 出 力 をまとめてサーバに 送 る ー CGIは 他 のプログラムを 呼 び 出 すことがある 外 部 12/05/09 25
PHP:Hypertext Preprocessor サーバサイドスクリプト スクリプトの 実 行 をWebサーバプロセス 自 身 が 行 う HTML 文 書 への 埋 め 込 み 型 Cライクな 文 法 If, for, while などの 制 御 構 文 12/05/09 26
PHPの 仕 組 み リクエスト PHPスクリプトの 解 析 と 実 行 ー 受 け 取 ったデータを 整 形 / 表 示 する 実 行 結 果 12/05/09 27
ECMAScript クライアントサイドのスクリプト 言 語 JavaScriptとJScriptを 標 準 化 するために 作 られ たスクリプト 言 語 JavascriptとJScriptは 実 装 が 違 うだけでほぼ 同 じ 12/05/09 28
Javascriptの 仕 組 み リクエスト 処 理 利 用 者 Hello! WWWサーバ HTML HTML <script type= text/javascript > document.write( Hello! ); </script> 12/05/09 29
作 業 内 容 ApacheにてSSI,CGIが 実 行 できる 環 境 の 設 定 PHPの 動 作 環 境 をサーバに 作 成 CGI,PHPを 用 いた 掲 示 (minibbs),wiki(pukiwiki) のインストール 12/05/09 30
作 業 内 容 簡 単 な 動 的 コンテンツの 作 成 時 間 を 表 示 するプログラムを 以 下 の 技 術 用 いて 作 成 し 技 術 的 違 いを 考 察 せよ SSI CGI PHP ECMAScript CGIカウンタプログラムの 作 成 12/05/09 31
レポートについて キーワード HTTP HTML CGI BASIC Digest 認 証 目 的 インターネットとWWWの 違 い 提 出 期 限 5 月 16 日 ( 水 ) 18:00までにA 棟 4 階 レポートBOX 12/05/09 32
参 考 文 献 神 崎 正 英 著, ユニバーサルHTML/XHTML, 毎 日 コミュニケーションズ,2000 年 山 口 和 紀 + 古 瀬 一 隆 監 修, 新 The UNIX Super Text[ 上 ] 第 2 版, 技 術 評 論 社,2003 年 山 本 陽 平 著, Webを 支 える 技 術, 日 経 印 刷 株 式 会 社,2011 年 鶴 長 鎮 一 著, サーバ 構 築 の 実 際 がわかる Apache[ 実 践 ] 運 用 / 管 理, 技 術 評 論 社,2012 年 12/05/09 33
参 考 文 献 堀 田 倫 英 石 井 達 夫 広 川 類 著, PHP 徹 底 攻 略, ソフトバンクパブリッシング, 1999 年 ローラ リメイ+アーマン ダニッシュ, 続 HTML 入 門,プレンティスホール,1998 年 市 川 昭 彦 著, 図 解 Webプログラミングのし くみ,ディーアート,2001 年 笹 木 望 藤 崎 真 美 太 田 晶 宏, 新 HTML& CGI 入 門,エーアイ 出 版,1997 年 12/05/09 34
参 考 文 献 吉 岡 誠, SGMLを 使 いこなす,オーム 社,1997 年 上 原 孝 之, 情 報 セキュリティスペシャリスト, 翔 泳 社,2009 年 12/05/09 35