• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Tutoriel - creer ses qr-codes
 

Tutoriel - creer ses qr-codes

on

  • 15,804 views

Ce tutoriel vise à expliquer pourquoi et comment générer différents types de QR-Codes : QR-Codes avec des URL, QR-Codes avec des cartes de visites ou numéros de téléphone, QR-Code avec ...

Ce tutoriel vise à expliquer pourquoi et comment générer différents types de QR-Codes : QR-Codes avec des URL, QR-Codes avec des cartes de visites ou numéros de téléphone, QR-Code avec coordonnées GPS, etc.

Statistics

Views

Total Views
15,804
Views on SlideShare
14,806
Embed Views
998

Actions

Likes
16
Downloads
0
Comments
0

20 Embeds 998

http://www.scoop.it 765
http://ateliers-etourisme.jimdo.com 124
http://fael.fr 36
http://2107780155.nvmodules.netvibes.com 25
http://mj89sp3sau2k7lj1eg3k40hkeppguj6j-a-sites-opensocial.googleusercontent.com 21
http://www29.jimdo.com 5
http://marketiweb.wordpress.com 5
http://medoc-numerique.jimdo.com 2
http://www53.jimdo.com 2
http://www.udotsi12.fr 2
http://marketiweb.jimdo.com 2
http://www54.jimdo.com 1
http://51y6xa.widget.uwa.netvibes.com 1
http://www.slideshare.net 1
http://1868.nvmodules.netvibes.com 1
http://54855.nvmodules.netvibes.com 1
http://2107779413.nvmodules.netvibes.com 1
http://97705.nvmodules.netvibes.com 1
http://www.everybodeal.com 1
http://51y6vg.widget.uwa.netvibes.com 1
More...

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

Tutoriel - creer ses qr-codes Tutoriel - creer ses qr-codes Presentation Transcript

  • Créer ses QR-Codes TUTORIEL © Nicolas Monseigne
  • TUTORIEL Un QR-Code, c'est quoi ? C'est une évolution du code-barres. Cela sert principalement à faciliter la vie d'un utilisateur de téléphone mobile, à qui on va éviter : - d'écrire caractère par caractère une adresse web (pas toujours facile sur certains modèles de téléphones, surtout quand on est atteint du syndrome des gros doigts !) - de devoir configurer des coordonnées pour son GPS Cela permet aussi de faciliter certaines actions (par ex "aimer une page Facebook") Un QR-Code, comment ça marche ? Vous allez utiliser un outil pour coder votre information, et le mobinaute va lui utiliser un outil de décodage (qui utilise l'appareil photo de son téléphone), qui va lui indiquer ce qu'il peut faire avec ce QR-Code. Pour encoder ou décoder, on trouve de nombreux outils gratuits. © Nicolas Monseigne
  • TUTORIEL Le QR-Code doit donc être très lisible ! Un QR-Code est composé de carrés, qui représentent les caractères de la donnée codée. En gros, plus il y a de caractères, plus le QR-Code est complexe, donc moins il est lisible ! C'est pour cela qu'il est recommandé d'utiliser des "raccourcisseurs d'URL" quand on veut coder une adresse web. Deux exemples ci-dessous : © Nicolas Monseigne J'accède à la page Facebook "Destination Médoc" en codant l'adresse "http://www.facebook.com/Destination.Medoc " J'accède à cette même page Facebook "Destination Médoc" en codant l'adresse "http://bit.ly/fOKLpq": moins de caractères, QR-Code plus simple ! De plus, un contraste fort entre le fond du QR-Code et le QR-Code lui-même est indispensable (pas de QR noir sur fond bleu marine par ex)
  • TUTORIEL
    • Le QR-Code n'est qu'un outil visant à faciliter les démarches…
    • Il est donc indispensable de réfléchir au préalable à vos besoins et ceux de vos clients, et en quoi le QR-Code peut être une réponse…
    • Car sous ses aspects séduisants, le QR-Code peut être un piège : si vous avez besoin de coder une adresse de site web, mais que celui-ci n'est pas optimisé pour les téléphones mobiles, votre client va devoir attendre qu'un site lourd se charge sur un terminal qui ne pourra même pas afficher ce site-là de façon satisfaisante…
    • Client déçu
    • Et si en plus votre client est étranger, il va charger beaucoup de données (pour au final ne rien voir), et cela lui coûtera cher en frais de connexion data !!!
    • Client agacé !
    © Nicolas Monseigne
  • Quels QR-Codes ? TUTORIEL © Nicolas Monseigne
  • TUTORIEL Rendez-vous sur http://www.qrstuff.com/ Sur ce site, vous pourrez coder plusieurs types de données… voyons les plus intéressantes… © Nicolas Monseigne
  • TUTORIEL
    • Les plus intéressants…
    • l'adresse web  : en flashant le code, le mobinaute n'aura pas besoin de taper l'adresse du site
    • N° de téléphone  ou carte de visite  : en flashant ce code, le mobinaute va enregistrer vos coordonnées dans son annuaire téléphonique. Vous avez donc un pied dans son téléphone…
    • Coordonnées GPS  : les téléphones mobiles faisant de plus en plus office de GPS, un tel code permettra de guider le mobinaute vers vous
    • Connexion aux réseaux sociaux  : permettra de faciliter le fait que les mobinautes pourront aimer votre page Facebook, par exemple.
    © Nicolas Monseigne     
  • TUTORIEL © Nicolas Monseigne
    • Créons nos premiers codes…
    • Coder une URL (adresse de site internet)
    • Coder un numéro de téléphone
    • Coder une carte de visite
    • Coder des coordonnées GPS
    • Coder des liens "dynamiques" vers les réseaux sociaux
    • Coder une URL… et intégrer son logo dans le QR-Code
    • Quelques exemples non exhaustifs des possibilités offertes par cet outil. On se limitera ici aux utilisations les plus courantes !
  • QR-Code n°1 Coder une URL TUTORIEL © Nicolas Monseigne
  • Etape 1, sélectionner le type de données : l'URL  Etape 2, vous indiquez l'adresse web à coder  . Comme vu précédemment, préférez la version raccourcie en cochant "Rewrite URL to qrs.ly short format"  A noter que vous pouvez effectuer un suivi statistique du nombre de fois où votre code a été flashé (cliquez sur "subscribe now") Etape 3, sélectionnez la couleur  , soit en cliquant directement dans le carré, soit en renseignant le code hexa (utile si vous devez utiliser une charte graphique) Etape 4, téléchargez le QR-Code  , pour l'intégrer sur vos supports papier ou web, ou le transmettre à votre graphiste/imprimeur © Nicolas Monseigne      TUTORIEL
  • Cette utilisation est intéressante, particulièrement dans le cas de sites internet adaptés pour la consultation sur téléphones mobiles. Une autre utilisation est de faciliter le recueil d'avis des touristes en mobilité (ex. ici avec un QR-Code dirigeant le mobinaute vers une page du site TripAdvisor où il pourra donner son avis. A noter que ce genre de démarche peut nécessiter au préalable de renseigner une fiche sur son établissement sur le site d'avis en question… © Nicolas Monseigne TUTORIEL Nous espérons vous avoir donné pleinement satisfaction. N'hésitez pas à donner votre avis !
  • QR-Code n°2 Coder un numéro de téléphone TUTORIEL © Nicolas Monseigne
    • Même démarche que précédemment :
    • Sélectionner la donnée à coder 
    • Rentrez le numéro de téléphone 
    • Choisissez la couleur 
    • Téléchargez 
    • Au final, le téléphone demandera au mobinaute s'il faut composer le numéro de téléphone (pratique pour une hotline), ou s'il faut l'intégrer dans son répertoire.
    © Nicolas Monseigne TUTORIEL    
  • QR-Code n°3 Coder une carte de visite TUTORIEL © Nicolas Monseigne
  • Toujours la même logique… Le conseil évident, en bas de la colonne de données à coder : choisissez l'option "Link to VCF file for download". Le mobinaute pourra alors télécharger votre carte de visite, qui est hébergée sur le site qrstuff.com © Nicolas Monseigne TUTORIEL     Les données de la carte de visite codées "brutes" => QR-Code illisible ! On a donc ici un simple lien de téléchargement de votre carte de visite
  • QR-Code n°4 Coder des coordonnées GPS TUTORIEL © Nicolas Monseigne
  • Toujours la même logique… D'abord choisissez le bouton "Google Maps Location"  Puis cliquez sur la carte  à l'endroit que vous souhaitez coder, ou entrez directement les coordonnées GPS si vous les connaissez. Le téléphone situera alors le point GPS sur le navigateur du téléphone ou sur une application GPS dédiée (ex. Google Maps mobile) © Nicolas Monseigne TUTORIEL  
  • QR-Code n°5 Des liens dynamiques vers les réseaux sociaux TUTORIEL © Nicolas Monseigne
  • Etape 1, sélectionnez le type de données : social media  Etape 2. Parmi les possibilités, nous allons rester sur le plus typique, celui d'une page Facebook que l'on veut voir aimée par le mobinaute. Dans la rubrique "Facebook like", vous indiquez l'adresse web de cette page  . Comme vu précédemment, préférez la version raccourcie en cochant "Rewrite URL to qrs.ly short format"  En flashant ce Qr-Code, le mobinaute verra une page web s'ouvrir, et se verra proposé de simplement "cliquer" sur le bouton "J'aime", avec le nom de la page rappelé à côté (d'où l'intérêt de le renseigner  ) © Nicolas Monseigne    TUTORIEL 
  • QR-Code n°6 Un QR-Code avec un lien internet et un logo ! TUTORIEL © Nicolas Monseigne
  • Prérequis… Pour réaliser ce QR-Code, il vous faut que votre logo ait des dimensions comprises entre 100 et 400 px, de format .JPG ou .PNG, et que l'image ne pèse pas plus de 1 Mo. Pour connaître les dimensions de son image, faire un clic droit sur le fichier puis "Propriétés"  , et dans la boîte de dialogue qui s'ouvre, les dimensions apparaissent dans l'onglet "Résumé"  . Si vous avez besoin de redimensionner votre logo, vous pouvez utiliser un logiciel gratuit, (ex : VSO Image Resizer). © Nicolas Monseigne   TUTORIEL
  • On peut donc maintenant réaliser son QR-Code… Direction cette fois le site http:// soqr.fr/generateur-qr-code/logo-image-qrcode-generator.php © Nicolas Monseigne TUTORIEL       Vous commencez par charger votre logo  , puis vous mentionnez l'URL à coder  . Comme précédemment, utilisez la fonction de raccourcisseur d'URL  . En bonus, vous avez le choix  entre un QR-Code "carré" ou "arrondi" (l'exemple ici). Il vous suffit enfin de valider  . Notez que l'URL raccourcie vous est donnée  . N'hésitez pas à l'ajouter en complément de votre QR-Code : si votre mobinaute n'a pas d'application de lecture de QR-Code sous la main, il pourra toujours taper cette adresse courte directement dans son navigateur mobile !
  • D'autres infos etourisme sur Twitter : @mon_etourisme TUTORIEL © Nicolas Monseigne Fin du tutoriel