ホスティングサービスを利用した工学部第四類Webサイトの構築

平成18年度(第3回)
技術センター研修会
ホスティングサービスを利用した
工学部第四類Webサイトの構築
大学院工学研究科社会環境システム専攻・
工学部第四類
(技術センター工学部等部門)
三原 修
Contents
• 新たなWebサイトを構築する目的・背景
(1) 学部教育における「教育プログラム」制度の導入
(2) Webサーバの管理・運用における問題
• 広島大学のホスティングサービス(HDE Controller)
• 工学部第四類Webサイトの構築(リニューアル)
• 今後の課題
広島大学の教育プログラム
“HiPROSPECTS”
(Hiroshima University Program of Specified Education & Study)
• 広島大学の学部教育(全学部)に,「到達目標型」の
教育システムを導入
入学前に何をどのように
学び,卒業時には何が
身に付いているのか
授業と授業が,また
そこで身に付けた力が
自分の将来に
身に付けた知識・理解,
能力・技能が
就職先や大学院で
「ミエル」
「ツナガル」
「ツカエル」
 平成18(2006)年度の1年次入学生より適用
Cf. JABEE: 技術者教育機関の教育プログラムを審査・認定
広島大学工学部の
募集人員(入学定員)
類 (系)
1年次
入学定員
第一類 (機械システム工学系)
105名
第二類 (電気・電子・システム・情報系)
135名
第三類 (化学・バイオ・プロセス系)
115名
第四類 (建設・環境系)
135名
3年次
編入学定員
全類で
10名
※ 1年次入学選抜(一般選抜,AO選抜)は,各類で一括して募集
3年次編入学選抜は,教育プログラム別にそれぞれ募集
工学部第四類の教育体系
(平成13年度~平成17年度)
1年次
2年次以降
旧・土木教室
環境グループ
共通教育
(教養科目等)
建築グループ
旧・エンジニアリング
システム(ES)教室
旧・建築教室
※ 標準定員の人数比は,環境 :建築 = 2 : 1
工学部第四類の教育プログラム
(平成18年度~)
1年次
2年次以降
社会基盤環境工学プログラム
CEEP: Civil & Environmental Engineering Program
共通教育
(教養科目等)
輸送機器環境工学プログラム
VESP: Vehicle & Environmental Systems Program
建築プログラム
ABSP: Architectural & Building Science Program
※ 各プログラムにおける標準定員の人数比は 1 : 1 : 1
工学部第四類における
教育プログラムの選択方法
• 1年次終了時に選択
しかし,各プログラムにおける学生の受け入れ人数
に上限がある(標準定員: 各プログラムとも45名)
 特定のプログラムに希望者が集中した場合は,
1年次の成績を考慮して決定
 第四類は,各プログラムで特徴が大きく異なる
(カリキュラム,資格,就職先 etc)
入学希望者(受験生)に対する周知が必要
サーバ管理の現状
(サブネット・サブドメイン)
• 教室(講座)・研究室で各自管理
工A2棟
各研究室のWebサイト
情報メディア
教育研究センター
各種サーバを集中管理
(社会環境システム専攻)
旧・建築教室等&専攻サーバ
(133.41.35.)
see.hiroshima-u.ac.jp
(133.41.41.)
旧・土木教室サーバ
cee.hiroshima-u.ac.jp
(133.41.40.)
旧・ES教室サーバ
naoe.hiroshima-u.ac.jp
(133.41.34.)
部局等で独自にサーバを
管理する場合の問題点
• サーバ等の管理者がセキュリティ上の管理責任を
負い,物的・人的な管理コストが増大
 100%完璧なセキュリティ対策は不可能
(深刻な脅威・インシデント発生の恐れ)
情報セキュリティポリシー 【情報セキュリティ組織】
全学ファイアウォール(F/W)の導入
 F/W適用外のサーバ(学外からアクセス可能)は,
ホスティングサービスへの移行を推奨
広島大学のホスティングサービス
(HDE Controller 3.5 ISP Edition)
• 情報メディア教育研究センター(IMC)のサーバ上で,
以下の機能(ホスティングサービス)を運用・提供
・
・
・
・
・
・
Webサーバ,セキュアWebサーバ
FTPサーバ
メールサーバ,メーリングリスト
DNSサーバ
アカウント,ログ管理
データベース(DB)機能
※ ユーザはWebブラウザ上のGUIから容易に設定可能
バーチャルドメインの取得
(フォルダの構成・URL・アカウント)
• 工学部第四類では,“eng4”の名称で,ホスティング
サーバのバーチャルドメインを申請・取得(容量3GB)
/home/lcvirtualdomain/eng4.hiroshima-u.ac.jp/
htdocs/
public_html
users/
http://eng4.hiroshima-u.ac.jp/
(htdocsへのシンボリックリンクは初期設定)
※ 新規アカウントはusers内に作成
(admin: 管理者権限の初期生成アカウント)
admin/
public_html/
(いずれかの形式を選択して設定)
http://eng4.hiroshima-u.ac.jp/users/admin/
http://eng4.hiroshima-u.ac.jp/~admin/
シンボリックリンクによる
URLの設定
• (SSHを用いて)Linuxコマンド“ln -s”により設定
 URLの入力が容易(シンプルに表示)
 わかりやすい構成のサイト構築が可能
Ex.
ln -s
*/users/global/public_html/ */htdocs/global
実在のフォルダ(or ファイル)
シンボリックリンク
(* = /home/lcvirtualdomain/eng4.hiroshima-u.ac.jp)
http://eng4.hiroshima-u.ac.jp/users/global/
= http://eng4.hiroshima-u.ac.jp/global/
http://eng4.hiroshima-u.ac.jp/~global/
工学部第四類Webサイトの構成
(グローバル部分のリンク)
users/
public_html
htdocs/
global
index.html
http://eng4.hiroshima-u.ac.jp/
include
global/
public_html/
index.html
HOME
入学案内
entrance/
program/ 教育プログラム
graduate/ 卒業研究・進路
campus/ キャンパスライフ
include/ (CSS・JS・タブ画像等)
工学部第四類Webサイトの構成
(各教育プログラム部分のリンク)
users/
public_html
htdocs/
ceep
vesp
absp
※ 各プログラムで
独自に編集・管理
ceep/
public_html/
社会基盤環境工学
プログラム
vesp/
public_html/
輸送機器環境工学
プログラム
absp/
public_html/
建築
プログラム
工学部第四類Webサイトにおける
計画・作成・点検・改善の経緯
• 平成17(2005)年11月~
ホスティングサービスのバーチャルドメインを取得後,
「教育プログラム」制度に対応した,新規Webサイト
(各Webページ)の作成を開始
 入学希望者が,教育プログラム選択上の注意
事項を閲覧せずに,特定の教育プログラムの
ページのみアクセスすることは問題
各教育プログラムの内容を,トップページ(HOME)で
同時にわかりやすく広報する工夫(画像等)が必要
工学部第四類のWebページ
(例: 改善後のHOME)
サイト内リンク
(2階層のタブで表示)
Flashムービー
(写真を多用)
重要な案内には
Flash内からもリンク
新着情報
(イベントの案内等)
Webページのデザイン・機能
(CSSファイル・JSファイルの適用)
CSS(Cascading Style Sheet)ファイル
デザイン(余白,背景色,フォント等)を一括適用
HTMLファイル
(Webページソースのhead部分)
・・・
<link href="*/include/default.css" rel="stylesheet" type="text/css">
<script type="text/javascript" language="JavaScript" src="*/include/swap.js"></script>
<script type="text/javascript" language="JavaScript" src="*/include/plugin.js"></script>
<script type="text/javascript" language="JavaScript" src="*/include/header.js"></script>
・・・
(* = http://eng4.hiroshima-u.ac.jp)
JS(JavaScript)ファイル
HTMLファイルの中で,スクリプトで定義した機能を実行
includeに
ファイルを集約
・ ボタン機能としての,タブ画像のスワッピング(置換)
・ Flashムービー(SWFファイル)のプラグイン(読み込み)
・ ヘッダ等の,各Webページに共通する部分の表示
今後の課題(方針・予定)
• 工学部第四類Webサイト上の,コンテンツの中身と
構成を改善・充実化(特に,各教育プログラム部分)
 アクセシビリティの向上も考慮
最新情報は http://eng4.hiroshima-u.ac.jp/ 参照
• 社会環境システム専攻・各研究室等のWebサイトも,
ホスティングサービスへ移行(予定)
 バーチャルドメインの新規取得(現行のサーバを
移行)により,今回の方法と同様に一括管理