trucs et astuces du web

Download Trucs et astuces du web

Post on 03-Aug-2015

308 views

Category:

Social Media

0 download

Embed Size (px)

TRANSCRIPT

1. TRUCS ET ASTUCES DU WEB 2. AU PROGRAMME # Rduire une URL # Crer un QR Code # Jing # Animoto et Photofiltre # Les disponibilits sur son site: > avec Google Agenda # Insrer un widget sur son site internet : > Mto > Tripadvisor > Facebook # Wisestamp # Calamo # Picmonkey 3. RDUIRE UNE URL 4. RDUIRE UNE URL une URL ? 5. RDUIRE UNE URL Twitter y recours systmatiquement pour intgrer des liens dans ses messages sans pnaliser la taille de ceux-ci. Pourquoi ? 6. RDUIRE UNE URL Une URL plus courte est plus facile retenir Pourquoi ? 7. RDUIRE UNE URL Raccourcir une URL permet d obtenir des QR codes plus simples et plus lisibles. Pourquoi ? 8. RDUIRE UNE URL Moins de caractres encoder, cest un code plus facile lire par mon smartphone ! Pourquoi ? 9. RDUIRE UNE URL En utilisant des gnrateurs de liens courts Comment ? 10. RDUIRE UNE URL Gnrateurs de liens courts: Le plus ancien: Assure que les url raccourcies par son service nexpireront jamais. Garantie non ngligeable. Le plus complet et populaire: Vous pouvez alors personnaliser vos liens, voir lhistorique de vos liens, les rechercher, les regrouper et les classer. Googlemania: Raccourcisseur durl officiel de Google. Fiable et sr. 11. RDUIRE UNE URL Mise en pratique avec Google URL Shortener: 1. Allez sur le site internet www.rochefort-ocean.com, rubrique Dcouvrir, puis Destination Rochefort Ocan et enfin Rochefort : http://www. rochefort-ocean.com/decouvrir/destination-rochefort-ocean/rochefort 2. Copiez-collez ladresse URL de cette page 12. RDUIRE UNE URL Dans le cadre rouge, vous avez l URL raccourcie. En-dessous, vous trouvez la page vers laquelle elle renvoie. 13. RDUIRE UNE URL Je peux lutiliser sur une carte de visite ou sur un flyer pour gagner de la place. Le plus : personnalisez votre URL raccourcie avec Bitly par exemple. 14. RDUIRE UNE URL Il est rellement plus facile de retenir lURL raccourcie que lURL vers laquelle elle renvoie 15. RDUIRE UNE URLCRER UN QR CODE 16. RDUIRE UNE URL Vido explicative sur: http://goo.gl/Evsnte #ONPDP Notez lURL raccourcie ! Quest ce que cest un QR CODE ? CRER UN QR CODE 17. RDUIRE UNE URLCRER UN QR CODE Comme vous pourrez le dcouvrir dans la vido, voil un QR code : On le retrouve partout: dans les magazines, sur les affiches, packagings produit ou cartes de visites... Il permet daccder un contenu en ligne laide dun tlphone portable (smartphones, Iphone). Et pour crer un QR code, vous devez utiliser un logiciel en ligne. 18. RDUIRE UNE URLCRER UN QR CODE Nous utiliserons le logiciel en ligne UNITAG: Dans lencadr rouge, choisissez le type de QR code que vous souhaitez crer. 19. RDUIRE UNE URLCRER UN QR CODE Si vous souhaitez que le QR code renvoie vers une page internet: Choisir loption Web et rseaux sociaux. Entrez lURL de la page. Noubliez pas ! URL raccourcie = QR code + simple et + lisible ! 20. RDUIRE UNE URLCRER UN QR CODE Si vous souhaitez que le QR code renvoie vers une page internet: Vous pouvez: * intgrez le QR code votre site internet en utilisant le code gnr * tlchargez le QR code 21. RDUIRE UNE URLCRER UN QR CODE Si vous souhaitez que le QR code renvoie vers un autre type dinformation: Choisir loption Autres types. 22. RDUIRE UNE URLCRER UN QR CODE Si vous souhaitez personnaliser votre QR code: 23. RDUIRE UNE URLCRER UN QR CODE ne pas oublier avant de diffuser votre QR code: Tester votre QR code avec plusieurs appareils: Iphone, Blackberry, Android ou Windows phone 24. RDUIRE UNE URLCRER UN QR CODE Plus dinfo en flashant le QR code: 25. RDUIRE UNE URLCRER UN QR CODE En gnrant votre QR Code, vous obtenez aussi ces 2 visuels utiliser sur vos outils de communication 26. JING 27. JING Outil de capture dcran 28. JING Cliquez sur le + pour capturer lcran Slectionnez la zone capturer: Mettez le curseur dans langle en haut gauche de limage, maintenez la slection et faites descendre le curseur jusqu langle en bas droite. 29. JING Une fois la zone de capture effectue une barre de tches va apparatre. Elle vous permet de : * Valider votre capture dcran * Faire une vido * Annuler la slection si limage ne vous convient pas et en faire une de nouveau (avec la flche) * Annuler la capture dcran (avec la croix) 30. JING Annuler/ supprimer la capture En cliquant sur le logo de capture dcran, vous pouvez: Donnez un nom votre capture Faire une copie de la capture Ajoutez des flches ou des encadrements texte sur votre capture 31. ANIMOTO Outil en ligne de montage vido automatis. Extrmement simple utiliser : il suffit de choisir des photos, des vidos, une musique, du texte et Animoto compile tout automatiquement pour un rendu esthtique et professionnel ! 32. ANIMOTO 33. ANIMOTO Crez votre vido 34. ANIMOTO Choisissez votre modle 35. ANIMOTO 36. ANIMOTO 37. PHOTOFILTRE Pour redimensionner le poids de vos photos. 1. Tlcharger Photofiltre 7 2. Ouvrez votre photo 3. Allez dans image puis taille de limage 38. PHOTOFILTRE Pour redimensionner le poids de vos photos. 4. Modifiez la largeur ou la hauteur 5. Dans le cadre Mmoire, le poids de votre photo doit tre au maxi autour de 300ko 39. LES DISPOS SUR MON SITE AVEC GOOGLE AGENDA 40. tape 1 : Cration d'un agenda pour chaque chambre/meubl Une fois connect(e) votre espace Google Agenda, crez 1 agenda par chambre/meubl en plus de celui install par dfaut correspondant votre compte Google: > Cliquez sur le lien nomm "crer" gauche de la page, dans le bloc Mes Agendas. > Donner le nom d'une de vos chambres/meubls chaque nouvel agenda et veiller bien cocher: "Rendre cet agenda public" et "Afficher uniquement ma disponibilit". 41. tape 1 : Cration d'un agenda pour chaque chambre/meubl 42. tape 1 : Cration d'un agenda pour chaque chambre/meubl 43. tape 2 : Crer une rservation express pour une chambre/meubl Maintenant vos agendas sont visibles sur le ct gauche de la page, vous pouvez modifier leur couleur en cliquant sur la petite flche droite de chaque agenda dans le bloc "Mes Agendas". 44. tape 2 : Crer une rservation express pour une chambre/meubl Insrons maintenant une rservation pour 3 nuits pour Monsieur Marcel Pagnol qui sjournera dans la chambre jaune. Pour insrer des journes compltes, pensez cliquer dans la zone au-dessus des plages horaires, comme dans la capture ci-aprs. Nous mettons donc le nom de notre client dans la partie Objet et surtout, maintenant, vous allez cliquer sur "Modifier les dtails de l'vnement". 45. tape 2 : Crer une rservation express pour une chambre/meubl Nous allons ainsi pouvoir prciser que la chambre jaune est OCCUPE pour ces 3 nuits, du 12 au 14 dcembre. 46. tape 2 : Crer une rservation express pour une chambre/meubl Une fois les champs renseigns, cliquez sur Enregistrer. Sur la diapositive suivante, vous trouverez le rendu final de la rservation. 47. tape 2 : Crer une rservation express pour une chambre/meubl 48. tape 3 : Exporter mes agendas chambre/meubl pour intgration dans mon site Internet Vous allez pouvoir exporter vos agendas dans votre site Internet sans afficher le dtail des rservations, prcisant juste l'internaute si telle date, la chambre jaune est occupe. Avec ce genre de pratique, vous allez voir rduire le nombre d'emails de demandes de disponibilit. Ici, plus besoin d'emails, l'internaute a la rponse sous les yeux et mme si vous ne proposez pas de rservation en ligne, vous avez fait le principal !!! Alors voyons comment cela se passe. Vous allez cliquer sur la petite flche de votre premire chambre liste dans le bloc "Mes agendas", vous dcouvrez le lien "Paramtres de l'agenda". 49. tape 3 : Exporter mes agendas chambre/meubl pour intgration dans mon site Internet Cliquez sur la flche puis ensuite sur Paramtres. Vous trouverez une copie dcran de la page qui souvre sur la diapo suivante. 50. tape 3 : Exporter mes agendas chambre/meubl pour intgration dans mon site Internet Une fentre s'ouvre et vous permet de modifier les paramtres de cet agenda. Nous allons maintenant voir comment personnaliser l intgration de votre lment en cliquant sur Personnaliser la couleur, la taille et dautres options dans lencadr rouge. 51. tape 3 : Exporter mes agendas chambre/meubl pour intgration dans mon site Internet Vous voici dans l'espace de personnalisation. Vous allez pouvoir: > Donner un titre global votre module Agenda qui sera export. Ici, j'ai mis "Disponibilits Gte du Figuier". Ensuite, libre vous de cocher ou dcocher les lments afficher pour naviguer dans vos plannings de disponibilits. ****** L'astuce, en rouge dans la capture: Remplacer la largeur en pixel pr-paramtre par une valeur relative: ici 100%. Cela veut dire qu'une fois intgr dans votre page web, ce module Agenda prendra 100% de la largeur disponible dans votre page. C'est parfaitement intgr ainsi. Faites galement commencer la semaine un lundi, ce sera mieux pour voir les disponibilits du week-end. 52. tape 3 : Exporter mes agendas chambre/meubl pour intgration dans mon site Internet 53. tape 3 : Exporter mes agendas chambre/meubl pour intgration dans mon site Internet En bas gauche de cette page de personnalisation, vous allez pouvoir choisir les agendas afficher dans votre page Web. Libre vous de choisir une seule chambre si dans votre site, votre planning est affich dans une page de dtail de la chambre jaune par exemple. Sinon, une page Disponibilits fera l'affaire, alors, nous cocherons toutes les chambres. 54. tape 3 : Exporter mes agendas chambre/meubl pour intgration dans mon site Internet Vous avez termin la personnalisation de votre agenda exporter, il est temps maintenant de remonter tout en haut de la page et de copier-coller le code HTML que nous allons maintenant intgrer sur votre site Internet. 55. tape 4 : Intgration dans mon site Internet, exemple avec un site Jimdo Vous avez diffrentes manires d'accder l'administration de vo