Web App Semi 2008 #1 Web App Semi 2008 #1
#1の概要 Web(World Wide Web)を知る HTMLを知る Webアプリケーションとは何かを知る PHPを知る Web App Semi 2008 #1
World Wide Webとは ブラウザから「http://www.~」と入力することでいろいろなWebページを見せているしくみ。 Web App Semi 2008 #1
Webページの表示の仕組み(1/2) 1 “http://www.yahoo.co.jp/index.html”の ページ内容をリクエスト ページ内容をレスポンスとして返す 表示 3 Web App Semi 2008 #1
Webページの表示の仕組み(2/2) 1 “http://www.yahoo.co.jp/index.html”で 指定されるファイルをリクエスト index.html Webサーバ 2 “index.html”ファイルを レスポンスとして返す 3 “index.html”ファイルを 整形(レンダリング)して 表示 Web App Semi 2008 #1
HTML(1/2) Webページを作成するためのマークアップ言語。 index.htmlはHTMLで書かれたテキストファイル。 Web App Semi 2008 #1
HTML(2/2) ハンズオン Web App Semi 2008 #1
もっと綺麗にしたいとき(HTML) Web App Semi 2008 #1
Webアプリケーションとは (Webページをただ表示するだけでない)Webの機能や特徴を利用したアプリケーション。 例えば、、、 データを登録していつでも参照できるようにできる。 Blog ログイン機能を持たせて会員しか表示しないようにする。 SNS Web App Semi 2008 #1
Webアプリケーションの 処理の仕組み(1/2) “http://www.yahoo.co.jp/index.php”の ページ内容をリクエスト リクエストを元に処理をする Webサーバ 2 処理の結果を レスポンスとして返す 表示 3 Web App Semi 2008 #1
Webアプリケーションの 処理の仕組み(2/2) 1 “http://www.yahoo.co.jp/index.php”の ページ内容をリクエスト リクエストを元に処理をする (データの登録、編集、閲覧、削除) Webサーバ 2 処理の結果をindex.phpとして レスポンスとして返す “index.php”ファイルを 整形(レンダリング)して 表示 3 Web App Semi 2008 #1
Webアプリケーションを作成するには リクエストとレンダリングはブラウザが担当します。 レスポンスはWebサーバが担当します。 リクエストとレンダリングはブラウザが担当します。 レスポンスはWebサーバが担当します。 処理をプログラムとして書く必要があります。 Web App Semiでは プログラミング言語としてPHPを選択し、 実際にWebアプリケーションを作成することで 理解を深めます。 Web App Semi 2008 #1
PHP Webアプリケーションの処理の部分を書くことができるプログラム言語の1つ。 Web App Semi 2008 #1
PHP(2/2) ハンズオン Web App Semi 2008 #1
もっと高機能にしたいとき(PHP) Web App Semi 2008 #1