Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎 3 ハイパーメディアとHTML 4 HTMLとCSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術回テーマ 9 リレーショナルデータベース 10 SQL とデータ

Size: px

Start display at page:

Download "Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎 3 ハイパーメディアとHTML 4 HTMLとCSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術回テーマ 9 リレーショナルデータベース 10 SQL とデータ"

ゆああみおか
5 years ago
Views:

1 Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎 3 ハイパーメディアとHTML 4 HTMLとCSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術回テーマ 9 リレーショナルデータベース 10 SQL とデータベース管理システム 11 認証とセッション管理 12 Web のセキュリティ 13 Web の応用 (1) 14 Web の応用 (2) 15 Web の応用 (3)

2 Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎 3 ハイパーメディアとHTML 4 HTMLとCSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術回テーマ 9 リレーショナルデータベース 10 SQL とデータベース管理システム 11 認証とセッション管理 12 Web のセキュリティ 13 Web の応用 (1) 14 Web の応用 (2) 15 Web の応用 (3)

3 Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎 3 ハイパーメディアとHTML 4 HTMLとCSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術回テーマ 9 リレーショナルデータベース 10 SQL とデータベース管理システム 11 認証とセッション管理 Web の仕組み 12 Web のセキュリティ 13 Web の応用 (1) 14 Web の応用 (2) 15 Web の応用 (3)

4 Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎 3 ハイパーメディアとHTML Web システムに関する技術 4 HTML と CSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術回テーマ 9 リレーショナルデータベース 10 SQL とデータベース管理システム 11 認証とセッション管理 12 Web のセキュリティ 13 Web の応用 (1) 14 Web の応用 (2) 15 Web の応用 (3)

5 Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎 3 ハイパーメディアとHTML 4 HTMLとCSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術回テーマ 9 リレーショナルデータベース 10 SQL とデータベース管理システム 11 認証とセッション管理 Web の応用 12 Web のセキュリティ 13 Web の応用 (1) 14 Web の応用 (2) 15 Web の応用 (3)

6 第 1 回の内容 World Wide Web Web システムデータベースの利用

7 World Wide Web

8 インターネットと WWW World Wide Web

9 インターネットと WWW World Wide Web WWW

10 インターネットと WWW World Wide Web WWW, Web インターネット

11 インターネットと WWW Web ブラウザ Web Web ページを持つコンピュータインターネット

12 ハイパーテキストハイパーリンクハイパーテキストハイパーテキストハイパーリンクハイパーテキストハイパーテキスト

13 ハイパーテキスト Web のハイパーテキスト Web ページハイパーリンクを設置リンクを張る

14 Web に関する規格 URI (URL) HTTP HTML

15 URI (URL)

16 URI (URL) URL; Uniform Resource Locator URI; Uniform Resource Identifier URI で指し示される情報リソース URI URL

17 HTTP Web ブラウザ Web サーバ Hypertext Transfer Protocol (HTTP)

18 HTML Hypertext Markup Language Web ページを記述するための言語

19 HTML <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> 放送太郎の自己紹介 </title> </head> <body> <h1> 放送太郎の自己紹介 </h1> <h2> 略歴 </h2> <p> 神奈川県横浜市出身 1983 年生まれの 29 歳です大学では英文学を学びました現在は千葉県の <a href=" 放送大学 </a> 本部で勤務しています </p> <h2> 趣味 </h2> <ul> <li> 読書 </li> <li> オートバイ </li> <li> プラモデル製作 </li> </ul> <address> 連絡先 : <a href="mailto:taro@example.com">taro@example.com</a></address> </body> </html>

20 HTML 略歴趣味文章 ( 段落 ) 箇条書き連絡先

21 HTML <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> 放送太郎の自己紹介 </title> </head> <body> <h1> 放送太郎の自己紹介 </h1> <h2> 略歴 </h2> <p> 神奈川県横浜市出身 1983 年生まれの 29 歳です大学では英文学を学びました現在は千葉県の <a href=" 放送大学 </a> 本部で勤務しています </p> <h2> 趣味 </h2> <ul> <li> 読書 </li> <li> オートバイ </li> <li> プラモデル製作 </li> </ul> <address> 連絡先 : <a href="mailto:taro@example.com">taro@example.com</a></address> </body> </html>

22 HTML <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> 放送太郎の自己紹介 </title> </head> <body> <h1> 放送太郎の自己紹介 </h1> <h2> 略歴 </h2> <p> 神奈川県横浜市出身 1983 年生まれの 29 歳です大学では英文学を学びました現在は千葉県の <a href=" 放送大学 </a> 本部で勤務しています </p> <h2> 趣味 </h2> <ul> <li> 読書 </li> <li> オートバイ </li> <li> プラモデル製作 </li> </ul> <address> 連絡先 : <a href="mailto:taro@example.com">taro@example.com</a></address> </body> </html>

23 HTML <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> 放送太郎の自己紹介 </title> </head> <body> <h1> 放送太郎の自己紹介 </h1> <h2> 略歴 </h2> <p> 神奈川県横浜市出身 1983 年生まれの 29 歳です大学では英文学を学びました現在は千葉県の <a href=" 放送大学 </a> 本部で勤務しています </p> <h2> 趣味 </h2> <ul> <li> 読書 </li> <li> オートバイ </li> <li> プラモデル製作 </li> </ul> <address> 連絡先 : <a href="mailto:taro@example.com">taro@example.com</a></address> </body> </html>

24 HTML <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title> 放送太郎の自己紹介 </title> </head> <body> タグ <h1> 放送太郎の自己紹介 </h1> <h2> 略歴 </h2> <p> 神奈川県横浜市出身 1983 年生まれの29 歳です大学では英文学を学びました現在は千葉県の <a href=" 放送大学 </a> 本部で勤務しています </p> <h2> 趣味 </h2> <ul> <li> 読書 </li> <li> オートバイ </li> <li> プラモデル製作 </li> </ul> <address> 連絡先 : <a href="mailto:taro@example.com">taro@example.com</a></address> </body> </html>

25 HTML Hypertext Markup Language Web ページを記述するための言語 CSS, JavaScript, 画像,

26 Web に関する規格 URI (URL) HTTP HTML 第 2,5,6 回第 3,4 回第 2 回

27 Web の簡単な仕組み URI

28 Web の簡単な仕組み URI

29 Web の簡単な仕組み URI HTTP を使って

30 Web の簡単な仕組み URI HTTP を使って

31 Web の簡単な仕組み URI HTTP を使ってで示される Web サーバから

32 Web の簡単な仕組み URI HTTP を使ってで示される Web サーバから

33 Web の簡単な仕組み URI HTTP を使ってで示される Web サーバから /path/to/resource という名前のリソースを取得

34 Web の簡単な仕組み URI HTTP を使ってで示される Web サーバから /path/to/resource という名前のリソースを取得

35 Web の簡単な仕組み URI Web ブラウザ /path/to/resource をください HTTP リクエスト Web サーバ HTTP レスポンス

36 Web の簡単な仕組み Web サーバ Web サーバインターネット Web サーバ Web サーバ

37 用語クライアント, Web ブラウザ, ユーザー

38 用語クライアント, Web ブラウザ, ユーザー

39 用語クライアント, Web ブラウザ, ユーザー

40 用語クライアント, Web ブラウザ, ユーザー

41 用語クライアント, Web ブラウザ, ユーザー, ( ユーザーエージェント ) リソース, Web ページ, 文書 HTML 文書, コンテンツサーバ, Web サーバ, サイト, Web サイト

42 Web システム

43 Web システム URI と Web サーバ上のファイルが 1 対 1 に対応静的な Web ページ同一の URI に対してサーバやクライアントの状態に応じたリソースを生成し返却動的な Web ページ Web システム / Web アプリケーション

44 鉄道の経路時刻の調査冊子パソコンのソフトウェア Web システム

45 インターネットショッピングこのページは Web には掲載しません

46 インターネットバンキングこのページは Web には掲載しません

47 予約購入このページは Web には掲載しません

48 予約購入航空券, 乗車券, 各種チケット宿泊施設, 飲食店病院, 美容室, その他来店予約レンタカー, 着物, その他レンタル予約

49 その他ソーシャルネットワーキングサービス (SNS) 口コミ, フォーラム ( 電子掲示板 ) eラーニング ( 学習 ) Webメール

50 Web システムの利点ソフトウェアのインストールが不要異なる環境から同じデータを利用可能

51 ユーザーが持つデータ Web システムユーザーユーザーユーザー

52 ユーザーが持つデータ Web システムユーザーユーザーユーザー

53 Web システムの利点ソフトウェアのインストールが不要異なる環境から同じデータを利用可能システムの更新が容易

54 デスクトップアプリケーションの更新

55 デスクトップアプリケーションの更新

56 デスクトップアプリケーションの更新

57 Web システムの更新 Web システム

58 Web システムの更新 Web システム

59 Web システムの更新 Web システム

60 Web システムの利点ソフトウェアのインストールが不要異なる環境から同じデータを利用可能システムの更新が容易多様な環境から利用可能

61 Web システムの欠点 Web サーバにアクセスできないと利用不可ネットワーク回線の速度の影響セキュリティのためのコスト

62 Web における脅威 Web システム正規のユーザー

63 Web における脅威 Web システム盗聴正規のユーザー

64 Web における脅威 Web システム盗聴偽サイト不正誘導正規のユーザー

65 Web における脅威 Web システム破壊妨害盗聴偽サイト不正誘導正規のユーザー

66 Web における脅威 Web システム破壊妨害なりすまし盗聴偽サイト不正誘導正規のユーザー

67 Web システムの欠点 Web サーバにアクセスできないと利用不可ネットワーク回線の速度の影響セキュリティのためのコスト

Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎

10 SQL Webとデータベース管理システムの応用例システム 11 認証とセッション管理

68 Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎ユーザ認証 3 ハイパーメディアとHTML 4 HTMLとCSS セキュリティ 5 HTTP (1) Webシステムの実現手法 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術回テーマ 9 リレーショナルデータベース Webに関連した話題 10 SQL Webとデータベース管理システムの応用例システム 11 認証とセッション管理 12 Webのセキュリティ 13 Webの応用 (1) 14 Webの応用 (2) 15 Webの応用 (3)

69 データベースの利用

70 インターネットショッピング分類内容商品データ商品名, メーカー名, 寸法, 色,

71 インターネットショッピング分類内容商品データ商品名, メーカー名, 寸法, 色, 在庫データ商品ごとの在庫量など

72 インターネットショッピング分類内容商品データ商品名, メーカー名, 寸法, 色, 在庫データ商品ごとの在庫量など顧客データ名前, 住所, メールアドレス, 電話番号,

73 インターネットショッピング分類内容商品データ商品名, メーカー名, 寸法, 色, 在庫データ商品ごとの在庫量など顧客データ名前, 住所, メールアドレス, 電話番号, 販売データいつ ( 時刻 ), 何を ( 商品 ), いくつ ( 数量 ), 誰に ( 顧客 )

74 データベースソフトウェアソフトウェアソフトウェア商品データ顧客データ在庫データデータベース販売データ

75 データベースソフトウェアソフトウェアソフトウェアデータベース管理システムデータベースデータベース

76 データベースデータモデル / データベースモデルリレーショナルモデルリレーショナルデータベースリレーショナルデータベース管理システム

77 Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎データベース 3 ハイパーメディアとHTML 4 HTMLとCSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術回テーマ 9 リレーショナルデータベース 10 SQL とデータベース管理システム 11 認証とセッション管理 12 Web のセキュリティ 13 Web の応用 (1) 14 Web の応用 (2) 15 Web の応用 (3)

78 第 1 回の内容 World Wide Web Web システムデータベースの利用

Microsoft PowerPoint - 04WWWとHTML.pptx

Microsoft PowerPoint - 04WWWとHTML.pptx 船舶海洋情報学九州大学工学府海洋システム工学専攻講義資料担当 : 木村 04. WWW と HTML WWW(World Wide Web) インターネットの情報をハイパーテキスト形式で参照できる情報提供システム HTML などのコンテンツを HTTP プロトコルで転送インターネットクライアント PC WWW の情報を画面に表示するクライアントソフトウエア :WEB ブラウザ Internet

Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎 3 ハイパーメディアとHTML 4 HTMLとCSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術 回 テーマ 9 リレーショナルデータベース 10 SQL とデータ

Web のしくみと応用 ('15) 回テーマ 1 身近なWeb 2 Webの基礎 3 ハイパーメディアとHTML 4 HTMLとCSS 5 HTTP (1) 6 HTTP (2) 7 動的なWebサイト 8 クライアントサイドの技術回テーマ 9 リレーショナルデータベース 10 SQL とデータ