Web App Semi 2008 #1 Web App Semi 2008 #1.

Presentation on theme: "Web App Semi 2008 #1 Web App Semi 2008 #1."— Presentation transcript:

1 Web App Semi 2008 #1 Web App Semi 2008 #1

2 #1の概要 Web(World Wide Web)を知る HTMLを知る Webアプリケーションとは何かを知る PHPを知る
Web App Semi 2008 #1

3 World Wide Webとは ブラウザから「http://www.～」と入力することでいろいろなWebページを見せているしくみ。
Web App Semi 2008 #1

4 Webページの表示の仕組み(1/2) 1 “http://www.yahoo.co.jp/index.html”の ページ内容をリクエスト
ページ内容をレスポンスとして返す 表示 3 Web App Semi 2008 #1

5 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

6 HTML(1/2) Webページを作成するためのマークアップ言語。 index.htmlはHTMLで書かれたテキストファイル。
Web App Semi 2008 #1

7 HTML(2/2) ハンズオン Web App Semi 2008 #1

8 もっと綺麗にしたいとき(HTML) Web App Semi 2008 #1

9 Webアプリケーションとは (Webページをただ表示するだけでない)Webの機能や特徴を利用したアプリケーション。 例えば、、、
データを登録していつでも参照できるようにできる。 Blog ログイン機能を持たせて会員しか表示しないようにする。 SNS Web App Semi 2008 #1

10 Webアプリケーションの 処理の仕組み(1/2)
“ ページ内容をリクエスト リクエストを元に処理をする Webサーバ 2 処理の結果を レスポンスとして返す 表示 3 Web App Semi 2008 #1

11 Webアプリケーションの 処理の仕組み(2/2)
1 “ ページ内容をリクエスト リクエストを元に処理をする （データの登録、編集、閲覧、削除） Webサーバ 2 処理の結果をindex.phpとして レスポンスとして返す “index.php”ファイルを 整形（レンダリング）して 表示 3 Web App Semi 2008 #1

12 Webアプリケーションを作成するには リクエストとレンダリングはブラウザが担当します。 レスポンスはWebサーバが担当します。
　　リクエストとレンダリングはブラウザが担当します。 　　レスポンスはWebサーバが担当します。 　　処理をプログラムとして書く必要があります。 Web App Semiでは プログラミング言語としてPHPを選択し、 実際にWebアプリケーションを作成することで 理解を深めます。 Web App Semi 2008 #1

13 PHP Webアプリケーションの処理の部分を書くことができるプログラム言語の1つ。 Web App Semi 2008 #1

14 PHP(2/2) ハンズオン Web App Semi 2008 #1

15 もっと高機能にしたいとき(PHP) Web App Semi 2008 #1