Atelier 5 - Que l'esprit de la bidouille soit avec vous - ET8
1. ATELIER A5 : " QUE L'ESPRIT DE LA
BIDOUILLE SOIT AVEC VOUS "
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")
4. Les bidouilleurs du jour :
Nicolas Monseigne, chargé de mission
tourisme au Pays Médoc (33)
Twitter : @mon_etourisme
Hervé Rieu, OT du Couserans
6. C'est quoi ?
Un outil permettant de créer des
cartes interactives
TUTO
complet
A héberger sur votre serveur
http://bit.ly/
WlTzac (gratuit), ou celui de Click2Map
7. A quoi ça ressemble ?
TUTO
complet
http://bit.ly/
WlTzac
8. Combien ça coûte ?
Pour la version
TUTO gratuite, avec
complet hébergement sur
http://bit.ly/ votre propre
WlTzac
serveur
10. Les atouts…
Importation de repères par fichier .csv,
.kml, geoRSS ou .xml
TUTO Pour une meilleure lisibilité de la carte, le
regroupement de repères se fait
complet automatiquement
http://bit.ly/
WlTzac Organisation des repères par groupes (ex :
repères "hébergements"), pour faciliter la
navigation dans la carte
11. 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 : copies,
complet déplacements, suppression, changement
http://bit.ly/ d'icônes, etc
WlTzac
12. Les atouts…
Personnalisation de la carte à afficher
TUTO
complet
http://bit.ly/
WlTzac
13. 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.
TUTO Très pratique cependant si vous avez de petites
complet cartes simples à créer !
http://bit.ly/
WlTzac
14. Publication…
Soit avec un bouton
Soit en intégration "iframe" contenant un lien
pointant vers le fichier
TUTO
complet
http://bit.ly/
WlTzac
18. Google Earth
Propriété de la société Google, le logiciel Google Earth
permet une visualisation de la Terre avec un
assemblage de photographies aériennes.
TUTO
complet
http://bit.ly/
RSaNGP
19. Avant - Après
Évolution de l’outil d’information sur les randonnées, de
la carte IGN vers l’outil numérique
TUTO
complet
http://bit.ly/
RSaNGP
21. Coûts
Matériel
Desserte Ikea - 45 €
Ordinateur de bureau - 500 -600€
Écran plat tactile iiyama - 260 €
TUTO Logiciel
complet Posséder un hébergement – 40 €/an
http://bit.ly/ Application gratuite (clé
RSaNGP d’utilisation auprès de Google)
22. Comment faire ?
Faire les relevés des Importer les relevés Récupérer les
traces GPS de votre des traces GPS sur fichiers sur le site
territoire le site gpx-view.com gpx-view.com au
format kml
TUTO Traces GPX Fichier KML
complet
http://bit.ly/
RSaNGP
Impliquer les
bénévoles ou Faire de la veille sur le
brigades vertes du site gpx-view.com et
territoire récupérer des traces
23. Un peu de code
Page Internet
Créer une page HTML
TUTO Fichier KML
complet
http://bit.ly/
RSaNGP Tutoriel complet:
http://www.kercabanac.com/
Importer les fichiers Utiliser un logiciel faq/utilisation-de-google-
KML sur votre FTP (Filezilla) pour earth-pour-un-office-de-
serveur le transfert tourisme/
24. Les atouts
Meilleure lecture des randonnées
Perception de la difficulté, de la longueur, du
dénivelé, de l’accès aux départs de randonnées.
Rajoute de la valeur ajoutée au conseil sur la
randonnée
TUTO
complet
http://bit.ly/ Les inconvénients
RSaNGP
Ne pardonne pas les approximations dans la
connaissance des randonnées.
Mise en œuvre
25. Maître Gyver, votre opinion ?
Facilité
Coût
Utilité
TOTAL
(note indicative pour un profil
bidouilleur non programmeur)
26. BIDOUILLE n°3
SELECTION DE CMS
GRATUITS POUR VOS SITES
27. Des CMS gratuits, pour quoi faire ?
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 !
28. 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 ;-)
31. 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)
37. Comment ça marche ?
www.weebly.com
Inscription en 10 secondes
Options pour le nom de
domaine
et c’est parti…
38. Un site en 10 minutes
100 thèmes
Prise en main simple
Statistiques
Publication facilité en un clic
39. 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
41. Très bien pour…
Un mini site d’office de tourisme
Un prestataire sportif
Un événementiel
Un petit hébergeur
42. Coûts
Weebly
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 (71,80 dollars)
pour 2 ans
43. Les atouts
Mise en place simple
Glisser déposer
Publication
Les inconvénients
Design des thèmes
Perte de la mise en page (photo) lors d’un
changement de thème
44. Maître Gyver, votre opinion ?
Facilité
Coût
Mobilité
TOTAL
(note indicative pour un profil
bidouilleur non programmeur)
46. Initialement,
Wix
Wix
proposait des
sites en flash
Désormais,
par défaut,
Wix propose
des modèles
en HTML5 !
Une
évolution qui
rend l'outil
intéressant à
suivre !
47. 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
48. 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
53. 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.
54. et le reste du monde
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.
2 jours : temps qu’il a fallu pour que WordPress 3.3 atteigne 1 million
de téléchargements.
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.
826 000 : nombre de vidéos YouTube qui ont été hébergées sur des sites
WordPress.com la première semaine de mars 2012.
40 : nombre de traduction complètes de WordPress. Source : Lorelle.
55. 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.
56. 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)
57. Site web adaptatif
Qu’est ce que c’est?
Site web adaptatif ou Responsive design est un site
conçu pour s'adapter aux différentes tailles d'écran
et aux différents terminaux permettant d'afficher
le site (écran d’ordinateur, tablette, smartphone,
télé connectée, ...)
58. Avec Wordpress….
Wordpress et le web adaptatif
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
59. 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
60. Les atouts
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
Les inconvénients
L'installation de WordPress est aisée, mais nécessite
quelques connaissances techniques.
61. Maître Gyver, votre opinion ?
Facilité
Coût
Mobilité
TOTAL
(note indicative pour un profil
bidouilleur non programmeur)
63. 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
64. 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
65. 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
TUTO moi uniquement", pour
ne pas risquer de nuire
complet à l'information diffusée
http://bit.ly/ sur le site web !
P9853l
66. 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
67. Pour 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
68. 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
TUTO l'organisateur de la manifestation
complet - des prestas qui suhaitent déléguer l'inscription à l'organisateur
http://bit.ly/ et aux OT partenaires
P9853l tout fonctionne, dispositif reconduit pour la 3e année !
69. 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
70. Testé…
L'affichage sur le site web donne ceci :
TUTO
complet
http://bit.ly/
P9853l
71. Maître Gyver, votre opinion ?
Facilité
Coût
Utilité
TOTAL
(note indicative pour un profil
bidouilleur non programmeur)
75. 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
76. 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 €)
81. 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
82. 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
83. 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
84. Les contenus
Pour les mises à jour
auto de votre magazine
numérique :
flux RSS de blog
flux RSS de la
TUTO galerie FlickR ou
autre
complet
flux RSS de la
http://bit.ly/
chaîne Youtube
R9cU9N
flux des statuts
Google + (tiens, ce
serait donc utile, ce
truc !?)
85. Les contenus
…mais aussi l'intégration de Google Documents !
TUTO
complet
http://bit.ly/
R9cU9N
86. Un outil collaboratif !
…deux niveaux de
collaboration :
- manager
- lecteur de contenu
(utile tant que le
TUTO mag n'est pas
publié)
complet
http://bit.ly/
R9cU9N …chaque rubrique
pouvant avoir des
niveaux de
colaboration
différents !
87. Un exemple territorial vite fait…
Un magazine pour le Médoc avec :
- chaîne Youtube
- galerie FlickR
TUTO - articles repris de Gdocs
complet - flux RSS d'un blog avec plusieurs
contributeurs inscrits
http://bit.ly/
R9cU9N
(Personnalisation du QR-
Code avec unitag.fr)
88. Au final…
Un outil qui s'adapte automatiquement
aux smartphones et aux tablettes
Apple et Android
Collaboratif
TUTO Gratuit
complet
http://bit.ly/ Utile pour bidouiller une appli où on
R9cU9N raconte la destination, non ?
89. Maître Gyver, votre opinion ?
Facilité
Coût
Utilité
TOTAL
(note indicative pour un profil
bidouilleur non programmeur)
90. ENCORE + de BIDOUILLE !
La boîte à outil de Maître Gyver
n'est jamais vide…
91. Ces outils dont on aurait aimé vous parler…
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
institutionnelles de la bidouille
92. Merci pour votre attention
Nicolas MONSEIGNE
Twitter : @mon_etourisme
Hervé RIEU