2015/11/01(日) 進路指導Webサイトの改訂

午後からオフィスに。
学園祭期間中である。本日から3日間はキャンパス内は模擬店やイベントの活気があふれるであろう。


●授業改善報告書
学部と研究科それぞれの授業改善報告書を作成し、メール添付で学部事務室に提出した。

●計算機環境の整備
学部のDNSサーバにログインし、使わなくなったupboundの名前を削除した。
機器管理用のExcelファイルを更新した。

●学生への修学指導（記録整理）
続き。未完了。

●進路指導Webサイトの改訂
進路指導Webサイトのデザイン面での改訂を行った。
まず話を整理すると、このサイトに対しては次のようなことを行っている。

1) 求人資料や行事日程の掲載。日頃の業務として行っている。
2) 主に卒業生の消息情報を蓄積するための新サイトの開発。卒業研究としてYaくんに取り組んでもらっているほか、私自身もかなりの労力を割いている。
3) 2)のサイトにインポートすることを想定したデータの収集。これまでに2015年3月卒業生の協力可否を含むデータ収集や追跡調査による状況把握を行った。
4) スマートフォン向けアプリ開発。Ta先生のところで行っており、私はサイトのデータをXML形式で提供するためのPHPスクリプトを書いた。

1)と4)が既存のWebサイトに関する活動であり、2)と3)が新規開発に関する活動である。
今回の行ったことは既存のWebサイトに関する活動である。上と同じ形式で書くと次のようになる。

5) サイトのデザイン改訂。table要素によるレイアウトをやめてCSSによるRWD的なレイアウトに移行し、併せてページの構成や機能を整理した。

学部Webサーバに置いている自分の学外向けWebサイトを改訂したときのスタイルが流用できるので楽かと思ったが、まったくそのままではうまくいかないことが判った。
まず、資料や日程の表の中身はdl要素で記述し、メディアクエリを使って画面の改造度に応じて箇条書き形式ないし表形式(display: table)に切り替えるようにCSSでスタイルを書くことにしたが、きれいに表示できる箇条書きをデザインするのは意外に面倒であった。
また、自分の学外向けWebサイトから持ってきたスタイルそのままでは、表形式のときにページの横幅が全く足りないので、スタイルのあちこちのパラメータを変更しなくてはならなかった。これをやっているうちに、すでに作っておいたマストヘッド画像を手直ししたり、あたらしくボタン画像を作ったりという作業にまで手を出す羽目になった。ただし、これがきっかけでページ全体を見直して不要な機能を削除したり項目の並び順を改善したりしたことは良かった。
さらに、互換表示設定が有効になっているInternet Explorerに対応するのも厄介である。
未完了。

●その他
軽く模擬店巡りをした。