プログラミング演習用eラーニングシステム
宮武明義* 篠山学*

高城秀之** 金澤啓三*

鰆目正志*

河田進*

e-Learning System for Programming Exercise
Akiyoshi MIYATAKE*, Manabu SASAYAMA*, Hideyuki TAKAJO**,Keizo KANAZAWA*, Masashi SAWARAME* and Susumu KAWATA*

Abstract
We develop an e-Learning System that supports programming exercise on the Web. In a practice class, therate of progression varies among individuals. Therefore, the environment of the exercise by the self isnecessary for the student who falls behind in the progress. On the other hand, teacher should supervise andmanage the many students' progress at short times. However, the load of doing so for the teacher is big. Oursystem assists exercise of students after-school-hours, and reduces the load and time of the teacher. At anytime, students can read the problems of reports and upload reports on the Web. Also teacher can review andassess the report, and write a comment of the report. In this paper, we describe the specification, and show
implementation and assessment of our system.

Keywords : e-Learning System，Programming Exercise，Report Management

1. はじめに

2.

ELの概要

本校情報工学科では，プログラミング教育に重点を本システムの基となったELは，PHP言語で開発し置いている。第1学年の創造実験・実習では3学科で実ており，フリーのLinuxディストリビューションであ験テーマを用意しており，情報工学科はVisual BasicにるCentOSとWindows上で動作している。CentOSでは，よるプログラミング導入実習を担当している。第2，WebサーバApacheとPHP実行環境，Windowsでは，第3学年では，情報処理Ⅱと基礎工学実験・実習，ソXAMPP3)をインストールして開発と動作の確認をしフトウェア設計論Ⅰ，ⅡにおいてC言語のプログラミている。
現在，レポートの管理，小テスト，アンケート，掲ング演習を週4時間行っている。

示板，配布ファイル，講義記録，用語集，行事カンレ

プログラミング演習は，学生間の理解レベルに差が出やすく，授業時間だけでは十分に教育することがンダの8つの機能を実現している。ELの特徴は，既存困難である。そこで，本学科では学生が放課後でも主のe-Learningシステムのほとんどがデータベースを使体的にプログラミング課題に取り組めるよう，Web上用して情報を管理しているのに対し，ファイルベースで動作するプログラミング演習用e-Learningシステム

で情報を管理していることである。

を開発し，一部の授業で使用している。
3. プログラミング演習用e-Learningシステムの仕様

本e-Learningシステムは，これまで初等・中等教育にe-Learningシステムを普及させるために開発していたELシステム1),2)をプログラミング演習用に改良した。
本稿では，ELの概要と，本システムの仕様と実現

本システムは，2.で概要を述べたELを改良して本校の演習授業で使用するため以下の機能を追加する。
1) 機構の認証サーバでユーザ管理を述べ，システム評価アンケートの結果を示す。

ELは，独自のMD5による暗号化されたパスワード*

香川高等専門学校詫間キャンパス 情報工学科

管理とLDAPによるユーザ認証機能を有するが，機構**

香川高等専門学校詫間キャンパスの認証サーバと連携することで学生は統一したログイ

通信ネット

ワーク工学科ン，パスワードを使用できる。

171

香川高等専門学校研究紀要 5(2014)

レポートが締め切られると，過去のレポート確認

2) ソースプログラムのカラー構文表示
レポートは，ほとんどが課題プログラムなのでページで出席番号，氏名，レポートのファイル名，アップロードとダウンロードだけでなく，ブラウザ上ファイルサイズ，提出日，今回のレポートで提出したにプログラムリストを表示する。これにより，レポーファイル数が表示される（図4）。

トのファイルをダウンロードする必要がなく，そのまま内容を確認できる。この時，各プログラミング言語に合わせてカラー構文表示することで視認性が向上する。
3) レポートに対するエラーコメント付加
教員は学生に対し，どのレポートにどんなエラーが含まれているか，容易に提示できる。プログラムの添削に置いて，適切なエラーコメントを与えることで学生の理解を深めることができる。
4) 挑戦的課題レポート
正規の課題レポート以外に，挑戦的課題を用意す

図3 レポート提出と確認ページ（学生用）

る。正規課題は全員が提出することを目標としている
ため基本的な内容となり，プログラミング能力の高い学生は早期に提出を終える。そこで，より実践的な課題（挑戦的な課題）を設けることで，空いた時間を無駄にすることなくさらなるスキルアップが期待できる。
4. 本システムの実現

図4 提出したレポート一覧（学生用）

レポートの内容を確認したいときは，ファイル名3.で示した仕様を満たすよう，ELを改良した。
1) 機構の認証サーバでユーザ管理をクリックすると，プログラムリストに行番号を付け

図1にログイン画面を示す。ログイン情報により，て，カラー構文表示される（図5）。カラー構文表示には，PHPで実現されたフリーのシンタックスハイラ

学生と教員を区別している（図2）。

イターGeSHi4)を使用した。

図1 ログイン画面

図5 単一のレポート表示
図2 ログイン後のトップページ

また，プログラムを一つずつ表示するだけでなく複2) ソースプログラムのカラー構文表示

数の課題プログラムをまとめて表示することもできる。

レポートの提出と確認ページでは，レポートの氏名をクリックすると，その回のレポートすべてがアップロードと提出状況の確認ができる（図3）。

ファイル名を区切りとしてまとめて表示される（図172

宮武明義 他 : プログラミング演習用eラーニングシステム

6）。これにより，学生は自分のレポートの内容をまル名の横に＊マークが表示される（図9）。これによとめて確認することができる。教員も，各回のレポーり，学生はエラーがあることを容易に確認できる。

トをまとめて評価することが容易となる。

図9 エラーコメントが付与されたレポート（学生用）

エラーコメントが付与されたファイル名をクリック
すると図10に示すようにレポートの先頭にコメントの内容が表示される。

図6 レポートをまとめて表示

3) レポートに対するエラーコメント付加
学生へのエラーコメントは，エラーを含むファイル名とそのコメントをカンマ区切りのファイルとして図10 エラーコメントが付与されたレポート表示アップロードすることで対象学生にフィードバックできる。図7にエラーコメントファイルの例を示す。

4) 挑戦的課題レポート
授業のWebページにおいて，正規レポートの提出締切日やヒントと共に挑戦的課題を用意している（図11）。

図7 エラーコメントファイルの内容

エラーコメントのファイルは，教員のページよりアップロードすることができ，その内容はファイル名の横に表示される（図8）。コメントを追加する場合は，同ページから現在のエラーコメントファイルをダウンロードして追記後，再アップロードする。

図11 授業のWebページ（抜粋）

挑戦的課題は，特に提出締切日は設定せず，いつで図8 エラーコメントのアップロードページ（教員用）も出せるように正規レポートとは別に提出ページを設
エラーコメントがアップロードされると対象ファイ173けている（図12）。正規レポートとは違い，提出時に香川高等専門学校研究紀要 5(2014)

レポートの課題番号を指定することで，統一したファレポートを締め切るごとに，各回の解答例をPDFファイル名でレポートを保存している。

イルで配布したことが理由と考えられる。
6. おわりに
本稿では，初等中等教育への普及を目的としたeLearningシステムELのプログラミング演習を支援するシステムへの改良について報告した。改良点としては，プログラミング演習を担当する教員にとって時間のか

図12 挑戦的課題の提出ページ（学生用）

かるレポートのチェックを，複数ファイルをまとめて5. 本システムの評価表示したり，カラー構文表示による視認性の向上を図るなどして効率化を試みた。また，学生へのエラーコ

本システムのアンケート機能を用いて，平成25年メントのフィードバックを簡単に行うための機能や挑度の第3学年ソフトウェア設計論Ⅰの受講生46人にシ戦的課題も追加した。

ステムの評価アンケートを実施した（図13）。

本システムは，まだ科目数は少ないが本科の授業だけでなく専攻科の授業でも使用されており，実際に利用者の要望も聞きながら改良を重ねている。
これまでレポート管理機能の改良を行ってきたが，今後は小テスト機能などもプログラミング演習用に改良していきたい。
参考文献
1) 宮武明義，河田進，矢野米雄：初等・中等教育へのeラー
ニング導入支援－簡易eラーニングシステムELの試作－，
詫間電波工業高等専門学校研究紀要，第36号，pp.81-86，
20082) 宮武明義，河田進，矢野米雄：ポータブル簡易eラーニン

図13 アンケート回答フォーム（学生用）

グシステムELの開発－図や数式を用いた小テスト問題の作成－，詫間電波工業高等専門学校研究紀要，第37号，

アンケートの質問項目と集計結果を表1に示す。概pp.125-128，2009

ね良好な回答が得られた。また，No.5の質問において

3) XAMPP, https://www.apachefriends.org/jp/index.html

配布ファイルが役に立つと答えた者が多いが，これは4) GeSHi, http://qbnz.com/highlighter/表1 本システムについてのアンケート（回答46人）
No.1 便利だと思いますか。
とても便利
便利
普通
回答
17人
18人
10人No.2 どんなところが便利，または不便ですか。

不便0

とても不便0

いつでも出せる
提出が楽No.3 レポートを印刷して提出する場合と比べて，どう思いますか。
このシステムの方がよい。
印刷して提出する方がよい。
回答
41人
2人
No.4 上の質問の回答理由を教えてください。
印刷するのが面倒回答
印刷するのは資源の無駄
No.5 レポート管理以外に役に立つと思う機能を選んでください（複数選択可）。
小テスト アンケート 配布ファイル 講義記録
用語集カレンダ
回答
20人
19人
36人
11人
18人
9人
回答

174

どちらでもよい。
3人