Les ateliers Numériques 2013 1
2
Sommaire 1. Réalisation d un site internet 1. Les différentes étapes 2. La planification stratégique et la conception 3. Un site internet dans le tourisme 2. Les tendances de la demande 1. Le tourisme en ligne de mire 2. La place des tablettes 3. La place des smartphones 3. L hébergement 1. L hébergement 2. Exemple d OVH 3. Et si je faisais appel à un prestataire pour mon site? 4. Wordpress 1. Wordpress 2. Le responsive web design 3. Exemple d un site internet avec Wordpress 3
1. Réaliser un site internet 4
1.1Les différentes étapes 5
1.2 La plannification stratégique et la conception Les 3 grandes lignes : - Objectifs de votre site - Cibles de votre site - Arborescence (le squelette du site) 6
Définition une stratégie avec des objectifs - Savoir traduire, comprendre les besoins du client - Environnement internet : les impacts - Un site internet adéquat au projet internet - Produire un cahier des charges 7
Le cahier des charges Le cahier des charges d un site internet décrit votre projet de création ou de refonte de votre site web En internet un cahier des charges vous aidera à savoir comment construire votre site internet selon les objectifs fixés. C est un document contractuel avec l entreprise (maître d ouvrage) et le prestataire qui va réaliser le développement, les maquettes, la mise en ligne du site, etc. encore appelé le maître d œuvre. 8
Etapes de réalisation d un cahier des charges Etape incontournable le cahier des charges pour : - Évaluer les différents prestataires - Votre structure et vos cibles - Les contraintes techniques et organisationnelles - Le contenu du site - Les ressources disponibles (photos, vidéo ) - et votre budget 9
Outil pour concevoir l arborescence 10
1.3 Un site internet dans le tourisme 11
2. Les tendances de la demande 12
2.1 Le tourisme en ligne de mire 13
2.2 La place des Tablettes 14
2.3 La place des Smartphones La démocratisation du smartphone : + 44% d augmentation de nombre de smartphones en circulation entre 2010 et 2011. 15
3. L Hébergement 16
3.1. L Hébergement Un hébergeur web (ou hébergeur internet) est une entité ayant pour vocation de mettre à disposition des internautes des sites web conçus et gérés par des tiers. 17
A quoi ça sert? Un hébergeur est un prestataire capable de fournir : Un serveur permettant le stockage du site La connexion internet performante permettant l accès au site 18
Le côté technique Logiciels installés sur le serveur Système d exploitation, serveur Web, serveur de base de données Modules optionnels : paiement, cryptage, gestion de contenus 19
Service et Coûts Interlocuteur technique Disponibilité et délai d intervention Dépôt de nom de domaine Surveillance du serveur (crash, attaque ) Statistiques Coût très variable entre serveur dédié et serveur mutualisé Mais il faut mieux éviter le gratuit (publicité performance, pas de nom de domaine) 20
3.2. Exemple d OVH 21
Différents tarifs 22
3.3. Et si je faisais appel à un prestataire pour mon site? 23
Bien choisir son prestataire Evaluer l adéquation des réponses avec vos besoins à l aide d une grille : Tarifs La Géographie Technologies retenues Les références Pour réussir : lister les besoins et objectifs, définir une enveloppe budgétaire, affecter une personne au projet. Si possible choisir un prestataire ayant une expérience dans le domaine Ne pas s adresser à plus de 3 ou 4 prestataires Contractualiser la relation avec le prestataire Une fois le site terminé en faire la promotion on-line et off line Aspect juridique : s inscrire à la CNIL 24
Que peut on attendre du prestataire? Des objectifs réalistes Une de moyen conformément aux objectifs visés Une transparence sur les résultats et techniques utilisées Un reporting régulier Le positionnement s apprécie dans la durée > de 2 à 6 mois 25
Combien ça coûte Le prestataire vous annonce un prix forfaitaire auquel il doit se tenir Sauf si changement de périmètre à la demande du client Prix généralement fixés selon le temps estimé nécessaire à la réalisation du projet soit 300 /la journée. Critères : Nombre de langues, type de site Objectif de positionnement Environnement concurrentiel Qualité de suivi Fourchette de coût pour générer du trafic (référencement promotion) : de 500 jusqu à 3000 à 4000 par an. 26
4. Wordpress 27
4.1 Wordpress WordPress est un outil dédié à la création de sites internet administrables (ou CMS, pour Content Management System : système de gestion de contenus). 28
4.2 Le responsive web design Le responsive web design est une technologie qui permet de faciliter la lecture aux navigateurs, le site internet s'adapte aux différents formats (tablettes, smartphones,...) 29
4.3 Un exemple de site internet sous Wordpress Site office de tourisme des Boutières : www.tourisme-ardeche-boutieres.com 30
Exemple d un site en responsive 31
Format tablette et smartphone La photo de la chapelle de Soutron se réduit en format tablette et le texte de bienvenue n apparait plus. La même photo disparait pour paraître en version mobile. 32
Au menu Des rubriques Découvrir, Activités, hébergements, restauration, festivités, une partie blog, un accès à un formulaire de contact, un lien vers Twitter et facebook, un flux RSS. 33
Des Widgets L abonnement à la newsletter, le partage sur les réseaux sociaux, la météo 34
Toujours des Widgets Mais aussi le widget SITRA (base de données régionales) des évènements 35
La rubrique Découvrir Volonté de mettre en avant le secteur des Boutières et la vallée du bijou avec du contenu photos, vidéos 36
Rubrique Activités : Randonnée Mais aussi 37
Rubrique Hébergements 38
Rubrique Restauration 39
Rubrique Festivités Cette page renvoie sur l agenda d Ardèche Plein Cœur téléchargeable en format pdf et sur une extraction des évènements du territoire de compétence de l office de tourisme depuis la base de donnée SITRA 40
Un blog est rattaché au site avec des articles 41
Un exemple d article du blog. 42
Commenter un article sur le blog 43
La Rubrique Contact 44
La rubrique contact, suite 45
Merci de votre attention! 46
Enquête de satisfaction à l issu de cet atelier http://bit.ly/satisfactionateliers 47
Les Animateurs numériques de Territoire Ardèche Plein Cœur ant.centreardeche@gmail.com www.ardechepleincoeur.com 48