A project to create your Vcard device
- Une carte en plastique, bois ou ce que vous voulez. Vous pouvez imprimer le modele STL fournit dans le dossier STL. Le format est de 85 x 55mm.
- Un etiquette NFC-Tag 215 programmable (vous pouvez trouver ca sur amazon facilement)
- L'application NFCTool disponible sur iOS et Android -> https://www.wakdev.com/
- Un hebergement web pour heberger votre VCard numerique ou vous pouvez utiliser le site https://www.vcard.link/card
Imprimez votre carte en 3D. Conseil: en cours d'impression collez votre etiquette et laissez l'imprimante la recouvrir.
Ouvrir le dossier www/ Dans le fichier index.php configurez :
- votre token
- le nom de votre page
Modifiez yourpage.html par le nom choisi, puis ouvrez cette page avec un editeur de code
- Ligne 61 :
var photo-> la variable contenant votre photo au format base64. Choisissez la photo qui apparaitra sur votre vcard. Utilisez un encodeur base64 et copiez le code dans cette variable. (https://www.base64-image.de). Attention: le format d'image doit etre de type JPG et il est conseillé d'utiliser une dimensions de 300x300 pixel pour plus de lisiblité. - ligne 85 à 101 : Editez les variables à votre convenance
Téléchargez les fichiers du dossier www/ sur votre server web
Verifiez que tout fonctionne: https://yourdomain.com/index.php?vcard=yourchoosentoken
Si cela fonctionne il ne vous restera plus qu'a programmer votre Vcard imprimée avec la puce NFC.
Lancez l'application NFC tool.
Choisir ecrire / ajouter un nouvelle enregistrement / enregistrer URL Entrez l'url que vous avez configuré a l'étape precedente. Approche votre carte NFC, et cliquez sur Ecrire
Maintenant, prenez votre smartphone et verifier que le fonctionnement de votre carte.
Libre à vous de modifier le code à votre convenance.
J'ai choisi de faire une page html de base (blocs/bootstap/jquery), mais vous pouvez personnaliser facilement.
- A card in plastic or wood or what you want. You can print the STL model provided in the STL folder. The size is 85 x 55mm.
- A programmable NFC-Tag 215 (you can find this on amazon easily)
- The NFCTool application available on iOS and Android -> https://www.wakdev.com/
- A web hosting to host your digital VCard or you can use https://www.vcard.link/card
Print your card in 3D. Tip: while printing, stick your label and let the printer cover it.
Open the www/ folder In the index.php file configure :
- your token
- the name of your page
Change yourpage.html to the name you want, then open this page with a code editor
- Line 61:
var photo-> the variable containing your photo in base64 format. Choose the photo that will appear on your vcard. Use a base64 encoder and copy the code into this variable. (https://www.base64-image.de). Attention: the image format must be JPG and it is advised to use a size of 300x300 pixel for more readability. - line 85 to 101 : Edit the variables at your convenience
Download the files from the www/ folder to your web server
Check that everything works: https://yourdomain.com/index.php?vcard=yourchoosentoken
If it works, you will only have to program your printed Vcard with the NFC chip.
Launch the NFC tool application.
Choose write / add new record / record URL Enter the url you configured in the previous step. Approach your NFC card, and click on Write
Now, take your smartphone and check that your card is working.
Feel free to modify the code as you wish.
I chose to make a basic html page (blocs/bootstap/jquery), but you can easily customize.
author: Delimard Software/ [email protected]
