売り上げ分析システム 操作マニュアル 実践的 UI 設計ユースケースデモ グレープシティ株式会社 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ Contents はじめに.............................................................................................................................. 3 ファイル構成 ........................................................................................................................ 3 プロジェクトの起動について .................................................................................................... 4 システム概要 ........................................................................................................................ 5 システムフロー ............................................................................................................... 5 システム環境 .................................................................................................................. 5 画面解説.............................................................................................................................. 6 ［メニュー］画面 ............................................................................................................ 6 概要 ....................................................................................................................... 6 操作 ....................................................................................................................... 7 ［実績取込・登録］画面 ................................................................................................... 7 概要 ....................................................................................................................... 7 操作 ....................................................................................................................... 8 使用されている SPREAD の機能 ................................................................................. 10 使用されている InputMan の機能 ............................................................................... 10 使用されている PlusPak の機能 .................................................................................. 11 ［実績確認］画面 .......................................................................................................... 12 概要 ..................................................................................................................... 12 操作 ..................................................................................................................... 13 使用されている SPREAD の機能 ................................................................................. 14 使用されている InputMan の機能 ............................................................................... 14 使用されている PlusPak の機能 .................................................................................. 14 ［実績分析］画面 .......................................................................................................... 15 概要 ..................................................................................................................... 15 操作 ..................................................................................................................... 16 使用されている SPREAD の機能 ................................................................................. 16 使用されている InputMan の機能 ............................................................................... 17 使用されている PlusPak の機能 .................................................................................. 17 ［マスタメンテナンス］画面............................................................................................ 18 概要 ..................................................................................................................... 18 操作 ..................................................................................................................... 19 マスタ定義ファイル ................................................................................................. 19 グレープシティ株式会社 1 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ 使用されている SPREAD の機能 ................................................................................. 20 使用されている InputMan の機能 ............................................................................... 20 使用されている PlusPak の機能 .................................................................................. 20 アプリケーション情報 .................................................................................................... 21 概要 ..................................................................................................................... 21 テーブルレイアウト ............................................................................................................. 22 テーブル一覧 ................................................................................................................ 22 各テーブルのレイアウト ................................................................................................. 22 M01Product .......................................................................................................... 22 M90General .......................................................................................................... 22 T01Result ............................................................................................................. 23 T02ResultSum ...................................................................................................... 23 W01ImpData ........................................................................................................ 24 W02ImpErr........................................................................................................... 25 ER 図.......................................................................................................................... 25 マスタ .................................................................................................................. 25 トランザクション .................................................................................................... 25 ワーク .................................................................................................................. 26 まとめ .............................................................................................................................. 27 グレープシティ株式会社 2 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ はじめに 「売り上げ分析システム」は、弊社 Web サイトの技術記事「実践的 UI 設計」の解説に使用しているサンプル プロジェクトです。本マニュアルでは、 「売り上げ分析システム」の操作方法や仕様について解説します。Web サイトの技術記事と合わせて製品の機能確認や、製品知識の習得や開発スタッフの教育用教材としてご利用く ださい。 このサンプルプロジェクトを動作させるには、次の製品のインストールが必要です。 SPREAD for Windows Forms 8.0J InputMan for Windows Forms 8.0J PlusPak for Windows Forms 8.0J これらの製品をお持ちでない方は、トライアル版（無償）をご利用ください。 ◆トライアル版ダウンロード http://www.grapecity.com/tools/downloads/trial ファイル構成 ダウンロードしたアーカイブには、以下の構成で必要ファイルが含まれます。 フォルダ名 ファイル名 説明 DB SalesResult.mdb 製品情報や実績データを保持するマスタテーブル IF IFData2015.csv 取込用データ（2015 年度） IFData2015_Err.csv 取込用エラーデータ（2015 年度） Source_cs ・マスタ定義ファイル C#プロジェクト（SPREAD のみ使用） Source_vb ・各ソースファイル Visual Basic プロジェクト（SPREAD のみ使用） Source_ppim_cs ・ini ファイル C#プロジェクト（InputMan と PlusPak で拡張） Source_ppim_vb etc Visual Basic プロジェクト（InputMan と PlusPak で拡張） - 操作マニュアル.pdf 本マニュアル グレープシティ株式会社 3 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ プロジェクトの起動について Visual Studio でサンプルプロジェクトを開く場合、Visual Studio のバージョンに応じたソリューションファ イル(*.sln)およびプロジェクトファイル(*.csproj または*.vbproj)を使用してください。青字が Visual Studio 2010、緑字が Visual Studio 2012、赤字が Visual Studio 2013、紫字が Visual Studio 2015 で使 用するファイルです。 [C#プロジェクト] ＜Source_cs または Source_ppim_cs＞\ SalesAnalysis_2010.sln SalesAnalysis_2010.csproj SalesAnalysis_2012.sln SalesAnalysis_2012.csproj SalesAnalysis_2013.sln SalesAnalysis_2013.csproj SalesAnalysis_2015.sln SalesAnalysis_2015.csproj [Visual Basic プロジェクト] ＜Source_vb または Source_ppim_vb＞\ SalesAnalysis_2010.sln SalesAnalysis_2010.vbproj SalesAnalysis_2012.sln SalesAnalysis_2012.vbproj SalesAnalysis_2013.sln SalesAnalysis_2013.vbproj SalesAnalysis_2015.sln SalesAnalysis_2015.vbproj グレープシティ株式会社 4 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ システム概要 「売り上げ分析システム」は、基幹システムから出力された売上データを取り込み、データの確認および分析 を行い、分析結果を外部ファイル（Excel・PDF）へ出力します。 システムフロー システム環境 グレープシティ株式会社 5 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ 画面解説 サンプルプロジェクトを実行したときの各画面の処理および操作方法について解説します。なお、本トピック での実行画像には、PlusPak と InputMan で拡張したサンプルを使用しています。 「売り上げ分析システム」は、以下の画面で構成されています。 画面名称 画面 ID 主な動作 メニュー frm_00Menu 各画面に遷移します。 実績取込・登録 frm_11Import_J 売上データの取り込み、取り込み後の実績データの 修正・削除を行います。 実績確認 frm_21Confirm 実績データの集計情報を参照します。 実績確認_明細 frm_22Confirm_detail 実績データの明細情報を参照します。 実績分析 frm_31Analysis 実績データの分析結果を参照します。 マスタメンテナンス frm_91Mmainte 各種マスタの追加・変更・削除を行います。 アプリケーション情報 frm_99About アプリケーション情報を表示します。 ［メニュー］画面 概要 最初に起動する画面です。ボタン押下で各処理画面へ遷移します。各画面を起動後、〈戻る〉ボタンの押下に より、この画面に戻ります。 ［メニュー］画面 グレープシティ株式会社 6 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ 操作 各画面遷移ボタン ボタン押下により、「売り上げ分析システム」の各画面を起動します。 ボタン名 遷移先画面 実績取込／登録 実績取込・登録 実績確認 実績確認 実績分析 実績分析 マスタメンテナンス マスタメンテナンス チェックボックス 「解説を表示する」チェックボックスにチェックを付与すると、各画面で解説のツールチップが表示さ れます。 〈終了〉ボタン システムを終了します。 ［実績取込・登録］画面 概要 この画面では、基幹システムから抽出された CSV 形式の実績データを取り込む「取込モード」と、取り込み 済みのデータの変更を行う「検索モード」が実装されています。 「取込モード」は、CSV データのエラーチェ ックを行いデータベースに登録します。データ編集はできません。「検索モード」は取り込み済みデータをデ ータベースから読み込み、データ編集を行い上書きします。 処理概要図 グレープシティ株式会社 7 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ 操作 〈取込〉ボタン 「取込モード」を実行します。ファイル選択ダイアログが表示されます。取込用テストファイル（csv） のある IF を指定し、取込ファイルを選択します。取込対象のファイルを選択すると、ファイル内のデー タを一覧に表示します。コントロールの使用可否を検索モード（※1）にします。一覧に表示されている データは編集することはできません。 取込モードの画面レイアウト 取込データにエラーが存在する場合（IFData2015_Err.csv） 、「取込エラーリスト」 （PDF ファイル）を 任意のフォルダへ出力します。 取込エラーリスト グレープシティ株式会社 8 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ 〈検索〉ボタン 「検索モード」を実行します。「対象日」、 「対象製品」および「製品エディッション」から指定された 検索条件をもとに、登録済みデータの明細を表示します。また、コントロールの使用可否を検索モード （※1）にします。検索時は値の変更・削除が可能です。新規データを登録することはできません。 検索モードの画面レイアウト 〈クリア〉ボタン 一覧に表示されているデータをクリアします。コントロールの使用可否を通常モード（※1）にしま す。 〈登録〉ボタン 一覧表示中のデータを対象にデータ登録します。削除チェックボックスが付与されているデータは削除 されます。 （取込時は登録対象外となります） 〈戻る〉ボタン 当画面を終了し、 ［メニュー］画面を表示します。 ※1 コントロール処理モード コントロール名 通常モード 検索モード 対象日 使用可 使用不可 対象製品 使用可 使用不可 製品エディッション 使用可 使用不可 グレープシティ株式会社 9 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ 検索ボタン 使用可 使用不可 取込ボタン 使用可 使用不可 クリアボタン 使用不可 使用可 登録ボタン 使用不可 使用可 戻るボタン 使用可 使用可 使用されている SPREAD の機能 PDF 出力 「取込モード」にて取込ファイルにエラーが存在する場合、エラーリストを PDF 形式で出力します。 PDF 出力用の SPREAD は、フォーム上に配置せずメモリ上でのみ使用しています。 さまざまなセル型 下記のように列ごとにデータ型に応じたセル型を割り当てています。 列名 セル型 削除 チェックボックス型セル 購入日 日付時刻型セル 製品名 コンボボックス型セル 金額 通貨型セル 数量 数値型セル 形態 コンボボックス型セル 購入方法 コンボボックス型セル 割引 コンボボックス型セル 購入者情報 テキスト型セル セルノート 列ヘッダにセルノートを設定することで、マウスカーソルが重なった際にコメントを表示することがで きます。 使用されている InputMan の機能 最適なコントロール グレープシティ株式会社 10 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ 「対象日」には日付コントロール、 「対象製品」 「製品エディッション」にはコンボコントロール、 「前回 取込日時」には日付時刻コントロールが使用されています。 日付や時刻の入力および表示には、入力は西暦、表示は和暦という書式に対応しています。コンボコン トロールのドロップダウンリストは、見やすい大きさのフォントと罫線の表示により、操作性が向上し ています。 入力日付検証とエラー通知 対象日に年度を跨いだ日付を入力されると、エラーを検知しユーザーに視覚的に通知します。 Enter キー、左右矢印キーによるフォーカス移動 InputMan のショートカット機能により、項目を入力後、Enter キーで次のコントロールにフォーカス を移動します。また、左右矢印キーでも前後のコントロールへフォーカス移動します。 使用されている PlusPak の機能 ファンクションキー ファンクションキーコントロールにより、ファンクションキーをフックしコマンドを実行します。各キ ーに割り当てられた動作は次の通りです。 ファンクションキー 動作 F1 〈クリア〉ボタンの動作 F4 〈戻る〉ボタンの動作 F5 〈検索〉ボタンの動作 F8 〈取込〉ボタンの動作 F12 〈登録〉ボタンの動作 拡張ボタン 〈取込〉 〈検索〉など、画面で使用されているボタンを拡張ボタンコントロールに置き換え、フォントサ イズを大きくし、アイコンを付与することで操作性および視認性を向上させています。 また、プロパティマネージャツールを使用して一括でデザイン変更を行っています。 グレープシティ株式会社 11 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ ［実績確認］画面 概要 売り上げ分析システムに取り込んだ販売実績データ（T02）をもとに年度ごとの販売実績を月別で SPREAD 上 に表示します。製品別、カテゴリ別の 2 つのシートでデータ表示でき、また過去 3 年分のデータを階層表示し ます。金額セルのダブルクリックにより、 ［実績確認_明細］画面がポップアップ表示されます。 処理概要図 ［実績確認］画面レイアウト グレープシティ株式会社 12 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ 操作 〈検索〉ボタン 検索条件をもとに登録済みデータを集計して表示します。データは階層化され、過去 3 年分のデータを 表示します。データ階層は行ヘッダの「＋」アイコンのクリックで表示されます。 シートのタブをクリックすると「製品別」 「カテゴリ別」のシートを切り替えることができます。 チェックボックス 「過去明細のヘッダ表示」チェックボックスをオンにすると、子階層における過去明細のヘッダを表示 することができます。 過去明細のヘッダ表示チェックボックス 過去明細のヘッダを 非表示にした場合 金額セルのダブルクリック シートの金額が表示されているセルをダブルクリックすることで、対象セルの明細を表示する［実績確 認_明細］画面を起動します。 ［実績確認_明細］画面 ダブルクリックで 明細画面を起動 グレープシティ株式会社 13 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ 〈印刷〉ボタン 表示中のシートを印刷します。 〈PDF〉ボタン 表示中のシートのデータを、任意のフォルダへ PDF ファイルとして出力します。 〈Excel〉ボタン 全シートのデータを、任意のフォルダへ Excel ファイルとして出力します。 使用されている SPREAD の機能 階層表示 データテーブル間でリレーショナルが設定してあるデータセットを SPREAD の DataSource プロパティ に設定するだけで、自動的に階層形式で表示されるようになります。 フッタ シートに対して、列フッタを表示することが可能です。フッタには数式やテキストなどの情報を設定で きます。この画面ではフッタに数式を割り当てて、SPREAD の機能で列の合計値を算出しています。 マルチシート 複数のシートを使用しています。タブをクリックすることでシートを切り替えることが可能です。 使用されている InputMan の機能 最適なコントロール 「対象年度」にはマスクコントロール、「対象製品」 「製品エディッション」にはコンボコントロールが 使用されています。「年度」をリテラル文字として扱い、コンボコントロールのドロップダウンリスト は、見やすい大きさのフォントと罫線の表示により、操作性が向上しています。 Enter キー、左右矢印キーによるフォーカス移動 InputMan のショートカット機能により、項目を入力後 Enter キーで次のコントロールにフォーカスを 移動します。また、左右矢印キーで前後のコントロールへもフォーカス移動します。 使用されている PlusPak の機能 ファンクションキー ファンクションキーコントロールにより、ファンクションキーをフックしコマンドを実行します。各キ ーに割り当てられた動作は次の通りです。 ファンクションキー 動作 F4 〈戻る〉ボタンの動作 F5 〈検索〉ボタンの動作 F9 〈印刷〉ボタンの動作 グレープシティ株式会社 14 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ F10 〈PDF〉ボタンの動作 F11 〈Excel〉ボタンの動作 拡張ボタン 〈取込〉 〈検索〉など、画面で使用されているボタンを拡張ボタンコントロールに置き換え、フォントサ イズを大きくし、アイコンを付与することで操作性および視認性を向上させています。 また、プロパティマネージャツールを使用して一括でデザイン変更を行っています。 ［実績分析］画面 概要 ［実績分析］画面は、「売り上げ分析システム」に取り込んだ販売実績データの分析結果をチャートで確認す る画面です。年度ごとの販売実績や占有率をグラフ化し、データとともに SPREAD 上に表示します。1 シー ト上に販売実績の推移（折れ線グラフ）、カテゴリ別売り上げの割合（円グラフ） 、エディションによる売り上 げの割合（円グラフ）の 3 つのチャートを生成します。 処理概要図 グレープシティ株式会社 15 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ ［実績分析］画面レイアウト 操作 〈対象年度〉ボタン 該当年度の分析データを表示します。 チェックボックス 「SPREAD を表示する」チェックオックスをオンにすると、SPREAD のヘッダ、グリッド線、スクロー ルを表示します。 〈印刷〉ボタン 表示中のシートを印刷します。 〈PDF〉ボタン 表示中のシートのデータを、任意のフォルダへ PDF ファイルとして出力します。 〈Excel〉ボタン 全シートのデータを、任意のフォルダへ Excel ファイルとして出力します。 使用されている SPREAD の機能 セル範囲に対してのデータ連結 シート単位ではなく、シート内の特定のセル範囲に対してデータソースとバインドしています。 グレープシティ株式会社 16 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ チャート シート内のデータを利用して、チャートを配置しています。 印刷 シート上の情報を印刷します。印刷用にヘッダ・フッタを表示することもできます。 Excel・PDF エクスポート シートのデータを Excel ファイルにエクスポートします。チャートは「画像」ではなく「チャートオブ ジェクト」としてエクスポートします。 シート上の情報を PDF ファイルにエクスポートします。印刷用にヘッダ・フッタを表示することもでき ます。 名前付きスタイル シート上で複数個所に使用するスタイルを共通化することができます。この画面では「各ブロックのタ イトル」 ・「行ヘッダ」 ・「明細データの交互行」を名前付きスタイルオブジェクトとして悪性、スタイル を共通化しています。 使用されている InputMan の機能 最適なコントロール 「対象年度」にはマスクコントロールが使用されています。「年度」をリテラル文字として扱っていま す。 使用されている PlusPak の機能 ファンクションキー ファンクションキーコントロールにより、ファンクションキーをフックしコマンドを実行します。各キ ーに割り当てられた動作は次の通りです。 ファンクションキー 動作 F4 〈戻る〉ボタンの動作 F5 〈対象年度変更〉ボタンの動作 F9 〈印刷〉ボタンの動作 F10 〈PDF〉ボタンの動作 F11 〈Excel〉ボタンの動作 拡張ボタン 〈取込〉 〈検索〉など、画面で使用されているボタンを拡張ボタンコントロールに置き換え、フォントサ イズを大きくし、アイコンを付与することで操作性および視認性を向上させています。 また、プロパティマネージャツールを使用して一括でデザイン変更を行っています。 グレープシティ株式会社 17 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ ［マスタメンテナンス］画面 概要 製品情報を管理する「製品マスタテーブル」と、汎用的に使用する名称や区分を管理する「汎用マスタテーブ ル」に登録されているデータの新規登録・修正・削除を行います。 処理概要図 ［マスタメンテナンス］画面レイアウト グレープシティ株式会社 18 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ 操作 製品マスタコンボボックス マスタ定義ファイルが存在するマスタをコンボボックスから選択します。 〈検索〉ボタン コンボボックスで選択したマスタのデータを表示します。 データ編集 新規追加したい場合、最終行に表示される追加レコードに値を入力します。背景色が灰色のセルはキー 項目のため、編集することはできません。 〈行削除〉ボタン 選択中の行を削除します。 〈登録〉ボタン 画面表示中のデータでマスタを更新します。 マスタ定義ファイル 「マスタ定義ファイル（CSV）」は、列のデータ型やサイズ、キー項目等があらかじめ設定あるテキストファ イルで、以下に配置されています。 ＜プロジェクトフォルダ＞\ bin\ Settings\ MstBase\ M01-製品マスタ.txt M90-汎用マスタ.txt 製品マスタ.txt グレープシティ株式会社 19 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ 使用されている SPREAD の機能 フィルタリング 特定の列に対してフィルタリングを設定することが可能です。 新規追加行の自動表示 DataAllowAddNew プロパティの設定だけで、データ連結時に新規追加行を最終行へ自動的に表示でき ます。 使用されている InputMan の機能 最適なコントロール 「対象マスタ」にはコンボコントロールが使用されています。罫線を表示し、視認性を向上させていま す。 使用されている PlusPak の機能 ファンクションキー ファンクションキーコントロールにより、ファンクションキーをフックしコマンドを実行します。各キ ーに割り当てられた動作は次の通りです。 ファンクションキー 動作 F2 〈行削除〉ボタンの動作 F4 〈戻る〉ボタンの動作 F5 〈検索〉ボタンの動作 F12 〈登録〉ボタンの動作 拡張ボタン 〈取込〉 〈検索〉など、画面で使用されているボタンを拡張ボタンコントロールに置き換え、フォントサ イズを大きくし、アイコンを付与することで操作性および視認性を向上させています。 また、プロパティマネージャツールを使用して一括でデザイン変更を行っています。 グレープシティ株式会社 20 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ アプリケーション情報 概要 アプリケーション情報を表示します。このアプリケーションに関するご意見やご要望等のフィードバックをお 待ちしております。 ［アプリケーション情報］画面レイアウト グレープシティ株式会社 21 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ テーブルレイアウト 「売り上げ分析システム」が参照するデータベース SalesResult.mdb に構成されている、データテーブルの レイアウトについて説明します。 テーブル一覧 ID テーブル名 使用内容 M01 M01Product 製品情報を保持 M90 M90General システムの汎用的な情報を管理 T01 T01Result 実績データの明細情報を保持 T02 T02ResultSum 実績データの集計情報を保持 W01 W01ImpData 実績取込データを一時保管 W02 W02ImpErr 実績取込時のエラー情報を保持 備考 T01Result を集計 各テーブルのレイアウト M01Product No Key 1 ● ColumnName Type Size Remarks ProductID 製品 ID テキスト型 4 NotNull 2 ProductNm 正式名称 テキスト型 100 3 ProductSNm 略称 テキスト型 100 4 Version バージョン テキスト型 50 5 StartSellDate 発売日 日付時刻型 8 未使用 6 FinishSellDate 販売終了日 日付時刻型 8 未使用 7 CategoryID カテゴリ ID テキスト型 5 先頭 2 桁:製品カテゴリ 3 桁目:エディション 4～5 桁目:製品区分 8 TechID テクノロジーID 整数型 2 0:未使用,1:.NET 製品 9 FinishFlg 販売終了フラグ 整数型 2 0:販売中（最新）,1：販売終了 10 ProductPricePKG1 1PKG 製品価格 通貨型 8 11 ProductPriceDL1 1DL 製品価格 通貨型 8 M90General No Key ColumnName 1 ● FixKey 固定キー テキスト型 50 NotNull 2 ● VarKey 可変キー テキスト型 50 NotNull グレープシティ株式会社 Type Size Remarks 22 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ 3 Data1 値1 テキスト型 50 4 Data2 値2 テキスト型 50 5 Data3 値3 テキスト型 50 6 Description 説明 テキスト型 100 T01Result No Key 1 ● ColumnName Type Size Remarks ID ID 長整数型 4 NotNull / オートナンバー 2 Fyear 年度 長整数型 4 NotNull / yyyyl 3 Month 月 整数型 4 NotNull / MM 4 Years 年月 長整数型 4 NotNull / yyyyMM 5 ProductID 製品 ID テキスト型 4 NotNull 6 Price 金額 通貨型 8 7 Quantity 数量 長整数型 4 8 PDate 購入日 日付時刻型 8 9 PKGFlg 販売形態 長整数型 4 M90:FixKey:7 10 INF01 詳細情報 1 テキスト型 100 割引区分（M90：FixKey：2） 11 INF02 詳細情報 2 テキスト型 100 購入方法区分（M90：FixKey：1） 12 INF03 詳細情報 3 テキスト型 100 購入者 13 INF04 詳細情報 4 テキスト型 100 製品名 14 INF05 詳細情報 5 テキスト型 100 予備 15 INF06 詳細情報 6 テキスト型 100 予備 16 INF07 詳細情報 7 テキスト型 100 予備 17 INF08 詳細情報 8 テキスト型 100 予備 18 INF09 詳細情報 9 テキスト型 100 予備 19 INF10 詳細情報 10 テキスト型 100 予備 20 INF11 詳細情報 11 テキスト型 100 予備 21 INF12 詳細情報 12 テキスト型 100 予備 22 INF13 詳細情報 13 テキスト型 100 予備 23 INF14 詳細情報 14 テキスト型 100 予備 24 INF15 詳細情報 15 テキスト型 100 予備 初期値:0 T02ResultSum No Key ColumnName 1 ● FYear 年度 長整数型 4 NotNull / yyyy 2 ● ProductID 製品 ID テキスト型 4 NotNull 3 M4 4月 通貨型 8 4 M5 5月 通貨型 8 グレープシティ株式会社 Type Size Remarks 23 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ 5 M6 6月 通貨型 8 6 M7 7月 通貨型 8 7 M8 8月 通貨型 8 8 M9 9月 通貨型 8 9 M10 10 月 通貨型 8 10 M11 11 月 通貨型 8 11 M12 12 月 通貨型 8 12 M1 1月 通貨型 8 13 M2 2月 通貨型 8 14 M3 3月 通貨型 8 W01ImpData No Key ColumnName Type Size Remarks 1 ID ID 長整数型 4 オートナンバー 2 Fyear 年度 長整数型 4 購入日から算出(yyyy) 3 Month 月 整数型 4 購入日から算出(MM) 4 Years 年月 長整数型 4 購入日から算出(yyyyMM) 5 ProductID 製品 ID テキスト型 50 CSV 取込項目 6 Price 金額 テキスト型 255 CSV 取込項目 7 Quantity 数量 テキスト型 255 CSV 取込項目 8 PDate 購入日 テキスト型 255 CSV 取込項目 9 PKGFlg 販売形態 テキスト型 5 CSV 取込項目 10 INF01 詳細情報 1 テキスト型 255 CSV 取込項目(割引) 11 INF02 詳細情報 2 テキスト型 255 CSV 取込項目(購入方法) 12 INF03 詳細情報 3 テキスト型 255 CSV 取込項目(購入者) 13 INF04 詳細情報 4 テキスト型 255 製品名(製品 ID をもとに補完) 14 INF05 詳細情報 5 テキスト型 255 未使用 15 INF06 詳細情報 6 テキスト型 255 未使用 16 INF07 詳細情報 7 テキスト型 255 未使用 17 INF08 詳細情報 8 テキスト型 255 未使用 18 INF09 詳細情報 9 テキスト型 255 未使用 19 INF10 詳細情報 10 テキスト型 255 未使用 20 INF11 詳細情報 11 テキスト型 255 未使用 21 INF12 詳細情報 12 テキスト型 255 未使用 22 INF13 詳細情報 13 テキスト型 255 未使用 23 INF14 詳細情報 14 テキスト型 255 未使用 24 INF15 詳細情報 15 テキスト型 255 未使用 25 PKGNM 販売形態名称 テキスト型 255 取込エラーチェック用 グレープシティ株式会社 24 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ 26 Discount 割引名称 テキスト型 255 取込エラーチェック用 27 Store 購入方法名称 テキスト型 255 取込エラーチェック用 28 FileRow 取込ファイル行番号 テキスト型 255 取込ファイルの行番号 29 DELFlg 削除フラグ 長整数型 4 0:通常,1:削除対象 W02ImpErr No Key ColumnName Type Size 1 FileRow 取込ファイル行番号 長整数型 4 2 ErrFieldNM エラー項目名 テキスト型 255 3 ErrData エラーデータ テキスト型 255 4 ErrID エラーID テキスト型 255 5 ErrDetail エラー情報 テキスト型 255 6 ImpDate 取込日時 テキスト型 255 Remarks 未使用 ER 図 マスタ M01Product M90General ● A01 ProductID ● B01 FixKey A02 ProductNm ● B02 VarKey A03 CategoryID B03 Data1 A04 ProductPricePKG1 B04 Data2 A05 ProductPriceDL1 B05 Data3 B06 Description トランザクション T01Result ● C01 T02ResultSum ID C02 FYear C03 Month C04 Years C05 ProductID C06 Price C07 Quantity C08 PDate C09 PKGFlg C10 INF01 グレープシティ株式会社 【N:1】 ● D01 FYear C02=D01 ● D02 ProductID C05=D02 D03 M4 ～ D04 M3 25 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ ワーク W01ImpData W02ImpErr E01 ID F01 FileRow E02 FYear F02 ErrFieldNM E03 Month F03 ErrData E04 Years F04 ErrID E05 ProdcutID F05 ErrDetail E06 Price F06 ImpDate E07 Quantity E08 PDate E09 PKGFlg E10 INF01 E11 FileRow E12 IMPERR E13 DELFlg グレープシティ株式会社 26 「売り上げ分析システム」操作マニュアル －実践的 UI 設計ユースケースデモ－ まとめ SPREAD、InputMan、PlusPak を使用したユースケースデモアプリケーション「売り上げ分析システム」の 仕様や操作方法について解説しました。多くの業務アプリケーションは、大きく分けて「データ表示」、 「入力 フォーム」、 「UI 部品」の３つの要素から成り立っています。この 3 要素の開発を大きく支援するコンポーネ ントが SPREAD、InputMan、PlusPak です。このユースケースデモに搭載されている各製品の機能はほんの 一部です。各製品の機能をフル活用して、さらにユーザーエクスペリエンスが向上し、使いやすい UI 構築が できるよう、チャレンジしてみてください。 実践的 UI 設計 http://www.grapecity.com/tools/info/spread/practical-ui/ SPREAD for Windows Forms 8.0J http://www.grapecity.com/tools/products/spreadwin8 InputMan for Windows Forms 8.0J http://www.grapecity.com/tools/products/inputmanwin8 PlusPak for Windows Forms 8.0J http://www.grapecity.com/tools/products/pluspakwin8 グレープシティ株式会社 27
© Copyright 2024 Paperzz
