コンピュータ基礎実習 ( 上級 ) 第七回 CGI の利用 清水淳紀. はじめに  本講義のテーマ  ホームページで良く利用される CGI ( シージーアイ ) について学びます。  CGI とは何か  CGI の基礎知識  CGI をサーバーにインストールする  CGI を実行してみる.

Slides:



Advertisements
Similar presentations
Silverlight Producer コンテンツ作成 第一回 GKB48 セミナー 「学習型クラウド共有スペース GKB コモンズは何を目指すか」 2013.oct.30.
Advertisements

1 実技演習1 2008/01/28,29 JaLTER Morpho 講習会. 2 起動・接続 各自、コンピュータを起動してネットワーク に接続してください。 各自、コンピュータを起動してネットワーク に接続してください。 IP アドレス自動取得 IP アドレス自動取得 無線 LAN 使用可 無線.
コンピュータ基礎実習 ( 上級 ) 第二回 ウェブページの作成について 清水淳紀. ウェブページとは  ウェブ (Web) は正式名称を World Wide Web という。  文字や画像、動画等を簡単に扱うことができる。  [ リンク ] を介してページ同士がつながっているのが 特徴。 ページは.
ウィキについて 1 1040431 1 1040431 植木貴宏 植木貴宏. ウィキとは? ウェブブラウザを利用して Web サーバ 上のハイパーテキスト文書を書き換え るシステムの一種。 ウェブブラウザを利用して Web サーバ 上のハイパーテキスト文書を書き換え るシステムの一種。 Wiki とは、ハワイ語で「速い」を意味.
1 情報処理基礎 2006 年 7 月 6 日. 2 本日の学習項目 HTML 文書の基礎知識を習得する。 ホームページ・ビルダーの基本的な使 い方を習得する。 ホームページの作成 自己紹介のためのホームページを作成する。
1 ブログ操作マニュアル 2008 年 2 月 15 日作成:株式会社ちらし屋ドットコ ム. 2 ■ ログイン ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi ○ ○ ○ ○ ○ com/cgi-bin/mt.cgi へアクセスし、 ユーザー名、パスワードを入力し、サインインをクリックする。
コンピュータ基礎実習 ( 上級 ) 第三回 ウェブページの作成について2 清水淳紀. 前回までの内容  ページの簡単な作り方。  ページの編集・アップロード・確認 方法について。  ページはメモ帳や Kompozer 等で編集できる。 ウェブサー バーにアップロード  ページを公開するには、必要ファイル群をウェブサー.
情報アプリケーション1 2006 年 10 月 12 日 第四回資料 担当 重定 如彦. 目次 データの送信とフォーム クイズ CGI 複数のパーツのデータの分割方法 配列変数.
0 クイックスタートガイド|管理者編 スマートデバイスのビジネス活用を支援する法人向けファイル共有サービス.
クリックすると、 [SourceEditor2.0] の インストール / 更新・起動 クリックすると、 [MarkReader2.0] の インストール / 更新・起動 クリックすると、 [MarkReader2.0] の インストール / 更新・起動 SQS ホームページ
ウェブページビルダーマニュアル 株式会社 SOIYAA.
Web アプリをユーザー毎に カスタマイズ可能にする AOP フレームワーク
情報基礎演習I(プログラミング) 第9回 6月22日 水曜5限 江草由佳
農業者年金記録管理システム 研修資料の入手等について
4.ユーザー登録マニュアル              Version 年6月10日 国立情報学研究所.
情報基礎A 情報科学研究科 徳山 豪.
情報処理実習 第05回 Excelマクロ機能入門 操作マクロ入門.
ブラウザの基本操作 前のページに戻る ブラウザの左上にある 「戻る」ボタンで、自分がたどってきた一つ前のページに戻ることができます。
情報処理 第8回.
Flashプレイヤーを使った動画配信 情報工学科 宮本 崇也.
1 インストール・起動する 「SQS」で検索 SQSホームページ 動作環境 JavaSE 6以上 (JRE6)
~ 企業内の情報共有のために~ 暗黙知を→形式知へ キッズウェイナレッジのご提案 2003年7月 24日 - 第1版 -
情報処理基礎 2006年 6月 1日.
WordPressの基礎.
ファイルやフォルダを検索する ①「スタート」→「検索」→「ファイルとフォルダ」とクリックする。
HTMLの記述と WWWにおける情報公開 遠藤
CG作品展示サイト”Fragments” ~ 『閲覧しやすさ』と『デザイン性』を両立させた Webデザイン~
Web App Semi 2008 #1 Web App Semi 2008 #1.
一歩進んだインターネットの利用 ~Firefox と qwikWeb~
HTTPプロトコルとJSP (1) データベース論 第3回.
【トップページ-TOPICSの登録・編集】
平成22年度に実施を予定するインターネットを 用いた研修システムによる研修 ライブ配信受講手順書
コンピュータ基礎実習上級 #10 絶対パスによる指定
2009/5/22 けーちゃん カンタン  Wikiで情報共有 あいさつ 2009/5/22 けーちゃん
コンピュータ・リテラシーb 第10回 Excel によるグラフ作成.
情報学部 プログラミング体験教室 (初級編)
パートナー様向け 仕事のご説明資料 関係者外秘 (他の方に絶対に開示しないでください).
コンピュータ プレゼンテーション.
データベース設計 第9回 Webインタフェースの作成(1)
基幹理工学研究科 情報理工学専攻 後藤研究室 修士1年 魏 元
経営工学基礎演習a PowerPointの利用.
ホームページ作成・更新講座 夏のコンピュータ学習会 画像
第8章 Web技術とセキュリティ   岡本 好未.
JIMDO勉強会その2 アカウント新規作成.
Microsoft PowerPoint98 Netscape Communicator 4.06[ja]
管理画面操作マニュアル <サイト管理(1)> 基本設定 第9版 改訂 株式会社アクア 1.
【プログラミング応用】 必修2単位 通年 30週 授業形態:演習.
対応可否 スキル一覧 株式会社エージェント 2015年10月7日 Ver.1.0.
すぐできるBOOK -スケジュール編-.
第一回 掲示板                 05A1054         前田嵩公.
制作技術ー3 双方向通信 : CGIシステムと環境変数
スマートデバイスのビジネス活用を支援する法人向けファイル共有サービス
すぐできるBOOK -基本設定編-.
三つの言いわけ ひとつ 皆さんを確実に入口までお連れします ひとつ ブログを勉強すれば、遠からず、HPも つくれるようになります
発注者側サイト操作説明書 作成日:2004年6月 Ver1.0 初版 改 訂:2005年9月 Ver1.2 株式会社 コニファ.
Web - 01 IIS を インストールしよう.
地域情報学 C言語プログラミング 第1回 導入、変数、型変換、printf関数 2016年11月11日
ファイルのアップロード HTMLファイルをWebサーバにアップロード 名商大のWebサーバ(opinion.nucba.ac.jp)
コンピュータ プレゼンテーション.
情報コミュニケーション入門b 第11回 Web入門(2)
北海道情報大学 情報メディア学部 情報メディア学科 新井山ゼミ 金子拓磨
情報基礎演習I(プログラミング) 第11回 7月12日 水曜5限 江草由佳
情報コミュニケーション入門e 第12回 Part1 Web入門(2)
Webアプリケーションと JSPの基本 ソフトウェア特論 第4回.
情報基礎演習I(プログラミング) 第8回 6月8日 水曜5限 江草由佳
情報コミュニケーション入門e 第12回 Part1 Web入門(2)
Microsoft SharePoint Online の Web サイトを カスタマイズする方法
Googleマップを活用した 生物調査データベースの構築
第2回 Webサーバ.
募集ページ作成マニュアル 準備 募集画面作成 コンタクトフォームの作成(コンタクトフォームとは何か説明) 応募フォームの作成 リンク付け
Presentation transcript:

コンピュータ基礎実習 ( 上級 ) 第七回 CGI の利用 清水淳紀

はじめに  本講義のテーマ  ホームページで良く利用される CGI ( シージーアイ ) について学びます。  CGI とは何か  CGI の基礎知識  CGI をサーバーにインストールする  CGI を実行してみる

CGI とは  Common Gateway Interface ( コモン・ゲートウェイ・インタフェース、 CGI)  ウェブサーバー上でプログラムを動作させる仕組み。  サーバー上のさまざまなプログラム言語を利用可能  プログラム言語の種類  Perl  Perl パール  PHP  PHP ピーエイチピー  Python パイソン  Ruby ルビー など CGI と一言にいっても、サーバー上で使用されるプログラム言語はさまざま。 Perl PHP 一般的には Perl や PHP による CGI が多く使われている。

1. クライアントがサーバーにアクセス 2. サーバーでプログラム実行 3. サーバーがページを作成 4. 結果がクライアントに表示される 1. クライアントがサーバーにアクセス 2. サーバーでプログラム実行 3. サーバーがページを作成 4. 結果がクライアントに表示される CGI 動作の仕組み クライアント ( 閲覧者のパソコン ) ウェブサーバー プログラムファイル 実行 ページが生成される サーバーにアクセス サーバーは、とても忙しい。

CGI で何が出来るか  ページ閲覧者の状態に応じて動的 ( インタラクティ ブ ) な ページを作成できる。  閲覧者の入力をサーバーが受け取って処理できる。  CGI で実現できるページの例  電子掲示板 ( 書き込み内容の保存や検索など )  問い合わせフォーム ( 入力を受け取ってメールを送る な ど )  アクセスカウンタ ( 訪問者数の記録 )  Wiki ( 専用の Wiki 文法を使ってページを簡単に作成 )  Blog システム ( 簡単な操作で綺麗なページを作成 )  ウェブメール ( サーバー側でのアプリケーション提供 )

CGI 以外のプログラム  プログラムは CGI 以外の方法でも実行できる  Javascript によるプログラム  サーバー上ではなく、利用者のコンピュータ ( クライアント ) 側 でプログラム処理が行われるので CGI ではない。  サーバーが重くならないが、原則サーバーにデータを保存して おけない。 ( 次回アクセス時に保存データを引き継げない。 )  ( 例 ) 一部のブラウザゲームなど  オンラインアプリケーション  専用のプログラムをインストールしてクライアントで処理する ものは CGI ではない。  ( 例 ) MMO オンラインゲームなど Javascript の場合 Cookie( クッキー ) という技術を使うと、クライアント側にデータを保存しておくことが 一応出来る。 クライアント側で処理を行うのでアクセスが集中してもサーバーに負担が少ない利点がある。

CGI を利用するには CGI ファイルを 用意する 初期設定 サーバーにインストール プログラムを自分で作成する。 ネット上で配布されているものを ダウンロード ネット上で配布されているものを ダウンロードして入手。 設定を一部書き換えたりして 調整 ( カスタマイズ ) する。 サーバーにファイルをアップロードして アクセスすれば実行される。 ※ アップロード時には、 CGI 特有の 手続きが必要な場合がある。

CGI ファイルを用意する  プログラムを自分で作成する  Perl や PHP 等のプログラム言語特有の文法が分かれば メモ帳などで簡単に作成できる。  プログラムにミスがあると動かないので適宜修正する。 (これを デバッグ作業 という。)  ネット上で公開されているものをダウンロード  他の作者が作成したプログラムを配布していることがあ る。  手っ取り早くプログラムの完成品を入手できる。  ダウンロードしたものを改造して使うこともある。 本講義では、ダウンロードすることによってプログラムを入手 することにする。

CGI ファイルの詳細  Perl や PHP で作成された CGI が多く配布されている。  それぞれの特徴 Perl.cgi ファイルの拡張子は.cgi または.pl ( 例 ) index.cgi sample_page.cgi CGI の歴史上古くから存在する。 プログラムの文法にやや癖があり、難解になることがある。 パーミッション サーバーに配置後 パーミッションを修正しないと動作しない。 日本語文字コードに対する対策などを行わないと文字化けしやす い。 PHP.php ファイルの拡張子は.php ( 例 ) index.php test02.php 比較的新しく策定されたプログラム言語である。 プログラム文法が比較的整理されており、習得しやすい。 ファイルのパーミッション修正などは不要。 日本語など世界各国の文字コードへのサポートが良い。 Perl 製 CGI ファイルは、サーバー上で動作させるために、ファイルに [ 実行可能 ] という許可情報 ( パーミッション ) を設定する必要がある。 本講義では、比較的扱いが簡単な PHP 製の CGI を使用することにします。

CGI ファイルの初期設定1  自分の好みに合わせて一部を書き換える。  テキスト編集プログラム ( サクラエディタなど ) で書き換え られる。  書き換えが必要な場所は大抵分かりやすく示されて いる。 (例) とある問い合わせ用 CGI ファイル( PHP) の中身 [ コメント ] と呼ばれる説明書きで 解説が書かれていることが多い。 ファイルの先頭の方に 書き換えなければならない箇所が 配置されていることが多い。 ただし書き方は作者によってさまざま。 編集箇所 編集には、 CGI 編集のためのサポートが優秀なサクラエディタ 等のアプリケーションを使うのが望ましい。 メモ帳などでは、文字コードの扱いが厳密でないので保存時に文字化けなどが発生する場合がある。

CGI ファイルの初期設定2  簡単な CGI ならば、初期設定 ( 編集 ) は不要かもしれな い。  初期設定が必要になる場合  掲示板のタイトル変更  メールの送信先アドレスの変更  初期ユーザー ID やパスワードの登録  デザインの修正  追加機能を有効にする、しない など CGI にはたいてい説明文章が付属しているので、 よく読んで適宜修正を行ってください。

CGI ファイルのアップロード  PHP で作られた CGI の場合  HTML と同じように public_html フォルダ内に アップロードするだけ。  特別な設定は ( 多くの場合 ) 不要。  アクセスして動作確認  実際に URL を使ってサーバーにアクセスする。 ( 例 ) test フォルダ内に xyz.php をアップロードした場合 index.php というファイル名の場合は特別に、 URL の最後の ファイル名部分を省略できる。 index.php ( 例 ) → URL にファイル名の指定が無いとき index.html が最初のページになるのと同じ原理。

CGI のダウンロード  ネット上にはフリーの CGI 配布サイトが多数存在す る Web サーバー プログラミング研究 所 CGI 配布サイト CGI ガレージ CGI 配布サイト PHP スポット PHP サンプル集。 PHP の学習向け。 PHP マニュアル PHP 公式言語マニュアル。 PHP の学習向け。 他にもたくさんありますので、 Google などで検索してみてください。 キーワードは CGI 掲示板 ダウンロード PHP... など。

[ Web サーバープログラミング研究所 ] の 掲示板をインストールしてみる1 1. サイトにアクセス。 2. ページ左上 [PHP プログラム ] コーナーにアクセス。 3. [ シンプル掲示板プログラム 普通の掲示板 (BBS)] をクリック。 4. 説明文の中の [ こちらから bbs.lzh をダウンロードしてくださ い。 ] のリンクをクリックしデスクトップ等に保存。 ( 保存したものは圧縮フォルダになっている。 ) 5. 右クリック → [ ここに展開 ] 等で圧縮フォルダを展開。 ( いくつかのファイルが展開される。 原則全て必要。 ) 6. 圧縮フォルダの中身をサーバーにアップロード。 ( 適宜 bbs フォルダ等を作成してアップロード ) 次ページに続く

[ Web サーバープログラミング研究所 ] の 掲示板をインストールしてみる2 7. サーバーに URL を使ってアクセスする。 ( 例 ) bbs フォルダ内にファイル群をアップロードし た場合 掲示板本体は bbs.php なので でアクセスできる。  設定変更例  bbs.php の内容を編集して 管理用パスワードを変えたり 掲示板タイトルを変えられる。  bbs.php のファイル名を index.php に変えると、 URL の最後の bbs.php を省略できる。 動作画面の例 さまざまな CGI のインストールを試してみてください。

初心者が CGI を利用する際のコツ  CGI が動かなくてもくじけない  中には開発 PHP のバージョン違いなどが原因で、 CGI が動 かないこともある。  エラーが出てしまっても、別のサイトのプログラムを使 うなど あきらめずにトライしてみてください。  プログラムを修正する際はバックアップをとってお く  ちょっとした修正の際に、うっかりプログラムを壊して しまうことがある。  ファイル名に番号をつけるなどして、こまめにバック アップをとっておくと、いざというときにやり直しが効 く。 ( 例 ) index_02.php bbs_2011_1109.php など