情報技術基礎第 5 回

情報技術基礎第5回

前回の復習 • HTML続き • ウェブデザイン • アクセシビリティ • CSS • 色

前回の課題: CSS • h1 { font-size: 30pt; color: #FFFFFF; background-color: #000099;} • CNSガイド: 3. スタイルシートの記述 • http://cns-guide.sfc.keio.ac.jp/2004/10/3/1.html • Web配色事典 • http://www.gihyo.co.jp/book/2001/234011/download/haishoku/ • http://www.gihyo.co.jp/book/2001/234021/download/haishoku2/

今回の内容 • コンピュータネットワーク • プロトコル • World Wide Web • HTTP • URL • リンク • コミュニケーションモデル • サーバ・クライアント • P2P

コンピュータネットワーク

インターネット (The Internet) • 世界最大のコンピュータネットワーク • ネットワークのネットワーク • 様々なサービス • WWW • Mail • Instant Messenger

IPアドレス • インターネット上のコンピュータのID • 32 bit = 8 bit x 4 • 133.27.121.4

プロトコル • コミュニケーション上の取り決め・約束事 • 日本人とアメリカ人が会話するには? Where are you from? どこから来たのですか? ??? 東京です × ○

コンピュータ上のプロトコル • コンピュータ間の通信規約 • HTTP: Hyper Text Transfer Protocol • IMAP: Internet Message Access Protocol • SMTP: Simple Mail Transfer Protocol • SSH: Secure SHell Remote Login Protocol

SSH: Secure SHell • あるコンピュータから別のコンピュータを操作するためのプロトコル・ソフトウェア • PuTTY, TeraTermPro

練習問題1: PuTTYを使ってみよう • Puttyを起動 • ホスト名にzux???.sfc.keio.ac.jp (自分の席にあるUnixマシン)を指定 • 「開く」ボタンを押す • WindowsからUnixが使用可能 • typingtest

World Wide Web • HTML: Hyper Text Markup Language • CSS: Cascading Style Sheets • HTTP: Hyper Text Transfer Protocol • URL: Uniform Resource Locator

HTTP HTTPリクエスト HTTPレスポンス http://www.sfc.keio.ac.jp/を下さい <html><head>….</html>

HTTP HTTPリクエストブラウザ Webサーバ HTTPレスポンス

サーバ・クライアントモデル リクエストクライアントサーバレスポンス

URL: Uniform Resource Locator http://web.sfc.keio.ac.jp:80/~fumihiro/ path scheme FQDN port

scheme • サービスの指定 • http • ftp • mailto

FQDN: Fully Qualified Domain Name ホスト名 (Host name) www.sfc.keio.ac.jp サブドメイン名 (Sub-domain name) ドメイン名 (Domain name)

名前解決 (name resolution) • DNS: Domain Name System • FQDN→IPアドレス • IPアドレス→FQDN www.sfc.keio.ac.jpのIPアドレスは？ 133.27.4.127 だよ

ポート (port) • ソフトウェアに割り当てられるID • よく使うものにはあらかじめ割当てられている • http: 80 • imap: 143 • smtp: 25 • SFCのWebサーバを指定 • ホスト名: web.sfc.keio.ac.jp • ポート番号: 80 • 省略可能

パス (path) • Webサーバ内の場所を指定 • http://web.sfc.keio.ac.jp/~fumihiro/ • http://shopping.yahoo.co.jp/music/

練習問題2: ウェブサーバ • テキスト5.2二人一組 • サーバ側がputtyでログイン • /pub/sfc/ipl/nanchatteと入力 • クライアント側がサーバ側に表示されたURLにブラウザでアクセス • サーバ側にHTTP要求が表示されるので，その下にhtmlを書き，Ctrl-Dで終了 • クライアント側のブラウザを見る • 交代して1-5までやる

練習問題3: ウェブページの公開 • puttyでログイン • mkdir public_html • WindowsのZ:ドライブを見てみる • public_htmlに以前作ったファイルを置く • ‘http://web.sfc.keio.ac.jp/~t05000xx/ファイル名’にブラウザでアクセスする

リンク • 別のページをURLによって参照 • マウスクリックなどでリンク先のページを表示 • <a href=“http://www.sfc.keio.ac.jp/”>SFC</a> • SFC

練習問題4: リンクを貼る • 隣の人のURLを聞いてリンクを貼る • ブラウザで見て確認する

P2P (Peer-to-Peer) モデル • 全てのコンピュータが対等に通信 • サーバとクライアントの区別がない

サーバ・クライアント vs P2P • 中央集権 vs 地方分権 • 可用性(availability)：故障率の低さ • 規模性(scalability)：多くの仕事をこなす能力 • 管理性(manageability)：管理のしやすさ

課題 • 自己紹介のページを作り、ウェブで公開しなさい • 他のページへのリンクを含むこと • CSSによるスタイルシート指定を行うこと • 表の書き方を調べ、自分の時間割を書くこと • URLをメール本文に書いて提出 • 5/23 (月) 18:00まで • To: torry-info05-staff@tom.sfc.keio.ac.jp • From: SFCのメールアドレス • 件名:情報技術基礎#05 名前(ログイン名)

情報技術基礎第 5 回