Skip to content

最終課題:写真共有サービスをチームで開発する #2

Description

@chikaymd

DB構成

image

必要な画面

IMG_20200511_112114


独立ページ

ユーザー登録画面

  • メールアドレスとパスワードを入力して登録できるように
    • パスワードは確認用に2回入力
  • 登録ボタンを押し、問題なければログイン状態でイベント一覧に進む
    • メアドの形式がおかしいのは見たい
    • (できればPASSは英数字両方とかにしてもいいけど)

ログイン画面

  • メールアドレスとパスワードを入力
  • ログインボタンを押下
    • 失敗したら
      • エラー表示してログイン画面に戻す
      • 入力していた内容は残っていると嬉しい
    • 成功したらイベント一覧へ遷移

共通テンプレートあり

ヘッダー(共通)

  • メールアドレスを表示
  • イベント一覧へのリンク
  • ログアウトボタン
  • yamacheeseも表示しておくといいかな

イベント一覧画面(ログイン後の画面)

  • ヘッダーあり

  • ログインしていないと見られない

  • 「イベント一覧」と表示

  • 新規作成ボタン

    • 押下後、イベント新規作成画面に遷移(*1)
  • 自分の作ったイベントが見られる

    • イベント名
    • イベント公開開始日
    • イベント公開終了日
    • 写真枚数
    • 認証キー
    • 編集ボタン(*2)

(*1)イベント新規作成画面

  • ヘッダーあり

  • ログインしていないと見られない

  • 入力フォーム

    • イベント名
    • 公開開始日
    • 公開終了日
    • 作成ボタン
  • 公開開始日、公開終了日については日付のみ入力できるよう適切なバリデーションを入れる

  • イベント作成時ランダムな文字列(8文字程度)を生成して認証キーとする

(*2)イベント編集画面

  • ヘッダーあり

  • ログインしていないと見られない

  • イベント一覧で選択したイベントが編集できる

    • イベント名
    • 公開開始日
    • 公開終了日
  • 写真の追加

    • ファイルを選択ボタン
    • アップロードボタン
    • 画像がJPEGで容量が大きすぎない(~200MB以下)
  • 写真の削除

    • アップロードした写真を表示して、そこに削除ボタン
    • 削除ボタン押下後即削除

写真閲覧用のページ

認証キー入力画面

  • 認証キー入力フォーム
  • 閲覧ボタン
    • 失敗したら
      • エラー表示して認証キー入力画面に戻す
      • 入力していた内容は残っていると嬉しい
    • 成功したら写真一覧画面へ遷移

写真閲覧画面

  • 認証キーの入力に成功していないと見られない
  • 公開期間中でないと見られない
  • 入力した認証キーをもつイベントの写真が全て表示されている

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions