1. WWW の歴史と仕組み WWW の歴史と WWW に必要な要素技術について学ぶ 2009 年 2 月 6 日 情報技術研究センター 飯尾 淳

2. 内容 リソースの特定、ドメインネームシステム 5 ガイダンス 1 Web コンピューティングとは 2 通信技術の基礎 6 セキュリティ 7 まとめ 8 WWW の歴史 3 ハイパーテキストとは 4

3. ガイダンス

5. そもそも Web コンピューティングって？

9. ウェブアプリケーションの例（チケット予約） 出典： http://www.jal.co.jp/ 出典： http://www.jnavi.eki-net.com/ 出典： http://www.ana.co.jp/ 出典： http://t.pia.jp/

10. ウェブアプリケーションの例（電子商取引） 出典： http://www.amazon.co.jp/ 出典： http://www.nissen.co.jp/ 出典： http://www.bk1.co.jp/

11. ウェブアプリケーションの例（オンラインバンキング） 出典： http://direct.bk.mufg.jp/ 出典： http://ib.resonabank.co.jp/ 出典： http://www.mizuhobank.co.jp/

12. ウェブアプリケーションの例（掲示板（BBS)） 出典： http://slashdot.jp/ 出典： http://www.2ch.net/newsplus/

13. ウェブアプリケーションの例（SNS） 出典： http://ja-jp.facebook.com/ ( 上）（下） 出典： http://mixi.jp/

14. ウェブアプリケーションの例（CMS） 出典： http://www.drupal.org/ 出典： http://www.xoops.org/ 出典： http://plone.org/ 出典： http://www.joomla.org/

15. ウェブアプリケーションの例（検索等） 出典： http://www.google.co.jp/ 出典： http://maps.google.co.jp/ 出典： http://www.yahoo.co.jp/

16. ウェブアプリケーションの例（その他の便利なサービス） 出典： http://navi.ekitan.com/ 出典： http://www.taxisite.com/ 出典： http://www.tokyo-ame.jwa.or.jp/

17. Web コンピューティングの進化 専用 サーバ 専用 クライアント Web サーバ （汎用） Web ブラウザ Web サーバ 汎用サーバ 汎用 リッチ クライアント リッチクライアント システム Web システム C/S システム

18. WWW の歴史

19. Internetの歴史(1) 1969 年 インターネットの原型といわれる ARPANET が始動 -> UCLA 、スタンフォード研究所 (SRI) が接続 -> 同年中に UC サンタバーバラ、ユタ大学も接続 1983 年 ARPANET のプロトコルが NCP から TCP/IP に切り替わる 1984 年 日本で JUNET ができる（東大、慶大、東京工業大が相互接続） 1986 年 全米科学財団（ National Science Foundation ）が 学術研究用のネットワーク基盤 NSFNet の運用開始 インターネットのバックボーンが ARPANET から NSFNet へ移行

20. Internetの歴史(2) 1988 年 アメリカで商用インターネット始動。 NSFNet との接続を開始 日本で産学協同研究プロジェクトの WIDE プロジェクト始動 -> IP 接続によるインターネット参加を開始 NTT が日本の主要都市（全都道府県庁 所在地）を結んだ光ケーブル網を完成 -> 翌年 1989 年には NSFNet へ接続 1990 年 欧州原子核研究機構 CERN において、ティム・バーナーズ = リーが 最初の WWW サーバとブラウザを完成 1995 年 NSFNet が民間へ移管 インターネット関連機能を盛り込んだ Windows95 が登場 -> 個人ユーザの利用拡大

23. WWWの歴史(1) 1983 年 ティム・バーナーズ = リーとロバート・カイリュー、 Web の基本的なアイディアといわれる「 ENQUIRE 」構築 1990 年 11 月 ティム・バーナーズ = リー、 World Wide Web をより具体化した 提案書 “ WorldWideWeb: Proposal for a HyperText Project” 発表 最初のウェブページを Next ワークステーション上にて実装開始 世界初のウェブブラウザとウェブサーバを開発 1991 年 8 月 ティム・バーナーズ = リー、‘ World Wide Web Summary’ を alt.hypertext ニュースグループ に投稿 WWW がインターネット上で利用可能に

24. WWWの歴史(2) 1992 年 イリノイ大学の米国立スーパーコンピュータ応用研究所 (NCSA; National Center for Supercomputing Applications) に おいて、マーク・アンドリーセンらが画像なども扱える革新的な ブラウザ’ Mosaic’ を開発 ソースコードを無料で公開した＞利用拡大 1993 年 4 月 CERN 、 WWW の無料公開を発表 1994 年 WWW コンソーシアム設立 World Wide Web 上で使用される各種技術の標準化を 推進する非営利団体

25. Mosaic: 初期のWebブラウザ

27. 様々なWebブラウザ Internet Explorer Google Chrome Firefox Safari ( 番外） w3m

29. ハイパーテキストとは

31. ハイパーテキストのリンク構造 ここをクリック ここをクリック ここをクリック ハイパーリンク ハイパーリンク ハイパーリンク ハイパーリンクは文書の先頭のみを指すわけではないことに注意

32. ハイパーテキストの歴史(1) 1965 年 テッド・ネルソン、ブラウン大学において、 ・ヴァネヴァー・ブッシュの Memex 構想を具体化 ・ハイパーテキストの概念、 Xanadu Model を提示 1968 年 ダグラス・エンゲルバート、スタンフォード研究所で NLS （ oNLine System ）の研究をすすめ、革新的といわれる ハイパーテキストインタフェースのデモを実施 1980 年 ・カーネギーメロン大学において、アレン・ニューウェル指導のもと、 ZOG を開発 ・「フレーム」、「カード」型システムの原型 ・ DEC の Vax 版から Pascal ベースの Three Rivers PERQ ワーク ステーションに移植 ・この年アメリカ海軍の航空母艦、カール・ヴィンソン（ CVN-70 ）に配備 ・ティム・バーナーズ＝リー等、 ENQUIRE を開発

33. ハイパーテキストの歴史(2) 1982 年 ケント大学のピーター・ J ・ブラウンが、初の PC 用ハイパーテキスト システム’ GUIDE’ を開発 ・ Three River PERQ ワークステーション向けに開発されたものを MS-DOS に移植 1987 年 アップルコンピュータ社が HyperCard を発表 1993 年 イリノイ大学 NCSA において Mosaic を発表 ・ X Window System 版に加え、後に PC 版、 Mac 版が発表され、 WWW 利用が増加

34. Webページの描くグラフ構造 サーバ A サーバ B サーバ C 循環グラフを成す場合がある

36. リソースの特定とドメインネームシステム

43. Web コンピューティングで利用する通信技術の基礎

47. HTTPレスポンスコード (HTTP1.1) HTTP Version not Supported 505 Payment Required 402 Bad Gateway 502 Use Proxy 305 Server Unavailable 503 Bad Request 400 Gateway Time-out 504 Unauthorized 401 Not Implemented 501 Not Modified 304 Forbidden 403 Internal Server Error 500 See Other 303 Unsupported Media Type 415 Moved Temporarily 302 Request-URI Too Large 414 Moved Permanently 301 Request Entity Too Large 413 Multiple Choices 300 Precondition Failed 412 Partial Content 206 Length Required 411 Reset Content 205 Gone 410 No Content 204 Conflict 409 Non-Authoritative Information 203 Request Time-out 408 Accepted 202 Proxy Authentication Required 407 Created 201 Not Acceptable 406 Ok 200 Method Not Allowed 405 Switching Protocols 101 Not Found 404 Continue 100

48. セキュリティ

54. まとめ