基礎情報処理Ⅱ/情報システム入門B 第9回

Size: px

Start display at page:

Download "基礎情報処理Ⅱ/情報システム入門B 第9回"

そよすみい
5 years ago
Views:

1 情報システム入門 B 第 6 回担当教員 : 三笠俊哉 1

2 サーバ送り手サーバ 2

3 コンピュータネットワークとは? 伝送路端末ネットワークカード交換機交換機ネットワークカード端末伝送路交換機回線終端装置 ( モデム ) 端末 ( コンピュータ ) 有機的な情報の交換機能の分担協調動作 3

4 通信とプロトコルコンピュータ間でデータをやりとりする際の様々な決まりごと ( 例. TCP/IP,HTTP,POP,... 等 ) コンピュータ同士の通信手順は予め細かく定めておかなければならないメールの送受信で用いられるプロトコル SMTP(Simple Mail Transfer Protocol) POP(Post Office Protocol) IMAP(Internet Message Access Protocol) ウェブで用いられるプロトコル HTTP TCP/IP 4

5 OSI 参照モデル類似した機能は同一の層に集める実行される処理を構成する概念やその実現に必要な技術の点で明らかに異なる機能を扱う場合には別の層を設定する各層について, その隣接上位下位の層との間にだけインターフェイスを設定する 5

6 OSI 参照モデルアプリケーション層プレゼンテーション層セッション層トランスポート層ネットワーク層データリンク層物理層アプリケーションに対応するプロトコルを定めるデータ形式の管理圧縮暗号化などを行うプロトコルを定める通信を開始終了する際のプロトコルを定める通信の信頼性を確保するためのプロトコルを定めている通信経路の選択などを行うプロトコルを定める誤り検出などを行うプロトコルを定める電気物理レベルのプロトコルを定めていうコネクタや電気信号についての規定が含まれる 6

7 インターネットのプロトコル TCP/IP アプリケーション層第 7 層 ( 応用層 ) 意味内容 ( 応用層 ) 第 6 層 ( プレゼンテーション層 ) データ形式の変換 ( プレゼンテーション層 ) 第 5 層 ( セッション層 ) 会話の制御 ( セッション層 ) トランスポート層第 4 層 : トランスポート層データ転送制御トランスポート層 (TCP) インターネット層第 3 層 : ネットワーク層端末間ネットワーク層端末間ネットワーク層 (IP) ネットワークインターフェース層第 2 層 ( データリング層 ) 第 2 層 ( 物理層 ) 隣接装置間データリング層隣接装置間 ( データリング層 ) 電気信号物理層電気信号 ( 物理層 ) 7

8 LAN(Local Area Network) 終端 WS WS 終端 PC PC 限られたエリアのネットワーク大学, 会社, 家庭 LANは利用者が管理する伝送速度が高速 8

9 LAN の機能 LANの機能電子メールの交換ファイルの転送サービスの共有プリンタデータベースソフトウェアグループウェア分散処理伝送媒体ツイストベアケーブル同軸ケーブル光ファイバケーブル無線 9

10 LAN の形状バス型スター型 HUB リング型 10

11 ネットワークにおけるデータ交換回線交換方式通信するコンピュータ間に専用回線を確保する方式動画, 音声の配信に適しているパケット交換方式データをパケットに小分けする回線上に様々なパケットが混在できる 11

12 MAC アドレスと IP アドレス MAC アドレスネットワーク上の機器には, 製造メーカーによって MAC アドレスという番号が付けられている MAC アドレスは, コンピュータが発信する電気信号の宛先となる IP アドレスネットワーク上の位置は IP アドレスで区別される IP アドレスはハードウェア固有のものではなく, ネットワークに接続した機器に対してつけられる番号 12

13 IP アドレスの仕組み IP アドレスはネットワーク上の電話番号にあたる IP アドレスは 32 ビット (Ipv4) から 128 ビット (IPv6) 例 ) IP アドレスのうち前半がネットワーク部後半はホスト部 13

14 グローバル IP とプライベート IP グローバル IP インターネットに接続するための公的な IP アドレスプロバイダー (ISP) によって割り当てられる大学などの組織は独自の IP を取得するプライベート IP ローカルエリア内で自由に割り当ててよい IP アドレスネットワーク管理者が各機器に割り当てるプライベートアドレス宛てのパケットはネットワーク外部には流さない

15 15

16 インターネットと WAN インターネットは,LAN をルータという装置で相互に接続したネットワーク通信は TCP/IP というプロトコルで行われる 16

17 通信速度の計算通信速度はbpsという単位で表す例 )40Mbps(Mega bit per second) 1 秒間に 40Mbit のデータを受信できる CD1 枚は 640MB(Mega Byte) CD1 枚分のデータを受信するのにどれくらいの時間がかかるか? 17

18 インターネットの歴史 1969 ARPAnet 開始 (~1990) 1989 CERN( ヨーロッパ素粒子物理学研究所 ) の Tim Berners- Lee が World Wide Web の仕様を考案日本初の商用 ISP. 日本初の Web ぺージ登場 NCSA が Mosaic を公開. 日本で IIJ による IP 接続サービスが開始 1994 W3C 発足 1999 i モード開始 2000 フレッツ ISDN 開始 18

19 インターネットの仕組み Web=World Wide Web HTML( 情報を記述する形式 [ 言語 ]) HyperText Markup Language HTTP( プロトコル ) HyperText Transfer Protocol URI[URL]( 情報の在処 ) Uniform Resource Identifier (Locator) CGI( 双方向の通信 ) Common Gateway Interface 19

20 WEB の仕組み Web=World Wide Web HTML( 情報を記述する形式 [ 言語 ]) HyperText Markup Language HTTP( プロトコル ) HyperText Transfer Protocol URI[URL]( 情報の在処 ) Uniform Resource Identifier (Locator) CGI( 双方向の通信 ) Common Gateway Interface 20

21 WEB の通信手順としての HTTP Hyper Text Transfer Protocol の手順 1. ウェブブラウザが, ウェブサーバーに接続し, 何が欲しいか (GET URL HTTP/ バージョン ) を伝える 2. ウェブサーバーがリクエストに答えてデータを返すウェブブラウザが受け取ったデータを表示する

22 URL の見方ホスト所在地ホストのディレクトリ構造主なドメインの種類 ( 日本ネットワークインフォメーションセンター )

23 インターネットの設計思想すべての人に情報を!! 情報を独占させない中心制御機構を持たないネットワークオープンアーキテクチャーソフトフェアは無償で開発提供伽藍とバザール 23

24 HTML 入門 24

25 HTML とはなにか? WWW ページの特徴であるハイパーリンクの機構を提供し, ハイパーテキストを記述する基本的にテキストであり, それにブラウザなどのための処理符号をテキストで書き込む 25

26 26

27 HTML でなにができる? 見出しテキスト表リスト写真などのあるオンライン文書を出版するハイパーテキストリンクを通じオンライン情報をボタンのクリックで取得する情報検索予約商品の注文などの遠隔サービスのトランザクションに用いるフォームを設計する表計算シートやビデオクリップ音声クリップその他のアプリケーションを文書に直接埋めこむ 27

28 HTML の本来の役割内容と表示の指定を切り離し, 内容の記述にのみかかわるデザインは CSS で行うのが正式文章中の構成要素として何であるのをしめす 28

29 次世代 HTML としての HTML5 現在の Web 標準準拠は HTML5+CSS HTML5 は, 下位互換 29

30 HTML の基本タグは <hoge>...</hoge> のように対になっているタグで囲まれた部分は, どのような情報があるかを示しているタグには, 属性としてさらに細かい設定を書き込むことができる Web ページの本文は <body>...</body> で囲まれた部分に書く <head>...</head> で囲まれた部分は文章全体に関する情報を書き込むその他にも, スラッシュタグがなく単独で用いるタグもある 30

31 タグの書き方まとめ <tag attribute = " 値 "> </tag> タグは小文字で書く閉じるタグ ( スラッシュタグ ) は省略しない属性の値は "" で囲むタグの入れ子を崩さない  このタグはコメントなおで表示されない 31

32 CSS によるウェブサイトの装飾カスケーディングスタイルシート (CSS) は HTML 文書の見た目を詳しく記述する. 本来 HTML は文書の構造だけを定義すべきもの. HTML で用いられていた機能のうちのいくつかはスタイルシートで記述することを推奨されている. 32

33 CSS の使い方 CSS は属性と値という 2 つの要素の組み合わせ属性 : 値 ; CSSの使い方には3 種類ある 1. タグに属性として記述する 2. ページのヘッダ部分に記述する 3. CSSファイルに記述する 33

34 今日の作業プリントのタグを打ち込んでホームページを作ってみようプリントの内容を書き換えてみよう 34

35 最初にやること html ファイルの保存場所を作るネットワークドライブ (Z:) に html というフォルダをつくるテキストエディタの TeraPad を起動するスタートメニュー >TeraPad page1.html という名前で保存するファイル名は必ず半角英数字でつける半角 / 全角キーを押して, 日本語入力を切る 35

36 36

37 Web ページの基本となるソース 37

38 ページにタイトルをつける 38

39 ページに文章を書く文章は <p> </p> というタグで挟む 39

40 HTML ファイルをブラウザで表示するブラウザを立ち上げるファイル > 開く > 参照 >... でファイルの場所を指定して開く 40

41 見出しのある文を書く 41

42 見出しは <h1>~<h6> まであり,<h1> が一番大きな文字になる. 見出しを設定すると, その部分は大きく表示される 42

43 43

44 44

45 HTML による文字の装飾 HTML による装飾太字 <b> </b> 斜体 <i> </i> 大きく <big> </big> 小さく <small> </small> 色の変更 <font color= hoge > <font> HTML によるデザインは現在では推奨されていない. 45

46 46

47 太字と斜体 47

48 CSS によるテキストの装飾ファイルのヘッダ部分に CSS を書き込むことで, 装飾を行う. <style> </style> というタグの間に次のように書く <style type= text/css ></style> 48

49 見出しの文字の大きさを指定する 49

50 フォントの装飾をする CSS 大きさ font-size: px; 色 color:color name; ; 太字 font-weight:bold; 斜体 font-style:italic; 下線 text-decoration:underline; 文字の点滅 text-decoration:blink 50

51 体裁を整える区切り線を入れるリンクを張る画像を張る 51

52 区切り線 52

53 リンクを張るリンク機能を用いて, ページとページをつなげる使用するタグは <a href = "hoge.html">~</a> 53

54 リンク先の指定方法インターネット上のホームページを指定する場合 <a href= > 自分の作った他のページを指定する場合 <a href= hogehoge.html > 54

55 ネット上の他のページを指定する場合 <a href = " リンク先 </a> ~ にはページの URI のフルパスを書き込む自分の作ったページを指定する場合 <a href = " ー.html"> リンク先 </a> ーにはリンク元からみたリンク先の位置を示す, 相対パスを書き込む 55

56 画像を張る <img src = "hoge.jpg" width = "360" height = "220" alt = " 風景 "> 画像ファイルの指定大きさの指定画像の説明上のタグを画像を入れたい部分に書き込む数値はピクセルで指定する. 大体 0.3mm 角が 1 ピクセル 56

57 文章の構造に関するタグ単に見かけを太字にするのではなく, この語は強調などのように意味づけをすることができる指定された役割に応じて太字になったり斜体になったりする 57

58 構造タグの種類強調 :<em> </em> 強い強調 :<strong> </strong> 定義 :<dfn> </dfn> 引用元 :<cite>.<cite> 引用 :<q> </q>, <blockquote> </blockquote> メールの送信 :<a href="mailto:( メールアドレス )">...</a> 署名 :<address> </address> 58

59 箇条書き <ul> <li> </li> <li> </li> </ul> 番号付き箇条書き <ol> <li> </li> <li> </li> </ol> 59

情報通信の基礎

情報通信の基礎 2016 年 5 月 19 日 ( 木 ) 第 4 回授業 1 本日の予定グローバルIPアドレスとプライベートIPアドレス DHCPサーバ (IPアドレスの自動割り当て等) DNSサーバ ( 名前解決 ) MACアドレス ARP( アドレス解決プロトコル ) ネットワークの階層モデルアプリケーションを識別するポート番号 2 TCP/IP (Transmission Control