見出し画像

OOUIの準備運動 1日目 ラフスケッチ

OOUIの準備運動」を読んで、さっそく1番のラフスケッチ課題をやってみます。

やること

いくつかのユーザー要件をもとに、オブジェクトを意識しながら、UIのラフスケッチを描いてみましょう。制限時間は20分です。

これは学校の教員が使うための情報システムです。教員はこのシステムで次のようなことを行います。

・生徒の所属しているクラブを確認する
・野球部の顧問を確認する
・過去の全テストの平均点が一番高い生徒を見つける
・運動部を探す
・3年B組のある生徒の情報を印刷する
・ある生徒の弟にあたる生徒のクラスを確認する
・バスケットボール部の部長が掛け持つ部活を確認する

やってみる

タスクからオブジェクトを書き出してみる…
・生徒
・部活
・クラス
・テスト…テスト?テストとそのテスト結果…データ構造を考え始めてしまって10分近くロスしたので急いでラフスケッチを描く。

生徒一覧、生徒詳細

画像1

一覧画面でフィルタとソート
詳細画面は、生徒のプロパティと関連している生徒一覧、編集・印刷アクション

クラス一覧、クラス詳細

画像3

詳細画面は、クラスのプロパティと所属している生徒一覧

部活一覧、部活詳細

画像2

詳細画面は、部活のプロパティと所属している生徒一覧

テスト一覧、テスト詳細

画像4

詳細画面は、テストのプロパティと受けた生徒一覧

「過去の全テストの平均点が一番高い生徒を見つける」のはどうすっぺかなと思ったが、時間ないので生徒一覧の表の項目に平均点を追加した…ウ〜〜ン

感想

20分は短い!!!頭が固すぎてわりと止まっていた。他の課題をやってからもう一度挑戦します。

この記事が気に入ったらサポートをしてみませんか?