2021 ソフトウェア設計及び演習用の班Wiki

班のメンバー決め

テーマ決め及び簡易企画書作成

モノと操作の洗い出し

モノと操作の洗い出し。図をもう少し細かくして具体的にした。一つ一つの機能のサイズや表示場所についても話し合った。

モジュール化を行った。モジュール間での依存関係を洗い出した。状態遷移表を作った。
オブジェクトとその機能とに分けて、ツリー上にしてそれぞれのモジュールの依存関係を洗い出してみた。

プロトタイプを作ってみた。自分は時間割 のプログラムを担当して、時間割の表示自体はできた。今日の日付を取得して、今日の時間割に色を塗りたいが、日付取得やそれに応じた日付の時間割新納を塗るプログラムはまだ考案中。ＣＳＳを使い色塗りを考えるところです。
分担ごとに話し合いを進めたかったので、discordを使って役割ごとに話し合いを進めた。

• 引き続きプロトタイプの作成を行った。時間割表の作成を完了して、時間割をユーザーが入力できるように表を入力フォームの形にした。
  
  
• 入力内容を保存できるようにlocalStorageを使った。これで入力した内容が、ブラウザを閉じて再び開いても読み込みボタンを押せば入力内容を復元できるようになった。
  
  
• 今日の時間割がわかりやすいように、今日の曜日の列に背景色をつけた。
  getDay()で今日の曜日の値を取得して、その値に応じてswitch文で処理するようにした。初期値では、各曜日の列はcssで無色に設定してあるが、今日の曜日だけそのクラスをironuriという黄色を塗るクラスに変更する。これで自動で今日の曜日に色を塗ってくれる。
  
  
• なお、作成した時間割表のhtmlファイルはsubject.htmlというファイル名で修正版時間割という名前のディレクトリの中に保存している。色塗りのファイルはironuri.cssというファイル名で同ディレクトリに保存している。
  
  
• しかしsubject.htmlは、まだ改善点がある。それは、プログラム、特にscript部分が長すぎて見づらいプログラムになっている。これを改善するために、scriptの部分は.jsファイルに書いてsubject.htmlファイルを見やすくしようと思う。
  
  
• 6/4の23:20に改善点を改善した。入力内容を保存するプログラムのsave.js、入力内容を読み込むプログラムのload.js、曜日ごとに色を塗り分けるプログラムのiro_switch.js、スクリプト部分をjsファイルへのリンクにしてプログラムを省略したsubject.js。
  以上の合計4つのファイルにして機能ごとに分けた。改善したものは修正版時間割表ディレクトリ内に保存済みである。

時間割のプログラムの確認を行った。for文でまとめて書けないかなどを検討してみた。

中間発表があった。まだ未完成な部分が多いので、最終発表までには、細かい仕様を変更または、新しい機能の追加、本来追加しようとしていた機能の追加をやっていきたい。

設定のボタンをスマホとかでよくある、歯車の画像にしてみた。ホーム画面にどのウィジェット(機能)追加するのかを決める設定について検討した。

ホーム画面の背景をボタンをクリックすることで背景を変更できるようなプログラムを考えた。クラス名を変更することで背景画像が切り替えられるようにしたかったが、１つの画像が表示非表示になるだけで、２つ以上の画像を切り替えることはできなかった。来週の授業で別の方法で画像を切り替えることができないか模索していきたい。

ホーム画面の背景をボタンをクリックすることでurl値が変更されることによりそのurl値の背景が画面全体に表示されるようにした。最初は、クラス名を変更することで背景画像を変更しようとしたが、一つの背景画像が表示非表示になるだけで、２つ以上の画像を切り替えることはできなかった。なのでボタンを複数作り、押すボタンによって呼ばれる関数が違いように作り、その関数でurl値を変更できるようにプログラムを作り直した。
また、変更した背景画像をローカルストレージに保存して、再びブラウザを開いたり、ブラウザを更新した時も読み込みボタンを押すことで、変更内容が保存されるようにした。

ホーム画面の背景画像を前は、開発者側で背景画像の候補を提示していたが、今回は、ユーザーが任意の画像のURLをテキストに入力することでそのURLの画像を背景として設定できるようにした。URLを入力するテキスト欄に何も書いていない状態で背景変更ボタンを押した場合、もともと設定したデフォルトの画像が背景設定される。

また、二回目以降背景画像を変更したい時、URLを手動で消すのはいちいちめんどくさい。そこで新しく「クリア」というボタンを作った。このクリアボタンを押すと、テキスト画面に書かれていたURL名を削除できる。

最終発表があった。どの班も中間発表のときよりも進化しており、すごかった。自分たちも、中間発表のときよりは進化していてよかった。具体的には、ウィジェットの各機能の配置だったり、ホーム画面の背景変更方法だったり。