クライアントサーバーモデル
事例研究説明
- 各画面構成ファイル
-
- A.住所自動入力(PHP)
- 検索プログラムはサーバサイド
- B.住所自動入力(JavaScript)
- 検索プログラムはクライアントサイド(JavaScript)
- C.住所自動入力(Ajax)
- 検索プログラムはサーバサイド、その結果を随時やりとりするためにJavaScript ※Ajax(Asynchronous JavaScript + XML)のAsynchronous(非同期)とは
- データ本体(A.C.共通)閲覧
クライアントサーバーモデル
- ウェブプログラミング
-
一口にプログラミングといっても直接ハードウェアを操作したり、OSを記述したりすることもあれば、OS上のアプリケーションを記述することもある。本講で扱うのはウェブプログラミングである。
ウェブプログラムはウェブベースのシステムを構築するためのプログラムの総称であり、さらにサーバサイドとクライアントサイドにわけることができる。
- サーバサイドプログラミング言語
-
ウェブサーバー側で処理が行われるシステムを構築するための言語。
ユーザの要求に応じてサーバの持っている情報を加工して提示したり、ユーザが入力したデータをサーバに格納したりする。
- 使用例
- 掲示板、ブログ他各種SNS、ショッピングサイト、データベース検索システムなど
- 代表的言語
- Java,Perl,PHPなど
- クライアントサイドプログラミング言語
-
ユーザのブラウザ側で処理が行われるシステムを構築するための言語。
ユーザの操作に対してリアルタイムに表示を切り替えたり、データを操作するのに用いられる。
データベースを操作したり、サーバ側のデータを変更したりすることは出来ない。
サーバ上の大量のデータを扱う際にはあらかじめ一度に読み込める程度の量にデータを分割しておく必要がある。
- 使用例
- ウェブページ表示統御、ユーザ入力チェック、ブラウザベースのゲームなど
- 代表的言語
- JavaScript
- Ajax(リッチクライアント)
-
ページ遷移を伴わずにサーバとの連携を随時行うための一連の技術。
クライアントサイドのJavaScript、サーバサイドプログラム双方が連携を行う仕組み。
サーバプログラムがその都度生成したデータをリアルタイムで表示に反映させることが出来る。
- 使用例
- ブラウザベースのゲーム、地図、Officeソフトなど
- 代表的言語
- Ajax(Asynchronous JavaScript + XML)
- サーバサイドプログラムの例
- 阪急京都線運賃計算プログラム(PHP)
- クライアントサイドプログラムの例
- 阪急京都線運賃プログラム(JavaScript)
- リッチクライアントの例
- 阪急京都線運賃プログラム(Ajax)