WWW のおはなし 神戸大学理学部地球惑星科学科 4 回生 佐伯 拓郎 (地球および惑星大気科学研究室) 藤田 哲也 (宇宙物理学研究室)

Slides:



Advertisements
Similar presentations
コンピュータ基礎実習 ( 上級 ) 第二回 ウェブページの作成について 清水淳紀. ウェブページとは  ウェブ (Web) は正式名称を World Wide Web という。  文字や画像、動画等を簡単に扱うことができる。  [ リンク ] を介してページ同士がつながっているのが 特徴。 ページは.
Advertisements

ウィキについて 1 1040431 1 1040431 植木貴宏 植木貴宏. ウィキとは? ウェブブラウザを利用して Web サーバ 上のハイパーテキスト文書を書き換え るシステムの一種。 ウェブブラウザを利用して Web サーバ 上のハイパーテキスト文書を書き換え るシステムの一種。 Wiki とは、ハワイ語で「速い」を意味.
北海道大学大学院 理学院宇宙理学専攻 修士 1 年 渡辺 健介.  WWW とは?  WWW の仕組み  WWW サーバ  著作権について  まとめ  参考文献  付録.
1 情報処理基礎 2006 年 7 月 6 日. 2 本日の学習項目 HTML 文書の基礎知識を習得する。 ホームページ・ビルダーの基本的な使 い方を習得する。 ホームページの作成 自己紹介のためのホームページを作成する。
LANどうしを、通信規約として TCP/IP プロトコルで ルータ を経由してつなぎ合わせ、 世界規模で情報のやりとりを可能にしたもの アプリケーション 層 プレゼンテーショ ン層 セッション層 トランスポート層 ネットワーク層 データリンク層 物理層 アプリケーション 層 プレゼンテーショ ン層 セッション層.
コンピュータ基礎実習上級 #4 拡張子、 URL 、ファイル名 一般教育研究センター 安田豊. ファイル名と拡張子 ファイルには名前が付けられている 区別のため。整理などに便利に利用するとよい。 abc.html ピリオドによってファイル名を前後に分ける習慣がある。 ピリオドの左は整理のために自由な名前を選べる.
EPnetFaN (2014/02/28) EPWWW サーバ 2013 北海道大学大学院 理学院宇宙理学専攻 修士 1 年 渡辺 健介.
Web パブリッシング 1. この授業について. この授業の目標 Web サイトの構築とその維持管理の技 能を身につける –HTML 、 CSS 、( JavaScript ) Web サイトの構築とは –HTML 文書をインターネットに公開するこ と= Web パブリッシング.
ストリーミング配信 惑星物理学研究室 修士2年 土屋 貴志.
IIS 4.0で開発をするコツ Webアプリケーション構築.
神戸大学理学部地球惑星科学科 4回生 柏本 光司
情報基礎A 情報科学研究科 徳山 豪.
ホームページ勉強会の概要 インターネットとホームページの歴史 ホームページ作成の基礎(CMS)
北海道大学大学院 理学院宇宙理学専攻 EPNetFaN Mail サーバ管理課 徳永 義哉
第1回.
ネットワークを利用した 環境情報データ自動収集 サーバシステムの開発
情報理工学部 情報システム工学科 3年 H 井奈波 和也
画像展示サイト“Fragments” 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン
Webアプリケーションの 通信メカニズム WEBアプリ研究プロジェクト 第2回.
サーバ・クライアントシステム & X Window System
第2章 ネットサービスとその仕組み(前編) [近代科学社刊]
Ibaraki Univ. Dept of Electrical & Electronic Eng.
情報処理基礎 2006年 6月 1日.
CEC公開授業 Webサイト制作にチャレンジ! 2007年11月20日 於:東京都立板橋有徳高校 学校インターネット教育推進協会.
HTMLの記述と WWWにおける情報公開 遠藤
早稲田大学大学院理工学研究科 情報科学専攻修士2年 後藤滋樹研究室 坂本義裕
EpWWWサーバ 北海道大学 理学院 宇宙理学専攻 M1 古田裕規.
WWW (=World Wide Web)とは
「コンピュータと情報システム」 07章 インターネットとセキュリティ
EP WWW サーバ 2009 惑星物理学研究室 博士後期課程1年 山下 達也.
Webサイト運営 09fi118 橋倉伶奈 09fi131 本間昂 09fi137 三上早紀.
30分でわかるTCP/IPの基礎 ~インターネットの標準プロトコル~ 所属: 法政大学 情報科学研究科 馬研究室 氏名: 川島友美
佐賀大学 理工学部知能情報システム学科 講師 大月 美佳
情報処理1 1.インターネット利用の基礎.
Web App Semi 2008 #1 Web App Semi 2008 #1.
webブラウザ proxy設定 (HTTP1.0)
担当教官:大月 美佳(佐賀大学) 2001年度 総合科目
HTTPプロトコルとJSP (1) データベース論 第3回.
HTTPプロトコル J2EE I 第7回 /
情報コミュニケーション入門 総合実習(1) 基礎知識のポイント(2)
World Wide Webを利用したさまざまなサービス
基礎プログラミング演習 第1回.
第8章 Web技術とセキュリティ   岡本 好未.
2003年度 データベース論 安藤 友晴.
HTTPとHTML 技術領域専攻 3回 中川 晃.
情報コミュニケーション入門b 第10回 Web入門(1)
情報コミュニケーション入門b 第10回 Web入門(1)
 ソフトウェアの活用  コンピュータネットワークの利用.
情報スキル活用 第1週 基礎技術ー1 : URLとWebページの基本.
情報コミュニケーション入門e 第11回 Part2 Web入門(1)
インターネット利用法実習 経営工学基礎演習a(第3週).
JAVAについて 高橋 雅哉.
Web - 01 IIS を インストールしよう.
情報スキル活用 第2週 基礎技術ー2 : Webページの基本形.
端末およびサービス透過的な 情報閲覧支援システムの構築
HTML の成り立ち 惑星物理学研究室 4年 安達 俊貴.
情報スキル活用 第4週 基礎技術-4 : その1(タグのまとめ).
データベース設計 第7回 実用データベースの運用例 クライアント=サーバシステム(1)
サーバ・クライアントシステム ( X Window System) 2006/01/20 伊藤 和也 original: 前坂たけし
最低限インターネット ネットワークにつなぎましょ!
Webアプリケーションと JSPの基本 ソフトウェア特論 第4回.
基礎技術ー3 : Webページの標準規格について
独習XML ~第1章 XMLの基礎~ 1.1 XML文書の基礎 1.2 XMLとHTML
ASP.NET 2.0による Webサービスの構築 2008年10月18日 こくぶんまさひろ.
第2回 Webサーバ.
ASP.NET 2.0による Webサービスの構築 2008年10月18日 こくぶんまさひろ.
神奈川県立川崎北高等学校 「情報A」 インターネットで検索しよう WWWと情報検索.
 ソフトウェアの活用  コンピュータネットワークの利用.
情報スキル活用 第1週 基礎技術ー1 : URLとWebページの基本.
HTTPプロトコルの詳細 M1 峯 肇史.
Presentation transcript:

WWW のおはなし 神戸大学理学部地球惑星科学科 4 回生 佐伯 拓郎 (地球および惑星大気科学研究室) 藤田 哲也 (宇宙物理学研究室)

目次 WWW とは WWW の特徴 WWW サーバ まとめ HTML ハイパーリンク HTTP, HTTPS URL Web ブラウザ Apache Hiki まとめ

WWW とは

WWW とは WWW (World Wide Web) 直訳すると「世界中に広がった蜘蛛の巣」 インターネット上で提供されるハイパーテキストシ ステム ハイパーリンクで文書間をひとっとび それぞれの文書が必ず住所 (URL) をもつ

WWW の特徴

WWW の特徴 ドキュメント記述言語に HTML を使用 ハイパーリンクによって複数の文書がインター ネット上で結びついている プロトコルには HTTP, HTTPS を使用 それぞれの文書が URL をもつ Web ページの閲覧には Web ブラウザを使用

HTML HTML (Hyper Text Markup Language) Web ページを記述するためのマークアップ言 語 文章の構造 (段落など) や見栄え (フォントサイズなど) に 関する指定を記述する 他の文書の位置情報 (ハイパーリンク) を文章内に書き入 れることができる W3C (World Wide Web Consortium) が管理 中心 組織は MIT/LCS, ERCIM, 慶應義塾大学

WWW の特徴 ドキュメント記述言語に HTML を使用 ハイパーリンクによって複数の文書がインター ネット上で結びついている プロトコルには HTTP, HTTPS を使用 それぞれの文書が URL をもつ Web ページの閲覧には Web ブラウザを使用

ハイパーリンク ハイパーリンク ハイパーテキスト 文章内に埋め込まれた, 他の文書や画像などの位置 情報 単に「リンク」とも呼ぶ リンクをクリックするだけで次の文書へひとっとび ハイパーテキスト 文章の中にハイパーリンクを埋め込み, 複数の文書 を相互に結びつける仕組みのこと

WWW の特徴 ドキュメント記述言語に HTML を使用 ハイパーリンクによって複数の文書がインター ネット上で結びついている プロトコルには HTTP, HTTPS を使用 それぞれの文書が URL をもつ Web ページの閲覧には Web ブラウザを使用

HTTP, HTTPS HTTP (Hyper Text Transfer Protocol) ハイパーテキスト (HTML) 文書などをやりとり するための通信規約 通常は 80 番ポートを使う HTTPS (Hyper Text Transfer Protocol over SSL) HTTP に SSL によるデータの暗号化機能を付 加した通信規約 通常は 443 番ポートを使う

HTTP, HTTPS SSL (Shonan Shinjuku Line) http://ja.wikipedia.org/wiki/%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB:Shonan-shinjuku-line-E231.jpg

HTTP, HTTPS SSL (Shonan Shinjuku Line) SSL (Secure Socket Layer) セキュリティーを要求される通信のためのプロ トコル 暗号化された安全な通信を提供 機密性の高い情報を安全にやりとりできるよう にするために開発

HTTP, HTTPS

WWW の特徴 ドキュメント記述言語に HTML を使用 ハイパーリンクによって複数の文書がインター ネット上で結びついている プロトコルには HTTP, HTTPS を使用 それぞれの文書が URL をもつ Web ページの閲覧には Web ブラウザを使用

URL URL (Uniform Resource Locator) 情報資源の場所を示している記述方式 「通信方法」と「住所」を指定している URL を含む一般概念として URI がある

WWW の特徴 ドキュメント記述言語に HTML を使用 ハイパーリンクによって複数の文書がインター ネット上で結びついている プロトコルには HTTP, HTTPS を使用 それぞれの文書が URL をもつ Web ページの閲覧には Web ブラウザを使用

Web ブラウザ Web ブラウザ Web ページを閲覧するためのアプリケーション ソフトのこと 単にブラウザと呼ばれることもある 例: Internet Explorer, Mozilla Firefox など

WWW の特徴 ドキュメント記述言語に HTML を使用 ハイパーリンクによって複数の文書がインター ネット上で結びついている プロトコルには HTTP, HTTPS を使用 それぞれの文書が URL をもつ Web ページの閲覧には Web ブラウザを使用

WWWサーバ

WWWサーバ さまざまな情報資源を格納 WWWサーバソフトウェアがWWWサーバを 管理 HTMLファイル,画像ファイルなど クライアントの要求に応じてファイルを配信 →静的処理 プログラム クライアントの要求に応じてサーバ側でプログラムを実行 し、その結果を配信 →動的処理 WWWサーバソフトウェアがWWWサーバを 管理

WWWサーバ 静的処理 動的処理 クライアント WWWサーバ HTMLファイル HTMLファイルを要求 画像ファイル etc. プログラムにデータを渡す 動的処理 クライアント CGIプログラム データに応じた結果を送信 WWWサーバ

ITPASSでは ”Apache” を採用 WWWサーバソフトウェアのシェア WWWサーバソフトウェアの割合 (Netcraft) http://news.netcraft.com/archives/category/web-server-survey/

Apache 正式名称: Apache HTTP Server 世界中でもっとも使われているWWWサーバ ソフトウェア オープンソースソフトウェア 機能拡張が容易 モジュール化 多彩な動作環境 UNIXでもMacでもWindowsでも動く

Hiki Rubyで書かれたWikiクローンの一つ Wiki クローン…オリジナルの Wiki から派生 プラグインによる機能拡張 Web ブラウザを用いて、文書の作成・編集が可能 アクセス制限が可能 文書マークアップが HTML に比べて簡単 CGI を利用し WWW サーバと連携して動く プラグインによる機能拡張 CSS を使ったテーマ機能 CSS (Cascading Style Sheets) を適用することで、 背景や文体、レイアウトなどを変更できる。

WWW サーバまとめ クライアント WWWサーバ 保存をクリック Apache プログラム HTML ファイル を出力 (ボタンはプログラムへリンク) CGI プログラム (Hiki) 結果 (HTML) HTML ファイル を出力 HTMLファイルを送信

まとめ HTML によって Web ページを記述 ハイパーリンクによって文書間を行き来すること ができる 使用するプロトコルは HTTP, HTTPS URL によって, Web ブラウザを介してインター ネット上で文書を得られる WWW サーバは情報資源の格納・送信を行う ITPASS サーバでは Apache を採用 Hiki により Web ブラウザ上で文書を編集可能

参考資料 (1/2) 2008年度ITPASSセミナー 「WWW ってなに??」 今関翔,今村翔 太 https://itpass.scitec.kobe-u.ac.jp/seminar/lecture/fy2008/081024/pub/ 2009年度ITPASSセミナー 「WWW の特徴と概略 -クライアントと サーバから-」 山元治人,辻野智紀 https://itpass.scitec.kobeu.ac.jp/seminar/lecture/fy2009/091009/pub/ @IT ~連載 Apache による web サーバ構築~ http://www.atmarkit.co.jp/flinux/rensai/apache01/apache01.html Hiki Hiki について http://hikiwiki.org/ja/about.html

参考資料 (2/2) Wikipedia (SSL, URL) 【楽天市場】SSL について IT 用語辞典 e-Word http://ja.wikipedia.org/wiki/ 【楽天市場】SSL について http://www.rakuten.co.jp/ssl.html IT 用語辞典 e-Word http://e-words.jp/ 図解でよくわかる ネットワークの重要用語解説100  きたみりゅうじ著 技術評論社 図解でわかる サーバのすべて 小泉修著 日本実業出版社

補足: SSL の解説 SSL の解説 (サイバートレーディングより) https://yt.com/sc/about.html