授業の概要と実習環境説明 担当 岡村耕二 月曜日 2限 平成20年度 情報科学III (理系コア科目・2年生)

Slides:



Advertisements
Similar presentations
データベースの基礎知識 ACEESS の基本操作. データベースの基礎知識 データベース  特定のテーマや目的に毎のデータの集合体 データベースソフトウェア  データベースを作成、管理するソフトウェアの総 称 Oracle(Oracle) IBM(DB2) Microsoft(SQL Server)
Advertisements

Web アプリケーション開発 ~図書館管理システム~ 北海道情報大学 情報メディア学 部 情報メディア学科 新井山ゼミ 高橋 隼.
1 PHP プログラムの実行(まと め) 担当 岡村耕二 月曜日 2限 平成 22 年度 情報科学 III (理系コア科目・2年生) 本資料の一部は、堀良彰准教授、天野浩文准教授、菅沼明 准教授等による以前の講義資料をもとにしています。
ASP入門 - Windows 2000 Server 活用 -.
WWW のおはなし 神戸大学理学部地球惑星科学科 4 回生 佐伯 拓郎 (地球および惑星大気科学研究室) 藤田 哲也 (宇宙物理学研究室)
情報基礎A 情報科学研究科 徳山 豪.
DB(データベース)のおはなし 作成者:小野正広 DBと言っても、  ドラゴンボール ではないですぞ! 3/1/2017.
第3回参考文献発表 PHP言語 岩永逸平.
情報理工学部 情報システム工学科 3年 H 井奈波 和也
Webアプリケーションの 通信メカニズム WEBアプリ研究プロジェクト 第2回.
WEBから確認できる 駐車場管理システムについて
第2章 ネットサービスとその仕組み(前編) [近代科学社刊]
Ibaraki Univ. Dept of Electrical & Electronic Eng.
授業の概要と実習環境説明 担当 岡村耕二 月曜日 2限 平成22年度 情報科学III (理系コア科目・2年生)
HTMLの記述と WWWにおける情報公開 遠藤
EpWWWサーバ 北海道大学 理学院 宇宙理学専攻 M1 古田裕規.
PHP 概要 担当 岡村耕二 月曜日 2限 平成21年度 情報科学III (理系コア科目・2年生)
WWW (=World Wide Web)とは
ネットワーク情報活用 ILC Office / ILP KOBAYASHI Tomoko
ファイルシステムとコマンド.
Webアプリケーション.
第4回 個人の動画配信補足のためのWeb構築
プログラミング演習I 2004年4月14日(第1回) 木村巌.
応用情報処理V 第1回 プログラミングとは何か 2004年9月27日.
オペレーティングシステムⅡ 第3回 講師 松本 章代 VirtuaWin・・・仮想デスクトップソフト 2009/10/16.
佐賀大学 理工学部知能情報システム学科 講師 大月 美佳
Web App Semi 2008 #1 Web App Semi 2008 #1.
担当教官:大月 美佳(佐賀大学) 2001年度 総合科目
セッション管理 J2EE I 第9回 /
HTTPプロトコルとJSP (1) データベース論 第3回.
Webを利用した授業支援システムの開発 北海道工業大学 電気電子工学科 H 渋谷 俊彦.
PHP 概要 担当 岡村耕二 月曜日 2限 平成20年度 情報科学III (理系コア科目・2年生)
応用情報処理V 第1回 プログラミングとは何か 2003年9月29日.
HTTPプロトコル J2EE I 第7回 /
経済学のための情報処理 ホームページの作成.
Day3 Day4 Day3 Day4.
09 06/23 PHP と SQL (MySQL) の連携 その2
情報コミュニケーション入門 総合実習(1) 基礎知識のポイント(2)
マイクロソフト Access を使ってみよう 第1回
データベース設計 データベース設計 第0回 オリエンテーション 坂口利裕.
ネットワークプログラミング論 平成28年12月12日 森田 彦.
データベース設計 第9回 Webインタフェースの作成(1)
マイクロソフト Access での SQL 演習 第1回 SQL問い合わせ(クエリ)
基礎プログラミング演習 第1回.
第8章 Web技術とセキュリティ   岡本 好未.
2003年度 データベース論 安藤 友晴.
HTTPとHTML 技術領域専攻 3回 中川 晃.
情報コミュニケーション入門b 第10回 Web入門(1)
情報コミュニケーション入門b 第10回 Web入門(1)
九州大学キャンパスクラウド 利用法 情報ネットワーク特論 講義資料.
情報コミュニケーション入門e 第11回 Part2 Web入門(1)
Javaによる Webアプリケーション入門 第2回
Web - 01 IIS を インストールしよう.
PHP と SQL (MySQL) の連携 大量のデータを扱う
コンピュータ プレゼンテーション.
PHP 概要 担当 岡村耕二 月曜日 2限 平成22年度 情報科学III (理系コア科目・2年生)
データベース設計 第7回 実用データベースの運用例 クライアント=サーバシステム(1)
情報システム1及び演習 第一回 データベースの概要.
ガイダンス 情報システム管理 ガイダンス 水野 嘉明 情報システム管理 1.
情報コミュニケーション入門b 第11回 Web入門(2)
情報処理基礎A・B 坂口利裕 横浜市立大学・商学部
情報コミュニケーション入門e 第12回 Part1 Web入門(2)
Webアプリケーションと JSPの基本 ソフトウェア特論 第4回.
情報コミュニケーション入門e 第12回 Part1 Web入門(2)
第14回放送授業.
JSPの基本 J2EE I (データベース論) 第8回 /
システムプログラミング 第10回 プロセス間通信3 簡易Web server(準備) Chat プログラム 担当:青木義満、篠埜 功
第2回 Webサーバ.
PHP と SQL (MySQL) の連携 日本語のデータを扱う
HTTPプロトコルの詳細 M1 峯 肇史.
Presentation transcript:

授業の概要と実習環境説明 担当 岡村耕二 月曜日 2限 平成20年度 情報科学III (理系コア科目・2年生) http://okaweb.ec.kyushu-u.ac.jp/lectures/jk3/ 本資料の一部は、堀良彰准教授、天野浩文准教授等による 以前の講義資料をもとにしています。

本日の内容 授業に関する説明 使用する計算機資源 計算機環境 データベース&PHP概要 利用者登録作業とその確認

授業に関する説明 授業の目標 出席の取り方 (RAM) 成績評価の方法 「全学教育科目 出席カード」の記入・提出 RAM:出席・レポート管理システム with 掲示板 http://cl.is.kyushu-u.ac.jp/Literacy/RAM/cgi-bin/index.cgi 成績評価の方法 50% 平常点(出席、レポート) 50% 課題点(最終課題による、試験は行わない。)

授業の目標 ウェブブラウザを利用したサービスの仕組や問題を理解し,簡単な情報処理システムを自分で構築できるようになる. 具体的には,以下のような処理を行うプログラムを記述できるようになる. ブラウザからアクセスがあった時点でサーバ上のデータベースにアクセスし,それから得られたデータを用いて動的にwebページを生成する. ブラウザに表示されたフォームにキーボードから入力されたデータを用いて,サーバ上のデータベースを更新する. 勉強するプログラミング言語 HTML (HyperText Markup Language) PHP (PHP: Hypertext Preprocessor) Personal Home Page Tools SQL (Structured Query Language)

目標達成のために、この講義で具体的に学ぶこと webブラウザでアクセスしたサーバに何かの「仕事」をさせるサーバサイドプログラムのしくみを理解 サーバサイドプログラムを作る言語の一例としてのPHPを学習 データベース言語SQLの基礎を学習 サーバに置かれたデータベースにアクセスするようなサーバサイドプログラムをマスター

マスターできる技術 情報システムの構成要素 Webブラウザ(Internet Explorer) Webサーバ Apache (PHP4 を処理できるもの) MySQL (RDB: リレーショナルデータベース) コンピュータ(上の)言語 ページ記述言語 HTML プログラミング言語 PHP4 (Hypertext Processor version 4) Web ブラウザ以外の、apache, MySQL は別に準備した Linux PC で動いています。

講義計画 07 06/09 SQL 概要 08 06/16 SQL データベースアクセスのための文法 01 04/14 導入 5% × 10 = 50% 07 06/09 SQL 概要 08 06/16 SQL データベースアクセスのための文法 06/21 休講 09 06/23 PHP と SQL (MySQL) の連携 その1 10 07/07 PHP と SQL (MySQL) の連携 その2 11 07/14 サーバサイドプログラムとセキュリティ、まとめ、最終課題の説明 05/05, 07/21 は休日 01 04/14 導入 02 04/21 サーバでのファイルの扱い 03 04/28 PHP 概要 04 05/12 PHP 文法 05/19 休講 05 05/26 PHP プログラムの実行 06 06/02 PHP プログラムの実行: データ入力

導入 学習環境の理解・サーバサイドプログラム

九州大学情報統括本部 教育用計算機システム(1) 九州大学情報統括本部 教育用計算機システム(1) UNIX + webサーバ サーバ Windows XP ファイル 端末室(六本松,箱崎等) 情報基盤研究開発センター (箱崎地区) どこの端末室のどの端末からログインしても,自分が前回保存したWindowsファイル(Zドライブ)にアクセスできる. もちろん,正しくログインできたらの話であるが… そのようなサービスを提供してくれているサーバのオペレーティングシステムは,実はWindowsではなく,UNIX(Solaris)である.

九州大学情報統括本部 教育用計算機システム(2) 九州大学情報統括本部 教育用計算機システム(2) (2)UNIXにファイル転送 サーバ (1)Windowsにログオン webページ公開 (このとき,さらにUNIXにログインする必要がある.) ファイル 端末室(六本松,箱崎等) 情報基盤研究開発センター (箱崎地区) 自分で作ったHTMLファイルをUNIXサーバ上の適切なディレクトリ(フォルダ)に置けば,自分のwebページを公開することができる. 教育用システムのWindows と UNIXでは,IDとパスワードが共通. webページ公開手順の詳細は,「利用の手引き」を参照のこと. しかし,このサーバには,この講義で必要となる他のソフトウェアが用意されていない.

そこで,今回の講義では…(1) 九州大学 教育用計算機システム サーバ UNIX + webサーバ 他 ファイル Windows XP ファイル サーバ ファイル bossp.is.kyushu-u.ac.jp 大学院 システム情報科学府 計算機室(伊都地区) 端末は九州大学教育用計算機システムのWindows PC を用いるが,システム情報科学府(伊都地区)に設置された別のサーバ上に,自分のプログラムを作る. システム情報のサーバのIDとパスワードは,教育用システムのそれとは連動していない. OSは,厳密にはUNIXではなくCentOSと呼ばれるものだが,今回の講義ではその差異を意識する必要はないだろう.

そこで,今回の講義では…(2) 九州大学 教育用計算機システムのPC システム情報のサーバ サーバ UNIX + webサーバ 他 Windows XP ファイル サーバ UNIX + webサーバ 他 サーバ IDとパスワードは 次回以降配布 ファイル IDとパスワードはすでに発行済み このサーバには,webサーバの他に   PHP言語処理系   データベース管理システム(MySQL) がインストールされている.

ただし,出欠を取るときだけは… 九州大学 教育用計算機システム システム情報のサーバ 出席管理システム (RAM) ファイル サーバ 出席管理システム (RAM) Windows XP ファイル サーバ http://cl.is.kyushu-u.ac.jp/Literacy/RAM/cgi-bin/index.cgi IDとパスワードは 自分で設定する 出欠を取るときには,さらに別のサーバにwebブラウザでアクセスする. 出席管理システム(RAM) これにもIDとパスワードが必要だが,これも本学の教育用システムやシステム情報のwebサーバ(前ページ)とは連動していない. 初回に,自分のID(教育用システムと同じにする)に対するパスワードを設定する.

したがって… 今回の講義では,次の3つの計算機システムを使い分けながら作業する. 端末室のPC いつも通りにWindowsにログオン システム情報のwebサーバ ホスト:bossp.is.kyushu-u.ac.jp IDとパスワードの配布は次回以降 その回の講義に出席したことを記録するには: 以下のURLにブラウザでアクセスし,必要な操作を行うこと. http://cl.is.kyushu-u.ac.jp/Literacy/RAM/cgi-bin/index.cgi 初回に,自分で自分のパスワードを設定する. IDは,教育用システムと同じものにすること.

サーバサイドプログラミングとは クライアントサーバモデル World-Wide Web HTTPとHTML さまざまなコンテンツの登場 WWWサーバにもっと他の仕事をさせる

クライアントサーバモデル(1) サーバ(server)と,クライアント(client)によって,システムを構成する方式 サーバ:あるサービスを提供するもの クライアント:そのサービスを受けるもの 主な用途 ネットワーク上で動作するアプリケーションや,広域分散処理システム上のサービスに多く見られる. クライアントがサーバにサービスの実行を要求(処理を要求)し, サーバがそれに応答する(実行結果を返す). 通常は,ひとつのサーバがネットワーク上に分散する複数の(多数の)クライアントにサービスを提供することが多い. ただし,単一の計算機の内部でサーバプロセスとクライアントプロセスが動作する形態もある.

クライアントサーバモデル(2) サーバとクライアントが通信するための規約(プロトコル,protocol)が,サービスごとに定められている. この規約に従うことにより,異なる製造元から提供されたサーバとクライアントが通信することも可能になる.

クライアントとサーバの通信の例 要求と応答 webブラウザ(クライアント) webサーバ 要求 結果を待つ 要求の処理 応答 他のクライアントからの 要求を処理してもよい 要求 結果を待つ 要求の処理 応答 時間 時間

World-Wide Web(WWW) 誕生は1989年... ヨーロッパの原子核研究機構で,報告書・論文・画像・観測データなどのさまざまなデータファイルを多くの研究者がネットワークで共有するためのサービスとして始まった. インターネット上の数百万ものサーバ上の文書を目に見えないリンク(ハイパーリンクともいう)で結んだ「ハイパーテキスト(hypertext)」を共有するしくみ 無数の文書がリンクで結ばれている様子を,蜘蛛の巣(web)にたとえた. Webサービスのためのハイパーテキストの文法がHTML(hypertext markup language) クライアントがハイパーテキストの転送を要求したり,サーバがクライアントにデータを転送するためのプロトコルがHTTP(hypertext transfer protocol)

URLとURI URL(Uniform Resource Locator) web上のリソース(データやサービス)の『場所』を一意に識別するもの. 絶対URLの例 http://isabell.cc.kyushu-u.ac.jp/~amano/index-j.html 相対URL…すでに指定されたリソースからの相対的な位置を表す. 例: /data-engineering/index.html URI(Uniform Resorce Identifier) URLはリソースが移動されると無効になってしまう. そこで,『場所』ではなく普遍的・永続的な『名前』でリソースを識別しようという考え方が登場した. そうすると URL という名称はおかしいので… ただし,今回の講義では,上記の2つを区別して考える必要はないだろう.

HTTP (Hypertext Transfer Protocol) -(1) クライアントからサーバに送られる基本的な4種類のリクエスト GET サーバ上のファイルを送るように要求する. POST 後ろに続くメッセージボディをサーバ上のファイルに渡すように要求する. PUT 後ろに続くメッセージボディを,サーバに受け入れるように要求する. DELETE サーバ上のファイルを削除するように要求する. 最も単純なリクエストの例 GET /index.html HTTP/1.1 メソッド URI (ここでは相対) プロトコルバージョン 複数行にわたるリクエストの書式 リクエスト行 メッセージヘッダ (ない場合もある) (空行) メッセージボディ (ない場合もある)

HTTP (Hypertext Transfer Protocol) -(2) HTTPレスポンス 最初に,リクエスト受信・処理がうまく行ったかどうかを示す. それに付加的に追加される情報をメッセージヘッダに. 空行はメッセージヘッダの終わりを表す. その後ろがレスポンスメッセージの本体. メッセージボディが… HTMLフォーマットのデータなら:ブラウザは,ウィンドウ内にwebページを表示する. それ以外のフォーマットなら: 「ファイルのダウンロード」ダイアログが出る. アドオン(あるいは,プラグイン,ヘルパーアプリケーション)が処理する. HTTPレスポンスの書式 ステータス行 メッセージヘッダ (ない場合もある) (空行) メッセージボディ (ない場合もある)

ブラウザとサーバのやりとりの一例 GET /index.html HTTP/1.1 ブラウザでURLを入れたりリンクをクリックしたりしているだけではわかりにくいが,目に見えないところで,このようなやりとりが行われている. GET /index.html HTTP/1.1 メッセージボディを整形して表示 HTTP/1.1 200 OK Date: Wed, 11 Apr 2007 ... Server: Apace/1.3.6 (UNIX) Content-Type: text/html; <html> <head> <meta http-equiv="Content-Type" content="text/html"> <title>情報科学III(天野浩文)</title> <body> ...

HTML (Hypertext Markup Language) ハイパーテキスト文書の,特に以下のような機能・構成を記述するための言語 文書の構造(骨格) 見出し,本文,箇条書き,表,etc. 他の文書に移動するためのリンク 絶対または相対URIを含む 文字列の表示の制御 文字サイズ,書体(太字,斜体字,…),etc. < と > で囲まれたタグを多用する.

HTTP + HTML でできること サーバ上に事前に用意されているHTML文書を,クライアントからのリクエストに応じてブラウザに転送する. HTML文書内の「リンク」から,(ブラウザ上でクリックするだけで)他のURIに飛んでいく. 画像データくらいは,ページ内に埋め込んで表示させることもできる. リンク1 リンク2 ...................... ............... .............. ................................ ............................. クリック! クリック! すべて,事前に用意されたHTML文書ファイルと画像ファイル

さまざまなコンテンツの登場 今や,多くのwebページは,HTML(+HTTP)だけではなくなった. 文字よりも画像主体のページ さまざまなコンテンツへのリンク アドオン(プラグイン,ヘルパーアプリケーション)の充実 音声・音楽 動画 etc. しかし,これらのコンテンツも,事前に作成されてサーバに格納されているという点では,HTMLファイルと変わらない.

ページの事前準備は本当に必須なのか? GET /index.html HTTP/1.1 事前に用意されていなくても… GET /index.html HTTP/1.1 その場で HTTP/1.1 200 OK Date: Wed, 11 Apr 2007 ... Server: Apace/1.3.6 (UNIX) Content-Type: text/html; <html> <head> <meta http-equiv="Content-Type" content="text/html"> <title>情報科学III(天野浩文)</title> <body> ... HTML文書として正しければ,いつ作られたかブラウザにはわからない.

Webページを動的に生成するしくみ Server-Side Include (SSI) HTML文書の一部に,動的な内容(サーバ上のコマンドを実行したときの出力)を組み込む. アクセス日付,時刻 アクセスカウンタ(ページ内に文字として表示) あまりたいしたことはできない.文書の一部が変わるだけ. URIの指定するリソースを,静的な文書ファイルではなく,プログラムにしてしまう. クライアントからのアクセスが来たら,そのプログラムを実行する. そのプログラムが出力する内容を,ブラウザに表示させる. ただし,HTMLにのっとった出力をするようにプログラムを作っておく.

サーバで実行するか,クライアントで実行するか 受け取ったものを表示するのみ ディスクから プログラムを読み出してサーバで実行 ブラウザ プログラムの出力 リクエストされたファイル (=プログラム)をクライアントに転送するのみ ブラウザ プログラムの 出力を表示 たいていは,送られてきたプログラムを実行するためのアドオンがブラウザにインストールされていることが必要

動的webページ生成法のいろいろ サーバによる動的Webページ生成 CGI(Common Gateway Interface) 実際には,ページ生成以上のこともいろいろ実行可能. サーバによる動的Webページ生成 CGI(Common Gateway Interface) PHP(PHP: Hypertext Preprocessor) Java Servlet JSP(Java Sever Pages),ASP(Active Server Pages) クライアントによる動的Webページ生成 JavaScript プログラミング言語 Java とは別物の言語 Java Applet プログラミング言語 Java のサブセット Active-X 事実上,クライアント上でできることなら何でも実行可能

サーバサイドプログラミング クライアントからのリクエストを処理するためにサーバ側で動作するようなプログラムを作ること. ただし,サーバそのものを作るというよりも,サーバの機能の足りない部分を補うようなプログラムを作ることを指すことが多い.

サーバにもっと他の仕事をさせる 単にブラウザに表示する内容を動的に生成するだけでなく… クライアントから送られてきた情報にしたがって,サーバ内のデータを検索する. →『検索エンジン』 クライアントから送られてきた情報をサーバ側に追記する. →『掲示板』 クライアントからの情報に応じて,サーバ側データの内容を更新していく. →『座席予約システム』,『オンラインバンキングシステム』

今学期末の課題で作る予定のシステム(最終課題)の構成 PHP プログラム SQL クエリ web サーバ ブラウザ データベース 管理システム (DBMS) 検索・更新の結果 PHPプログラムは,クライアントからのリクエストに応じてデータベースにアクセスし,その結果を整形してブラウザに返す. また,データベースにアクセスする際には,SQL言語によるクエリ(問い合わせ,query)を発行する. データベース

本日のまとめ この講義の目標 講義・学習環境の説明 サーバサイドプログラミングの理解 来週(予定) クライアントからのアクセスがあった時にサーバで実行され,ブラウザ画面での表示を動的に生成するようなプログラムを作る. クライアントからの情報に応じて,データベースを検索,更新する. 講義・学習環境の説明 端末室のPC システム情報科学府のサーバ 出席管理システム サーバサイドプログラミングの理解 来週(予定) サーバへのログイン ファイルの扱い方の理解(システムのより詳しい理解のためのちょっと高度な勉強) 課題開始