class: middle,bkg,blue .center.text.white[ # ツール外観 Powered by <a href="https://github.com/gnab/remark#remark" target="_blank" rel="noopener noreferrer">remark</a> ] --- layout: true class: slide-hd .announce-key.text.white[ Press \[T\] To Show Slide-List ] --- ## 画面一覧 .mt-4[ |画面名|機能| |--|--| |メニュー画面|メニュー| |見積書項目設定画面|見積書作成| |会社名選択画面|見積書作成| |担当者選択画面|見積書作成| |見積書項目データ利用画面|見積書作成| |見積書_項目リスト作成画面|見積書作成| |見積書_項目リストレコード追加画面|見積書作成| |商品詳細表示画面|見積書作成| |見積書_項目リストレコード削除画面|見積書作成| |〇〇（基礎データ）設定画面|データ管理| |〇〇（基礎データ）登録画面|データ管理| |〇〇（基礎データ）編集画面|データ管理| ] --- ## 画面遷移図（１） <p>.center.js-show-popup[ <img src="/posts/2021/03/17/create-estm-accessver-tool-screen/resource/std01/%E7%94%BB%E9%9D%A2%E9%81%B7%E7%A7%BB%E5%9B%B3%281%29.svg" alt='alt' width='600px' height=''> ]</p> --- ## 画面遷移図（２） <p>.center.js-show-popup[ <img src="/posts/2021/03/17/create-estm-accessver-tool-screen/resource/std02/%E7%94%BB%E9%9D%A2%E9%81%B7%E7%A7%BB%E5%9B%B3%282%29.svg" alt='alt' width='750px' height=''> ]</p> --- ## 画面遷移図（３） <p>.center.js-show-popup[ <img src="/posts/2021/03/17/create-estm-accessver-tool-screen/resource/std03/%E7%94%BB%E9%9D%A2%E9%81%B7%E7%A7%BB%E5%9B%B3%283%29.svg" alt='alt' width='600px' height=''> ]</p> --- ## メニュー画面 .rect.flex.round-lg[ .rect.flex.img-box.round-lg.border.bddashed.bdred01.width-60.max-height-550.js-show-popup[  ] .rect.flex.round-lg.border.bddashed.bdred01.width-30.inner-left[ 【機能】 メニューを表示する ] ] --- ## 見積書項目設定画面 .rect.flex.round-lg[ .rect.flex.img-box.round-lg.border.bddashed.bdred01.width-60.max-height-550.js-show-popup[  ] .rect.flex.round-lg.border.bddashed.bdred01.width-30.inner-left[ 【機能】 .fontsize-10[作成する見積書に挿入する各種情報を設定する。] .fontsize-8[ - 基礎データから 送付先会社名等のデータを取得する画面に移動する - 作成済みの見積書から データを再利用する画面に移動する - 見積書のテンプレートの プレビュー（Excelブック）を開く ] ] ] --- ## 会社名検索画面 .rect.flex.round-lg[ .rect.flex.img-box.round-lg.border.bddashed.bdred01.width-60.max-height-550.js-show-popup[  ] .rect.flex.round-lg.border.bddashed.bdred01.width-30.inner-left[ 【機能】 .fontsize-10[見積書項目設定画面で利用する送付先会社名を取得する] .fontsize-8[ - メンテナンスにて作成した 会社情報が一覧表示される - 選択した会社名が見積書項目設定画面に反映される ] ] ] --- ## 担当者検索画面 .rect.flex.round-lg[ .rect.flex.img-box.round-lg.border.bddashed.bdred01.width-60.max-height-550.js-show-popup[  ] .rect.flex.round-lg.border.bddashed.bdred01.width-30.inner-left[ 【機能】 .fontsize-10[見積書項目設定画面で利用する送付先会社の<br>担当者を取得する] .fontsize-8[ - メンテナンスにて作成した 人物情報が一覧表示される - 選択した人名が見積書項目設定画面に反映される ] ] ] --- ## 見積書項目データ利用画面 .rect.flex.round-lg[ .rect.flex.img-box.round-lg.border.bddashed.bdred01.width-60.max-height-550.js-show-popup[  ] .rect.flex.round-lg.border.bddashed.bdred01.width-30.inner-left[ 【機能】 .fontsize-10[作成済みの見積書から<br>データを再利用する] .fontsize-8[ - 作成した 見積書の各種データが一覧表示される - チェックボックスで反映項目を絞り込む - 選択した人名が見積書項目設定画面に反映される ] ] ] --- ## 見積書_項目リスト作成画面 .rect.flex.round-lg[ .rect.flex.img-box.round-lg.border.bddashed.bdred01.width-60.max-height-550.js-show-popup[  ] .rect.flex.round-lg.border.bddashed.bdred01.width-30.inner-left[ 【機能】 .fontsize-10[作成する見積書に挿入する<br>商品・サービスのリストを作成、管理する] .fontsize-8[ - 作成した商品・サービスの リストのレコードが一覧表示される - レコード追加画面に移動する - レコードを削除する画面に移動する - フォルダを指定し、見積書を作成する ] ] ] --- ## 見積書_項目リストレコード追加画面 .rect.flex.round-lg[ .rect.flex.img-box.round-lg.border.bddashed.bdred01.width-60.max-height-550.js-show-popup[  ] .rect.flex.round-lg.border.bddashed.bdred01.width-30.inner-left[ 【機能】 .fontsize-10[商品・サービスのリストを追加する] .fontsize-8[ - 各項目を入力し、追加を実行して 見積書_項目リスト作成画面に反映する - 商品詳細を表示する画面に移動する ] ] ] --- ## 商品詳細表示画面 .rect.flex.img-box.round-lg[ .rect.flex.round-lg.border.bddashed.bdred01.width-60.max-height-550.js-show-popup[  ] .rect.flex.round-lg.border.bddashed.bdred01.width-30.inner-left[ 【機能】 .fontsize-10[選択した名前の商品の詳細情報が表示される] ] ] --- ## 見積書_項目リストレコード削除画面 .rect.flex.img-box.round-lg[ .rect.flex.round-lg.border.bddashed.bdred01.width-60.max-height-550.js-show-popup[  ] .rect.flex.round-lg.border.bddashed.bdred01.width-30.inner-left[ 【機能】 .fontsize-10[商品・サービスの<br>リストのうち、<br>指定した番号のレコードを削除する] ] ] --- ## 〇〇（基礎データ）設定画面 .rect.flex.round-lg[ .rect.flex.img-box.round-lg.border.bddashed.bdred01.width-60.max-height-550.js-show-popup[  ] .rect.flex.round-lg.border.bddashed.bdred01.width-30.inner-left[ 【機能】 .fontsize-10[基礎データの一覧表示およびデータ設定のターミナル画面] .fontsize-8[ - 作成した基礎データを一覧表示する - 基礎データの新規作成を行う画面に移動する - 選択中のレコードのデータの編集を行う画面に移動する - 選択中のレコードのデータを削除する .rect.flex.round-lg.border.bddashed.yellow.line-height-2[ 基礎データ： - 消費税率 - 数量単位 - 取引先会社データ - 人名データ - 商品データ ] ] ] ] --- ## 〇〇（基礎データ）登録画面 .rect.flex.round-lg[ .rect.flex.img-box.round-lg.border.bddashed.bdred01.width-60.max-height-550.js-show-popup[  ] .rect.flex.round-lg.border.bddashed.bdred01.width-30.inner-left[ 【機能】 .fontsize-10[基礎データの種類に従って<br>項目を入力し、<br>レコードを登録する] .fontsize-8[ 画像は消費税率の例。 ] ] ] --- ## 〇〇（基礎データ）登録画面 .rect.flex.round-lg.js-show-popup[ .width-90[ .fontsize-20[**各基礎データごとの登録画面**] ] .rect.flex.img-box.round-lg.border.bddashed.bdred01.width-30.max-height-550[  ] .rect.flex.img-box.round-lg.border.bddashed.bdred01.width-30.max-height-550[  ] .rect.flex.img-box.round-lg.border.bddashed.bdred01.width-30.max-height-550[  ] .rect.flex.img-box.round-lg.border.bddashed.bdred01.width-30.max-height-550[  ] ] --- ## 〇〇（基礎データ）編集画面 .rect.flex.round-lg[ .rect.flex.img-box.round-lg.border.bddashed.bdred01.width-60.max-height-550.js-show-popup[  ] .rect.flex.round-lg.border.bddashed.bdred01.width-30.inner-left[ 【機能】 .fontsize-10[項目を必要に応じて修正し、<br>レコードを編集し再登録する] .fontsize-8[ 画像は消費税率の例。 ] ] ] --- ## 〇〇（基礎データ）編集画面 .rect.flex.round-lg.js-show-popup[ .width-90[ .fontsize-20[**各基礎データごとの編集画面**] ] .rect.flex.img-box.round-lg.border.bddashed.bdred01.width-30.max-height-550[  ] .rect.flex.img-box.round-lg.border.bddashed.bdred01.width-30.max-height-550[  ] .rect.flex.img-box.round-lg.border.bddashed.bdred01.width-30.max-height-550[  ] .rect.flex.img-box.round-lg.border.bddashed.bdred01.width-30.max-height-550[  ] ]