web-dev-qa-db-ja.com

シリアル化されたデータのフィールドマッピングUI

ユーザーが関連するアップロードされたデータのフィールドマッピングを定義するためのインターフェイスを提供する必要があります。このマッピングは、データを一括インポートするためのテンプレートとして使用されます。

マッピングの例は次のとおりです。

[フィールドA]-データA、[フィールドB]-データB

ただし、データはカンマ区切りではなく、次のようにシリアル化されます。

000006784FIRSTLASTNAMEADDRESS

シリアル番号の各セグメントには専用の文字数と意味がありますが、システムはコンマ区切りファイルのような区切りを認識しておらず、解析できません。ここがユーザーの出番です。私たちのチームは、ユーザーがシリアル化されたセグメントを手動で分割してフィールドに関連付けるためのインターフェースを提供したいと考えています。

シリアル化されたマッピングを処理する他のインターフェースを処理または表示する方法について誰かが考えています。セグメントの開始位置と終了位置を選択するための使用可能なインターフェースはありますか?

3
Mark

このタイプのデザインを見たことがあるかどうか覚えていませんが、このようなものを実装します。

quick mockup of bulk data entry fields 1

ユーザーは[新しいフィールド]をクリックし、ドロップダウンから目的の定義済みのデータ型を選択します(これにより、サンプルテキストに新しい色分けされた選択が追加されます)。

いくつかのメモ:

  • データ型の文字長が固定されている場合は、調整ハンドルを省略できます。
  • 選択に対して何らかの並べ替えと削除機能を提供したい場合があります。
  • ハンドルを上と下に交互に配置すると、正しいハンドルをつかむためのスペースがユーザーに広がります。
  • インポートデータテキストのカーニングの増加が役立つ場合があります。
  • これは簡単なモックアップです。ほこりをすみません!
3
Barnyard