# Club Works ナビ・取材 Demo 2024.01.11 ## 新規依頼の作成 ### プライベートブラウジングで検証環境を開く *※ プライベートブラウジング: Safari の「新規プライベートウインドウ」や Chrome の 「新規シークレット ウインドウ」等* 検証環境URL: http://club-works.japaneast.cloudapp.azure.com - アクセスすると /login にリダイレクトされること ### CS アカウントでログインする メールアドレス: 任意(例: mimina-sasaki@jinjib.co.jp) パスワード: password ![スクリーンショット 2024-01-09 23.04.24](https://hackmd.io/_uploads/ry9_MCqOa.png) - ダッシュボードが表示されること ### サイドメニューの「新規」をクリックする - 依頼新規作成画面に遷移すること - 担当CSにログインユーザーがデフォルトでセットされていること ![スクリーンショット 2024-01-09 23.07.46](https://hackmd.io/_uploads/rJrLX0cOT.png) ### Zoho ID に Zoho の商談IDを入力する Zoho ID の例: 4290906000002686078 #### Zoho の商談IDとは Zoho CRM の商談詳細画面の URL の末尾にある19文字の数字文字列 商談詳細画面の URL の例: https://crm.zoho.com/crm/org700073014/tab/Potentials/4290906000002686078 ### 契約番号と企業名を取得ボタンをクリックし、Zoho ID から各情報を取得する - 契約番号のフィールドに値がセットされること - 企業名のフィールドに値がセットされること ![スクリーンショット 2024-01-09 23.19.47](https://hackmd.io/_uploads/r1tf80qdp.png) ### 担当営業と営業拠点を入力して登録ボタンをクリックする - 依頼詳細画面に遷移すること - 右上に正しい Zoho ID が表示されていること -  Zoho ID のリンクを押すと Zoho CRM の商談を新しいタブで開くこと -  画面右上に正しい契約番号が表示されていること -  大見出しに正しい企業名が表示されていること -  拠点に入力した営業拠点が表示されていること -  営業に入力した営業担当者の名前が表示されていること -  CSに入力したCS担当者の名前が表示されていること ![スクリーンショット 2024-01-09 23.22.28](https://hackmd.io/_uploads/ryI3I0qua.png) ## ナビ・取材の依頼作成 ### 依頼追加セクションからナビ・取材をクリックし、各種情報を入力する Demo は不足事項を CS が自己申告したパターンで行うので「不足事項あり」にチェックを入れる。 ![スクリーンショット 2024-01-09 23.34.30](https://hackmd.io/_uploads/SyuYKCcd6.png) ### 登録ボタンをクリックする ※ ナビ・取材詳細画面の各情報の動的化はまだ甘いので後日再実装。 - ナビ・取材詳細画面に遷移すること - 対応中にCS/営業が表示されていること - 取材パターンに入力した情報が表示されていること - 社内メモに入力した情報が表示されていること - タイムラインに作成された履歴が記録されていること ![スクリーンショット 2024-01-09 23.37.12](https://hackmd.io/_uploads/Bku75A9_T.png) ## 不足事項あり時のフロー確認 ### サービス開発部アカウントでログインする ※ プライベートブラウジングではなく普段使用のブラウザーで良い。 メールアドレス: ご自身のメールアドレス パスワード: password - ダッシュボードが表示されること - ダッシュボードの新規依頼セクションの最下部に先ほど作成した依頼が表示されていること - ダッシュボードのログセクションに先ほど作成した依頼のログが表示されていること ![スクリーンショット 2024-01-10 0.22.07](https://hackmd.io/_uploads/H1Oa4Js_p.png) ### サイドメニューの「ナビ・取材」をクリックする - 最下部に先ほど作成した依頼が表示されていること ![スクリーンショット 2024-01-10 0.25.18](https://hackmd.io/_uploads/ry1dr1odp.png) ### 新規依頼の詳細アイコンをクリックする - CS アカウントで確認した情報と同様のものが表示されていること ![スクリーンショット 2024-01-10 0.26.47](https://hackmd.io/_uploads/SJuarko_a.png) ### コメントを行う - タイムラインにコメントの履歴が表示されること - 新着コメントにコメントが表示されること ![スクリーンショット 2024-01-10 0.28.54](https://hackmd.io/_uploads/BJcrUJs_T.png) ### CSアカウントのブラウザーでナビ・取材詳細画面をリロードする - タイムラインにコメントの履歴が表示されていること - 新着コメントにコメントが表示されていること ![スクリーンショット 2024-01-10 0.28.54](https://hackmd.io/_uploads/BJcrUJs_T.png) ### ナビ・取材編集リンクをクリックし各種情報を入力する ※ ナビ・取材編集リンクのデザインと位置は検討中 ![スクリーンショット 2024-01-10 0.33.29](https://hackmd.io/_uploads/HyQOwkj_T.png) ### 不足事項ありチェックボックスを OFF のまま登録する - ステータスが「ナビチーム承認待ち」に変わっていること - 対応中がサービス開発部に変わっていること - 取材場所に入力した情報が表示されていること - 取材日時に入力した情報が表示されていること - タイムラインにフィールドの更新情報が記録されていること(ローカライズは後日対応) ![スクリーンショット 2024-01-10 0.35.18](https://hackmd.io/_uploads/Hk7ADko_p.png) ![スクリーンショット 2024-01-10 0.36.26](https://hackmd.io/_uploads/HkGfd1o_T.png) ### サービス開発部アカウントでナビ・取材詳細画面をリロードする - ステータスが「ナビチーム承認待ち」になっていること - 不足事項ありボタンが表示されていること - 依頼を承認ボタンが表示されていること ![スクリーンショット 2024-01-10 0.45.34](https://hackmd.io/_uploads/Sy07qJj_p.png) ## 不足事項ありへの差し戻しフロー確認 ### 不足事項ありをクリックする - ステータスが「不足事項あり」に差し戻されていること - タイムラインにステータスの差し戻しが記録されていること ![スクリーンショット 2024-01-10 0.51.04](https://hackmd.io/_uploads/SJzKo1ida.png) ### ナビ・取材編集をクリックし、不足事項ありチェックボックスを OFF のまま登録する - ステータスが「ナビチーム承認待ち」に戻っていること - タイムラインにステータスの変更が記録されていること ![スクリーンショット 2024-01-10 0.51.45](https://hackmd.io/_uploads/HkXoi1iua.png) ## 依頼を承認 ### 依頼を承認ボタンをクリックする - ステータスが「パートナー未設定」になること - サービス開発部アカウントだけにパートナー設定ボタンが表示されていること ![スクリーンショット 2024-01-10 0.50.16](https://hackmd.io/_uploads/Bkr2jkjO6.png) ## パートナー設定 ### パートナー設定ボタンをクリックする - パートナー様最寄駅のドキュメントを開くリンクが機能すること - 発注書作成画面が表示されること - 内容1に当月が表示されていること - 内容2に企業名が表示されていること ![スクリーンショット 2024-01-10 1.06.24](https://hackmd.io/_uploads/BJ6fylsOT.png) ### パートナー名を設定して送信する ※ 送信してから Excel の加工と PDF 変換を行うので時間がかかる - ステータスに「パートナー発注中」が表示されること - 発注をキャンセルボタンが表示されること - 対応中にサービス開発部が表示されること - パートナーに設定したパートナー名が表示されること - パートナー依頼日に当日が表示されること(未実装) ![スクリーンショット 2024-01-10 1.09.20](https://hackmd.io/_uploads/ry-aJejd6.png) ## パートナーの受注 ### プライベートブラウジングで検証環境を開く ※ 営業/CSロールでログインしているプライベートブラウザがある場合は一度閉じるかログアウトする http://club-works.japaneast.cloudapp.azure.com/login ### 発注したパートナーロールのアカウントでログインする メールアドレスの例: C-PLUS の1人目の担当者の場合は partner1-1@example.com ![スクリーンショット 2024-01-10 1.51.38](https://hackmd.io/_uploads/r15itli_T.png) ### ダッシュボード最下部の依頼の詳細アイコンをクリックする - 各種情報が正しく表示されていること(制作依頼内容は未実装) ![スクリーンショット 2024-01-10 1.52.16](https://hackmd.io/_uploads/rJt89gsd6.png) ### ナビ・取材の詳細アイコンをクリックする - 発注請書作成ボタンが表示されていること - 発注書ダウンロードボタンが表示されていること ![スクリーンショット 2024-01-10 1.55.52](https://hackmd.io/_uploads/r1Ih9gidp.png) ![スクリーンショット 2024-01-10 1.55.59](https://hackmd.io/_uploads/H1yh9lida.png) ### 発注請書作成ボタンをクリックする - 各種情報が表示されていること - 発注書をダウンロードできること ※ 発注請書のフォーマットが決まるまで画面全体は仮なので Demo 段階では特に気にせず受諾して良い。 ![スクリーンショット 2024-01-10 1.57.25](https://hackmd.io/_uploads/BJH-sejd6.png) ### 発注を受諾する - ステータスに「取材日確定」が表示されること ※ 取材日が入っていない場合は「日程調整中」に遷移され、日程調整中のナビ・取材詳細画面で「取材日確定」ボタン操作を行うことで、取材日確定ステータスに遷移する ![スクリーンショット 2024-01-10 2.15.49](https://hackmd.io/_uploads/rkp8yZoO6.png) ## 日程調整中への差し戻し ※ ステータス名は「取材日調整中」の方が良いかも ### ステータスを「日程調整中に変更する」 - ステータスに「日程調整中」が表示されること - 取材日確定ボタンが表示されること ![スクリーンショット 2024-01-11 0.35.27](https://hackmd.io/_uploads/H1C_YE3_6.png) ![スクリーンショット 2024-01-11 0.36.43](https://hackmd.io/_uploads/rJzoF4h_p.png) ### 取材日確定ボタンをクリックする - ステータスに「取材日確定」が表示されること - 初稿作成開始ボタンが表示されること ![スクリーンショット 2024-01-11 0.37.12](https://hackmd.io/_uploads/BkzCY4hdp.png) ## 原稿作成フロー ### 初稿作成開始ボタンをクリックする - ステータスに「初稿作成中」が表示されること - ジンジブ校正ラリーボタンが表示されること - ジンジブに申請ボタンが表示されること ![スクリーンショット 2024-01-11 0.44.28](https://hackmd.io/_uploads/Sk7uo4nOa.png) ### パートナーアカウントからジンジブに申請ボタンをクリックする - ステータスに「ジンジブ審査中」が表示されること - ジンジブ校正ラリーボタンが表示されること - クライアント確認開始ボタンが表示されること ![スクリーンショット 2024-01-11 0.46.02](https://hackmd.io/_uploads/rJ06oNn_p.png) ### サービス開発部アカウントからジンジブ校正ラリーボタンをクリックする - コメントが表示されていること ![スクリーンショット 2024-01-11 0.47.17](https://hackmd.io/_uploads/Hypz342_6.png) ### 対応中を「パートナー」に変更する - ナビ・取材詳細画面に遷移すること - 対応中に「パートナー」が表示されていること ![スクリーンショット 2024-01-11 0.48.53](https://hackmd.io/_uploads/rJ1Fn4ndp.png) ### クライアント確認開始ボタンをクリックする - ステータスに「クライアント確認中」が表示されること - 原稿修正ラリーボタンが表示されること - 校了するボタンが表示されること ![スクリーンショット 2024-01-11 0.50.39](https://hackmd.io/_uploads/B1rkTN2ua.png) ### 校了ボタンをクリックする - ステータスに「校了」が表示されること ![スクリーンショット 2024-01-11 0.51.40](https://hackmd.io/_uploads/B1J4aEnO6.png) ## 納品 ### パートナーアカウントで納品書作成ボタンをクリックする 納品書のフォーマットが未定なので画面は仮作成 ![スクリーンショット 2024-01-11 0.53.09](https://hackmd.io/_uploads/SJ6tTEhd6.png) ### 納品書発行ボタンをクリックする - ステータスに「納品書確認待ち」が表示されること ※ パートナーアカウントに納品書確認ボタンが表示されるのは後ほど修正 ![スクリーンショット 2024-01-11 0.57.06](https://hackmd.io/_uploads/SJwwREhu6.png) ### サービス開発部アカウントで納品書確認ボタンをクリックする 納品書のフォーマットと納品フローが未定なので画面は仮作成 ![スクリーンショット 2024-01-11 0.58.10](https://hackmd.io/_uploads/S1whA4nua.png) ### 受諾ボタンをクリックする - ステータスに「完了」が表示されること ![スクリーンショット 2024-01-11 0.59.01](https://hackmd.io/_uploads/ryqCA43da.png)