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

22::gr10::ものと操作

ものと操作

トップページ

top_image.jpg

  • トップページ
    • 背景
    • タイトル
    • ユーザID入力欄  →ユーザIDをキーボードから入力
    • パスワード入力欄  →パスワードをキーボードから入力
    • 「ログイン」ボタン  →IDとパスワードを入力した後クリックすると、ログイン状態でメインページに切り替わる
    • 「新規登録」ボタン  →ユーザが登録されていないとき、クリックで新規登録画面に飛ぶ
  • 新規ユーザ登録ページ
    • 背景
    • ニックネーム入力欄(任意)
    • ユーザID入力欄(任意)
    • パスワード入力欄(任意)
    • パスワード再入力欄(確認用)
       ↑上4つキーボードから入力
    • 「新規登録」ボタン  →クリックすると、"この内容でよろしいですか"とポップアップが表示される
    • ポップアップ
       →"はい"→トップページ(ログイン画面)に戻る
       →"いいえ"→ポップアップを消す(ユーザに訂正させるため)

メインページ

main_image.jpg

  • メインページ
    • 背景
    • タイトル
    • 「ログアウト」ボタン  →クリックすると、トップページに戻る
    • カレンダー
      • 背景
      • 進むボタン   →クリックすると、次の月のカレンダーを表示
      • 戻るボタン   →クリックすると、前の月のカレンダーを表示
      • 「過去データ検索」ボタン   →クリックすると、任意の年月日を選択できて、カレンダーを移動できる
      • 各日付のボタン   →日付の部分をクリックすると、そのクリックされた任意の日についての入力画面を表示(カレンダーの下に表示する予定)
    • 任意の日の詳細画面
      • 背景
      • 「追加」ボタン   →クリックで入力ページに飛ぶ
      • 「修正」ボタン   →クリックで入力ページに飛び、編集できる
      • 「削除」ボタン   →クリックで記録されている情報を削除できる
      • 進むボタン   →クリックすると、次の日の詳細を表示
      • 戻るボタン   →クリックすると、前の日の詳細を表示
    • 円グラフ   →月の支出・収入内訳を色分けで表示(真ん中に数字で総額表示)
    • TIPS   →節約のためのアドバイス的なものを表示

  

入力ページ

input_image.jpg

  • 入力ページ
    • 背景
    • 日付(タイトル)
    • 「戻る」ボタン  →クリックすると、メインページに移動する
    • 「支出」ボタン  →クリックすると、支出の入力欄に切り替わる
    • 「収入」ボタン  →クリックすると、収入の入力欄に切り替わる
    • 入力画面(支出・収入ともに基本は同じ)
      • 金額の入力欄  →キーボードから入力
      • カテゴリ選択欄  →任意の支出・収入カテゴリアイコンを選択
      • 「登録」ボタン  →クリックすると、その支出・収入データが追加される&メインページに戻る
      • 「続けて入力」ボタン  →クリックすると、その支出・収入データが追加され、再度入力画面に戻る


最終更新日:2022/05/20 12:56:55