-31- 座席表示を伴 う出席 システムの構築 と運用

‑3 1 ‑

座席表示を伴 う出席 システムの構築 と運用

五月女 仁 子

目次

1 は じめに

2 実技科 目における出席の重要性 3 出席の確認方法

4 出席管理 システム 5 出席管理 システムの概要 6 出席管理 システムの運用

6‑1 教 師側 の画面 (設定画面) 6‑2 教 師側 の画面 (新 しい設定画面) 6‑3 教 師側 の画面 (確認画面)

6‑4 学生側 の画面 (出席 に関す る操作) 6‑5 学生側 の画面 (新 しい機能) 7 出席 システムの構成

7‑1 PHP

言語 7‑2 ファイル構成 8 抹作上の問題点 9 今後の課題 1 は じめに

2006年度9月 よ り出席管理 システム ｢WebAttendancecheckSystem｣ を構 築 し,出講先大学数 校 で運用 した｡本 システムは,Web上で作成す ることによって,各大学 のサーバ ーに同 じシステム を設置 して もらう必要がな く,各大学でファイル構成,書式な どを統一 して利用 で きる｡今 回は, こ のシステムに座席表,講義資料 のア ップロー ド機能,連絡事項機能等 を追加 した｡

2 実技科 目における出席の重要性

実技科 目において出席 は重要である｡ コンピュー タに関す る実技科 目にはアプリケーシ ョンの振作 を伴 う講義やプログラ ミング言語 によってアプリケーシ ョンを制作す るような講義があるが, これ ら の科 目は,それまでの講義の参加 を前提 に次の講義 をすすめてい くことが ほ とん どである｡そのため,

1回欠席 して しまうと,次の講義 についてい くことが非常 に難 しく,何 回か欠席す ると講義に出な く なって しまう傾向が高い｡教員 としてはガイダンス等 の最初 の講義 において,出席の重要性 を説明 し 出席す るように促す ことが多い｡

3 出席の確認方法

出席 を確認する方法 はいろいろで,色分 けされた出席 カー ドを配る方法,座席 を指定 しておいて空 いている座席 を欠席 として確認する方法,点呼す る方法,メールを送 らせ る方法などがある｡ また, カー ドリーダー装置の整 った教室ではカー ドリーダーで出席 をとる場合 もある｡ しか し, どの方法 も Excelへの入力 または紙ベースの書 き出 し等の教員の作業 を伴 うことになる｡出席 システム も実施 し ている大学 もあるが,大学 ごとに導入 しているシステムが違 うため, ファイル形式や書式が まちまち である｡

4 出席管理 システム

コンピュータ系の講義は,一般教室 と違いコンピュータが設置 され,インターネッ トが利用で きる 環境で講義をすすめることがほとんどである｡また最近ではノー トパ ソコンを入学 と同時に全員 に配 布する大学 もあ り,一般教室で もコンピュータか らインターネ ッ トを利用で きる環境が整 った大学 も ある｡本システムは,講義に際 して学生は必ず コンピュータか らインターネ ッ トにアクセスで きる環 境があることを前提 として,Webを利用 した構築 を考 えた｡

Webを利用することで,次の利点が考 えられる｡

各大学で共通に使 える 学生の操作 の しやす さ

･ 教員側の管理の しやす さ

学生 も教員 もその場で出欠の状況 を把握で きる

構築の言語 としてはJava,Perlなど考 えられたがPHPを使 った｡PHPを使 う理由は以下の点である｡

データベース機能に優れている

PHPで構築 しているWebが多 く,作成に関 して資料が豊富である レンタルサーバーの融合性が高い

IPア ドレスの取得が可能である 5 出席管理 システムの概要

本 管理システム ｢WebAttendancecheckSystem｣は,前回同様,教師側の画面 (admin.php) と学生側の画面 (index.php)か ら構成 されている｡以下個別 に説明する｡

教師側の画面 admin.php 学生側の画面 index.php 6 出席管理 システムの運用

6‑1 教師側の画面 (設定画面)

教師側の設定画面について,｢学校 の登録｣ と ｢授業の登録｣は前回の作成 と大 きな変更はない｡

(D 学校の登録

教師側では,第 1回 目の講義が始 まる前 に,大学名 と授業名,授業開始時間 と終了時間を登録す る｡

教師は｢admin.php｣にアクセス して図 1の画面 を表示 し,すでに登録 してあるName(ユーザ一名) とPass(パスワー ド) を入力 し, [ログイン]ボタンをクリックすると,図2の画面が表示 される^｡

Administrationの [学校名編集 ･追加] を選択す ると,図3の画面が表示 される｡登録大学 リス ト の一番下のテキス トボックスに大学名 と大学のIPア ドレスを入力 し,[追加]ボタンをクリックす る｡

図1 admin.php画面

図2 基本設定の変更画面

今 回はここで ｢講義資料のダウンロー ドのみモー ド｣ を追加 した｡ この機能は,出席 システムにユー ザー登録 を しな くて も,講義資料 のダウンロー ドがで きるようにす る もので, コンピュータ環境のな い座学講義の場合で も講義資料 のダウンロー ドを可能に した｡講義資料 の｢ダウンロー ドのみモー ド｣

を

｢ Y

｣ とす ると,出席 システムにユーザー登録 をしな くて も講義資料 のダウンロー ドが可能 とな り,

｢ N

｣ とす る と,出席 システムにユーザー登録 を している事 を前提 に講義資料 の ダウンロー ドが可能 となる｡

図3 学校名 の編集 ･追加画面

(∋ 講義名 と時間の登録

大学名の登録が終 わった ら,Administrationの ｢授業時間編集｣ を選択 し,図4の画面 を表示す る｡

この画面 の操作 は前 回 と同様 で,大学名,授業名,開始年月 日,終了年月 B,開始時間,終了時間 を 登録 (追加)す る｡ID番号がふ られてい ない一番下 の コンボボ ックスの右 側 のEZ]をク リック して大 学名 を選択 し,授業名 を入力,開始年 月 日,終了年月 日,開始 時間,終了時 間 を設定 し, [追加] ボ タンをク リックす る｡ これに よ り登録 は完了す る｡ この登録 に よ り講義 日程 のデー タベーステーブル を自動 的 に作成 してい る｡再度編集す るため には, [編集] ボ タ ンを選択 して編集す るこ とになる｡

管理用 の授業名 テス トの [編集] ボ タンをク リックす る と,図5の画面が表示 され編集す るこ とがで きる｡講義 日程 の確認 は [日程] ボタンをクリックす ることで図6の ように行 うことがで きる｡

図4 授業時間編集画面

十lD 妻1

≡ 2

≡3 兼等名 草葉も 問姑年別才 解了年月日 間飴噂恕 泰子時間 ー盲 :iEi簸

‑

苧 ケ ‑ シ ∃ ン 三 Ⅰ l

^{2007′4′g(月)2007/8/13(}

月 ) 】 …

^{09=00 10:30 蔓日 杢}

■ ‑ ^『大

^学

^コ

^{ンピュータコミユニ 2087′4/g(月) 20‑ ′13}

( 可 1 0 = 4 8

^{12:10 窪至〕}

‑ 学 ケ ‑ シ ヨ

^{ンllⅠ3 2007′4/g(月}) 2DO7/日/13(月)至

i

13:OO 14:30 画 画

妻 4 ‑‑ 字 ⁽

^秦)

^{2 0 0 7 ′ 4 / l O ( 火 )}

²⁰

⁰

⁷

^{/ 8 / 7 ( 火 )圭 ロ i 9 = 0 0}

^12:10

^{[ 垂 勾}

卜5… 管理局 テスト 200E3/2/ヰく月) 2008/2/ll(

局 ) …

^D8=00 23:SD き､甲 .慕

章毎 ===葺 巨L':::L':‑'.I:.7‑I‑'.r='‑.'':‑'.ニ.こ..一一一コ ∈ = ==コ 壬二二二二

二

書

底三

時を重

義分

^{軽 重 時 [転}ヨ分

図5 授業時間編集 の編集画面

i古 末学名 盛衰哀 ■一】J頂蕗専有Lg‑:川■一■｢ 享有g="I‑ 開始時苛 :終了時恕 哀泰ー

図6 授業時間編集の 日程画面

6‑2 教 師側 の画面 (新 しい設定画面)

今 回新 しく ｢座席表の設定画面

｣ ,

｢講義資料 のア ップロー ド画面

｣ ,

｢連絡事項機 能｣ を追加 した｡

(D 座席表設定画面

Administrationの ｢席順 テーブル作成 ･編集｣ を選択す ると,図7の画面が表示 され る｡すで に登 録 された大学名 と授業名が表示 され るので,座席表 を作成す るためには [編集] ボ タンをク リックす る｡図8の画面が表示 されるので,教室 にあわせて座席表 を作成す る｡座席表の設定 はEZ]をク リック す ることで,出席 システムにすで に登録 されてい る学生 の学籍番号が プルダウンメニューで選択で き る ようになっている｡

図7 席順 テーブル作成 ･編集画面

席 鰯テ ーブル 作 成 .毎 隻 管 理用

滞蔦亀㌢言言｢

囲 i

編集 ぎ

2 0 0 7 ′ 1 ロ / 1 7

出潮末

ダ 托 ̲ ̲

光噂:

̲ 甲

出席状況確認=.:

‑^{■ ■ ■ k 苧}

･ 頚嘉島 ｢義訂 出席状況壇雷

序言 = 蒜 ‑ ニ トシ ヨ

ン可 国

章コンビユー‑ ユニ

トシヨ ンⅠ 1 Ⅰ 2 匝

…コンビユニ聖 二ケ‑シ∃ンⅠⅠⅠ3匝

… ‑ 三 ; 1 旨 二義こニ ケ

‑シ∃ンⅣ 1

陸 覇 警 ユ ー ‑ ニ トシ ∃ ン Ⅳ2 暦

年. . 出 一 丸= ‑ I , I1 , . ヨ ン 司 画 2 0 0 7 / 0 4 / 0 9喜 轡 ‑

の出尉犬況確

… 君

2 口 0 7 仰/ O g や 孔̲ ̲ ̲ ̲ ̲ ̲ ̲ 些撃軍 書 革琴 ヨ 2 0 0 7 / 0 4 / 0 9 や 鵜 ̲ ̲ ̲ ̲ ̲ ̲ ̲ 埋草埜準 準 季

2 0 0 7 / l D / 1 5 亘̲ ̲

の出席状況確…怒

2 0 0 7 / 1 0 7 / 1 5 車廿̲ ̲ ̲ ̲ ̲ ̲ や華甲準況確;

君

‑ " 2 I a I o i ‑ r l " 6 7 i I" f J & : ■ = 1

...a)単撃墜準堅牢

図8 席順 テーブル作成編集画面

前

Vl 23DO 1吋 12300 妙喜 w J妻 ヽ′

÷} 123002 12300 ;V:12300S V ≡y; ヽ′

ヽ′ :‑Y …Y Y L… ー̲.} lー̲= Y 軍盲

‑ ■} 三世 .官 ≡rぜ +‑̲+ ‑ ‑ +｣ 二 二 ヽ■ 十 三や≡≡ ^}

‑ 司書ゝ ぎ ‑ †l ↓+l 十 ‑ ､′

‑ tY‑‑ ‑ ヽ■ 十 ^サ 十 ヽ′ ^ヽ■ ヽ′ ^.◆ ヽ′ }l ‑ 〜

十卜 ､ …竺 } ∵}

‑y^{⊂ ヽ′ l■■} ‑tut ='す ;〜 吋 ^〜 妻VL 十 ｢ ｢ …舘

◆^{}㌢∈=:≡ 二一一} ..ヽVp■ 滞≧it*=L :十好1蔓 ヽ′ i:サVL

l■■｢L ヽ■ ^十 ヽ■ ≦秘 ;

}喜r仙 ¶W .妙Ig ^{サ 1} + .}l l}

[決定] ボ タンに よって座席表が確 定 され る｡｢出席状況確認｣ の 日にち をEZ]で選択 し, [の出席状 況確認] ボタンをク リックす ることで講義 に出席 したか否 かが授業 日ご とに座席 で表示 される｡

(∋ 講義資料 のア ップロー ド

Administrationの ｢授業 ファイルのア ップロー ド｣ を選択す る と,図9の画面が表示 される｡ア ッ プロー ド先 としてすでに登録 された大学名が表示 されるので,チェ ックボ ックスで選択す る｡ [参照]

ボタンを選択 して,ア ップロー ドす るファイルを指定 し, [アップロー ド]ボタンをクリックす る｡

ア ップロー ドが成功す ると,図10の ように成功メ ッセージが表示 され,失敗すればエ ラーメ ッセー ジが図 11の ように表示 される｡

図9 ア ップロー ド画面 アワゴロ.‑ド先

窟 管理用

藁 六 学費

^{‑ 末学 監き}『 l巨 芋 蔓 I‑ 翠

∵∵ソ∵‑

∵ 十 十 二 十 十 ㌧ 章 二 一 十 十 守 十 二 ∵

^ノ∴十∴了 ∴千 千宇主上与十七予十一∴∴

[̲= = =

== 二二 二 二二 二 二=

^{:二 二= == = := コ 蓮 匡 コ}

図10 ア ップロー ド画面 2

7ツブtj‑ド溝所:./Pubticddtd′1?427138′test1̲print.zip

図11 ア ップロー ド画面 3

TJ.｢､肌.̲.

ふ ̲メ :学校は:iH:i選択封1,ていません

ア ップロー ドに成功 し,図10の [ア ップロー ドペ ージ‑] ボタンで戻 る と,図12の ようにファイ ルが登録 される｡必要がな くなった場合 は,削除で きるように [削除ボタン] を設定 した｡

図12 ア ップロー ド画面 3 管 理 用

.､帆 A=.‑‑撃準.:1‑‑覗 l巨 重畳旦土星と臣

蟻 Stl こ雨1tl如 u肖り除

ここで注 意す る こ とは, ア ップ ロー ドす る フ ァイル はzipフ ァイル形 式 に限定 した｡ これ は学生 が ダウ ンロー ドす る際, フ ァイル名 をク リックす る と, その ままフ ァイルがWeb形 式 で開いて しまい 使 い勝 手 が悪 いためであ る｡zipフ ァイル は フ ァイル を解 凍す る手 間 はあ るが,ⅩP以 降の

O

S環境 で は右 ク リックメニ ューの中に解凍機 能が選択 で きるため,それ ほ ど面倒 で はない と判 断 した｡

(争 連絡事項機能

Administrationの ｢連絡事項｣ を選択す る と, 図13の画面が表示 され る｡ [新規 メ ッセー ジ登録]

ボ タ ンをク リックす る と,図14の画面 が表示 され る｡連絡事項 を登録 したい ｢大学 名 :授 業 名｣ を 指定 し

,

｢タイ トル｣ と ｢メ ッセージ｣ を入力 して, [メ ッセージ登録] ボ タンをク リックす る と,図 15の画面が表示 されメ ッセージが登録 さjlる｡

図 13 連絡事項画^{面 1}

新規メッセージ登録

C:前 ≡ ^;jYS> ≡

㌔ ̲̲̲ ̲ 髭三豊緑や輿 5^;一一ジ:1月 I‑ 11･t,芋‥コ二七ユー̲‥.=‑:ユニ丁‑I:‑I‑JLll:: ち月望1巳誇義勝和 義知ら替

五 月女 作調不長のた時､5月21日の 講義を 休講いたします｡

■■■■■■■ :｢:七コ‑̲:‑1:‑:ユニI.::‑!J･こ.iI:T= 嘉月望IEl譲葉練講舜義東略 せ

五月女 作調不農務ため､S月21日の 講義を 棒詳いたします｡

一声萱〕頭^{重 ヨ}

ロ7/

L I

Sj‑121LIB:²¹

｢ 申] : ■ R 中

ロ 7

/OS/21□日:20

図14 連絡事項画面 2

短詞

図15 連絡事項画面 2 童轟しました｡

l 司

登録 された連絡事項 は図16の ように表示 される｡ ここでは一度登録 した連絡事項 を修正 と削除 を 可能 とした｡管理システムによっては削除機能がな く,すでに終わった事項 を常時表示 して しまう設 定の もの もあるが, これは学生が間違いやす く,また整理が煩雑 となるためである｡

図16 連絡事項画面 3

芳 斤

^親メッ

セ ー

^ジ登録

絶

登録

件数:

7ペ

^ージ:1/'2

審理伺:テス十1

シ

篭議染B=̲轟凍略 せ 那担即日78g::a/gJ‑ 12月12即 肘.にミニ試験車実施しますB

教科書持込可8

6‑3 教師側の画面 (確認画面) (D 学生‑覧 ･出席状況確認

Administrationの ｢学生一覧 ･出席状況確認｣ を選択す ると,図17の画面が表示 される｡ この画 面の操作 は前回と変更はない｡学生番号,名前,パスワー ド,登録 日,出席状況 を確認で きるもので ある｡

図17 学生一覧 ･出席状況確認画面一部

義 元する頑 EHこチェックをいれ､【確認】ボタンを押してください 管理用

桓 〔 珂 回 .書潜

‑ 大学

｢州 葡 衰首 叩州 簡 藩 高 音 gTATS二軍

I 受毒

匝 ピユづ コミュニケ‑シ∃二ノー工丁頂 ｢ 肯 ｢丁 ｢ r ｢亮 ｢ 衝誉 ｢ ｢ 妄｢ ｢画 F=ビユー知 ミニニケ‑‑シ∃ン‖12｢ 云｢ 訂 rT

…コンビニ一触 ミニニト シ∃ン司 琶 桓 ぎ □ 旨 さ= ■蒜 ご三 二蒜 ;.,T 盲 丁 訂 ｢ 五 一一

蔓三蒜 ここ蒜 = 首二三蒜 ｢篭 ｢ 訂 ｢ 言 叫 首 丁 篭 ｢ 雷可∴ l +'‑‑至 二でぎ■ 画 一…

図17の画面 においてチェック状態が既存の状態のままで管理テス ト用のテス トの [確認]ボタンを, クリックすると図18の画面が表示 され,出席状況 を確認で きる｡出席状況では前回同様,出席 ･遅刻 ･ 欠席 とい う表示ではな く,学生がボタンを押 した時間を表示するように した｡ これによって｢間に合 っ たはずなのに｣ とい う苦情はなかった｡

図18 管理 テス ト用 コンピュータ演習 1の出席確認画面

現 在

6

人の 登録TJLiありますO

芋言直岩 : i , ㌻ i ‑ : / 1 71 3 . / 三 41 E . L , : 11 1 ! ･ ･ ･ . : 7 :

こ

こ . . I : ̲ ⊥l l . , 三 二i i : ･ こ こ : 1 P / : ‑ 51 = ∴こユ ニ , / i . ニ1 二 ･ / E : ‑ I . 亡 心｡ て Ti . I . : ヨ ー : ･ 二 ｡ ･ J 亨 ‑ 一 十宍 : ･二 L : : i :･ 二 ･ : 二 二 r :: ̲ =二 L ̲ I : 1こ = . 一 ･ 二. ̲ ∴1 1 = ･ こ く: ‑

:. :̲/ ･ ' ‑ ニi

^J

: " ‑ : i ‑1 L̲ . : ･I / .ほ. ･ I 1 . I . I . こ l J . . ･ ･ l L 三 二 一 二

｢ヨ ̲

戟1 ⊂ : … Il ヒ二 ･ Fl ヒ ∴一二 ' = ‑ ･ i : i1 ≡: ･ ･ 11 ≡ .二 I j二 ' S二 三 言: : ‑ : : i

l二 二

部 l L

:l

J: l t . 1 こ . 了1 > ‑ : ‑ : (. i E : I . ̲ i : 二 g . ̲ , 二 ･ : . 了う [ = ;･ i 了. ‑ 1 / : : : ｡ 言

二 ;j湧

‡1

{:‑.:I

. {･ : 三 ･ 三 : r : ‑ i ‑ E : l 二 ･ コ ｣ : 言 三 言' 1 . I : ‑ i ‑ ;1 ･ 11 号 : ･ ‑ ト ユ ] : ‑ " ; / . : : ̲ ; ; ‑

1王 ..lF.寺

l l L

‑:‑II

TI . . " l T T 1 ‑ ミ ■ 章: ･ J : ,言｢ ･ 義' . . (l i i ' i li { 言: : 汁

② デバ ック機能 (アクセス制御 と解除)

Administrationの ｢アクセス制限 ･日付 ･時間制限設定/解除｣ を選択すると,図19の画面が表示 される｡ この画面の操作 も前回 と同様である｡ コンボボックスの団をクリック して解除を選択 して, [変更]ボタンをクリックすると,アクセス制限が解除 され どこか らで もどの時間か らで も学生のア クセスが可能になる｡これにより,学生側のWebの修正が可能 となる｡

図19 アクセス制限 ･日付 ･時間制限設定/解除画面 アクセス制限‑【∃打 ‑時 間 制 限 議 定 ′鰐 除

設

定轡 銅変更書 設定

: >

③ 座席表 での出席の確認

登録 された座席表に出席状況 を表示するように した｡Administrationの ｢席順 テーブル作成 ･編集｣

を選択すると,図17の画面が表示 されるが

,

｢座席状況確認｣で ｢○○大学の○○授業｣,｢2007/10/15｣ の出席状況 を選択 し,[の出席状況の確認]ボタンをクリックす ると図20の ように表示 される｡座席 は色で分 けられてお り,水色が出席者,灰色 は欠席者,黒は登録が されていない座席である｡ また出 席者 は出席時間 も表示 される｡

図20 席順テーブル作成編集画面

今回,学生にはこの画面 を講義の度に掲示 した｡ これによって,出席 したまま授業 に出ないケース や,代返 をされることは少なかった｡

6‑4 学生側の画面 (出席に関する操作)

学生側の操作で出席 に関するものは昨年 とほとんど変わ りがない｡は じめに,学籍番号 と氏名の登 録 をして,パスワー ドをもらう｡その後は,学籍番号 とパスワー ドでログインして,出席 ボタンをク

リックすることで出席完了 となる^｡ (D 学籍番号 と氏名の登轟

学生は ｢index.php｣ を起動す ると,図21の画面が表示 さjtる｡一番初 めの講義で [新規登録]ボ タンをクリック して,学籍番号 と氏名の登録 をす る｡

図21 index.php画面

○○大学

I胞 野

l

^ログイン

Home

学籍番号 を

バスワ‑‑ド蔓 [亘≡王コ

[二亘璽 □

[新規登録]ボタンをクリックす ると図22の画面が表示 される｡ ここでは,担当講師氏名,学籍番号,

氏名 を入力 して ｢登録確認｣ボタンをクリックす る｡前 回 学籍番号 を全角で入力す る学生が多数い たため,今 回は半角モー ドに設定 し,かつ ｢(半角のみ)｣ と注意表示 した｡

図22 新規登録画面

管理用 出庶チェックシステム

[登録確認]ボタンを選択すると,図23の登録確認画面が表示 される｡登録 内容 に間違 えが か ナれば, [登録] ボタンを選択 し,修正があれば [戻 る] ボタンを選択す る｡ ここでは,各項 目が空でないか 担当講師名があっているかでチェ ックを行 っている｡空の項 目がある場合 と担当講師名が違 っている 場合 は ｢登録｣ボタンを選択 した として も,最初の画面 に戻 るように している｡

図23 登録確認画面

管理用 出席チェックシステム

≡噛 rl t 口ゲイン ltigLQB l 確…,=画面

学 籍 番 号‑1芸.3ロ01 名前 ○川花子

､ 全句: 車

^j

汝の南面で奄なたのパスワードか 表示されます○

忘れずにメモしてあいて下さい○

｢登録｣ ボタンを選択す ると,図24の画面が表示 される｡パス ワー ドが表示 されるので,パス ワー ドをメモ して,｢Home｣‑戻 って出席登録す ることになる^｡

パスワー ドは前 回同様のサーバー側でランダムに決めることに した｡前 回の初期段 階では学生が 自 分で好 きな ものを入力す る形式 としていたが,全角で入力す る もの,スペースの間隔が全角の もの半 角の もの,重要 な情報 を入力す る者が多数いたためである^｡

図24 パスワー ド表示画面

管理用 出麿チエ.}クシステム

F掛 へ i

ltiQfnB E 口5‑イン あなたの}1'スワ‑Fは 24ef3

です.忘れずにメモしてください !

ユーザ 一名 0川花子 を至急しました○

左上のHOMEをクリ+}クしてください○

(∋ 出席の登録

メインニュー ｢Home｣ をクリックす ると,最初 のindex.phpの画面が表示 される｡図25の ように パスワー ドと学生番号 を入力 し [ログイン]ボタンをクリックする｡

図25 学籍番号 とパスワー ドの入力

管 理 用 出 席チエ+}クシ ス テム

i曲 F .l ロゴイン

E地 ! 学籍番号 ≡1230Ijl パ スワ一日 . ...

巨

空 ョ

[ログイン]ボタンをクリックすると,図26の画面が表示 される｡ [出席 しました]ボタンをクリッ クすることで出席が完了する｡

図26 ｢出席 しま した｣ボタンの表示

管理用 出席チェックシステム

ド‑ I

^{学生氏名:0川花子}

授業名: テスト 日付: 11{/28

妻泉城 望盗 阜造私 製 地 裁藍墜…霊 泉 鼓義 萱魁

出席ボタン

出席したことを登録しますO下のポJjン孝押してくだ^{凱 1.}

巨̀Luーq'一tB‑蘭ニ妻

‑ ‑ c L だ コ

(参 出席状況の確認

メニューの ｢出席状況確認｣ を選択す ると,図27の画面が表示 され,今 までの出席 の状況が確 認 で きる｡出席登録時間は,学生が ｢出席 しま した｣ボタンをクリック した時間を表示 している｡授業 開始か ら15分後 は遅刻 として時刻が赤字 として表示 され る｡前 回同樵,時間については,教 師側か ら修正 した り変更 した りす ることはなかった｡学生が [出席 しま した] ボタンをクリック した時間を 提示す ることに した｡ これによ り,3^{回 目の講義以降 [}出席 しま した] ボタンの押 し忘れや,誤劫作 等 はなかった｡

図27 出席状況確認画面

6‑5 学生側 の画面 (新 しい機能)

今 臥 新 しい機能は ｢講義資料 のダウンロー ド機能｣ と ｢連絡事項機能｣である｡

￠〕 ファイルの ダウンロー ド

メニューの ｢講義資料｣ を選択す ると,図28の画面が表示 され,講義資料 の ダウ ンロー ドが可能 である｡ ダウンロー ドす るには,ダウンロー ドしたいファイル名の隣の [ダウンロー ド] ボタンをク リックす る. フアイ)i,はzip形式 ファイルなので, ダウンロー ドして適当な場所 に保存 した後,解凍 して使用す ることになる｡ ここで,教員画面 において ｢講義資料 のみ ダウンロー ド｣で

｢ Y

｣ と設定 した大学では,index.phpでWebに入 ると, この画面か ら表示 され る (図29)｡

図28 講義資料 のダウンロー ド

講 義 資 料 ̲ t 舞■‑】■̀LJ'≡‑喜.R盲 F三言 ㌻ 伽.仙 臆J軍 軍 琴 軍や∴亨毒

図29 講義資料のダウンロー ド

(∋ 連絡事項機能

は じめの画面であるユーザー名 とパスワー ド画面の下 に ｢連絡事項機能｣ を追加 した｡連絡事項が ある場合 には図30のように表示 される｡

図30 連絡事項機能 ロゲイン

学籍番号 ^｢

パスワード｢ 二 M ‑一一一一｢

r r･ ; I ; こ 空き 華 j =

[ 連 絡 事 項 】

ぐ前 ,テン 登録件数:1ページ:1/i 読聴雛 知鯉

12月12日錘か=三二試額蜜実施し麦すわ 教科書持込可｡

構文と例話孝抑えてきてくださ

いO

ロ7/‑12/t1705:5g

7 出席 システムの構成 7‑ 1 PHP言語

今 回 も前回同様言語 はPHPを用いた｡

PHPはサーバーサ イ ドスクリプ ト言語である｡ス クリプ ト言語 とは,｢動的｣ なページを作 るため のプログラミング言語である｡｢動的｣ページ とは,Webページには書 き込 んだ内容がす ぐに反映 さ れ る掲示板 や アクセスカウンタな どで,HTMLで書かれた ｢静 的｣ なページ とは異 なる傾 向の もの である｡

スク リプ ト言語 にはクライアン トサイ ドスク リプ トとサーバ ーサイ ドスクリプ トの2形態がある^｡ クライアン トサ イ ドスクリプ トは,Webブラウザで処理 を行 うス クリプ トであ り,JavaScriptが代 表的である｡ この方法 はWebサーバー‑の負担が少 ない分,ユーザー側 のブラウザの負担が大 きく, ブラウザの種類やバージ ョン,ブラウザの環境の設定 によって意図 した結果にな らない可能性がある0

サ ーバ ーサ イ ドス ク リプ トは,ス ク リプ トの処理 をwebサ ーバ ーが行 うス ク リプ トであ りJSP (JavaServerPages),ASP (ActiveSeverPages)/ASP.NETやPHPが代 表 的で あ る｡ サ ーバ ーで実 行 した結果 をクライアン トに送 るので, クライア ン トの実行環境,例 えば,OSの環境の違 い,ブラ ウザの種類 の違い,端末の違いなどに依存せず,意図 した通 りの結果 を出す ことがで きる｡サーバー サイ ドで処理 をす るため,データベースの操作や ファイル操作 な どサーバーの資源 を利用す ることも で きる｡

7‑2 ファイル構成

① 教師側

教 師側の画面の ファイル構成 は図31の ようになっている｡新 しく3個 の ファイルが追加 された｡

Topページか ら10個の ファイルにアクセスす る構成 になっている｡

図31 教師側 ファイル構成

l l preference.php

admln.Phpt

Topページ

database.php

access̲check.php

univjnfo.php

classjnfo,php

userJ∩fO.php

logout.php

upload.php

seat̲table.php

n e w s . p h p

基本設定の変更

データベースの管理

アクセス制限 ･日付 ･時間制限設定/解除

学校名編集 ･追加

授業時間編集

学生一覧 ･出席状況確認

ログアウト

授業時間ファイルのアップロード

席順テーブル作成 ･編集

連絡 事項

塗) 学生側

学生側 の画面の ファイル構成 は図32の ようになっている｡Topページはログイ ンと学生 の情報 を 登録 してお り,前 回の3個のファイル と今 回新 しく2個のファイルを追加 して, 5個の ファイルにア

クセスす る構成 になっている｡

図32 学生側 ファイル構成

index.php Il attendance.ph

p

Topページ 一ログイン

･登録

･登録確認

･登録処理

･登録終 了

logout.php

view.php

download,php

=･出席チェック 日･ログアウト

･･･出席情報一覧 授業時間 ファイル のダウンロー ド 日.連絡事項

(彰 全体の構成

全体 の構成 は前 回 と変わ らず,各学生 は各大学内か らでない とアクセスは不可能で,大学内であっ て も講義時間でなければ ｢ログイン｣ ボタンは押せ ない｡それに対 して教員 は どこか らで もアクセス で き学生の出欠状況が確認で きる｡全体 の構成図は図33に示す｡

図33 全体の構成

8 操作上の問題点

● 学生番号

前 回,学生情報の登録の段階で学生番号 を全角で入力す る学生がいた｡その ような学生 は, 自分が 全角で入力 しているのか半角で入力 しているのかわかっていないケースが多 く,次に出席のチェック を しようとしてエ ラーになることが多かった｡今 回は,登録 の際に半角で入力す るように設定 し,か つメ ッセージ もつけたが,やは り若干全角で入力す る学生が見 らjlた｡

● 出席状況の確認

出席状況の確認 を学生のWebページか ら見ているはずであるが,講義終 わ りに教 師側 のWebペー ジで確認 して欲 しい とい う学生が多数いた｡

● 講義資料のダウンロー ド

学生側か ら講義資料 のダウンロー ド画面が煩雑 であ り,メ ッセージ も表示 されないのでわか りに く い｡ また

,

^｢講義資料 の ダウンロー ドのみ｣可能 と した大学 は別であるが,出席 システムに入 らない と講義資料が ダウンロー ドで きないため,前 回休 んだ学生 は,次回の講義 まで講義資料が ダウンロー

ドで きない｡

9 今後の課題

以下の点について,更 なる改善 を試みたい｡

● 学生側か ら座席表 を見 られる画面の構築

今 臥 座席表 に出席時刻等 を表示 で きるように したため, この画面 と全 く同 じもの図20の座席表 が学生側 で も見 られるように改良 したい｡ これは学生側 と教員側で画面が違 うと講義終了後,教員側 の画面で出確認 して欲 しい とい う学生が多数いたためである｡

● 講義資料 ダウンロー ド画面

講義資料のダウンロー ド画面 にメ ッセージ機能の追加 と,講義名 によって分類す るように整備 した い｡ また

,

｢8 操作上の問題点｣で述べ た ように ｢講義資料 のダウンロー ドのみ｣ を可能 とした大 学 は別であるが,出席 システムに入 らない と講義資料が ダウンロー ドで きない ように したため,講義 に休 んだ学生 は次の講義 までダウンロー ドで きない状態であるので,最初 の画面 に入ればダウンロー ドで きるように したい｡そのため,システムにログインす る箇所で時間制限を設定す るのではな く, [出席] ボタンの箇所で制限をす るように変更す る｡

● 課題の提 出機能

講義中に作成 した課題 を提 出す る機能 を作成 したい｡すでに共有 フォルダがある大学 も多いが,メー ルで課題の提 出を している大学 もあ り,学生か ら確実 に提 出で きている状況 を知 らせたい｡

参考資料

WINGSプロジェク ト著 イ ンプ レス 出版 ｢基礎PHP｣

西沢直木著 SOFTBANK出版 ｢PHPに よるWebアプ リケーシ ョン スーパ ーサ ンプル｣

石 田則 道 法政大学 計算科 学研 究セ ンター ｢顔 の見 える出席管理 シス テム｣

高 島優作著 ナツメ社 PHP+MySQLで作 るWebアプ リケーシ ョン実践 ガイ ド

五月女仁子 神奈川大学 経済貿易研 究 ｢webアプ リケーシ ョンと しての出席 システム構 築 と運用｣