Home
- 山口
- 松村
- 向井
- 福田
-
github
- コーディング
- タスク管理
- ドキュメント総合管理
「いいねシステム」
- Webアプリケーション
自身のDONEに対して「いいね」をもらえ、他人のDONEに対して「いいね」を送ることができる(∞回)。 「いいね」数に応じてグレードが変わりデザインに変化が加わるほか、レートに変化が生じ、順位が表示される。
画面は自身のTodoリストからなる画面とほかの人のDoneリストからなる画面の2画面から構成される。
===画面・メニュー別の必要機能=== メニューに関してはどの画面においても表示されているものとする
アカウント情報が省略されて確認できる。 アカウント情報の表示(アカウント名と画像・取得したトロフィー数やトロフィー数からヘッダーの色の設定)
画面遷移ボタンが横並べになっており選択により画面遷移が行われる。
「自分のTODOといいね数、新規TODO登録のできる画面」
- Todoリストの表示(※表示されるTodoは登録されてからその日の終わり(23:59まで))
- 継続中(ルーティーン的)のTodoリスト
- 突発的なTodoリスト
- 達成したTodoリスト
Todoの要素について
- DONEしたかどうかを押すためのチェックボタン
- TODO名
- いいねボタンといいね数の表示
「みんなのDONEを見て、いいねを送ることができる」
- 他の人のDONE一覧
- 「いいね」をするボタン
「自分の情報(アカウント名他、取得したトロフィー一覧やいいね集)」
フロントエンド Vue.js バックエンド Firebase(Cloud Fire Store)
Users：ユーザー情報一覧
- ID：各ユーザの一意のID
{
- name (string) ：アカウント名
- acquired-trophies：取得したトロフィーのリスト
[
- trophyID：トロフィーのID
- acquired-date (timestamp)：トロフィーの取得日時 ]
- trophyID：トロフィーのID
- detail (string)：アカウントの紹介文
- icon (URL)：アイコン画像URL
- num-of-nice (int)：総いいね数
- grade (int)：自分のグレードを数値で保持 }
todo：全ユーザーのTODOリスト
- ID：各TODOにおける一位のID
- Task ID (int)
{
- nice (int)：いいね数
- done (bool)：達成したかどうか(true：達成, false：未達成)
- detail (string)：TODOの内容
- timestamp (date)：登録された時間
- running-days (int) ： -1 → 非継続 / 0以上 → 継続している(継続日数) }
- Task ID (int)
{
trophies：取得できるトロフィー一覧
- ID：全トロフィーの情報
{
- name (string)：トロフィー名
- detail (string)：説明文
- conditions (int)：獲得条件 }
https://xd.adobe.com/embed/286ac185-0ae6-49be-7496-1e73e47c5219-5e5b
https://xd.adobe.com/view/286ac185-0ae6-49be-7496-1e73e47c5219-5e5b
【参考】
-
システム全体イメージ：コウペンちゃん
-
いいねを送ったときのアニメーションについて：デスストランディング https://www.dropbox.com/s/zmulcvjjslvj4jp/%E3%83%87%E3%82%B9%E3%82%B9%E3%83%88%E3%81%84%E3%81%84%E3%81%AD%E5%8B%95%E7%94%BB%EF%BC%BF%E5%8F%82%E8%80%83%E8%B3%87%E6%96%99%20%281%29.mp4?dl=0
- ログイン画面
- twitter連携