情 報 技 術 基 礎 クラス8 第 5 回 (2005.5.25) 講 師 : 斉 藤 匡 人
今 日 の 寄 り 道 (3D-tcpdump) 3D-tcpdump ソフトウェアを 作 っています http://jp.3d-tcpdump.org 先 週 の IPAX 2005 で 発 表 したものです TA の sada, ichiriki 君 たちと 作 っています 言 語 は Java (Java3D)+ C 言 語 です PC 上 でのネットワーク 通 信 を3 次 元 視 覚 化 博 士 課 程 での 現 在 の 研 究 テーマです
3D-tcpdump ソフトウェア 3DデフォルトPCスキンモード 2Dグラフモード 3D 宇 宙 スキンモード
今 後 の 予 定 タイピング 試 験 来 週 の 授 業 時 間 内 に 行 います(6/1) 詳 しくは 授 業 の 最 後 に クラス 飲 み 会 6 月 8 日 ( 水 曜 日 ) 夕 方 から(みっちー 幹 事 ) 7/15 日 の 金 曜 日 に 補 講 します 7/15 日 の1 2 限 を 空 けておいてください 場 所 はイプシロン 棟 (e17) です 7 月 13 日 の 週 は SFC 補 講 週 間 5 月 18 日 休 講 分 の 補 講 です
先 週 までの 授 業 補 足
先 週 の 授 業 課 題 は 授 業 後 に SFC 紹 介 ページ(HTML+CSS) 課 題 をやって いない 人 は 今 日 の 授 業 後 に 提 出 を 認 めます 絶 対 やりましょう 成 績 に 関 係 します あと5 人 (5/25 AM8:00) 授 業 中 に 遅 れて 提 出 するのは 認 めません 今 日 の 授 業 進 行 に 支 障 をきたしますので もちろん 遅 れると 評 価 が 下 がります
授 業 おさらい(ウェブ 編 ) 第 1 週 情 報 技 術 の 学 び 方 問 題 解 決 の 考 え 方 マニュアルの 読 み 方 第 2 週 HTML HTMLの 構 造 文 字 化 け マークアップ 第 3 週 デジタル 画 像 ビットマップ 画 像 ベクトル 画 像 圧 縮 第 4 週 ウェブページのデザイン HTML CSS アクセシビリティ 第 5 週 ウェブサーバ
先 週 の 授 業 のおさらい HTMLでデザインを 指 定 しない 理 由 は 何 か? できるだけ 広 い 範 囲 の 人 々に 情 報 を 伝 えるため CSSとは 何 をするための 言 語 か? 略 は? Cascading Style Sheets ウェブページのデザインを 指 定 するための 言 語 アクセシビリティとは 何 のことか? 身 体 的 なハンディキャップを 持 った 人 でも 容 易 に 情 報 のやり 取 りができる ということ
HTML では 構 造 だけ ウェブページは HTML 構 造 +コンテンツ( 中 身 )+デザインで 成 立 HTML ファイルには HTML 構 造 +コンテンツ( 中 身 )を 書 く デザインは CSS で (すぐ 後 で 説 明 します) なぜ 構 造 +コンテンツだけ? HTML ができるだけ 広 い 範 囲 の 人 々に 情 報 を 伝 えること を 目 的 としているから 目 の 不 自 由 な 人 は 読 み 上 げブラウザを 使 っている 携 帯 電 話 やPDAのような 小 さな 画 面 で 見 ている 人 もいる 検 索 や 要 約 を 自 動 的 に 行 うためには 構 造 が 明 確 で 余 分 な 情 報 がない 方 がよい
デザインは CSS ウェブページのデザインは スタイルシートを 作 ります スタイルシート ページの 見 栄 えを 指 示 をするもの 一 般 的 に 使 われているスタイルシート 用 の 言 語 は CSS (Cascading Style Sheets)です Cascading = 段 階 的 に 行 う CSSの 書 き 方 は [CNSガイド:Web]にあります
デジタル 画 像 分 類 EPS GIF JPEG PNG この 他 にも 非 常 に 多 くのデジタル 画 像 形 式 があります
情 報 量 の 単 位 =ビット コンピュータ 分 野 での 情 報 量 は 二 種 類 のど ちらか(On/Off or 白 黒 )を 選 ぶ 信 号 (スイッチ) 一 つについて1bit (ビット)と 数 えます スイッチが 二 つなら 2 bit (2^2) 3つなら 3 bit (2^3 パターンの 情 報 を 表 現 可 能 ) 20 個 なら 20 bit (2^20 パターン) では 一 つの 信 号 (スイッチ)で4パターン( 赤 青 黄 緑 など)の 情 報 が 表 せる 場 合 は? 4^? で 計 算 します? = スイッチ 個 数 この 場 合 の 単 位 はビットではありません
先 週 の 授 業 課 題 課 題 をメールで 提 出 するときには 確 認 のために Cc: 自 分 のメールアドレス みんなの 課 題 提 出 へのコメント みなさん よくできていました 5 人 ほど 未 提 出 課 題 をよく 理 解 していない 人 が 何 人 かいました アクセスビリティに 関 して 忘 れている 人 も まだ HTML 構 造 ができていない 人 がいます <html><head></head><body></body></html>
HTML 画 像 の 指 定 は2 通 り 1. <img src="logo.gif" width=276 height=110 alt="google"> 相 対 パスの 例 (HTMLファイルと 同 じディレクトリ= 場 所 に 画 像 ファイルが 存 在 する 必 要 がある) 家 のパソコンと 大 学 のパソコンは 違 います <img src= C: Documents and Settings 斉 藤 まさと デスクトップ 情 報 技 術 基 礎 DVC00002.JPG" alt="lamb"> 画 像 も 一 緒 に 送 らないと HTML 画 像 が 見 えません 2. <img src= http://ipl.sfc.keio.ac.jp/text/basic-2005-4/photo01.jpg width=276 height=110 alt= Google > URL 指 定 の 例
先 週 の 課 題 コメント アクセシビリティに 関 して 文 字 を 大 きめに 色 のコントラストに 気 をつける 見 出 しを 目 立 たせる など 文 字 画 像 が 大 きすぎない 画 像 には alt 属 性 でコメントをつける <img src= sfc-photo.jpg alt= SFCの 写 真 > alt 属 性 は 必 ず 使 いましょう レイアウトにテーブルやフレームを 用 いない( 上 級 者 向 け) http://www.asahi-net.or.jp/~ax2s-kmtn/ref/accessibility/ag6-3.html http://jp.fujitsu.com/webaccessibility/v2/30.html 提 出 時 間 は 気 をつけましょう
フレームに 関 して フレームとは 一 つのウィンドウにページを2つ 以 上 表 示 させるための 枠 のこと <frame> アクセシビリティの 観 点 からは フレームは 極 力 使 用 しない( 最 近 の 動 き) 音 声 読 み 上 げソフトの 利 用 者 などが 困 る フレームごとにページが 独 立 してしまうので 印 刷 ブックマーク 検 索 時 に 困 る フレーム 間 の 関 連 が 分 かりにくい 可 能 な 限 り フレーム 非 使 用 版 のページを 別 に 用 意 する
出 席 取 り みんなの HTML 第 4 回 課 題 http://www.ht.sfc.keio.ac.jp/~ichiriki/info05-08/introduction/ (パスワード 認 証 ) 授 業 ページ 左 側 の 授 業 関 連 の 一 番 下 :みんなの 写 真
本 日 の 授 業 情 報 技 術 基 礎 テキスト( 各 クラス 共 通 )をベー スに 授 業 をしていきます http://ipl.sfc.keio.ac.jp/text/basic-2005-4/main_c5.html#doc1_id1220 ウェブサーバ
ウェブサーバ ~ウェブサーバ ブラウザの 仕 組 み~ 第 5 回 情 報 技 術 基 礎
コンピュータ 間 の 通 信 インターネットを 通 してウェブページが 見 られる 仕 組 みとは? 多 くのコンピュータ 間 の 通 信 が 関 係 します コンピュータ 同 士 の 通 信 の 仕 組 みは? ネットワークを 通 して 情 報 を 交 換 する 場 合 どういう 形 式 でどんな 内 容 の 情 報 をやり 取 りするか が 必 要 この 取 り 決 めのことをプロトコル コンピュータどうしでデータのやり 取 りができるような 共 通 の 言 葉 ( 約 束 事 ) コンピュータ 通 信 には 様 々なプロトコルが 存 在 します ウェブページを 見 るときのプロトコルは? URLの 先 頭 部 分 =http (HTTP というプロトコルを 使 用 ) http://www.keio.ac.jp
プロトコルとは http://support.microsoft.com/default.aspx?scid=kb%3bja%3b878811
プロトコルの 次 に 必 要 なもの? http://www.keio.ac.jp どのコンピュータにアクセスするのか? インターネット 上 のコンピュータのアドレスを 指 定 する 必 要 が ります=IPアドレス 電 話 番 号 や 住 所 と 同 じようにコンピュータには 世 界 で 唯 一 の 番 号 がついています IPアドレス(ex. 133.27.1.1 66.102.7.99 ) IPアドレスは 番 号 で 覚 えにくいのでホスト 名 も 割 り 当 て られています IPアドレス=ホスト 名 (ex. www.keio.ac.jp asahi.com ) インターネットにつながっているコンピュータはIPアド レスとホスト 名 を 持 っています
練 習 問 題 1 以 下 に 挙 げたのは プロトコルの 略 称 です それぞれ 何 の 略 か 役 割 か ウェブで 検 索 して 調 べなさい HTTP FTP SMTP POP IMAP 答 えを info05-08-staff@ht.sfc.keio.ac.jp に 送 信
練 習 問 題 1の 答 え これらは アプリケーション 層 のプロトコルで す Hyper Text Transfer Protocol (HTTP) File Transfer Protocol (FTP) ファイル 転 送 のためのプロトコル Simple Mail Transfer Protocol (SMTP) メール 送 信 転 送 のためのプロトコル Post Office Protocol (POP) Internet Message Access Protocol (IMAP) 二 つともメールを 受 信 するためのプロトコル
サーバ クライアントモデル 二 台 のコンピュータが 通 信 して 作 業 を 行 う 場 合 片 方 がサービスを 提 供 し もう 片 方 がそのサービス を 利 用 するモデル サービスを 提 供 する 側 をサーバ サービスを 利 用 す る 側 をクライアント
ウェブの 場 合 ウェブページの 情 報 を 要 求 に 応 じて 配 信 するウェブ サーバと それを 受 け 取 って 表 示 するブラウザ サーバとクライアントの 関 係 ウェブサーバとブラウザは HTTP というプロトコルに 従 ってやりとりを 行 います
演 習 問 題 1 ウェブサーバの 代 わりに 人 間 が 応 答 する なん ちゃってウェブサーバ を 使 って 実 験 してみましょう 二 人 一 組 になり サーバ 役 とクライアント 役 を 決 め ます 1. サーバ 役 はLinuxマシンにログインし 端 末 ウィンド ウで 次 のコマンドを 実 行 します % /pub/sfc/ipl/nanchatte 2. すると 次 のように なんちゃってウェブサーバ の URLが 表 示 されます % /pub/sfc/ipl/nanchatte URL は http://zux999.sfc.keio.ac.jp:12345/xyz です
演 習 問 題 1(cont.) 1. クライアント 役 の 人 は 適 当 なブラウザ(IE, Firefoxなど)で 表 示 されたURLを 入 力 しま す URL をサーバの 人 に 聞 きます ブラウザ=クライアントです 2. サーバ 役 の 人 の 画 面 には ブラウザから HTTPで 送 られてきたリクエストが 表 示 され ます
演 習 問 題 1 1. さらに その 下 にブラウザへ 返 すレスポンスの 最 初 の 部 分 が 表 示 されますので それに 続 けて 好 きな 内 容 をHTMLで 書 きます あまり 時 間 をかけると ブラウザが サーバから の 応 答 が 来 ない というエラーを 表 示 しますから 簡 単 な 文 にしましょう 2. ブラウザへのレスポンス: ( 終 了 はControl-d) ---------------------------------------- HTTP/1.0 200 OK Date: Fri May 7 21:08:26 JST 2004 Content-Type: text/html; charset=euc-jp <html><body><h1>i am a human.</h1></body></html> 3. 書 き 終 わったら Control-d (コントロールキーを 押 しながら 'd'を 押 す)で 終 了 します 4. クライアント 役 の 人 の 画 面 を 確 認 します 終 わったら 役 を 交 代 しましょう
演 習 問 題 1の 結 果 プロトコルとソフトウェアは 独 立 です この 演 習 問 題 ではプロトコルはHTTP HTTP を 使 うのはブラウザやウェブサーバという ソフトウェア HTTP はリクエストとレスポンスで 成 り 立 っていま す(プロトコル) 要 求 (リクエスト)と 応 答 (レスポンス)
ウェブページの 公 開 ここだけ テキストを 使 います http://ipl.sfc.keio.ac.jp/text/basic-2005-4/main_c5_s3.html#doc1_id1381
リンクとは? ウェブページの 中 で 別 のページをURLによっ て 参 照 し マウスクリックでそのページをすぐ に 表 示 できるようにする 機 能 リンクと 著 作 権 リンクは 他 のページへの 参 照 を 示 しているだけ なので 著 作 権 侵 害 ではない ただし 相 手 のページに リンクは 遠 慮 してくださ い と 書 いてあれば それに 従 うべき
練 習 問 題 2 [CNSガイド:Web]でリンクの 書 き 方 を 調 べ 前 回 作 ったファイルに 同 じグループの 他 の 人 のページへのリンクを 追 加 しなさい SFC 紹 介 ページ 島 の4 人 のリンクを 追 加 しましょう そのページのURLを 送 ってください
練 習 問 題 2の 答 え <a href="リンク 先 の 情 報 のURL">リンクに 設 定 する 文 章 や 画 像 など </a>
画 像 リンクの 著 作 権 画 像 を 表 示 する<img>も URLで 別 のサーバ の 画 像 ファイルを 指 定 することができます <img src= URL > 画 像 ファイルそのものはコピーしていない! 著 作 権 侵 害 にならないと 思 うかもしれませんが その 画 像 が 自 分 のページの 一 部 であるかのよう に 表 示 されるので ( 区 別 がつかない) 許 諾 を 得 なければ 著 作 権 侵 害 になります 通 常 l 許 可 リンクポリシーが 書 いてあります
P2P 方 式 ウェブはサーバ クライアント 方 式 で 通 信 それ 以 外 の 方 式 もあります P2P 方 式 サーバとクライアントという 区 別 がなく すべてのコン ピュータが 対 等 な 関 係 で 通 信 P2Pというと 違 法 なファイル 交 換 というイメージがありますが P2Pの 使 用 がすべて 違 法 というわけでなく あくまで 通 信 内 容 に よって 合 法 か 違 法 かが 決 まります ただし 匿 名 性 が 高 いため 違 法 行 為 に 利 用 されやすいと いう 性 質 があります
練 習 問 題 3 サーバ クライアント 方 式 とP2P 方 式 について その 長 所 と 短 所 や どのような 用 途 に 適 して いるかを 調 べなさい 調 査 結 果 を 要 約 して info05-08- staff@ht.sfc.keio.ac.jp に 送 信
練 習 問 題 3の 答 え サーバ クライアント 方 式 集 中 的 に 管 理 が 可 能 サーバの 負 荷 が 重 い single point of failure ( 単 一 故 障 点 ) 機 構 的 には 単 純 P2P 方 式 管 理 処 理 の 負 荷 分 散 参 加 しているホストの 数 が 多 ければ 可 用 性 が 高 い 最 初 のネゴシエーション(アドレス 指 定 など)が 面 倒 で そこだけサーバ クライアントにする 例 も 多 い
今 週 のまとめ 通 信 する 双 方 でプロトコルが 違 うとどうなる? 通 信 できない 接 続 できない IPアドレスは 何 のためにあるか? コンピュータに 世 界 で 唯 一 の 番 号 をつけるため ウェブサーバの 仕 事 は 何 か? ウェブブラウザのリクエストに 従 って ウェブコンテンツな どを 配 信 する URLの 各 構 成 部 分 は 何 を 示 しているか? http://aaa.bbb.ccc/ddd.file プロトコル://ウェブサーバアドレス/ページファイル 名 サーバ クライアント 方 式 とP2P 方 式 は 何 が 違 う? コンピュータ 間 の 関 係 ( 従 属 or 対 等 )
今 週 の 課 題 自 己 紹 介 ページを 作 りウェブで 公 開 しましょう 他 のページへのリンクを 含 むこと 画 像 も 一 枚 以 上 入 れてください CSSによるスタイルシート 指 定 を 行 うこと 表 の 書 き 方 を 調 べ 自 分 の 時 間 割 を 書 くこと おもしろおかしくお 願 いします! 提 出 するのは 書 いたページの URL です メールでURLを 書 いて 提 出 5/31 ( 火 ) 23:59 info05-08-staff@ht.sfc.keio.ac.jp 宛 て
タッチタイピング 試 験 情 報 技 術 基 礎 全 クラス 共 通 です 試 験 は 6 月 1 日 の 授 業 内 に 行 います 情 報 技 術 認 定 試 験 の 一 部 です 授 業 の 成 績 には 含 めません 15 分 早 く 授 業 を 終 えて 試 験 を 行 います 試 験 は typingtest プログラムを 使 います CNS のホストにログインして コマンドを 実 行 ccz00.sfc.keio.ac.jp% typingtest 英 語 の typing に 慣 れておきましょう