Microsoft PowerPoint ppt

Size: px

Start display at page:

Download "Microsoft PowerPoint - 051105-2.ppt"

ゆゆこねごろ
9 years ago
Views:

1 1.Webアプリケーション 1-1 Web 1989Tim Berners-Lee iWindows :

2 1-2 ( ) 汎用機オフコンデータベースアプリケーション言語 (COBOLなど) 文字端末タイプライター端末サーバーサーバーアプリケーションデータベース言語 (Cなど) クライアントアプリケーション端末 (WS PC)

3 1-4 Web サーバーアプリケーション Webサーバーデータベース言語 (Javaなど) 端末 (Webブラウザ) 2.Webの仕組み

4 2-1 HTML <html> <head> <title>htmlのサンプル</title> </head> <body> <h1> 見出し</h1> <p> 段落の中に文字を書けます </p> <p><em> 強調 </em>したり他のページに <a href=" を張ったり </p> <p> 画像を入れることだってできます <img src="jpaa.png"> </p> </body> </html> 2-2 Web <html> <head> <title>htmlのサンプル</title> </head> <body> <h1> 見出し</h1> <p> 段落の中に文字を書けます </p> <p><em> 強調 </em>したり他のページに <a href=" を張ったり </p> <p> 画像を入れることだってできます <img src="jpaa.png"> </p> </body> </html>

png"> </p> </body> </html> 2-2 Web <html> <head> <title>htmlのサンプル</title> </head> <body> <h1> 見出し</h1> <p> 段落の中に文字を書けます

5 2-3 URL 2-4 http Webサーバー URL HTML URL IMG Web 画面 Webブラウザユーザー

6 3.コンテンツの動的生成 3-1 Web Web プログラム (Webアプリケーション) Webサーバーリクエスト (URL) レスポンス (HTMLなど)

7 3-2 Name: 兼宗進 Yomi: カネムネススム Addr: 東京都 Sex: male Submit: OK 3-3 HTTP UNIQUE_ID FRoUZoUuChIAAFptYjgAAAAQ HTTP_HOST kanemune.cc.hit-u.ac.jp HTTP_USER_AGENT Mozilla/5.0 (Windows; U; Windows NT 5.1; en-us; rv:1.7.5) Gecko/ Firefox/1.0 HTTP_ACCEPT text/xml,application/xml,application/xhtml+xml, text/html;q=0.9,text/plain;q=0.8,image/png,*/*;q=0.5 HTTP_ACCEPT_LANGUAGE en-us,en;q=0.5 HTTP_ACCEPT_ENCODING gzip,deflate HTTP_ACCEPT_CHARSET ISO ,utf-8;q=0.7,*;q=0.7 HTTP_KEEP_ALIVE 300 HTTP_CONNECTION keep-alive HTTP_REFERER PATH /sbin:/usr/sbin:/bin:/usr/bin:/usr/x11r6/bin SERVER_SIGNATURE Apache/ (Fedora) Server at kanemune.cc.hit-u.ac.jp Port 80 SERVER_SOFTWARE Apache/ (Fedora) SERVER_NAME kanemune.cc.hit-u.ac.jp SERVER_ADDR SERVER_PORT 80 REMOTE_ADDR DOCUMENT_ROOT /var/www/html SERVER_ADMIN SCRIPT_FILENAME /var/www/html/tmp/www/printvars.php REMOTE_PORT GATEWAY_INTERFACE CGI/1.1 SERVER_PROTOCOL HTTP/1.1 REQUEST_METHOD GET QUERY_STRING food=curry&sex=unknown&cmt=hello&pw=passwd REQUEST_URI /tmp/www/printvars.php?food=curry&sex=unknown&cmt= Hello&pw=passwd

5 HTTP_ACCEPT_ENCODING gzip,deflate HTTP_ACCEPT_CHARSET ISO-8859-1,utf-8;q=0.7,*;q=0.7 HTTP_KEEP_ALIVE 300 HTTP_CONNECTION keep-alive HTTP_REFERER http://kanemune.cc.hitu.ac.jp/tmp/www/printvars.

8 4.Webアプリケーションで使われる言語 4.1 サーバーデータベース SQL アプリケーション Webサーバー Java, Perl PHP, JSP, ASP 端末 (WWWブラウザ) JavaScript, Applet

9 4-2 HTML (PHP) <html> <head> <title> 実行結果 </title> </head> <body> あなたの好きな食べ物は <?php print($_post["food"]);?> ですね </body> </html> 4-3

10 4-4 (JavaScript) <html><head> <title>formサンプル</title> <meta http-equiv="content-script-type" content="text/javascript"> <script type="text/javascript"> function check() { var f1 = document.forms[0].elements[0].checked; var f2 = document.forms[0].elements[1].checked; var f3 = document.forms[0].elements[2].checked; if (!f1 &&!f2 &&!f3) { window.alert("どれかをチェックしてください"); return false; } return true; } </script> </head><body> <form method="post" action="form1.php" onsubmit="return check()"> 好きな食べ物 : <input type="checkbox" name="food" value="ハンバーグ" />ハンバーグ <input type="checkbox" name="food" value="ラーメン" />ラーメン <input type="checkbox" name="food" value="カレー" />カレー <input type="submit" value=" 送信 " /> </form></body></html> 4-5

alert("どれかをチェックしてください"); return false; } return true; } </script> </head><body> <form method="post" action="form1.

11 Form URL <INPUT type="hidden" name="shop_id" value="bicbic"> <INPUT type="hidden" name="product_name" value="オールインワンプリンタ HP PSC1315"> <INPUT type="hidden" name="screen_id" value="bw030000"> <INPUT type="hidden" name="actiontype" value="bw030000_re"> <INPUT type="hidden" name="product_id" value=" "> <INPUT type="hidden" name="buy_product" value=" ,14800"> bw011100_01&product_id= &buy_product= ,14800

<INPUT type="hidden" name="product_id" value="0010059639"> <INPUT type="hidden" name="buy_product" value="0010059639,14800">

12 AuthType Basic AuthName "IDとパスワードを入れてください" AuthUserFile /home/susumu/etc/htpasswd waseda:gy8lifct1bbf2

13 5.Webサービス 5-1 Web WWW Webサービスサーバーサーバー他のサーバー画面データ

14 GoogleWeb Web Webサーバー Google API 端末 (WWWブラウザ) プログラム

16 6.WWW 検索 6-1 Googleは80 億ページ収集弁理士で18 万ページヒット

17 6-2 項目従来の情報検索検索エンジンユーザーサーチャー初心者検索語吟味した検索式思い付いた1,2 語結果の閲覧全件先頭 10 件絞り込みするしない結果集合数十 ~ 数千件数万 ~ 数百万件求める情報網羅的数件 6-3

18 6-4 ( 索引生成処理 ) 1.ページを集める 2.テキストを取り出す 3. 索引語を作る 4. 索引語を納める ( 検索処理 ) 1. 索引語を検索する 2.ランキングする 3. 要約を表示する 6-5 <html lang="ja"> <head> <title>ページタイトル</title> </head> <body> <h1> 検索アルゴリズム</h1> <p> 重要な概念はページや段落の先頭付近に書かれる場合が多いものです </p> <p> 本文中では重要な概念が<em> 強調 </em>や<strong>より強調 </strong>されたり <a href="link.html">ハイパーリンク</a>で示されていることがあります </p> </body> </html>

要約を表示する 6-5 <html lang="ja"> <head> <title>ページタイトル</title> </head> <body> <h1> 検索アルゴリズム</h1> <p>

19 6-6 (1) 6-7 (2)

20 6-8 基になる情報スコアリング手法類似の概念データの特性出現頻度タグカーナビゲーション出現位置近接度鉄道経路検索ユーザーの行動クリック人気ベストセラー情報ユーザーの推薦リンクポピュラリティ文献の引用情報 6-9 RSS

コンピュータサイエンス 4. ウェブプログラミング

コンピュータサイエンス 4. ウェブプログラミング 4. Chris Plaintail 2014 1 / 43 1 HTML CSS 2 JavaScript DOM jquery 3 4 PHP SQL PHP SQL 2 / 43 HTML HTML CSS HTML Ajax (Asynchronous JavaScript + XML) PHP SQL 3 / 43 HTML, CSS http, https CSS HTML CSS.html