1.Webアプリケーション 1-1 Web 1989Tim Berners-Lee 1993 1999iWindows98 2005: http://www.w3.org/people/berners-lee/
1-2 ( ) 汎 用 機 オフコン データベース アプリケーション 言 語 (COBOLなど) 文 字 端 末 タイプライター 端 末 http://research.microsoft.com/~gbell/digital/timeline/dechistory.htm 1-3 サーバー サーバー アプリケーション データベース 言 語 (Cなど) クライアント アプリケーション 端 末 (WS PC) http://www.icc.co.jp/seihin/zaimu/zai1.html
1-4 Web サーバー アプリケーション Webサーバー データベース 言 語 (Javaなど) 端 末 (Webブラウザ) 2.Webの 仕 組 み
2-1 HTML <html> <head> <title>htmlのサンプル</title> </head> <body> <h1> 見 出 し</h1> <p> 段 落 の 中 に 文 字 を 書 けます </p> <p><em> 強 調 </em>したり 他 のページに <a href="http://kanemune.cc.hit-u.ac.jp/">リンク</a> を 張 ったり </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="http://kanemune.cc.hit-u.ac.jp/">リンク</a> を 張 ったり </p> <p> 画 像 を 入 れることだってできます <img src="jpaa.png"> </p> </body> </html>
2-3 URL 2-4 http Webサーバー URL HTML URL IMG Web 画 面 Webブラウザ ユーザー
3.コンテンツの 動 的 生 成 3-1 Web Web プログラム (Webアプリケーション) Webサーバー リクエスト (URL) レスポンス (HTMLなど)
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/20041107 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-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.html PATH /sbin:/usr/sbin:/bin:/usr/bin:/usr/x11r6/bin SERVER_SIGNATURE Apache/2.0.50 (Fedora) Server at kanemune.cc.hit-u.ac.jp Port 80 SERVER_SOFTWARE Apache/2.0.50 (Fedora) SERVER_NAME kanemune.cc.hit-u.ac.jp SERVER_ADDR 133.46.10.18 SERVER_PORT 80 REMOTE_ADDR 203.165.228.64 DOCUMENT_ROOT /var/www/html SERVER_ADMIN root@localhost SCRIPT_FILENAME /var/www/html/tmp/www/printvars.php REMOTE_PORT 52853 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
4.Webアプリケーションで 使 われる 言 語 4.1 サーバー データベース SQL アプリケーション Webサーバー Java, Perl PHP, JSP, ASP 端 末 (WWWブラウザ) JavaScript, Applet
4-2 HTML (PHP) <html> <head> <title> 実 行 結 果 </title> </head> <body> あなたの 好 きな 食 べ 物 は <?php print($_post["food"]);?> ですね </body> </html> 4-3
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
4-6 4-7 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="0010059639"> <INPUT type="hidden" name="buy_product" value="0010059639,14800"> http://www.biccamera.com/bicbic/app/w?screen_id=bw011100&fnc=f&actiontype= bw011100_01&product_id=0010059639&buy_product=0010059639,14800
4-8 4-9 AuthType Basic AuthName "IDとパスワードを 入 れてください" AuthUserFile /home/susumu/etc/htpasswd waseda:gy8lifct1bbf2
5.Webサービス 5-1 Web WWW Webサービス サーバー サーバー 他 のサーバー 画 面 データ
5-2 5-3 GoogleWeb Web Webサーバー Google API 端 末 (WWWブラウザ) プログラム
5-4 5-5
6.WWW 検 索 6-1 Googleは80 億 ページ 収 集 弁 理 士 で18 万 ページヒット
6-2 項 目 従 来 の 情 報 検 索 検 索 エンジン ユーザー サーチャー 初 心 者 検 索 語 吟 味 した 検 索 式 思 い 付 いた1,2 語 結 果 の 閲 覧 全 件 先 頭 10 件 絞 り 込 み する しない 結 果 集 合 数 十 ~ 数 千 件 数 万 ~ 数 百 万 件 求 める 情 報 網 羅 的 数 件 6-3
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-6 (1) 6-7 (2)
6-8 基 になる 情 報 スコアリング 手 法 類 似 の 概 念 データの 特 性 出 現 頻 度 タグ カーナビゲーション 出 現 位 置 近 接 度 鉄 道 経 路 検 索 ユーザーの 行 動 クリック 人 気 ベストセラー 情 報 ユーザーの 推 薦 リンクポピュラリティ 文 献 の 引 用 情 報 6-9 RSS