シラバスの作成と管理用 Web システムの開発
徳永秀和
現在，シラバスの作成方法は，マイクロソフトの WORD の罫線の記入された雛形を用いるか，EXCEL で独自に作成するかを選択している．このため複数ページとなる場合には，罫線の処理に苦労している．また，フォントなどの書式までの統一ができていない．管理に関しては，各学科の教務担当者に任されている．学外用ホームページへの記載に関しては担
当者が PDF ファイルに変換し，リンクを張ったページを手作業で作成している．今回，書式の統一されたシラバスを簡単に作成でき，管理と学外向けホームページ作成を自動的に行う Web システムを開発したので報告する．

が必要となる．

１．はじめに現在，シラバスの作成は，以下のように行われシラバスの作成と管理における，以上のようなている．教務より，マイクロソフトの WORD の問題を解決するために Web システムを開発した．

雛形が各教員に配布される．各教員は，それをもこのシステムは，各教員が Web ブラウザ上で，テとに作成するか，EXCEL で新たに雛形をおこし

キストフィールドに文章を穴埋めするだけで，罫作成するかのいずれかの方法を採っている．ここ線やページ処理を自動で行い，印刷用イメージとで問題になる点をいくつか以下に挙げる．WORD

して PDF ファイルを自動で作成する．さらに，に不慣れな教員は，罫線の移動に苦労する．複数

学校のホームページに掲載するための科目名のリページになる場合の罫線の書式が統一されず，かンクを張った HTML ファイルも自動的に作成す

つ罫線の処理が面倒である．EXCEL で作成する

る．

ものは，最初から自分で雛形を作成する必要があり，書式の統一が困難となる．

２．システム構成

また，シラバスの管理は，各教員がファイルをWeb サーバおよびサーブレットコンテナとし教務担当教員に電子メールで送り，教務担当教員て Tomcat を用いた．そして，JSP とサーブレッが個人のコンピュータで管理し，印刷している．

トによる Web システムを開発した．シラバスのデ

さらに，ホームページ管理者が PDF ファイルにータは，サーブレットでの処理の容易性を考慮し変換し，学校のホームページに掲載している．こて XML ファイルとして保存することにした．まこで問題になる点をいくつか以下に挙げる．教務

た，印刷用にはプリンタなどの影響を受けにくい担当者が変わることによって，過去のデータの管PDF ファイルを作成することにした．図１にシス理があいまいになる．作成した教員と教務担当者

テム構成を示す．ユーザは，トップページより新の印刷環境の違いにより印刷出力結果が異なり，規作成または検索&編集の何れかを選択すること罫線などのずれが生じる．ホームページ掲載用のによって，それぞれに対応した JSP ファイルを表PDF ファイルへの変換に労力を費やす．科目名と示する．このフォームに必要事項を入力し，ボタPDF ファイルとのリンクを記したページの作成

ンをクリックすることによって，サーブレットが23

高松工業高等専門学校研究紀要 42(2007)

実行され，XML ファイルの作成や，すでにある

３．シラバスの編集方法

XML ファイルの検索と表示などの処理が行われシラバスの編集方法について説明する．まず，学内 LAN に設置したシラバス用 Web ページのる．

トップページへアクセスする．図２の画面が表示される．このページより，シラバスファイルの新規作成ページと，検索および編集ページへ飛ぶことができる．

図 1.

システム構成図

図２

図３

編集ページ

24

トップページ徳永秀和：シラバスの作成と管理用 Web システムの開発

新規作成画面へのリンクをクリックすると，図３のような編集ページが表示される．項目ごとに必要事項を記入していく．その際，編集済みの箇所は色が変わって表示されるため，確認が容易である．すべての入力が終了すると，OK ボタンを押す．このとき，未記入の項目があれば，ダイアログボックスがポップアップして警告される．
編集が成功すると，図４のような画面が表示さ

図６

シラバス一覧ページれ，自動的にトップページへ戻る．ここで，シラバスの XML ファイルが作成される．

テムにおいても，シラバスデータの保存形式として採用した．保存された XML ファイルをテキス
トエディタ等で開くと，図７のような記述がみられる．HTML におけるタグのような囲みに，データを要素ごとに保存している．この XML ファイルを，XML 操作のライブラリが充実している javaで記述したサーブレットで操作することによって，

図４ 編集成功ページシステム開発を容易にしている．
検索＆編集のリンク先では，図５のようなページが表示される．ここに閲覧したいシラバスの年度と学科を記入して，OK ボタンを押す．指定されたファイル一覧が，図６のような表としてサーブレットにより出力される．JSP 形式および PDF形式での閲覧が可能である．また，編集ボタンをクリックすることで，該当ファイルの内容が図３の編集ページに表示され，再編集することが可能である．

図５ 検索ページ
図７

４．XML ファイル

XML ファイル

新規作成ページおよび再編集時のページ，WebXML とは「メタ言語」と呼ばれる，言語を記ブラウザ上での閲覧時の表示を行なうときのベー述するための言語である．言語の仕様を定義できスにスタイルシートを採用した．図８のようなスることから，柔軟な Web アプリケーションの開発

タイルシートによって，シラバスの枠を作成し，に向いている．本シラバス作成と管理用 Web シス

サーブレットにより，XML ファイルから書くべ25

高松工業高等専門学校研究紀要 42(2007)

６．学校の HP 用 HTML ファイルの作成

き枠内の内容を抽出し，挿入する．スタイルシー
トを用いることで，スタイルシート対応ブラウザ

外部に公開している学校のホームページ用のWeb サーバは，サーブレットコンテナを持っていでの表現力を向上させることができる．

ない．したがって，現在，外部に公開しているシラバスのページは，図１０のような表を図１１のような HTML ソースコードで作成している．表の各セル内で，各シラバスの PDF ファイルへのリンクを記述している．

図８ スタイルシート

５．印刷用 PDF ファイルの作成

図１０

学外向けホームページ

図６の閲覧項目で PDF 形式のボタンをクリックすると，図９のように PDF 形式での完成図を閲覧できる． ここでは，PDF 形式のファイルはまだ作成せず，ストリームデータとして PDF 形式のデータを配信している．このため，編集途中のシラバスについては，PDF ファイルが作成されることがなく，サーバに余分なファイルが増えることはない．PDF 形式は，iText と呼ばれる JAVAのクラスライブラリを用いて，サーブレットによ図１1

学外向けホームページの HTMLり，シラバスの XML ファイルを PDF の表に変換させている．ここで，複数ページにまたがるなど

本 Web システムでは，全科目のシラバスのの複雑な処理を行っている．iText には，便利なXML ファイルが完成した後に，一括して PDF フ

PDF 作成のためのクラスが豊富に用意されおり， ァイルを出力する．また，それと同時にシラバス変換プログラムの拡張性を高めている．例えば，の XML ファイルを解析して，図１１の HTML フ

先ほどの閲覧時は PDF ストリームを表示するクァイルの作成も行う．そして，これらのファイルラスを用いて，ファイル出力を行わない処理を容を一つのフォルダに保存することによって，学外易に実現している．

向け Web サーバへフォルダをアップロードするだけで，外部への公開が完了する．
26

徳永秀和：シラバスの作成と管理用 Web システムの開発

図９

PDF 形式らに，年度毎のシラバスが，自動的にサーバコン

７．おわりに今回開発した Weｂシステムにより，シラバスピュータ上にフォルダとしてまとまって保存されを作成する各教員は，罫線の処理などに煩わされることによって，管理の手間もまったく不要となることがなくなった．さらに，昨年のデータの再った．

利用が容易になった．また，教務担当者とホームページ担当者の作業は，ほとんどなくなった．さ27