Tags

, , , ,

qrcodeguyHi everyone,
this is related to Falk’s blog post where he describes how to create an online image of a QR code. If you scan that barcode, it shows the variable contact details because the content is a vCard code. That way you can add these information to your mobile phone address book.

Please have a look at his blog:

http://fdoerner.wordpress.com/2011/09/26/vcard-qr-code-mit-hilfe-von-directsmile/

You can also create such a barcode in a printed DirectSmile document. Therefore we use the same vCard code but we have to prepare it differently. Falk prepared the code so that it is url encoded, because he uses the image online.

This blog here might give you an idea how to prepare the assignment in your InDesign document so that you can generate variable QR codes with vCard information.

Step 1
Create a new frame for a barcode in your InDesign document:

1) create a new frame with the rectangle frame tool (press shift while drawing to get a square)
RectangelFrameTool

2) sync the frame (click SYNC in the DirectSmile bridge)

3) select picture type “Barcode” (DirectSmile version 4.1.0.586 or higher)

4) click […]

5) select the barcode type
barcodeSettings

6) set the Quiet Zones “Left & Right” to 0

7) delete the “Additional text” TRIAL

8) click OK

More information in our old forum archive: http://forum.directsmile.com/forum.directsmile.com/networks/forum/thread-368.html

Please note that our new forum is here: https://dsmforums.efi.com


Step 2

Let’s have a look at a vCard code. To see it, you can open one of our MS Office contacts, click “Save as…” and save the *.vcf file on your desktop. If you open it in a text editor, you can see the code.

Basically, a vCard code with the most imoportant information can look like this:

BEGIN:VCARD

VERSION:2.1

N;LANGUAGE=de:Doe;John;Peter;Doktor;sen.

FN:Doktor John Peter Doe sen.

ORG:Doe Company

TEL;WORK;VOICE:(987) 123-4567

ADR;WORK;PREF;ENCODING=QUOTED-PRINTABLE:;;1234 North Street=0D=0A=

Anytown TX751234;United States of America;;;Deutschland

LABEL;WORK;PREF;ENCODING=QUOTED-PRINTABLE:1234 North Street=0D=0A=

Anytown TX751234=0D=0A=

United States of America

X-MS-OL-DEFAULT-POSTAL-ADDRESS:2

URL;WORK:http://www.doeweb.com

EMAIL;PREF;INTERNET:john.doe@nowhere.com

REV:20110921T113816Z

END:VCARD

 http://fdoerner.wordpress.com/2011/09/26/vcard-qr-code-mit-hilfe-von-directsmile/


Step 3
 
Because we want to create a variable barcode, we need to know where we can put variable content from our database. The static text is black and the variables are orange:

BEGIN:VCARD

VERSION:2.1

N;LANGUAGE=de:[[lastname]];[[firstname]]

FN:[[firstname]] [[lastname]]

ORG:[[company]]

TEL;WORK;VOICE:[[phone]]

ADR;WORK;PREF:;;[[street]];[[city]];;[[zip]];[[country]]

LABEL;WORK;PREF;ENCODING=QUOTED-PRINTABLE:[[street]]=0D=0A=

=0D=0A=

[[zip]] [[city]]=0D=0A=

[[country]]

X-MS-OL-DEFAULT-POSTAL-ADDRESS:2

URL;WORK:[[website]]

EMAIL;PREF;INTERNET:[[email]]

REV:[[TStamp]]

END:VCARD

http://fdoerner.wordpress.com/2011/09/26/vcard-qr-code-mit-hilfe-von-directsmile/


Step 4

Double click the barcode variable in the bridge to open the assignment window.
bridge


Step 5

We combine static text with variables from the database.
The first lines of the code can be written as static text.

At first click the small icon to get a textfield for multilines:
assign1

Now we can start assembling the vCard code. While working on static text in the multiline text field, you can simply press Enter to get a line break. Click “Apply” to finish the first part of the assignment.
assign2

Now you can click in the second box and use “DB Field” to select a column from the database. You can type the semikolon directly in the “Separating character” box:
assign3

If we need a line break after a variable, we use {LF} as “Separating character”:
assign4

Now you have finished the first three lines of your variable QR to vCard code. According to that you can create the whole vCard code. The preparation needs some time, but it’s worth it. After you have prepared the assignment you can e.g. create the QR to vCard code on business cards.

Timestamp:
The line before last is the “timestamp”. Here we need the information day and time like this:
DDMMYYYTHHMMSSZ

05032012T174500Z means the March 5th 2012, 17:45:00

If you don’t want to create that variable, you can simply use static text and enter manually the date and time of the barcode creation:
assign5


Preview
:
If you preview your document with the new barcode the first time, you will see “TRIAL” on top of your barcode. Here is how to get rid of that:

1) in InDesign select the barcode frame

2) click “SYNC” in the bridge

3) click […] to open the barcode settings

4) delete the “TRIAL” from the “Additional text”

5) click OK

This needs to be done only once, now you will get the barcode without any text.

I hope you like it :-)


Please be aware that this is only an example. We cannot guarantee that your barcode works because there are a lot of factors that influence the functionality. There are different ways to create vCard codes and the successful creation of a new contact in the address book depends on the code, the barcode scanner (app) and the address book software.