消耗品を管理する Part3

目次

• 設計の続き
  • 画面遷移
  • 画面名
  • 画面デザイン
• 最後に

設計の続き

さて、続き。

画面遷移

flowchart LR
    a[Login]-->|Authorize|b[Main]
    b-->f1
    b-->f2
    b-->f3
    b-->g[Logout]
    f1-->g
    f2-->g
    f3-->g

    subgraph f1[Consumables]
        f1-1[Add]
        f1-4[Edit]
        f1-5[Delete]
        f1-2[Confirm]
        f1-3[Result]
        f1-1 -->f1-2
        f1-4 -->f1-2
        f1-2 -->f1-3
        f1-5 -->f1-2
    end

    subgraph f2[Gonna-buy List]
        f2-1[Carry-forward]
        f2-2[Delay]
        f2-1-->f2-3[Confirm]
        f2-2-->f2-3
        f2-3-->f2-4[Result]
    end

    subgraph f3[Maintenance]
        subgraph u1[User]
            u1-1[Add]
            u1-2[Edit]
            u1-3[Delete]
            u1-4[Confirm]
            u1-5[Result]
            u1-1-->u1-4
            u1-2-->u1-4
            u1-3-->u1-4
            u1-4-->u1-5
        end
        subgraph t1[Consumables]
            t1-1[Add]
            t1-1 -->t1-2[Confirm]
            t1-2 -->t1-3[Result]
            t1-4[Edit]
            t1-4 -->t1-2
            t1-5[Delete]
            t1-5 -->t1-2
        end
        subgraph r1[Category]
            r1-1[Add]
            r1-1 -->r1-2[Confirm]
            r1-2 -->r1-3[Result]
            r1-4[Edit]
            r1-4 -->r1-2
            r1-5[Delete]
            r1-5 -->r1-2            
        end
        subgraph p1[Place]
            p1-1[Add]
            p1-1 -->p1-2[Confirm]
            p1-2 -->p1-3[Result]
            p1-4[Edit]
            p1-4 -->p1-2
            p1-5[Delete]
            p1-5 -->p1-2            
        end
  end

  subgraph c[Header]
    c1[Consumables]
    c2[Gonna-buy List]
    c3[Maintenance]
    c4[Logout]
  end

画面名

No	Page Name	Page Name (Translated)	Child Page
1	Login	ログイン画面	-
2	Main	メイン画面	-
3	Consumables	消耗品管理	消耗品追加
^	^	^	消耗品修正
^	^	^	消耗品削除
4	Gonna-buy List	次買うものリスト管理画面	延期
^	^	^	繰り上げ
5	Maintenance	マスタ管理画面	ユーザ管理(追加・修正・削除)
^	^	^	消耗品管理(追加・修正・削除)
^	^	^	カテゴリ管理(追加・修正・削除)
^	^	^	購入場所管理(追加・修正・削除)

画面デザイン

別ページにて。
ただ、marpでビルドしたけど、みずらいわ。
実物は別物になるわ。

最後に

基本機能だけで7画面あって、その内5画面に確認画面と結果画面があるので計17画面。
さらに全画面にエラー画面を入れると多く見積もっても倍の34画面。
マスタ管理画面には4機能あってそれぞれに追加・修正・削除の機能が必要になる。
それぞれの機能3画面（メイン・確認・結果）が必要になるので合計で36画面。
そのそれぞれにエラー画面を入れると倍の72画面。
基本機能とマスタ管理で合計106画面、単純計算なら。

画面を共通化したら、確認・結果はメッセージのみ差し替えになるので、( 5画面 + 4項目 * 3機能 * 2画面 ) = 29画面は2画面相当に抑えられそう。
またエラー画面は全画面にあるので、34画面は1画面にできそう。
さらに、追加・登録・削除も共通化できるので、6機能分は3画面に抑えられそう。
ということで、全部で、106 - 29 - 34 - ( 3 * 5 ) + 2 + 1 + 3= 34画面分に抑えられそう。
ただ、今の時点で面倒くさがり癖が発症しそうだ。

現時点で、もっとこうしたいという思いが出てきた。
ひとまず次は実際に構築してみようかな。