伸 ばそう ICT メディアリテラシー 教 材 用 インターネット 補 助 教 材 セットアップについて (Windows 用 の 解 説 を 中 心 に) 本 書 で 説 明 する 伸 ばそう ICT メディアリテラシー 教 材 用 インターネット 補 助 教 材 は, 平 成 18 年 度 総 務 省 事 業 として 開 発 されました 本 書 では,XAMPP for Windows を 利 用 してインターネット 補 助 教 材 を 利 用 する 方 法 を 中 心 に 説 明 します 1. ソフトウェア 稼 動 環 境 について インターネット 補 助 教 材 は, 下 記 のソフトウェアを 使 用 することを 前 提 として 設 計 しております サーバ Web サーバ : Apache 2.0 以 上 データベース : MySQL 5.0 以 上 ミドルウェア : PHP 5.0 以 上 (gd モジュール mysql モジュールが 必 要 です) 文 字 コード : UTF-8 クライアント Web ブラウザ Internet Explorer 6 以 降 Firefox Safari Adobe Flash Player 画 面 解 像 度 1024 768 ドット 以 上 このソフトウェアが 稼 動 すれば,OS の 種 類 は 問 いません Unix 系 Redhat Linux Turbo Linux Cent Os Fedora Core VineLinux4,MacOS X など Windows 系 Windows Server 2003 (Windows XP/Vista などでは 使 用 制 限 あり) 注 意 1 WindowsXP でも 動 作 しますが,クライアント OSのため,ライセンス 上 同 時 に10 台 の 端 末 以 下 しか 利 用 できません 注 意 2 PHP4 系 では 動 作 しません 従 って,RedHat Enterprise Linux3 用 に RedHat Network で 提 供 されてい る PHP の rpm パッケージでは 動 作 しません 注 意 3 MacOS X でも 動 作 するはずですが, 実 験 はしておりません 2. サーバ 用 ソフトウェアのインストールについて 2 節 で 説 明 したサーバ 用 ソフトウェアは, XAMPP を 利 用 するのが 便 利 です 以 下 の URL を 参 考 にしてくだ さい Apache Friends http://www.apachefriends.org/jp/ 上 記 のサイトから,Windows 用,Linux 用,MacOS X 用 の XAMPP がダウンロードできます またインストール 方 法 と 起 動 方 法 も 記 述 されています 1 / 10
以 下 に,XAMPP for Windows のインストール 方 法 を 簡 単 に 説 明 します 説 明 で 使 用 している 画 面 は XAMPP for Windows 1.6.4 です 2.1. セットアッププログラム(xampp-win32-1.6.4-installer.exe)を 実 行 します 2.2. インストール 先 フォルダを 指 定 します 次 へ ボタンをクリックします 注 意 Windows Vista では Program Files に 制 限 がかかっていますので,XAMPP 標 準 の C:\XAMPP ディレクトリ にインストールすることをお 勧 めします 2.3. システムオプションのインストール 方 法 を 指 定 します デフォルト 設 定 のままインストールすることをお 勧 めします インストール ボタンをクリックします 2 / 10
2.4. インストールが 始 まります 2.5. コピーが 終 わると 下 のウィンドウが 表 示 されます 完 了 ボタンをクリックしてください 3 / 10
2.6. Xampp コントロールパネルを 起 動 します はい ボタンをクリックしてください 2.7. Apache と MySql を 開 始 します Apache と MySql の 右 の 開 始 ボタンをクリックすると,セキュリティの 警 告 画 面 が 表 示 されます どちらも ブロ ックを 解 除 する ボタンをクリックしてください 正 常 に 起 動 すると, 下 のコントロールパネルの 画 面 になります Apache の 警 告 画 面 MySql の 警 告 画 面 3. MySQL の 管 理 者 パスワードを 設 定 する XAMPP for Windows では,MySQL の 管 理 者 ユーザ(root)にパスワードが 設 定 されていません 非 常 に 危 険 な 状 態 ですので,phpMyAdmin でパスワードを 設 定 してください レンタルサーバの 場 合 は,レンタル 会 社 が 管 理 ユーザの ID とパスワードを 指 定 している 場 合 があります この 場 合 は,その ID とパスワードを 使 用 しますので,この 節 を 飛 ばして 次 の PHP の 設 定 を 変 更 する に 進 んでくださ い 4 / 10
3.1. ブラウザで phpmyadmin を 呼 び 出 す http://localhost/phpmyadmin/ もしくは http://127.0.0.1/phpmyadmin/ を 指 定 します 特 権 を 指 定 すると, 下 の 画 面 が 表 示 されます root の 行 の 右 端 の 人 と 鉛 筆 のアイコンをクリックします 3.2. パスワードを 変 更 する パスワードを 変 更 する という 囲 みの 中 の パスワード ラジオボタンを 選 択 し,パスワードを 2 箇 所 のフィール ドに 記 入 します 以 下 の 例 では testpassword というパスワードを 設 定 したと 仮 定 しています パスワードを 例 のとおりに 設 定 する 必 要 はありませんが, 設 定 したパスワードは 忘 れないようにしてください 入 力 したら,その 枠 の 実 行 する ボタンをクリックします 5 / 10
3.3. 変 更 されたことを 確 認 する 変 更 が 完 了 したら, 下 の 画 面 のように root@loclahost のパスワードは 正 しく 変 更 されました と 表 示 されます 3.4. phpmyadmin の 設 定 ファイルを 修 正 する パスワードを 設 定 すると,そのままでは phpmyadmin が 使 用 できなくなります phpmyadmin の 設 定 ファイルに, 上 記 で 設 定 したパスワードを 記 述 してください 新 しいパスワードを 記 述 する 設 定 ファイルは, (XAMPP インストールディレクトリ)/phpMyAdmin/config.inc.php です XAMPP for Windows の 標 準 インストールでは C:\xampp\phpMyAdmin\config.inc.php です このファイルの 73 行 目 あたりにある $cfg['servers'][$i]['password'] = ''; //MySQL Password (only needed にパスワードを 記 述 してください 例 $cfg['servers'][$i]['password'] ='testpassword'; //MySQL Password (only needed 修 正 が 終 わったら,phpMyAdmin を 表 示 しているブラウザをリロードしてください 正 しく 表 示 されるはずです 4. PHP の 設 定 を 変 更 する インターネット 補 助 教 材 は UTF-8 エンコードの 環 境 で 動 作 します そのため,PHP の 設 定 ファイルである php.ini で UTF-8 の 使 用 を 明 記 してください XAMPP for Windows の 標 準 インストールでは C:\xampp\php\php.ini が 設 定 ファイルです php.ini の 例 upload_max_filesize="2m" アップロードファイル 2MB に 制 限 ( 任 意 ) language = "Japanese" mbstring.internal_encoding = "UTF-8" UTF-8 を 明 記 mbstring.encoding_translation = Off 6 / 10
5. システムをコピーする 提 供 された インターネット 補 助 教 材 のプログラムやデータを Apache のドキュメントエリアにコピーします 5.1. ドキュメントルートに ict ディレクトリを 作 成 します Unix 系 の 場 合 #cd /var/www/html #mkdir ict XAMPP for Windwos を 標 準 状 態 でインストールした 場 合 C:\>cd C:\xampp\htdocs\ C:\>mkdir ict 5.2. 作 成 した ict ディレクトリに CD のデータをコピーします ict/contents ict/create ict/item ict/simulatoredit ができるはずです 6. パーミッション 設 定 する(unix 系 のみ) ドキュメントエリアの ict/item サブディレクトリのパーミッションを 777 にします Windows 系 では 不 要 です 7. MySQL のデータベースを 作 成 する インターネット 補 助 教 材 で 使 用 するデータベースを1つ 作 成 します レンタルサーバの 場 合,サーバの 貸 し 出 し 会 社 がデータベース 名 を 指 定 している 場 合 があります XAMPP をインストールした 場 合,phpMyAdmin を 使 用 して 作 成 してください データベース 名 は 任 意 ですが, これ 以 降 の 例 では,ここで ict-media というデータベースを 作 成 したと 仮 定 しています 新 規 データベースを 作 成 する の 下 のフィールドに ict-media と 指 定 し, 作 成 ボタンをクリックします 7 / 10
作 成 できたら, 下 の 図 のように データベース ict-media を 作 成 しました と 表 示 されます 8. インターネット 補 助 教 材 の MySQL 用 設 定 ファイル 修 正 "create/mysql_st.php"に, 使 用 する MySQL の 4 つの 情 報 を 指 定 します XAMPP for Windwos の 標 準 インストールでは, C:\xampp\htdocs\ict\create\mysql_st.php です ホスト 名 : $inchost = ' '; ユーザー : $incuser = ' '; パスワード: $incpassword = ' '; データベース 名 :$incdatabase = ' '; 例 ホスト 名 : $inchost = 'localhost'; ユーザー : $incuser = 'root'; パスワード: $incpassword = 'testpassword'; データベース 名 :$incdatabase = 'ict-media'; 9. データベースにテーブルを 作 成 "create/registrant.php"をブラウザで 開 いてください これで,データベースに 管 理 用 テーブル"registrant"を 作 成 します 例 http:// /ict/create/registrant.php 上 記 の は 外 部 からアクセスするときのサーバ 名,もしくは IP アドレスです サーバ 機 自 体 のブラウザを 使 用 する 場 合 は http://127.0.0.1/ict/create/registrant.php で 実 行 します = = = 注 意 = = = Account Maintenance Service におけるユーザー 名 とパスワードを 入 力 してください 8 / 10
というダイアログボックスが 表 示 されることがあります これは, http://(サーバ 名 )/ict/create/ ディレク トリに 対 して 利 用 制 限 が 有 効 になっている 場 合 に 表 示 されます 利 用 制 限 は BASIC 認 証 という 方 式 で 行 われており,その 設 定 例 として"create/.htaccess"ファイルが 含 まれているためです ただし,パスワードファイルは 添 付 されていません システムによってパスワードの 暗 号 化 が 異 なるためです もし,この 利 用 制 限 が 不 要 であれば,.htaccess ファイルを 削 除 してください 10. ユーザー 登 録 する http:// /ict/create/index.php にアクセスして 新 規 ユーザーを 登 録 してください 新 規 ユーザー 登 録 方 法 については 別 添 の 利 用 者 登 録 マニュアルをご 覧 ください ここで 指 定 した アカウント 名 が,インターネット 補 助 教 材 のアクセス 指 定 に 利 用 されます 例 http://127.0.0.1/ict/create/index.php = = = 注 意 = = = アカウント 名,ID,PASS,メールアドレスに 利 用 できる 文 字 は 半 角 の 英 小 文 字 半 角 の 数 字 に 限 られます 英 大 文 字 や 記 号 は 利 用 できません(メールアドレスだけ @ 記 号 が 利 用 できます) 11. インターネット 補 助 教 材 を 利 用 する 場 合 は デモンストレーションなどで,インストールしたパソコン 本 体 で 補 助 教 材 の 動 作 を 見 る 場 合 はサーバ 名 として localhost を 利 用 してください 他 のパソコンから 利 用 する 場 合 は,サーバ 機 の IP アドレスを 指 定 させると DNS 設 定 をしなくてすむので 簡 単 で す コマンドプロンプトで ipconfig コマンドを 実 行 すると,そのパソコンの IP アドレスが 表 示 されます サーバ 機 の IP アドレスが 192.168.0.1 で, 前 節 の ユーザー 登 録 する で 設 定 したアカウント 名 が tyamada の 9 / 10
場 合 は, 以 下 のようになります サーバ 機 で 実 行 する 場 合 http://localhost/ict/item/tyamada/ クライアント 機 からサーバ 機 を 呼 び 出 す 場 合 http://192.168.0.1/ict/item/tyamada/ クライアント 機 からサーバ 機 を 呼 び 出 せない 場 合 クライアント 機 からサーバ 機 に 対 してコマンドプロンプトで ping コマンドを 使 用 して,インターネット 接 続 が 正 常 に 接 続 できているかどうかを 確 認 して 下 さい サーバ 機 で IIS が 稼 動 していると,Apache と 競 合 します( 同 じポート 番 号 80を 使 用 するためです) この 場 合 は IIS を 停 止 するか,ポート 番 号 を 競 合 しないようにどちらかのポート 番 号 を 変 更 してください 変 更 し た 場 合 は,ブラウザ 側 で 接 続 相 手 のポート 番 号 を 指 定 する 必 要 があります Fedora Core などの unix 系 OS をご 利 用 の 場 合,インストール 時 の 設 定 で Firewall 機 能 が 有 効 になってい る 場 合 があります この 場 合,http プロトコルをどのマシンからでも 通 信 できるように 設 定 を 変 更 してみてく ださい それで, 利 用 できることが 判 明 したら,ご 利 用 環 境 に 合 わせて Firewall を 設 定 してください 10 / 10