70

初心者のためのWEB講座 第1回 - インターネットって何? -

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: 初心者のためのWEB講座 第1回 - インターネットって何? -
Page 2: 初心者のためのWEB講座 第1回 - インターネットって何? -

インターネットの基礎知識- インターネットの仕組み -

Page 3: 初心者のためのWEB講座 第1回 - インターネットって何? -

3

インターネットの仕組み

インターネットとは?

Page 4: 初心者のためのWEB講座 第1回 - インターネットって何? -

4

インターネットの仕組み

「IP」という技術で結ばれたコンピュータネットワークのこと

Page 5: 初心者のためのWEB講座 第1回 - インターネットって何? -

5

インターネットの仕組み

ISP ISP

ISPISPWebサイト

チャット

メール

ファイル転送

IPで提供されているもの

Page 6: 初心者のためのWEB講座 第1回 - インターネットって何? -

6

インターネットの仕組み

World Wide Web

Page 7: 初心者のためのWEB講座 第1回 - インターネットって何? -

インターネットの仕組み

AさんのWebサイトをBさんが閲覧するには?

Webサイト作ったよ!

み、見たい…

パソコン大好きAさん Aさん大好きBさん

7

Page 8: 初心者のためのWEB講座 第1回 - インターネットって何? -

インターネットの仕組み

AさんWebサイト

インターネットにつながらないと閲覧できない

Webサイトはインターネット上にある

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイトつながりたい!

×

8

Page 9: 初心者のためのWEB講座 第1回 - インターネットって何? -

インターネットの仕組み

AさんWebサイト

インターネットにはISPを介してつながる

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

つながった!

ISP

(インターネット・サービス・プロバイダー)

9

Page 10: 初心者のためのWEB講座 第1回 - インターネットって何? -

インターネットの仕組み

AさんWebサイト

各自がISPを介してつながっている

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

ISP

ISP

ISP

10

Page 11: 初心者のためのWEB講座 第1回 - インターネットって何? -

インターネットの仕組み

ISPには国をつなぐものがあり世界規模の通信を実現している

北米Webサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

ISP

ISP

AさんWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

ISP

豪州Webサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

ISP

ISP

これをWWWと呼びます 11

Page 12: 初心者のためのWEB講座 第1回 - インターネットって何? -

インターネットの仕組み

ネットワークには7つの層がある

ISP

アプリケーション層

プレゼンテーション層

セッション層

トランスポート層

ネットワーク層

データリンク層

物理層

Webサイト閲覧ならこちら

各層の通信ルールをプロトコルと呼びます 12

Page 13: 初心者のためのWEB講座 第1回 - インターネットって何? -

13

インターネットの仕組み

ISP ISP

ISPISPWebサイト閲覧用

チャット用

メール用

ファイル転送用

利用するサービス毎に異なるプロトコルを使用

Page 14: 初心者のためのWEB講座 第1回 - インターネットって何? -

14

インターネットの仕組み

ISP ISP

ISPISPWebサイト閲覧用

チャット用

メール用

ファイル転送用

IP=Internet Protocol

Page 15: 初心者のためのWEB講座 第1回 - インターネットって何? -

インターネットの基礎知識- Webサイトの仕組み -

Page 16: 初心者のためのWEB講座 第1回 - インターネットって何? -

16

Webサイトの仕組み

サーバ

Page 17: 初心者のためのWEB講座 第1回 - インターネットって何? -

Webサイトを公開するには?

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

17

Webサイト作ったはいいけど公開できない…

Webサイトの仕組み

Page 18: 初心者のためのWEB講座 第1回 - インターネットって何? -

インターネットにつながったサーバを使う

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

18

私にデータが入れば他の人からも閲覧できるぞ

サーバ

Webサイトの仕組み

インターネット上にWebサイトのデータを公開してくれるサーバを

WWWサーバと呼びます

Page 19: 初心者のためのWEB講座 第1回 - インターネットって何? -

19

Domain Name System

Webサイトの仕組み

Page 20: 初心者のためのWEB講座 第1回 - インターネットって何? -

AさんWebサイト

Webサイトは膨大な数がある

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイトAさんの

Webサイトどこ?

ISP

20

Aさん大好きBさん

Webサイトの仕組み

Page 21: 初心者のためのWEB講座 第1回 - インターネットって何? -

AさんWebサイト

Webサイトを特定するための住所をアドレスと呼ぶ

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイトAさんの

Webサイトどこ?

ISP

インターネット上の○丁目○番地です

21

Webサイトの仕組み

Page 22: 初心者のためのWEB講座 第1回 - インターネットって何? -

AさんWebサイト

アドレスは124.83.147.203のような数字

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

住所は分かったけど覚えられないよ…

ISP

124.83.147.203です

これをIPアドレスと呼びます

22

Webサイトの仕組み

Page 23: 初心者のためのWEB講座 第1回 - インターネットって何? -

AさんWebサイト

IPアドレスは覚えづらいので何とかならないか?

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

ISP

分かりやすくしてあげよう

DNS

124.83.147.203です

23

Webサイトの仕組み

Page 24: 初心者のためのWEB講座 第1回 - インターネットって何? -

AさんWebサイト

IPアドレスを別の文字に置き換えることができる

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

ISP

DNS 124.83.147.203でもいいし、yahoo.co.jpでもいいよ!

別の文字をドメインと呼び、IPアドレスとドメインを紐づけてくれる

仕組みをDNSと呼びます

覚えやすくなった

24

Webサイトの仕組み

Page 25: 初心者のためのWEB講座 第1回 - インターネットって何? -

25

ブラウザ

Webサイトの仕組み

Page 26: 初心者のためのWEB講座 第1回 - インターネットって何? -

Webサイトにアクセスする方法は大きく分けて2つ

26

1. HTTP方式2. FTP方式

Webサイトの仕組み

Page 27: 初心者のためのWEB講座 第1回 - インターネットって何? -

AさんWebサイト

HTTP方式はブラウザで閲覧する際に使用

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

ISP

27

Webサイトの仕組み

閲覧中

Page 28: 初心者のためのWEB講座 第1回 - インターネットって何? -

AさんWebサイト

ブラウザはBrowse(閲覧する)の意

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

ISP

28

Webサイトの仕組み

観るだけで文字や写真を変更できない

Page 29: 初心者のためのWEB講座 第1回 - インターネットって何? -

FTP方式はサイトデータを上げ下げする際に使用

29

Webサイトの仕組み

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

他のWebサイト

サーバ

内容更新中

Page 30: 初心者のためのWEB講座 第1回 - インターネットって何? -

インターネットの基礎知識- 電子メールの仕組み -

Page 31: 初心者のためのWEB講座 第1回 - インターネットって何? -

メールはサーバを介してやり取りしている

31

電子メールの仕組み

インターネット

インターネットを介してメールを送受信してくれるサーバを

メールサーバと呼びます

Aさんサーバ

Bさんにメールする

Bさんサーバを探して送信

Bさんサーバ

受け取りました

Page 32: 初心者のためのWEB講座 第1回 - インターネットって何? -

メールはサーバを介してやり取りしている

32

電子メールの仕組み

インターネット

Aさんサーバ Bさんサーバ

メール来てるかしら?ハイ

Aさんメールを渡します

一般的にメールサーバは2種類あります・送信はSMTPサーバ・受信はPOP3サーバ

Page 33: 初心者のためのWEB講座 第1回 - インターネットって何? -

メールはなぜ自分だけに届くのか?

33

電子メールの仕組み

インターネット

Aさんサーバ Bさんサーバ

送信・受信の際にIDとパスワードで確認しているため

Page 34: 初心者のためのWEB講座 第1回 - インターネットって何? -

インターネットが世界の何を変えた?

Page 35: 初心者のためのWEB講座 第1回 - インターネットって何? -

35

情報メディア

コミュニケーション

購買 カルチャー 広告

インターネットが世界の何を変えた?

Page 36: 初心者のためのWEB講座 第1回 - インターネットって何? -

36

情報メディア

これまでの主なメディアは…

Page 37: 初心者のためのWEB講座 第1回 - インターネットって何? -

37

情報メディア

テレビ、新聞に次ぐ情報ソースとして台頭

配信速度・頻度が加速、情報量も大きく変化

出典:Yahoo!JAPANニュース

Page 38: 初心者のためのWEB講座 第1回 - インターネットって何? -

38

情報メディア

個人が発信できる無数のメディアとして浸透

啓蒙活動、災害支援なども安価に開始可能に

出典:YouTube.com

Page 39: 初心者のためのWEB講座 第1回 - インターネットって何? -

39

情報メディア 購買 カルチャー 広告

インターネットが世界の何を変えた?

コミュニケーション

Page 40: 初心者のためのWEB講座 第1回 - インターネットって何? -

40

コミュニケーション

これまでの主な手段は…

Page 41: 初心者のためのWEB講座 第1回 - インターネットって何? -

41

電話、メール以外の手段として発達

情報量・同時参加人数が大きく変化

コミュニケーション

出典:Facebook(COPILOT)

Page 42: 初心者のためのWEB講座 第1回 - インターネットって何? -

42

一方通行から相互方向への変革

企業と個人が直接対話する時代へ

コミュニケーション

出典:Twitter.com

Page 43: 初心者のためのWEB講座 第1回 - インターネットって何? -

43

インターネットが世界の何を変えた?

情報メディア

コミュニケーション

購買 カルチャー 広告

Page 44: 初心者のためのWEB講座 第1回 - インターネットって何? -

44

購買

これまでの主な売り場は…

Page 45: 初心者のためのWEB講座 第1回 - インターネットって何? -

45

売り場は常に目の前にある

外に出る必要がなく、比較・購買が高速化

購買

出典:amazon.com

Page 46: 初心者のためのWEB講座 第1回 - インターネットって何? -

46

地域からも全国・全世界に発信

市場は全世界対象へ

購買

出典:iwatsuka-shop.jp

Page 47: 初心者のためのWEB講座 第1回 - インターネットって何? -

47

インターネットが世界の何を変えた?

情報メディア

コミュニケーション

購買 カルチャー 広告

Page 48: 初心者のためのWEB講座 第1回 - インターネットって何? -

48

カルチャー

これまでの文化は…

Page 49: 初心者のためのWEB講座 第1回 - インターネットって何? -

49

全員が同じものを消費する時代の終焉

個人の趣向は細分化・多様化へ

カルチャー

Page 50: 初心者のためのWEB講座 第1回 - インターネットって何? -

50

知識は共通化でなく共有化

情報はアーカイブされ誰もが利用できる状態に

カルチャー

出典:ja.wikipedia.org

Page 51: 初心者のためのWEB講座 第1回 - インターネットって何? -

51

インターネットが世界の何を変えた?

情報メディア

コミュニケーション

購買 カルチャー 広告

Page 52: 初心者のためのWEB講座 第1回 - インターネットって何? -

52

広告

これまでの手法は…

CM

Page 53: 初心者のためのWEB講座 第1回 - インターネットって何? -

53

閲覧数・サイズを絞った出稿

効果測定がしやすく投資額も変動させやすい広告

広告

出典:yahoo.co.jp

Page 54: 初心者のためのWEB講座 第1回 - インターネットって何? -

54

より見込み客へのアプローチ

プッシュ型からプル型へ

広告

出典:google.com

Page 55: 初心者のためのWEB講座 第1回 - インターネットって何? -

55

インターネットが世界の何を変えた?

情報メディア

コミュニケーション

購買 カルチャー 広告

Page 56: 初心者のためのWEB講座 第1回 - インターネットって何? -

インターネットにこれから期待すること

Page 57: 初心者のためのWEB講座 第1回 - インターネットって何? -

57

http://www.cbc-net.com/topic/2013/06/future-lions-2013/

インターネットにこれから期待すること

資源と教育の最適化

Page 58: 初心者のためのWEB講座 第1回 - インターネットって何? -

58

http://www.youtube.com/watch?v=7YI5m3NPE38

インターネットにこれから期待すること

全世界から病気を取り除く

Page 59: 初心者のためのWEB講座 第1回 - インターネットって何? -

59

https://www.weusecoins.com/ja/

インターネットにこれから期待すること

価値は人類の相互信用で守られる

Page 60: 初心者のためのWEB講座 第1回 - インターネットって何? -

最後に理解度アンケート

Page 61: 初心者のためのWEB講座 第1回 - インターネットって何? -

61

理解度アンケート

ドメインとはメールを受信するサーバのことである

Page 62: 初心者のためのWEB講座 第1回 - インターネットって何? -

62

理解度アンケート

ドメインとはメールを受信するサーバのことである

Page 63: 初心者のためのWEB講座 第1回 - インターネットって何? -

63

理解度アンケート

ドメインとはアドレスを覚えやすくするためにIPアドレスに割り当てるもの

Page 64: 初心者のためのWEB講座 第1回 - インターネットって何? -

64

理解度アンケート

DNSとはIPアドレスのことである

Page 65: 初心者のためのWEB講座 第1回 - インターネットって何? -

65

理解度アンケート

DNSとはIPアドレスのことである

Page 66: 初心者のためのWEB講座 第1回 - インターネットって何? -

66

理解度アンケート

DNSとはIPアドレスとドメインを紐づける仕組み

Page 67: 初心者のためのWEB講座 第1回 - インターネットって何? -

67

理解度アンケート

FTP形式とはWebサイトを閲覧する際の接続方法である

Page 68: 初心者のためのWEB講座 第1回 - インターネットって何? -

68

理解度アンケート

FTP形式とはWebサイトを閲覧する際の接続方法である

Page 69: 初心者のためのWEB講座 第1回 - インターネットって何? -

69

理解度アンケート

FTP形式とはWebサイトのデータをサーバにアップしたり

サーバから削除する際の接続方法

Page 70: 初心者のためのWEB講座 第1回 - インターネットって何? -

70

理解度アンケート

あなたはインターネットに何を期待しますか?