name: index class: title, smokescreen, shelf, no-footer # 情報システム開発基礎演習<br><small>ITインフラ編 第02回</small> <div class=footnote> <small><small> Copyright (C) Ken'ichi Fukamachi <fukachan@fml.org>, 2021-2025. CC BY-NC-SA 4.0 </small></small> </div> --- class: compact # 本日の目標 <div class=footnote> <small><small> </small></small> </div> 1. 基礎的なUnix/Linuxコマンド操作ができる 1. WWWサーバをたてられる 1. 自分のホームページを作ることができる --- class: compact # お品書き <div class=footnote> <small><small> 理解度確認も真面目に取り組むと、 自分の理解度も分かるでしょうから、 口頭試問の準備にもなっているはずです </small></small> </div> <small> 1. 解説：サーバクライアントモデル 1. 用語解説(?) ... (先週と午前中の授業で全部やっているので省略) 1. 解説：システム構築演習支援システム(Colitas)について少々 1. 演習 WWWサーバ(www.py)の作成 - WWWサーバにはPythonで書いたwww.pyを配布します 1. 課題の確認 - (1) TA/SAさんに確認してもらってください - (2) 理解度確認フォームに回答してください - <b>成績には無関係</b>ですが 、真面目に取り組んでください - これをみてシステムや授業内容のチューニングをするためです - 三々五々解散してOKです - 任意: 宿題(自由課題)「自分のホームページをリッチにする」 ... 次回みせてください </small> --- class: compact,img-right # ホームページ（WWW）のしくみ <div class=footnote> <small><small> (脚注) これを「サーバ(給仕)・クライアント(お客様)モデル」と呼んでいます </small></small> </div>  - (1) URL(`http://b2902900.cloud.fml.org/`)をブラウザでクリックすると - (2) 【WWWサーバの内側の動作】 <br> URL右端の`/`を`/index.html`と解釈しindex.htmlの中身を返す準備をします - (3) WWWサーバはブラウザにコンテンツ(index.html)を送り返します - (4) ブラウザは受け取ったコンテンツを解釈して表示します(レンダリング) --- class: compact # URLとは「サーバ名＋見たいコンテンツの場所」 <div class=footnote> <small><small> (脚注1) www.pyとか、具体的なコンテンツ場所の説明は、月曜午後の科目にあわせています。 (脚注2) あらかじめ、 WWWサーバ(www.py)は、 / を /index.html と解釈し、 そのOS上の位置を/home/admin/htdocs/index.htmlと解釈するルールを教えられています </small></small> </div> <small> URL = サーバ名＋見たいコンテンツの場所 <br> 例: `http://b2902900.cloud.fml.org/` = サーバ名(b2902900.cloud.fml.org) + パス(/...) <small> - 左端は「プロトコル://」で、ここではhttpプロトコルを利用するという意味 - サーバ名は`b2902900.cloud.fml.org`部分 - サーバ名の右側部分(ここでは`/`)が<b>パス</b>で、サーバOS上で<b>コンテンツがある場所</b>の指定です。 <br> /に続けてファイル名なども指定できます <b>(注：ファイル名を省略した時はindex.htmlとみなされます(例外処理))</b> </small> ``` [例] http://b2902900.cloud.fml.org/ ... デフォルトのコンテンツ /home/admin/htdocs/index.html http://b2902900.cloud.fml.org/janken.html ... この場合のコンテンツは /home/admin/htdocs/janken.html http://portal.net.fml.org/ ``` </small> --- class: compact # 仕様 - www.py は次の URL からダウンロードしてください ``` https://api.fml.org/dist/www.py ```