「Ｘウィンドウ実習」第７回

インターフェイスの設計とForm機能

情報検索の効率の面からインターフェイスの設計を考えてみます。
HTML の少し高度な機能である Formについても紹介します。

今週の課題

以下の指示に従って、作業を進めてください。今週は少しプログラムの作成が多めです。
がんばってください。

課題 1:

Mosaicをメニューから呼び出す設定は、ホームディレクトリにある .openwin-menu-programs.ja というファイルに登録されています。

このファイルを vi で編集し、呼び出すファイル名を変更してください。
（~gakusei4 の部分はもちろん自分のログイン名に変えます。）



"モザイク..."     exec /usr/local/mosaic/Mosaic_l10n
 -home "http://www.wakhok.ac.jp/inside.html"
                            |
                            V
"モザイク..."     exec /usr/local/mosaic/Mosaic_l10n
 -home "http://www.wakhok.ac.jp/~gakusei4/start.html"

課題 2:

ディレクトリ www に移動しなさい。上のファイルに登録した start.htmlの内容を vi で作成しなさい。
＊もちろんURLは~gakusei4ではなく自分のログイン名を指定してください。



<TITLE> Start Page for me </TITLE>

<A HREF="/~tatsuo/kougi95/mokuji.html">Xウィンドウ講義</A><P>
<A HREF="/~tatsuo/kougi95/x_info.html">Xウィンドウ連絡</A><P>
<A HREF="/world/world.html">世界への扉</A><P>
<A HREF="/inside.html">学内向けのホームページ</A><P>
<A HREF="/~gakusei4/home.html">自分のホームページ</A><P>
<A HREF="/~gakusei4/report.html">第１回のレポートの課題</A><P>

課題 3:

ログインして「モザイク」を起動しなさい。どんな画面が登場しましたか？

課題 4:

start.html の内容をさらに自分向けに改造してください。

まず、１つ新しいリンクを追加してもらいます。これは、皆さんのレポート課題のページを直接呼び出せるようにしておいたものです。
リンクのタグは、たとえば「全員のレポート」としてください。 URL は、"/contest/report95.html" です。

その他、各自の必要に応じて随時追加を行いなさい。
たとえば情報英語を選択している人は、情報英語の講義やお知らせのページをすぐ呼び出せるようにしなさい。
その他自分がよく利用するサービス（Yahoo や SUNSite などのページ、先生が用意したイメージ・サンプルのページなど）も必要ならば追加しなさい。
もし現在作成中のページがあるなら、それも完成するまでの間、すぐ呼び出せるようにしておくと便利です。

課題 5:

今日の実習の課題のページが、新しいホームページから前より簡単に呼び出せることを確認しなさい。

課題 6:

Form の練習をします。プログラム form1.html を vi で作成しなさい。完成したら Open の機能を使って呼び出して確認しなさい。

課題 7:

Form の練習をします。プログラム form2.html を vi で作成しなさい。完成したら Open の機能を使って呼び出して確認しなさい。

課題 8:

Form の練習をします。プログラム form3.html を vi で作成しなさい。完成したら Open の機能を使って呼び出して確認しなさい。

課題 9:

Form の練習をします。プログラム form4.html を vi で作成しなさい。完成したら Open の機能を使って呼び出して確認しなさい。

課題 10:

Form の練習をします。プログラム form5.html を vi で作成しなさい。完成したら Open の機能を使って呼び出して確認しなさい。

このプログラムを全部手で入力するのは大変でしょう。
そこで少し工夫をしてみます。皆さんの名簿は既にファイルとして作成されたものが存在します。（ /home/net/sparc01/st94.master という名前のファイル）このファイルを元に awk を使ってリストの項目部分を自動生成させてみます。




  awk  '{printf "<OPTION>%s %s\n", $4, $5}'  /home/net/sparc01/st94.master

この出力結果を適当なファイル名で保存しておき、form5.html の中に読み込んでください。

課題 11:

（応用） form5.html に９５年度入学生のリストも追加してください。
９５年度入学生の名簿は /home/net/sparc01/st95.master というファイルです。

課題 12:

（応用）上の入学者名簿をクラス別に分け、さらにレイアウトも工夫して見やすくしてください。（見本）

課題 13:

来週は休講です。来々週のこの時間に、レポート作品の人気投票を行う予定です。
暇を見つけて他の人のレポート作品に目を通し、投票しようと思う作品の目星をつけておいてください。コンテスト当日まで「作品の手直しはあり」とします。

Ｘウィンドウ「実習の目次」に戻る。

今週の「Ｘウィンドウ講義」のページに戻る