QRCode for ASP.NET Web Forms
名刺情報の格納
ユーザーシナリオ > 名刺情報の格納

QRCodeの使用方法として、名刺の情報を格納することができます。これを利用すると、アプリケーションユーザーが名刺の連絡先詳細を手動で入力したり保存する必要がなくなります。スマートフォンを使用してコードをスキャンするだけで、連絡先詳細を取得できるようになります。

Visual Studioで、新しいASP.Net Webアプリケーションを作成し、新しいWebフォームを追加します。さらに、次の手順を実行します。

デザイナの場合

  1. Webフォームに6つのラベルを配置し、次のようにプロパティを設定します。

    コントロール名 プロパティ
    Label1 Text 小林直子
    Label2 Text GrapeCity Japan
    Label3 Text 住所:〒332-0012 埼玉県川口市本町4-1-8 川口センタービル3F
    Label4 Text 電話番号:048-2**-****
    Label5 Text FAX 番号:048-2**-****
    Label6 Text メールアドレス: naoko@grapecity.com

    次のようなフォームが表示されます。

  2. ツールボックスでC1QRCode コントロールを見つけ、それをWebフォームに配置します。
    ツールボックスにこのコントロールが見つからない場合は、右クリックし、[アイテムの選択]を選択します。[ツールボックスアイテムの選択]ダイアログボックスが表示されます。 コントロールを見つけたら、[OK]をクリックします。

ソースビューの場合

すべてのコントロールを追加し、プロパティを設定すると、ソースビューのフォームのコードは次のようになります。

ソースコードビュー
コードのコピー
<b> <asp:Label ID="Label1" runat="server" Text="小林直子"></asp:Label></b>
<p>
    <asp:Label ID="Label2" runat="server" Text="GrapeCity Japan"></asp:Label>
    <asp:Label ID="Label3" runat="server" Text="住所: 
        〒332-0012 埼玉県川口市本町4-1-8川口センタービル 3F">
        </asp:Label>
    <asp:Label ID="Label4" runat="server" Text=" 電話番号: 048-2**-****">
        </asp:Label>
    <asp:Label ID="Label5" runat="server" Text=" FAX 番号: 048-2**-****">
        </asp:Label>
    <asp:Label ID="Label6" runat="server" Text="メールアドレス: naoko@grapecity.com">
        </asp:Label>
</p>
<cc1:C1QRCode ID="C1QRCode1" runat="server" />

コードの場合

次のコードをPage_Loadイベントに追加して、フォームに追加されたラベルからQRCodeを生成します。

C#
コードのコピー
C1QRCode1.Text = Label1.Text + '\n' + Label2.Text + '\n' + Label3.Text + '\n' + Label4.Text + 
'\n' + Label5.Text + '\n' + Label6.Text;

VB
コードのコピー
C1QRCode1.Text = Label1.Text + ControlChars.Lf + Label2.Text + ControlChars.Lf +
    Label3.Text + ControlChars.Lf + Label4.Text + ControlChars.Lf + Label5.Text +
    ControlChars.Lf + Label6.Text

ここまでの成果

プロジェクトを実行すると、次のように、名刺の詳細を格納するQRCodeが生成されます。

上のQRCodeをリーダーでスキャンすると、次の情報がデコードされます。

小林直子
GrapeCity Japan
住所:〒332-0012 埼玉県川口市本町4-1-8 川口センタービル3F
電話番号: 048-2**-****
FAX 番号:048-2**-****
メールアドレス: naoko@grapecity.com