<4D F736F F D208AC888D B836A F C B838B834B E2E646F63>

Size: px

Start display at page:

Download "<4D F736F F D208AC888D B836A F C B838B834B E2E646F63>"

しまなうるしはた
5 years ago
Views:

1 簡易 e ラーニングシステム EL for Windows インストールガイド香川高等専門学校情報工学科宮武明義平成 22 年 8 月 17 日 URL:

1. はじめに本システムは,e ラーニングを用いた教育を始めるための導入システムですまだ e ラーニングシステムを使用した経験のない方に,e ラーニングとはどういうものか, 何ができるのか, また本当に便利なのかといったことを体験してもらうためのシステムです本システムで e ラーニングを用いた教育に慣れた後は,

インストール本システムは,Microsoft Windows XP 上で動作します学習者 ( 生徒 ) 用パソコンは, インターネットエクスプローラなどの Web ブラウザがあれば利用できますが, 管理者 ( 教師 ) 用パソコンには本システム以外に Web サーバと PHP 言語のプログラムが動作する環境である

2 1. はじめに本システムは,e ラーニングを用いた教育を始めるための導入システムですまだ e ラーニングシステムを使用した経験のない方に,e ラーニングとはどういうものか, 何ができるのか, また本当に便利なのかといったことを体験してもらうためのシステムです本システムで e ラーニングを用いた教育に慣れた後は, 高機能な市販のシステムや Moodle のようなオープンソースのシステムへの移行が容易となるでしょう 2. インストール本システムは,Microsoft Windows XP 上で動作します学習者 ( 生徒 ) 用パソコンは, インターネットエクスプローラなどの Web ブラウザがあれば利用できますが, 管理者 ( 教師 ) 用パソコンには本システム以外に Web サーバと PHP 言語のプログラムが動作する環境である XAMPP をインストールする必要があります 2.1 XAMPP for Windows のインストール上の URL を開くと図 2-1 のような画面がでてきます図 2-1 図 2-1 の画面を下スクロールして, 図 2-2 の赤線で囲まれた XAMPP をクリックします図 2-2 図 2-2 の XAMPP をクリックすると図 2-3 のようになるので, 赤線で囲まれたインストーラをクリックし, ダウンロードを開始して保存します 1

3 図 2-3 ダウンロードが完了すると図 2-4 の赤線のようなファイルが現れます図 2-4 のファイルを実行するとまず図 2-5 のように使用する言語を聞いてくるので Japanese を選択し,OK をクリックします図 2-4 図 2-5 OK をクリックすると図 2-6 のような画面になるので次へをクリックします次へをクリックすると図 2-7 のような画面になりますインストール先のフォルダ ( デフォルトは c: xampp, このフォルダ以下に展開される ) を指定して次へをクリックします図 2-6 図 2-7 次へをクリックすると図 2-8 のような画面がでてくるので, サービス (Apache,MySQL, FileZilla をサービスとしてインストール ) はチェックを入れないで, インストールをクリックします図 2-9 のようにインストールが進みます図 2-8 図 2-9 2

インストールが完了するまで待ちます図 2-10 のような画面がでてくればインストールは完了です完了をクリックします図 2-10 完了画面完了

のように警告が出てくる場合があるのでブロックを解除するを選択します図 2-11 コントロールパネル図 2-12 ファイアウォールの警告

起動していないなら開始ボタンをクリックしましょうインターネットエクスプローラで http://localhost/ を開いて下さい図 2-13

の起動を簡単にするために,XAMPP コントロールパネルのショートカットを作成しますまず, エクスプローラで C: xampp を開いて

4 インストールが完了するまで待ちます図 2-10 のような画面がでてくればインストールは完了です完了をクリックします図 2-10 完了画面完了をクリックすると XAMPP コントロールパネル ( 図 2-11) が起動されます Apache の開始ボタンをクリックすると, 図 2-12 のように警告が出てくる場合があるのでブロックを解除するを選択します図 2-11 コントロールパネル図 2-12 ファイアウォールの警告本システムには MySQL は必要ありませんが,MySQL も起動したい場合は同様にして下さい Apache などが起動しているか確認して下さい起動していないなら開始ボタンをクリックしましょうインターネットエクスプローラでを開いて下さい図 2-13 のようなページが表示されれば XAMPP のインストールは成功しています図 2-13 トップページ次回 Apache の起動を簡単にするために,XAMPP コントロールパネルのショートカットを作成しますまず, エクスプローラで C: xampp を開いて xampp-control.exe の右クリックメニューの送るからデスクトップ ( ショートカットを作成 ) を選びます次に, デスクトップに作成されたショートカットの名前を適当に変更しましょう 3

2.2 PHP の設定 c: xampp apache bin php.ini ファイルの編集 410 行目あたりの次の On を Off に書き換える magic_quotes_gpc = On => magic_quotes_gpc = Off 1180 行目あたりの次の行頭の ; を削除する ;mbstring.

3 本システムのインストール http://www.di.kagawa-nct.ac.jp/~miyatake/open/ から最新の本システムをダウンロードしてくださいダウンロードした el2-sjis.

http://localhost/el2-sjis/ ではなく http://localhost/kokugo/ でログインページへアクセスすることになります以下では, インストールディレクトリは el2-sjis のままで説明します 3. 環境設定 3.

5 2.2 PHP の設定 c: xampp apache bin php.ini ファイルの編集 410 行目あたりの次の On を Off に書き換える magic_quotes_gpc = On => magic_quotes_gpc = Off 1180 行目あたりの次の行頭の ; を削除する ;mbstring.language = Japanese => mbstring.language = Japanese 1190 行目ありの次の行頭の ; を削除し,EUC-JP を SJIS に書き換える ;mbstring.internal_encoding = EUC-JP => mbstring.internal_encoding = SJIS 2.3 本システムのインストールから最新の本システムをダウンロードしてくださいダウンロードした el2-sjis.zip を C: xampp htdocs に展開します C: xampp htdocs el2-sjis 以下に本システムが展開されますが,el2-SJIS は適当な名前に変更してもかまいませんただし, 本システムへのアクセスは以後, 変更した名前になりますたとえば,el2-SJIS を KOKUGO と変更した場合はではなくでログインページへアクセスすることになります以下では, インストールディレクトリは el2-sjis のままで説明します 3. 環境設定 3.1 利用者データファイルの作成エクセルで利用者データファイルを作成します c: xampp htdocs el2-sjis student.csv を開きます ( 下図参照 ) 学年, クラス, 出席番号, ログイン名, 氏名の順に入力します出席番号に負の数を持つ者が管理者 ( 教師 ) になりますログイン名は全員同じ文字数 ( 半角英数字 6 文字固定 ) で指定してくださいただし, 管理者は何文字でもかまいません教師の出席番号は負の数にする学年, クラス, 出席番号, ログイン名, 氏名入力が完了したら, ファイル形式は CSV( カンマ区切り ) のままで上書き保存してください 4

6 3.2 パスワードの設定 2.1 でインストールした XAMPP コントロールパネル (c: xampp xampp-control.exe) を実行し,Apache の開始ボタンをクリックして Web サーバ Apache を起動しますデスクトップのをダブルクリックをインターネットエクスプローラで開き, パスワードの登録変更をクリックます 3.1 で登録した管理者のログイン名と, パスワード ( 同じものを 2 回 ) 入力後変更をクリックします 3 秒後に, 前のログインページが表示されるので, ログイン名と先ほど設定したパスワードを入力し, ログインをクリックしますログインが成功すると, 以下の表示がされます 5

7 左側のメニューから, システム管理 - パスワード管理で初期パスワードを入力し, 初期化をクリックすると学習者全員に同じ初期パスワードを設定できます管理者のパスワードは変更されませんまた, 学習者がパスワードを変更していても強制的に初期化されますので注意して下さいパスワードが設定されていれば, 最終変更日と削除ボタンが表示されますパスワードを忘れた場合は, 削除ボタンでパスワードを削除することができます 3.3 学習環境の設定トップページのシステム管理 - 環境設定で本システムのタイトル等を変更できますタイトル ( 科目名など ) と赤枠で囲った各機能を使用するかどうかを変更して確認をクリックして下さい最初は変更しないほうがよい 6

8 タイトルをなぞなぞクイズ, 小テスト以外の機能は使わないを選んだ場合, 次のような確認画面が表示されます変更が反映されている箇所を青丸と赤四角で囲っています保存をクリックして一度ログアウト後, 最ログインすると, タイトルが変更され ( 青四角 ), 左側のメニューが, システム管理と小テスト ( 赤四角 ) だけになっていますトップページのシステム管理 - 説明文の編集でトップページの左側に表示する説明文を変更できます HTML の知識が必要ですが, がんばって書き換えてみましょう上図右が書き換えたページです 7

4. さらにカスタマイズ 4.1 ログイン名の文字数を変更するにはデフォルトでは, 学習者のログイン名 ( ユーザ ID) は半角英数字 6 文字固定になっています文字数をたとえば,4 文字固定に変更するには,C: xampp htdocs el2-sjis param.inc を次のように書き換えます C: xampp htdocs el2-sjis param.

9 4. さらにカスタマイズ 4.1 ログイン名の文字数を変更するにはデフォルトでは, 学習者のログイン名 ( ユーザ ID) は半角英数字 6 文字固定になっています文字数をたとえば,4 文字固定に変更するには,C: xampp htdocs el2-sjis param.inc を次のように書き換えます C: xampp htdocs el2-sjis param.inc の内容の $IDlength = 6: を $IDlength =4; に書き換えます 4.2 LDAP を使うには組織内でユーザ管理に LDAP を使用している場合, ユーザ認証に利用することができます LDAP を利用するには,C: xampp htdocs el2-sjis param.inc を書き換えます C: xampp htdocs el2-sjis param.inc の内容の $LDAP_SERVER と $LDAP_BASE_DN の値を書き換えますどのように書き換えればよいかは, ネットワーク管理者に相談して下さい LDAP を利用する場合も,3.1 で説明した利用者データファイルは作成する必要がありますまた,3.3 で示した学習環境の設定で LDAP を使うに変更して下さい 4.3 設定を初期状態に戻すには環境設定は,C: xampp htdocs el2-sjis el.ini に書き込まれています設定をもう一度やり直したい場合や,LDAP を利用するための設定が不完全でログインできなくなった場合は, C: xampp htdocs el2-sjis template el.ini を C: xampp htdocs el2-sjis の el.ini に上書きして下さい 4.4 HTML エディタ (FCKeditor) を利用するには管理者でログインした場合, 左側のメニューの最下段に HTML エディタのリンクがありますから FCKeditor for EL(fckeditor.zip) をダウンロードして,C: xampp htdocs に展開して下さいオリジナルは, にあります 8

http://www.forkosh.com/mimetex.html の下のほうにある Windows 用にコンパイルされた mimetex.zip をダウンロードします b) mimetex.

10 正しくインストールできていれば, メニューの HTML エディタをクリックすると以下のようなページが別ウィンドウに表示されます 4.5 小テストやアンケートに数式を使用するには数式を表示するために mimetex を,GUI の数式エディタに BrEdiMa を使用しています 1) mimetex のインストール a) の下のほうにある Windows 用にコンパイルされた mimetex.zip をダウンロードします b) mimetex.zip を展開してできたファイルから mimetex.exe を mimetex.cgi とリネームして C: xampp cgi-bin にコピーします c) が正しく表示されればインストール完了です 9

2) BrEdiMa のインストール http://www.di.kagawa-nct.ac.jp/~miyatake/open/ から BrEdiMa for EL(bredima-forEL.zip) をダウンロードして,C: xampp htdocs に展開して下さいオリジナルは,http://bredima.sourceforge.

11 2) BrEdiMa のインストールから BrEdiMa for EL(bredima-forEL.zip) をダウンロードして,C: xampp htdocs に展開して下さいオリジナルは, にあります正しくインストールできていれば, 数式を利用するにはのページで数式エディタ (BrEdiMa) を開くをクリックすると以下のようなページが別ウィンドウに表示されます数式を入力後,LaTeX のソースを確認できればインストール完了です 10

12 更新履歴平成 22 年 8 月 17 日所属と URL 等を変更 ( 内容に変更はありあせん ) 平成 21 年 2 月 3 日数式エディタ (BrEdiMa) の説明を追加平成 21 年 1 月 8 日 HTMLエディタ (FCKeditor) と mimetex の説明を追加平成 21 年 1 月 5 日環境設定画面で, 小テストとアンケートの問題形式の選択を追加平成 20 年 12 月 15 日 php.ini の設定を追加平成 20 年 8 月 7 日初版 11

<4D F736F F D208AC888D B836A F C B838B834B E74752E646F63>

<4D F736F F D208AC888D B836A F C B838B834B E74752E646F63> 簡易 e ラーニングシステム EL for Ubuntu インストールガイド香川高等専門学校情報工学科宮武明義平成 22 年 8 月 17 日 URL: http://www.di.kagawa-nct.ac.jp/~miyatake/open/ 1. はじめに本システムは,e ラーニングを用いた教育を始めるための導入システムですまだ e ラーニングシステムを使用した経験のない方に,e ラーニングとはどういうものか,