1. Que l'esprit de la
bidouille soit avec vous !
Nicolas MONSEIGNE
Chargé de mission tourisme Pays Médoc (33)
Twitter : @mon_etourisme
Facebook : nicolas.monseignepro
+ Hervé Rieu, Office de tourisme du Haut Couserans
2. Au programme…
Des exemples d'outils simples, pas ou
peu coûteux...
Des idées à piocher pour des
prestataires, des assos ou des offices de
tourisme sans moyens à consacrer au
web !
3. La bidouille, pourquoi ?
"If you don't have the
right equipment for
the job, you just
have to make it
yourself."
MacGyver, saison 2
(épisode "Out in the Cold")
5. C'est quoi ?
Un outil permettant de créer des
cartes interactives
TUTO
complet A héberger sur votre serveur
http://bit.ly/ (gratuit), ou celui de Click2Map
WlTzac
6. A quoi ça ressemble ?
TUTO
complet
http://bit.ly/
WlTzac
7. Combien ça coûte ?
• Pour la version
gratuite, avec
TUTO hébergement sur
complet
votre propre
http://bit.ly/
WlTzac serveur
9. Les atouts…
Importation de repères par fichier .csv,
.kml, geoRSS ou .xml
Pour une meilleure lisibilité de la carte, le
TUTO regroupement de repères se fait
automatiquement
complet
http://bit.ly/ Organisation des repères par groupes (ex :
WlTzac repères "hébergements"), pour faciliter la
navigation dans la carte
10. Les atouts…
Reprises de fonctionnalités traditionnelles
de Google Maps : repères
personnalisables, création de lignes et de
polygones
TUTO
Manipulation de plusieurs repères :
complet copies, déplacements, suppression, change
http://bit.ly/ ment d'icônes, etc
WlTzac
11. Les atouts…
Personnalisation de la carte à afficher
TUTO
complet
http://bit.ly/
WlTzac
12. Le petit plus…
Vous pouvez créer une carte en mode "anonyme" : 2
cartes et 150 repères possibles, sauvegardés
automatiquement à chaque changement, mais les
données sont perdues à la fermeture de la fenêtre.
Très pratique cependant si vous avez de petites
TUTO cartes simples à créer !
complet
http://bit.ly/
WlTzac
13. Publication…
Soit avec un bouton
Soit en intégration "iframe" contenant un lien
pointant vers le fichier
TUTO
complet
http://bit.ly/
WlTzac
15. Maître Gyver, votre note ?
Facilité
Coût
Utilité
TOTAL
(note indicative pour un profil
bidouilleur non programmeur)
16. BIDOUILLE n°2
SELECTION DE CMS
GRATUITS POUR VOS SITES
17. Des CMS gratuits, pourquoi ?
• Parce que développer un site ça coûte, et que j'ai pas de sous !
• Parce que ça peut largement suffire pour un mini-site
thématique ou pour une opération spéciale
• Parce que même la syndication est possible
• Parce que ça permet de créer des grappes de sites à
moindre coût, ce qui génère de la visibilité pour vos offres
• Parce qu'ils gèrent plutôt bien la déclinaison mobile
• Parce qu'on a la main dessus !
18. Les limites…
• Sortir des modèles basiques nécessite des compétences de
programmation
• Il faut consacrer du temps au développement et à
l'intégration
• Bénéficier de meilleurs outils de référencement oblige à
passer en version payante
• Ya pas de mystère, pour des sites web complètement
personnalisés avec les fonctionnalités les plus avancées, il
vous faudra une aide extérieure ! Posez-vous donc bien la
question de vos objectifs avant ;-)
21. Jimdo
• Le grand chouchou des ANT
• Adaptation automatique aux appareils mobiles
• Version gratuite très fonctionnelle, version pro vraiment
pas chère (60€), avec nom de domaine et hébergement
compris
• Un outil qui peut servir à faire un site spécifique mobile,
moyennant bidouille (cf tuto de Frédéric du Pays
d'Alençon)
27. Comment ça marche ?
• www.weebly.com
• Inscription en 10 secondes
• Options pour le nom de
domaine
• et c’est parti…
28. Un site en 10 minutes
• 100 thèmes
• Prise en main simple
• Statistiques
• Publication facilitée en un clic
29. Glisser - Déposer
• Texte, paragraphes
• Photos, diaporama, vidéos (version pro)
• Formulaires de contact
• Google AdSense (monétisation du site)
• Lecteur RSS, sondages, forums
• Carte Google
30. Outils disponibles
• Version mobile
• Aide au référencement (SEO)
• Google Analytics
• Écriture à plusieurs mains
• Éditeur de pages
31. Coûts
• Gratuit pour la version de base
• Possibilité d’acheter un nom de domaine
(plutôt cher)
• Possibilité d’extension de fonctionnalités
avec Weebly Pro ou Starter
32. Atouts / inconvénients
• Mise en place simple
• Glisser déposer
• Publication
• Perte de la mise en page (photo) lors d’un changement
de thème
• Quelques petits manques dans la traduction (mais rien
de bien grave)
33. Maître Gyver, votre note ?
Facilité
Coût
Mobilité
TOTAL
(note indicative pour un profil
bidouilleur non programmeur)
35. Wix
• Initialement, Wix
proposait des
sites en flash
• Désormais, par
défaut, Wix
propose des
modèles en
HTML5 !
36. Wix
• Modification par • Un menu statique
action sur le pour le design, les
modèle : la boîte créations de page et
apparaît au clic les paramétrages et
sur l'élément à les ajouts d'éléments
modifier
37. Wix
• Le bonus
appréciable pour
les débutants : le
module pour
créer un slider en
page d'accueil
38. Wix
• La mise en place d'une déclinaison mobile (en tout cas sur le modèle
testé) oblige à créer un second site, facilement… mais page par page,
avec interface en anglais. La redirection vers la version mobile est
reservée aux comptes premium !
43. Wordpress ?
• Wordpress est un moteur de blog, mais ses
fonctionnalités lui permettent également de gérer
n'importe quel site web (boutique en ligne, portfolio,.
• Il est distribué selon les termes de la GNU GPL.
44. Wordpressetle restedumonde
25% : pourcentage estimé de tous les sites Web exécutant WordPress en 2011.
72,4 millions : nombre de sites qui hébergent un blog WordPress.
50/50 : répartition approximative entre WordPress.com et les blogs auto-
hébergés.
98 : nombre de versions de WordPress depuis sa création.
65 000 000 : nombre de fois que WordPress a été téléchargé depuis le
lancement de la version 3 en Juin 2010.
500 000 : nombre de nouveaux articles qui sont publiés sur WordPress.com tous
les jours.
40 : nombre de traductions complètes de WordPress.
Source : Lorelle
45. Installation
• L'installation de WordPress est aisée, il nécessite
quelques connaissances techniques et un hébergement
avec le langage de programmation PHP une base de
,
données MySQL et un accès FTP.
Instructions sur http://fr.wordpress.org/
• La Société OVH propose en deux clics de pouvoir
installer tout le CMS et d’acheter le nom de domaine si
cela n’a pas déjà été fait.
46. Communauté
• La communauté autour de Wordpress est une des plus
actives et propose un nombre croissant de ressources
(plugins, thèmes gratuits ou payants, traduction des
thèmes, tutoriaux…)
• 18000 plugins à ce jour pour Wordpress
• De nombreux thèmes gratuits et premium (payant)
47. Responsive design
• Les concepteurs de thèmes
adoptent cette technique
pour les nouvelles réalisations
et certains adaptent les
anciens thèmes
• Quelques exemples
• 20 Thèmes gratuits
• 60 Thèmes premium
48. Coûts
• Logiciel
• Posséder un hébergement – 40 €/an
• CMS distribué selon les termes de la
GNU GPL, pas de coût pour le
logiciel Wordpress
49. Atouts / Inconvénients
La communauté est très active
Les thèmes permettent aux utilisateurs de changer
l'apparence et les fonctionnalités d'un site WordPress
sans modifier le contenu de l'information.
Responsive design intégré dans les nouveaux thèmes
L'installation de WordPress est aisée, mais nécessite
quelques connaissances techniques.
50. Maître Gyver, votre note ?
Facilité
Coût
Mobilité
TOTAL
(note indicative pour un profil
bidouilleur non programmeur)
52. Le principe…
• Afficher sur son site web
des disponibilités pour son
hébergement, ou, comme
ici, pour une visite guidée
• Partager la réservation
entre l'office de tourisme,
l'organisateur de la visite,
et (soyons fous !), d'autres
personnes
53. La mécanique à mettre en place
• Un Google Doc Tableur par prestataire
• Les réservations avec noms et coordonnées sont prises sur des
feuilles partagées, avec accès en écriture aux personnes à qui on
fournit le lien du GDoc
TUTO
complet
http://bit.ly/
P9853l
54. La mécanique à mettre en place
• Les données à afficher sur le site web sont calculées dans une autre
feuille du Gdoc, qui elle est verrouillée…
• …et modifiable "Par
moi uniquement", pour
TUTO ne pas risquer de nuire
complet à l'information diffusée
http://bit.ly/ sur le site web !
P9853l
55. La mécanique à mettre en place
On programme une fois pour toute l'affichage des dispos sur son site
TUTO
complet
http://bit.ly/
P9853l
56. Aller plus loin : un tableau de bord !
• Un classeur Excel regroupe les dispos de tous les prestataires.
• Sur chaque feuille, les données issues des Gdocs…
• …et une feuille "bilan" donnant un point de vue global sur l'ensemble
des dispos !
TUTO
complet
http://bit.ly/
P9853l
57. Testé…
• Sur la manifestation "Margaux Saveurs" :
- des prestas qui souhaitent prendre seul la main sur les
inscriptions
- des prestas qui souhaitent partager les inscriptions avec
l'organisateur de la manifestation
TUTO - des prestas qui suhaitent déléguer l'inscription à l'organisateur
complet et aux OT partenaires
http://bit.ly/ tout fonctionne, dispositif reconduit pour la 3e année !
P9853l
58. Testé…
• Avec un "petit" office de tourisme, dans l'idée de mettre en place
une centrale de disponibilités partagée sur les hébergements
TUTO
complet
http://bit.ly/
P9853l
59. Testé…
• L'affichage sur le site web donne ceci :
TUTO
complet
http://bit.ly/
P9853l
60. Maître Gyver, votre note ?
Facilité
Coût
Utilité
TOTAL
(note indicative pour un profil
bidouilleur non programmeur)
62. Pourquoi une Gopro ?
• Petite • Prix abordable
• Résistante • On peut
• Étanche l’accrocher
• Bonne résolution partout
63. Spécificités Techniques
• Fonction photo 11Mp
• Grand Angle
• Résolutions HD
• Accès facile aux réglages
• Timelapse
• Carte SD
64. Les accessoires
• Édition Outdoor, Surf et Motorsport
• De nombreuses fixations
• Vélo (guidons et arceaux), surf,
avion, parapente, casque, flotteur
stabilisateur.
• Fixations Bacpac
• Fixation audio-vidéo
• Drones
65. Le montage
• Logiciels gratuits
• Microsoft Movie Maker (PC), Imovie (Mac)
• Cyberlink Power Director
• Logiciels en ligne
• Animoto, CaptionTube, VLMC
• Logiciels payants
• Adobe Premiere (Creative cloud
abonnement de 12 mois pour
61,49 € par mois
• Pinnacle Studio 16 (59,95 €)
70. C'est quoi ?
• Google Flux d'Actus, une appli disponible dans l'AppStore et sur
Google Play (ex. Android market), qui permet de lire des flux
d'actus… et des articles écrits en dur
TUTO
complet
http://bit.ly/
R9cU9N
71. Les utilisations
• Côte lecteur : je rassemble mes flux RSS sur un outils me
permettant de lire agréablement les articles de mes sites web
préférés, sur smartphone et tablette !
TUTO
complet
http://bit.ly/
R9cU9N
72. Les utilisations
• Côte producteur d'infos (n'est-ce pas un des rôles des offices de
tourisme ?) : organiser un écosystème d'informations
• Exemple d'un institutionnel qui s'est lancé : visitflorida.com
TUTO
complet
http://bit.ly/
R9cU9N
73. Les contenus
Pour les mises à jour
auto de votre magazine
numérique :
flux RSS de blog
flux RSS de la
galerie FlickR ou
autre
TUTO flux RSS de la
complet chaîne Youtube
http://bit.ly/ flux des statuts
R9cU9N Google + (tiens, ce
serait donc utile, ce
truc !?)
74. Les contenus
• …mais aussi l'intégration de Google Documents !
TUTO
complet
http://bit.ly/
R9cU9N
75. Un outil collaboratif !
…deux niveaux de
collaboration :
- manager
- lecteur de contenu
(utile tant que le
mag n'est pas
publié)
TUTO
complet …chaque rubrique
http://bit.ly/ pouvant avoir des
R9cU9N niveaux de
colaboration
différents !
76. Un exemple territorial vite fait…
Un magazine pour le Médoc avec :
- chaîne Youtube
- galerie FlickR
- articles repris de Gdocs
TUTO - flux RSS d'un blog avec
complet plusieurs contributeurs inscrits
http://bit.ly/
R9cU9N
(Personnalisation du QR-
Code avec unitag.fr)
77. Au final…
Un outil qui s'adapte
automatiquement aux
smartphones et aux
tablettes
Apple et Android
TUTO Collaboratif
Gratuit
complet
http://bit.ly/
R9cU9N Utile pour bidouiller une
appli où on raconte la
destination, non ?
78. Maître Gyver, votre note ?
Facilité
Coût
Utilité
TOTAL
(note indicative pour un profil
bidouilleur non programmeur)
79. ENCORE + de BIDOUILLE !
La boîte à outil de Maître Gyver
n'est jamais vide…
80. Ces outils qu'on voudrait montrer…
Tout ce qu'on peut faire avec Feedburner : signatures dans les mail,
diffusion de flux rss sur un site web, envoi d'emailing pour diffusion des
flux RSS, etc
Le bon vieux powerpoint en guide d'écran d'info en office de tourisme
Des outils de gestion de billetterie : weezevent, ticketlib, …
Des albums photos collaboratifs avec Yogile ou Sharypic
Un panorama des sites de publication de documents, pour enrichir et
valoriser vos brochures papiers sur le web
…
…mais que voulez-vous, on n' est pas ici aux rencontres numériques de la
bidouille