画面定義
画面定義
コンポーネント一覧
| # | コンポーネント名 | 種別 |
|---|---|---|
| 1 | ハンバーガーメニュー | コンポーネント |
| 2 | ヘッダ | コンポーネント |
| 3 | チームTop画面 | 画面 |
| 4 | イベント詳細画面 | 画面 |
| 5 | 出場成績確認画面 | 画面 |
| 6 | 出場成績登録画面 | 画面 |
| 7 | メンバ一覧画面 | 画面 |
| 8 | メンバ詳細画面 | 画面 |
| 9 | チーム管理画面 | 画面 |
| 10 | メンバ情報編集画面 | 画面 |
| 11 | チームログイン画面 | 画面 |
| 12 | チームID入力ポップアップ | ポップアップ |
| 13 | 収支確認画面 | 画面 |
| 14 | 支払い明細追加ポップアップ | ポップアップ |
| 15 | 集金登録画面 | 画面 |
共通コンポーネント
ハンバーガーメニュー
| # | コンポーネント名 | 説明 | コンポーネント種別 | 操作可否 |
|---|---|---|---|---|
| 1 | メンバ | メンバ一覧画面へ遷移 | メニューアイテム | 〇 |
| 2 | チーム情報 | チーム情報画面へ遷移 | メニューアイテム | 〇 |
| 3 | メンバ情報編集 | メンバ情報編集画面へ遷移 自身のメンバ情報のみ編集可能のため遷移先は自身のメンバ情報 |
メニューアイテム | 〇 |
| 4 | 収支確認 | 収支確認画面へ遷移 | メニューアイテム | 〇 |
ヘッダ
| # | コンポーネント名 | 説明 | コンポーネント種別 | 操作可否 |
|---|---|---|---|---|
| 1 | タイトル | ヘッダ・タイトルをテキストで表示 | テキスト | ✕ |
| 2 | ハンバーガーメニュー | メニューを表示 | ハンバーガーメニュー | 〇 |
画面一覧
チームTop画面
| # | コンポーネント名 | 説明 | コンポーネント種別 | 操作可否 |
|---|---|---|---|---|
| 1 | ヘッダ | ヘッダ項目を参照 | - | - |
| 2 | イベントリスト | デフォルト5イベントを表示。 表示項目は以下。 ・イベント日次 ・イベント名 ・開催場所 ・参加者数 ・欠席者数 イベントをクリックすることでイベント詳細画面へ遷移。 |
リスト | 〇 |
| 3 | イベント作成ボタン | イベント作成画面へ遷移するボタン | フローティングボタン | 〇 |
イベント詳細画面
| # | コンポーネント名 | 説明 | コンポーネント種別 | 操作可否 |
|---|---|---|---|---|
| 1 | ヘッダ | ヘッダ項目を参照。 ※ヘッダ・タイトルにはイベント名を設定。 |
- | - |
| 2 | イベント名 | イベント名を表示 | テキスト | ✕ |
| 3 | 開催日時 | 開催日時を表示 | テキスト | ✕ |
| 4 | 開催場所 | 開催場所を表示 | テキスト | ✕ |
| 5 | メモ | イベントに対するメモを表示 | テキスト | ✕ |
| 6 | 参加者 | 参加者名を表示 | タグ | ✕ |
| 7 | 欠席者 | 欠席者名を表示 | タグ | ✕ |
| 8 | 未回答者 | 未回答者名を表示 | タグ | ✕ |
| 9 | 試合概要 | 試合概要を表示。 以下の項目を表示する。 ・スコアボード ・勝利投手 ・負け投手 ・ホームラン記録 ・本日のMVP ※練習日は空白 |
テキスト | ✕ |
| 10 | 出場成績確認ボタン | 出場成績確認画面へ遷移するボタン | ボタン | 〇 |
| 11 | 出席ボタン | 自身の出席登録ボタン | フローティングボタン | 〇 |
| 12 | 欠席ボタン | 自身の欠席登録ボタン | フローティングボタン | 〇 |
| 13 | 支払確認ボタン | 支払詳細画面へ遷移するボタン 支払い方法がイベントごとの場合のみアクティブ |
ボタン | 〇 |
出場成績確認画面
自チーム分と相手チーム分の2セット用意。
| # | コンポーネント名 | 説明 | コンポーネント種別 | 操作可否 |
|---|---|---|---|---|
| 1 | ヘッダ | ヘッダ項目を参照。 ※ヘッダ・タイトルにはイベント名を設定。 |
- | - |
| 2 | 出場成績（打撃） | 出場成績をリスト表示。 項目： ・打順 ・選手名 ・打席 ・打数 ・安打 ・二塁打 ・三塁打 ・本塁打 ・打点 ・盗塁 ・四球 ・死球 ・犠打 ・犠飛 ・打率 ・OPS |
テーブル | ✕ |
| 3 | 出場成績（投球） | 出場成績をリスト表示。 項目： ・選手名 ・投球回数 ・球数 ・被安打 ・奪三振 ・失点 ・自責点 ・防御率 ※勝利投手☆/敗戦投手★/ホールドH/セーブS |
テーブル | ✕ |
| 4 | 出場成績編集ボタン | 出場成績登録画面へ遷移。 管理者のみ操作可能 |
ボタン | 〇 |
出場成績登録画面
自チーム分と相手チーム分の2セット用意。
| # | コンポーネント名 | 説明 | コンポーネント種別 | 操作可否 |
|---|---|---|---|---|
| 1 | ヘッダ | ヘッダ項目を参照。 ※ヘッダ・タイトルにはイベント名を設定。 |
- | - |
| 2 | 出場成績（打撃） | 出場成績をリスト表示(編集可能)。 項目： ・打順 打順/打/守備位置（漢字）/走から選択可能 ・選手名 所属選手から選択 ※助っ人登録用に自由記述も可 ・打席 ・打数 ・安打 ・二塁打 ・三塁打 ・本塁打 ・打点 ・盗塁 ・四球 ・死球 ・犠打 ・犠飛 ・打率 ※入力不可。表示時に自動計算 ・OPS ※入力不可。表示時に自動計算 |
テーブル | ✕ |
| 3 | 出場成績（投球） | 出場成績をリスト表示。 項目： ・選手名 ・投球回数 ・球数 ・被安打 ・奪三振 ・失点 ・自責点 ・防御率 入力不可。表示時に自動計算 ・勝利/敗戦チェック 勝利投手☆/敗戦投手★/ホールドH/セーブS |
テーブル | ✕ |
| 4 | 確定ボタン | イベントに紐づく出場成績を確定。 出場成績確認画面へ遷移。 |
ボタン | 〇 |
メンバ一覧画面
| # | コンポーネント名 | 説明 | コンポーネント種別 | 操作可否 |
|---|---|---|---|---|
| 1 | ヘッダ | ヘッダ項目を参照。 ※ヘッダ・タイトルにはチーム名を設定。 |
- | - |
| 2 | メンバ一覧 | チームメンバの一覧を表示。 カード形式のリストとし、カード上には以下を表示。 ・背番号 ・選手名 ・守備位置 ・成績（打率/本塁打/打点） カードタップでメンバ詳細画面へ遷移。 |
カードリスト | 〇 |
メンバ詳細画面
| # | コンポーネント名 | 説明 | コンポーネント種別 | 操作可否 |
|---|---|---|---|---|
| 1 | ヘッダ | ヘッダ項目を参照。 ※ヘッダ・タイトルにはメンバ名を設定。 |
- | - |
| 2 | イメージ | 選手イメージを表示。 | 丸形アイコンイメージ | ✕ |
| 3 | 背番号 | 背番号を表示 | テキスト | ✕ |
| 4 | メンバ名 | メンバ名を表示 | テキスト | ✕ |
| 5 | 守備位置 | 守備位置を表示 | テキスト | ✕ |
| 6 | ひと言 | ひと言を表示 | テキスト | ✕ |
| 7 | 打撃成績/投手成績切替タブ | 表示する成績を打撃成績/投手成績で切り替えるタブボタン | タブ | 〇 |
| 8 | 打撃成績 | 打撃の通算成績を表示 打率(打数-安打)/本塁打/打点/盗塁/OPS |
テーブル | ✕ |
| 9 | 投手成績 | 投手の通算成績を表示 登板数/勝利数/敗戦数/ホールド数/セーブ数/防御率 |
テーブル | ✕ |
| 10 | 編集ボタン | メンバ情報編集画面へ遷移 | ボタン | 〇 |
チーム管理画面
※管理者のみ表示
| # | コンポーネント名 | 説明 | コンポーネント種別 | 操作可否 |
|---|---|---|---|---|
| 1 | ヘッダ | ヘッダ項目を参照。 ※ヘッダ・タイトルには「チーム管理画面」を設定。 |
- | - |
| 2 | チーム名入力 | チーム名入力ボックス | テキストボックス | 〇 |
| 3 | メンバ一覧 | 所属メンバ名の一覧を表示 先頭に一括削除用チェックボックスを付与 末尾に管理者登録用トグルボタン付与 |
チェックボックス、トグルボタン付きリスト | 〇 |
| 4 | メンバ招待ボタン | 追加メンバメールアドレス入力ポップアップ表示 | ボタン | 〇 |
| 5 | メンバ削除ボタン | メンバ一覧にてチェックボックスにチェックが入っているメンバを一括削除する | ボタン | 〇 |
| 6 | 集金体系選択リスト | 集金体系を選択 ・イベントごと ・月払い ・年払い |
ドロップダウンリスト | 〇 |
メンバ情報編集画面
| # | コンポーネント名 | 説明 | コンポーネント種別 | 操作可否 |
|---|---|---|---|---|
| 1 | ヘッダ | ヘッダ項目を参照。 ※ヘッダ・タイトルにはメンバ名を設定。 |
- | - |
| 2 | イメージ | 端末内のイメージを選択 ※標準処理をキック |
丸形アイコンイメージ | 〇 |
| 3 | 背番号 | 背番号を編集 | テキストボックス | 〇 |
| 4 | メンバ名 | メンバ名を編集 | テキストボックス | 〇 |
| 5 | 守備位置 | 守備位置を編集 | テキストボックス | 〇 |
| 6 | ひと言 | ひと言を編集 | テキストボックス | 〇 |
| 7 | 確定ボタン | 編集内容を確定させる。 確定後は自身のメンバ情報詳細画面へ遷移 |
ボタン | 〇 |
チームログイン画面
| # | コンポーネント名 | 説明 | コンポーネント種別 | 操作可否 |
|---|---|---|---|---|
| 1 | チーム選択リスト | ログインするチームを選択するドロップダウンリスト。 選択したチームのチームトップ画面へ遷移 |
ドロップダウンリスト | 〇 |
| 2 | チームID入力ボタン | チームID入力ポップアップを表示する | ボタン | 〇 |
チームID入力ポップアップ
初回チームログイン時は、チームID入力ポップアップからログインする。
チームIDはCognito認証メールに記載する。
| # | コンポーネント名 | 説明 | コンポーネント種別 | 操作可否 |
|---|---|---|---|---|
| 1 | チームID入力ボックス | チームIDの入力テキストボックス | ドロップダウンリスト | 〇 |
| 2 | 確定ボタン | 入力したチームIDの確定ボタン。 選択したチームの自身のメンバ情報編集画面へ遷移 |
ボタン | 〇 |
収支確認画面
メンバ集金情報と雑費等の収支があるため、変更を不可とする。
明細を削除する場合は、打消し収支を登録する等で対応。
| # | コンポーネント名 | 説明 | コンポーネント種別 | 操作可否 |
|---|---|---|---|---|
| 1 | ヘッダ | ヘッダ項目を参照。 ※ヘッダ・タイトルには「収支確認」を設定。 |
- | - |
| 2 | 収支 | 総収支情報を表示 表示する情報は以下。 ・総収入 ・総支出 ・余剰 |
テキスト | ✕ |
| 3 | 表示支払単位選択 | 下部に表示する支払単位を選択する 集金体系ごとに以下をアイテムに表示 ・年払い：yyyy ・月払い：yyyymm ・イベントごと：yyyy/mm/dd イベント名 |
ドロップダウンリスト | 〇 |
| 4 | 未払いメンバ表示ボタン | 未払いメンバ一覧をポップアップ表示させる | ボタン | 〇 |
| 5 | 収支明細 | 表示支払単位選択で選択されている単位で明細を表示 | テキスト | ✕ |
| 6 | 明細追加ボタン | 支払明細追加ポップアップを表示 管理者のみアクティブ |
ボタン | 〇 |
| 7 | 集金登録ボタン | 集金登録画面へ遷移 管理者のみアクティブ |
ボタン | 〇 |
支払い明細追加ポップアップ
| # | コンポーネント名 | 説明 | コンポーネント種別 | 操作可否 |
|---|---|---|---|---|
| 1 | 表示支払単位選択 | 明細を追加する対象となる支払単位を選択する 集金体系ごとに以下をアイテムに表示 ・年払い：yyyy ・月払い：yyyymm ・イベントごと：yyyy/mm/dd イベント名 |
ドロップダウンリスト | 〇 |
| 2 | 用途入力ボックス | 用途を記載する | テキストボックス | 〇 |
| 3 | 金額入力ボックス | 用途にかかる金額を記載する マイナスを記載することで支出計上する |
テキストボックス | 〇 |
| 4 | 確定ボタン | 入力した情報で明細を追加する。 ポップアップ終了後、収支確認画面へ遷移する |
ボタン | 〇 |
集金登録画面
| # | コンポーネント名 | 説明 | コンポーネント種別 | 操作可否 |
|---|---|---|---|---|
| 1 | ヘッダ | ヘッダ項目を参照。 ※ヘッダ・タイトルには「集金登録」を設定。 |
- | - |
| 2 | 表示支払単位選択 | 明細を追加する対象となる支払単位を選択する 集金体系ごとに以下をアイテムに表示 ・年払い：yyyy ・月払い：yyyymm ・イベントごと：yyyy/mm/dd イベント名 |
ドロップダウンリスト | 〇 |
| 3 | 集金状況リスト | メンバごとに未払い/支払済みをチェックボックスで選択する この際、集金体系がイベントごとであっても、参加者、欠席者は区別せず、全メンバを表示する 複数選択不可 |
チェックボックス付きリスト | 〇 |
| 4 | 確定ボタン | メンバの支払い状況を確定させる。 収支確認画面へ遷移する |
ボタン | 〇 |