par AFI Aveyron | 14, Mar 2017 | Aide et tutoriels, Blog, Web, Wordpress
Depuis juin 2016, Google n’autorise plus de créer des cartes « Google Map » à la volée.
Vous êtes obligé de créer une clef API afin d’affiché une carte.
Créer une clef API
Pour ce faire, rendez-vous sur le site Google Developers
https://developers.google.com/?hl=fr
Et connectez-vous à votre compte ou créez en un.
Une fois cela fait, rendez-vous dans le menu « Google Map API » et cliquez sur « Démarrer ».
Ensuite cliquez sur « Obtenir une clé ».
Après avoir validé une fenêtre de dialogue, vous arriverez sur la page de création de projet.
Vous cliquerez sur continuer après avoir choisi « Créer un projet ».
Après quelques instants, vous aurez la possibilité d’obtenir votre clé.
Vous pourrez nommer votre clé : remplacer le nom « Clé API 1 » par celui de votre choix.
Vous devrez ensuite, restreindre l’accès à cette clé en choisissant le référent http (sites web)
url.com
url.com/*
*.url.com/*
Où vous remplacez url.fr par votre adresse
Par exemple :
afi-aveyron.fr
afi-aveyron.fr/*
*.afi-aveyron.fr/*
Cliquez ensuite sur « enregistrer » et vous aurez une boite de dialogue qui vous donnera le précieux sésame.
Activer Google Maps Javascript Api and Javascript Geocoding Api
Vérifier que ces deux options sont activées.
Cliquez sur « Bibliothèque »
et dans « API Google Maps, cliquez tout d’abord sur :
- Google Maps JavaScript API et activer le service si ce n’est déjà fait.
- Puis sur Javascript Geocoding Api et activer le service si ce n’est déjà fait
Une fois cela réalisé, vous pouvez afficher votre carte Google sur votre site.
Exemple avec le thème DIVI
Je vous propose un exemple avec le thème DIvi mais le procédé est le même pour toutes les extensions « Carte » : vous devez renseigner la clé API dans les options soit de l’extension soit du thème.
Renseignez la clé API
Pour afficher une carte avec le thème Divi, vous devez renseignez votre clé API dans les «options du Thème.
Copier votre clé API dans « le champs Google API Key.
Une fois cela réalisé, vous pourrez créer une carte sur une page.
Création d’une carte avec le module Map
Vous mettrez en place le module carte dans le Divi Buider
et tout d’abord renseigner la vue générale de carte (ici Rodez).
Puis vous « Ajouterez une nouvelle épingle », en choisissant :
- Titre
- Votre adresse en cliquant sur Trouvez
- Des informations complémentaires dans le champs texte.
Après avoir enregistré, votre carte sera visible.
par AFI Aveyron | 19, Fév 2015 | Aide et tutoriels, Débuter dans la création d'un site web
Lorsque que vous créez un site web ou que vous le transférer chez votre hébergeur, vous devez renseigner quelques éléments dont le nom, les identifiants et le mot de passe de la base de données.
Tous ces codes vous sont soit donnés dans votre interface soit dans le mail de bienvenue récapitulant toutes les infirmations nécessaires à la création de votre site web : identifiant de connexion, compte FTP, accès à la base de données…
Chez Gandi, comme chez quelques autres hébergeurs, vous avez la possibilité de créer plusieurs bases de données.
Par défaut, vous pouvez utiliser les identifiants Root et le mot de passe que vous avez créé pour votre Simple Hosting
Mais pour des raisons de sécurité, vous pouvez (devez !) un utilisateur avec un accès vers votre base de données.
Accéder à PhpMyAdmin
Pour ce faire, rendez-vous dans votre instance Simple Hosting :
https://www.gandi.net/admin/hosting/paas/management
Ensuite, cliquez sur le nom de votre instance pour arriver sur sa page de gestion.
Cliquez sur le nom de votre instance
En cliquant sur « Se connecter » en face de Base de données, vous aurez accès à PhpMyAdmin.
Cliquez sur « Se connecter »
Un boite de dialogue s’ouvre vous invitant à renseigner votre identifiant et votre mot de passe.
Renseignez votre identifiant et votre mot de passe.
Pour infos, votre identifiant en accessible en cliquant sur le point d’interrogation de votre page « Simple Hosting »
Trouver son identifiant
Ensuite PhpMyAdmin vous demande de vous connecter avec votre compte Root.
Accè à PhpMyadmin
Une fois ces informations renseignées, vous arrivez sur la page d’administration de PhpMyAdmin.
Créer un utilisateur
Pour créer un utilisateur, cliquez sur « Utilisateur » dans le menu supérieur.
Cliquez sur « Utilisateur »
Cette page affiche la liste de tous les utilisateurs si vous en avez déjà créée.
En bas de la page se trouve le lien, qui vous permet d’ajouter un nouvel utilisateur ; cliquez sur ce lien pour ouvrir une nouvelle fenêtre.
Remplissez le champ « Nom d’utilisateur ».
Pour client, laissé %
Pour le mot de passe soit vous en créer un (mais sécurisé) soit vous cliquez sur « générer ».
Notez-le bien !
Ensuite, vous cochez la case « Créer une base portant son nom et donner à cet utilisateur tous les privilèges sur cette base. ». Cet utilisateur, n’aura accès qu’à cette base de données
Puis en bas de la page, cliquez sur exécuter.
Créer un utilisateur
Votre base de données est donc créer avec un seul et unique utilisateur.
Reproduisez cette opération pour chaque site web que vous désirez mettre en ligne.
Il vous faudra ensuite, renseignez les champ nouvellement créer dans vos différents CMS.
par AFI Aveyron | 9, Mai 2013 | Les news, Matériel et logiciel
Analytics Seo un site web qui va vous accompagner dans le suivi de votre site internet.
Les logiciels et sites web prétendant vous aidez dans votre tâche de référencement de votre site web sont nombreux sur le net.
Aujourd’hui, je vais vous présenter Analytics Seo un site web qui va vous accompagner dans le suivi de votre site internet.
Première étape : créer un compte
Si vous désirez tester ce service, vous pouvez créer un compte gratuit en vous rendant à cette adresse :
http://www.analyticsseo.com/fr/free
Une fois cette étape passée et les différents champs remplis, vous pourrez vous rendre sur la page d’accueil de votre tableau de bord.
Vous pourrez si vous le désirez renseigner différents champs et paramètres afin de compléter l’analyse de votre site web comme par exemple votre compte Google Analytics.
Le tableau de bord reprend les principales informations concernant votre site web.
Pour ma part, je retiendrais les tendances des indicateurs de performance. Pour ce faire, votre compte doit être créé depuis au moins une semaine afin d’avoir accès à un historique.
Le panneau Actions prioritaires vous permet en un coup d’œil de savoir qu’elles sont les actions à mettre en place.
Page récapitulative de votre site web d’Analytics Seo
Les informations Analytics Seo
Onglet technique
L’onglet technique va renvoyer toutes les informations concernant l’optimisation de votre site web du point de vue purement technique. Pour infos, quand vous avez un sous menu noté d’une pastille rouge vous devez agir sur ce paramètre pour le corriger.
Les modifications sont relativement facile a effectuée : URL canonique, plan du site HTML et XML, erreur 4XX.
Les infos techniques délivrées par Analytics Seo
Onglet Concurrence et mots clefs
Vous avez la possibilité de surveiller avec votre compte gratuit 10 mots-clefs et 5 sites concurrents. Dans ce menu, vous trouverez ainsi de multiples informations vous permettant de comprendre la concurrence et tenter d’apporter des modifications à votre site pour qu’il réponde mieux aux attentes des internautes.
Analyses de la concurrence et des mots clefs
Onglet Pages
Ce menu vous apporte une synthèse de votre site web sur le plan des optimisations de chaque page. On notera par exemple, les métadonnées dupliquées ou manquantes, les balises ATL sur les images absentes.
Ces indications sont utiles car elles sont facilement corrigeables.
Analyses de vos pages
Onglet Hors sites
Cet onglet vous permet d’analyser votre site à travers le prisme de votre popularité sur la toile.
Vous pourrez ainsi analyser comment sont référencer vos concurrents et tenter d’élaborer une stratégie de référencement off-site.
Analyse off-site de votre site web
Mon point de vue sur Analytics Seo
Analytics Seo est donc un site web qui permet en quelques clics d’avoir un aperçu des éléments à corriger sur votre site web.
Pour ma part, j’apprécie surtout le coté analyse technique car cela permet d’avoir une vision générale de son site web et d’y apporter des corrections facilement.
Quant à l’analyse hors site, qui représente le plus gros du travail coté référencement, les indicateurs sont utiles pour avoir une vision générale du travail à réaliser. Il ne reste plus alors qu’à suivre les consignes et les indications pour tenter de faire évoluer de manière positives son site. Un travail de longue haleine qui ne peut se réaliser que dans la durée.
Inscrivez-vous donc sur le site Analytics Seo (http://www.analyticsseo.com/fr/) pour tester ce service. Libre à vous plus tard d’opter pour des solutions payantes qui vous donnerons plus d’informations et de possibilités.
Toutes les captures d’écran réalisées dans cet article sont issues du site http://www.analyticsseo.com
par AFI Aveyron | 24, Jan 2013 | Aide et tutoriels, Web, Wordpress
Transférer WordPress
Il se peut que vous ayez besoin un jour de transférer votre WordPress d’un hébergeur à un autre ou après un changement de nom de domaine ou bien tout simplement de basculer votre développement local vers votre serveur.
Voici donc un petit tuto qui vous permettra de réaliser cette manipulation en toute sérénité.
Préparer sa migration
En premier si vous avez un système de cache activé dans votre WordPress, désactivez-le.
Ensuite, vous pouvez installer une extension qui vous permettra de récupérer votre BDD et de faire les modifications nécessaire : WP migrate (http://wordpress.org/extend/plugins/wp-migrate-db/)
La récupération de votre site se fera en deux étapes :
- La récupération des fichiers de votre WordPress qui sert au fonctionnement de vote site web
- La récupération de votre bande de données qui est le contenu de votre site web
Récupérer ces fichiers
En local
Si vous faites un développement local, vous fichiers sont sur votre ordinateur. Par défaut avec Wamp, ils sont à la racine
Si vous avez créez des alias, vous seul savez ou ils sont.
Sur un serveur
Pour récupérer vos fichiers sur le serveur, utilisez le logiciel Filezilla ou WinSCP et connectez-vous avec les identifiants qui vous ont été communiqués par votre hébergeur.
Récupérer sa base de données
Les chemins de vos fichiers (photos, document divers) et de pages et articles sont inscrits dans votre base de données.
Vous devez donc les modifier pour si vous changer de nom de domaine.
Par exemple, en local
http://localhost/mon-site
doit devenir
http://www.mon-site.org
Pour les modifier vous avez deux solutions :
Le Plug in WPMigrate (onglet outils) s’exécute sur le site de départ (celui à transférer).
Deux informations sont à renseignées :
- L’URL d’arrivée ex : http://www.mon-site.org
- Le chemin de vos fichiers sur votre futur serveur.
Si vous le connaissez pas créez un fichier PHP toujours avec Notepad++ t collez :
<? echo realpath('chemin-ftp.php'); ?>
Transférer le sur votre serveur, lancer votre navigateur avec l’adresse
http://www.mon-site.ord/chemin-ftp.php
et notez le chemin qui s’affiche pour renseigner le champ WPMigrate manquant.
Télécharger ensuite votre BDD : « Save as file to computer »
Avec Notepad++, télécharger votre base de données via votre PhpMyAdmin, ouvrez la avec Notepad++ et lancer un remplacer de chaine de caractères : Recherche puis Remplacer ou CTRL + H.
Dans le champ « Recherche », mettez l’URL de départ, dans le champ « Remplacer » l’URL final de votre site et cliquez sur « Remplacer tout ».
Voilà votre base de données est prête.
Transférer son site sur son serveur
Vous devez donc transférer sur votre serveur vos fichiers et votre BDD.
Vos fichiers seront transférer via votre logiciel FTP (Fillezilla) et votre BDD modifié via le PhpMyAdmin de votre hébergeur.
Une fois cela fait, votre site est quasiment opérationnel, il ne vous reste plus qu’a modifier le fichier wp-config.php.
Ouvrez-le avec Notepad++ et trouvez ces lignes
// ** Réglages MySQL - Votre hébergeur doit vous fournir ces informations. ** //
/** Nom de la base de données de WordPress. */
define('DB_NAME', 'MONCODE');
/** Utilisateur de la base de données MySQL. */
define('DB_USER', 'MONCODE');
/** Mot de passe de la base de données MySQL. */
define('DB_PASSWORD', 'MONCODE');
/** Adresse de l'hébergement MySQL. */
define('DB_HOST', 'MONCODE');
Remplacer MONCODE par les valeurs données par votre hébergeur.
Voilà votre site est transféré.
Changer les DNS
Si vous changez d’hébergeur, il va falloir changer le pointage DNS de votre site web ?
Vous devrez donc vous rendre dans la gestion de vos DNS et les faire pointer vers le nouveau serveur.
La plupart du temps vous n’aurez que deux champs à remplir :
- DNS primaire ;
- DNS secondaire.
Le changement de DNS, peut pendre 24 à 48 heures. Les résultats de votre manipulation ne sont donc pas visible immédiatement.
Pour les .fr, vous avez l’AFNIC qui fournit un outil vous permettant de voir si tout est OK sur votre paramétrage :
http://www.afnic.fr/fr/produits-et-services/services/zonecheck/
Une fois vos nouveau DNS mis en place, vérifier votre site web. Si vous rencontrer des problèmes : mauvaise navigation, images manquantes vérifiez bien les liens. La solution se trouve souvent dans l’oubli de remplacement de l’URL dans la BDD.
Pour ma part, je vous conseille fortement de différencier vote hébergeur de la société qui enregistre vos noms de domaine. Cela vous laissera une plus grande marge de manœuvre si vous désirez en changer.
Une migration de serveur ou de nom de domaine est une opération peut-être un peu stressante mais qui réalisée avec méthode est relativement simple à mettre en place.
par AFI Aveyron | 5, Déc 2012 | Aide et tutoriels, Débuter dans la création d'un site web, Web
Stratégie de lien
Il y a encore quelques temps cette tâche était rendue facile par la création de communiqués de presse sur des sites dédiés. Après les multiples mises à jour de l’algorithme de Google, la tâche est rendue plus ardue.
Voyons les possibilités qui s’offrent à nous.
Les annuaires
Toujours d’actualité, l’inscription de votre site dans des annuaires peut-être bénéfique pour la popularité de votre site web. Cependant, il faudra faire attention à la qualité de ces annuaires.
Pour ma part, j’exclus systématiquement les annuaires référençant des sites à caractère pornographique ou des sites web traitant de jeux d’argent.
Vous aurez tout intérêt à choisir quelques annuaires généralistes et à vous orienter vers des annuaires thématiques ou régionaux (pour votre référencement local).
Certaines listes circulent sur le web, en voici quelques unes :
Pour trouver vos annuaires thématiques
Les communiqués de presse
Les sites de communiqués de presse ou plus exactement sites de publications d’article à caractère promotionnel ont été très largement sanctionné par les mises à jour Google (Panda et Pingouin).
Vous en trouverez encore quelques-uns qui vous permettrons de référencer des pages internes.
Les commentaires d’articles
Nouvel Eldorado du référenceur après les sanctions des annuaires et des sites de communiqués de presse, il vous reste la solution des commentaires d’articles.
La recherche peut s’avérer fastidieuse pour trouver l’article correspondant à votre thématique. Cependant, cette manière de procéder vous permettra d’obtenir de nombreux liens certes de qualité moyenne mais sans avoir à trop rédiger de texte.
Prenez quand même le temps de lire l’article sur lequel vous postez et ayez un discours constructif sinon votre commentaire ne sera pas approuvé.
Vous trouverez principalement deux types de liens :
- do-follow qui indique aux moteurs de recherches de suivre le lien
- no-follow qui indique aux moteurs de recherches de ne pas suivre le lien.
Les do-follow auront plus de poids pour votre référencement mais ne négligez pas les no-follow car ils vous permettront d’avoir un structure de lien entrant plus naturelle.
Voici un site qui vous permet de trouver des sites acceptant les commentaires avec lien avec de multiple choix (CMS, do-follow ou non…) et selon votre thématique.
http://www.seo-footprints.com/
Conclusion
Il est toujours aussi important que votre netlinking (structure de liens entrant) paraisse naturel aux yeux des moteurs de recherche. Vous vous devez donc d’avoir un rythme régulier de soumission, de varier les ancres en évitant les liens sur optimisés.
par AFI Aveyron | 21, Août 2012 | Aide et tutoriels, Web
Tout d’abord, il faut importer de la base de données Xoops, les différents articles.
Grâce à PhpMyAdmin, on extrait au format csv, la table _stories de notre Xoops.
Cela nous permet d’identifier les champs que l’on désire importer.
Dans notre cas, nous importerons les champs :
- Title ;
- Hometext ;
- Bodytext…
Pour pouvoir ajouter aux articles de base de Drupal des informations, nous allons soit créer un nouveau type de contenu soit ajouter les champs nécessaires aux types de contenu déjà existant.
Ensuite dans notre Drupal, après avoir installé le module Feeds et ses dépendances, nous allons réer un modèle d’importation (+Add importer).
Paramètres de base
Dans cet onglet, vous pouvez donner un nom à votre modèle d’importation ainsi qu’une description. Pour une importation occasionnelle à partir d’un fichier, vous devez désactiver l’Importation périodique.
Paramètres de base de Feeds
Extracteur
Dans cet onglet, vous spécifiez que vous aller télé-déverser un fichier et dans les paramètres de file Upload, vous vérifier que l’extension de votre fichier fait partie des extensions autorisées (dans notre cas .csv)
Analyseur syntaxique
Choisissez CSV parser et dans les options choisissez votre séparateur ( 😉 et indiquez si votre fichier contient les en-têtes de colonne ou pas.
Processeur
Pour créer un type de contenu, choisissez Node processor qui vous permet de créer ou de mettre à jour des nœuds. Vous avez également la possibilité d’importer des taxonomies ou des utilisateurs (sans mot de passe).
Node processor
Ici vous pouvez choisir le type de contenu, l’auteur ainsi que le format du texte.
Correspondance pour Node processor
C’est ici que vous allez indiquer la correspondance entre les champs que vous importez et les champs que vous avez défini dans votre type de contenu.
Correspondance pour Node processor
Une fois tout ceci paramétré, rendez vous à l’URL http://www.votre-site.com/import, et choisissez votre importation. Vous n’aurez plus qu’à choisir votre fichier et lancer l’importation.
Importer votre contenu dans Drupal
Ce que nous avons fait pour les articles peut se faire pour tous les types de contenu. Si vous désirez importer des images, vous devrez renseigner l’URL de l’image dans votre fichier CSV et les copier sur votre nouveau site dans le dossier de votre choix.
par AFI Aveyron | 26, Juin 2012 | Internet, Les news, Web
Pourquoi changer de CMS ?
Il est clair que changer de CMS ne se décide pas à la légère. Les raisons de la migration de Rutènescope sont de deux ordres. Tout d’abord, il me semblait que le CMS Xoops évoluait peu ses derniers temps. Ensuite les différents modules n’étaient plus adaptés aux normes du web actuel.
Pourquoi Drupal ?
Le choix a été relativement simple. Les trois CMS, les plus performant actuellement sont à mon avis : WordPress, Joomla et Drupal. Le choix c’est porté sur Drupal 7 a cause de ces deux modules CCK (intégré au core depuis la version 7) qui permet de créer des champs dans un type de contenu et le module Views qui lui permet de modifier l’affichage de ces champs en fonction de leurs contextes. A ma connaissance ni WordPress, ni Joomla ne le permettent.
La migration
Importer le contenu
Une fois le CMS choisi, il n’y avait plus qu’a transférer le contenu de Xoops à Drupal. Evidement, cela ne pouvait pas se faire manuellement car Rutènescope comportait plus de 2000 dates d’évènements et plus de 300 articles.
Le module Feeds de Drupal permettait d’importer via un fichier CSV, le contenu d’un système à l’autre. Il a fallu donc tous d’abord créer des types de contenu (article, agenda…) plus les champs (description, date, adresse, lien web…). Ensuite grâce au module Feeds, on a pu créer des correspondances entre les champs de la base de données Xoops et les champs Drupal.
Cela a donc été réalisé pour les articles, l’agenda mais également les petites annonces et l’annuaire de site web.
L’importation a donc pu se faire sans trop d’encombre.
L’url rewriting
Drupal permet de changer les url en url plus propre et plus conviviale pour les humains. C’est également un petit plus pour le référencement.
Le problème était que toutes les anciennes url de Xoops du genre …./modules/news/article.php?storyid=212
qui étaient indexées par les moteurs de recherche allaient renvoyer une erreur 404 (page non trouvé).
Cette fois ci c’était le module Redirect qui allait pouvoir rediriger les anciennes URL vers les nouvelles.
Le thème
Rutènescope sous Xoops
Rutenescope sous Drupal 7
Pour ne pas trop désorienter, les utilisateurs de Rutènescope, j’ai opté pour un thème à l’apparence relativement proche. Le thème Zen de Drupal a donc été modifié et adapté pour ressemble celui qui était en place sur Rutènescope.
Conclusion
La migration d’un système a un autre est toujours une opération délicate mais pas impossible. Cela prend du temps et parfois certaines étapes sont plus ardues que d’autre.
Le mieux est quand même de choisir le bon système dès le début.
par AFI Aveyron | 25, Juin 2012 | Web
De même que sauvegarder sa base de données, vous vous devez de sauvegarder les fichiers qui sont présents sur votre serveur. Cela pourra vous être utile si votre site ne répond plus après une mauvaise manipulation ou après une mise à jour ratée. Tous ceci ce fait avec un logiciel libre : « Filezilla ».
[hana-flv-player video= »http://www.afi-aveyron.fr/wp-content/uploads/2012/06/sauvegarde-ftp.flv » width= »400″ description= »Sauvegarder les fichiers de son site web » player= »5″ autoload= »true » autoplay= »false » loop= »false » autorewind= »true » /]
Si vous ne l’acez pas télécharger, vous touverez « Filezilla » ici.
par AFI Aveyron | 25, Juin 2012 | Web
Sauvegarder la base de données de son site web doit être réalisé de manière régulière pour prévenir toute défaillance de votre serveur ou l’infection par un virus.
Pour se faire, nous vous présentons une petite vidéo, vous montrant comment faire dans PhpMyAdmin.
Au préalable, nous verrons comment réparer sa table, l’optimiser et ensuite nous l’exporterons vers notre ordinateur.
[hana-flv-player video= »http://www.afi-aveyron.fr/wp-content/uploads/2012/06/sauvegarde-bdd.flv » width= »400″ description= »Sauvegarder sa base de données avec PhpMyAdmin » player= »5″ autoload= »true » autoplay= »false » loop= »false » autorewind= »true » /]
par AFI Aveyron | 25, Juin 2012 | Web
Cpanel est une interface web qui vous permet de gérer votre serveur et vos sites.
Cpanel se trouve principalement sur les VPS et les serveurs dédiées mais parfois également sur des serveurs mutualisés.
Dans cette vidéo, nous vous présenterons l’interface générale et nous vous montrerons comment créer une nouvelle adresse mail et sauvegarder la base de données de votre site web.
[hana-flv-player video= »http://www.afi-aveyron.fr/wp-content/uploads/2012/06/cpanel.flv » width= »400″ description= » » player= »5″ autoload= »true » autoplay= »false » loop= »false » autorewind= »true » /]
par AFI Aveyron | 3, Jan 2012 | Internet, Les news
Ces derniers temps, un des mots à la mode était le Cloud. Cloud signifie « Nuage » en anglais. Cette technologie vous permet de stocker des informations sur un serveur et ensuite de pouvoir soit y accéder à partir d’un autre ordinateur ou tablette ou téléphone soit de les partager avec d’autres utilisateurs. Voici donc un petit tour d’horizon des offres du marché du Cloud Computing.
Dropbox
Dropbox
Le plus connu est sans aucun doute DropBox.
DropBox vous propose un espace de stockage de 2Go avec son espace gratuit. Cela peut paraitre suffisant pour stocker quelques documents textes (Word, OOO ou PDF) mais pour des photos ou de la musique cela sera un peu juste.
Pour profiter d’un espace de stockage raisonnable, il vous faudra mettre la main à la carte bancaire : 9$99 pour 50 Go et 19$99 pour 100Go.
Mais outre le prix, le service que propose Dropbox pose un autre problème : la confidentialité. En effet, il semblerait que les données que vous pourriez déposer sur votre service soit lisible par les administrateurs de Dropbox (source : http://datanews.levif.be/ict/actualite/apercu/2011/05/16/le-service-de-stockage-cloud-dropbox-a-menti-sur-la-confidentialite/article-1195012882560.htm).
Google Doc
Google
Google propose des services de stockage via les interfaces de son compte :
- Google Doc 1Go
- Picasa 1Go
- Gmail 7Go
- Google Music en version béta (20 000 morceaux).
Ces applications sont disponibles à partir de tous les supports possédant un navigateur web (ordinateurs, tablettes et téléphones). Vous avez la possibilité d’éditer vos documents texte afin de les modifier directement en ligne.
Icloud
Icloud
Icloud est le service de stockage proposé par Apple. Il est gratuit jusqu’à 5Go puis ensuite vous pouvez acheter des extensions de stockage. Cela vous en coutera jusqu’à 80 € par an pour 50 Go. Cependant, ce service n’est accessible qu’au (heureux ?)propriétaires d’ordinateurs Apple ou Iphone ou Ipad.
Windows Live SkyDrive
Windows Live SkyDrive
Windows Live vous propose un espace de stockage de 25 Go. Cependant, il n’y pas de synchronisation possible et pour profiter pleinement des différentes options, vous vous devez de posséder Windows Phone 7. En effet, Microsoft propose une très bonne intégration à son Os mobile.
Comme avec Google, Windows Live SkyDrive propose une solution d’édition de vos documents (Word, Excel, PowerPoint) mais également une solution de création.
Hubic par OVH
Petit dernier, arrivé sous le sapin juste à temps, OVH propose un service de Cloud Computing. Hubic ne propose pour l’instant qu’un service de stockage accessible depuis la plateforme Windows, Android et Iphone. Mac OS X et linux devront attendre un peu. Cette offre en est à ces tout débuts mais OVH assure qu’elle va rapidement évoluer. On pourra bientôt, on l’espère éditer ces documents en ligne ou visionner des vidéos ou de la musique en streaming. La synchronisation et la gestion avancée des droits des utilisateurs est également à l’étude.
Alors quel Cloud ?
Que choisir ?
Le Cloud Compunting est à la mode et les offres se multiplient. La liste donnée ci-dessus n’est pas exhaustive et vous trouverez sur internet de multiples sites vous proposant des espaces de stockage.
Le point le plus épineux semble quand même être la confidentialité de données déposées par les utilisateurs. Il est clair que la politique de Dropbox est l’exemple à ne pas suivre. De même, on pourrait être un peu méfiant face aux services de Google (on a encore en mémoire les déboires de la firme de Mountain View avec le respect de la vie privé en Allemagne notamment).
Si vous devez faire un choix, il ne me semble pas judicieux de payer pour un service que certains offrent gratuitement (je pense à Hubic et Windows Live SkyDrive).
Et enfin pour départager ces deux derniers, la politique de confidentialité d’OVH (société française et donc sous contrôle de la CNIL) semble plus rassurantes que ces concurrents.
par AFI Aveyron | 10, Oct 2011 | Internet, Les news
Optimiser le temps de chargement de son site web
Le temps de chargement d’une page web est un facteur qui depuis peu à une influence de le référencement d’un site internet. En effet, Google a indiqué qu’il prenait en compte le temps de chargement des pages dans ses critères de classement. Mais le temps de chargement d’une page a une influence encore plus importante sur l’expérience utilisateur. Qui n’a pas déjà pesté contre un site web dont la page mettait 20 secondes à charger (une éternité !).
Je vous propose de voir quelques aspects techniques qui vous permettront d’accélérer le chargement de vos pages.
Les outils.
Tout d’abord, avant d’agir il faut savoir sur quoi agir.
Voici donc quelques sites internet qui vous donneront un aperçu de la tache à accomplir.
http://www.site-perf.com/
http://gtmetrix.com
http://www.webpagetest.org/
Pour infos, Google donne aussi une indication sur le temps de chargement de vos sites. Dans votre compte Google « Outils pour webmaster », rendez-vous dans le menu « Labo » puis « Performance de site ». Cette information n’est pas forcément à jour et ne donne quasiment aucun détail.
Les images
C’est sans doute le facteur le plus important. Les images peuvent avoir un poids important (en Ko). Donc, il convient de les optimiser pour votre site internet. Il faut pour cela :
Les dimensionner à la taille où elles doivent s’afficher à l’écran,
Avoir un format fait pour le web : le JPEG et le PNG si on veut des effets de transparence.
Vous pouvez utiliser des outils de retouche photos comme Photoshop ou The Gimp voire même PhotoFiltre Free pour un travail simple.
Le site web Yahoo Smush.it™ vous permettra également de gagner quelques Ko.
Enfin maintenant, le CSS3 permet de donner des effets visuels sans avoir à utiliser des images. Cela est très utile pour la mise en page des sites web. On pense notamment aux boutons à bords arrondis (border-radius) ou avec des effets d’ombre (box-shadow). Vous pourrez vous rendre sur le site Alsacréation pour plus d’infos quant à leurs utilisations.
Attention tous les navigateurs ne comprennent pas ces instructions et il faut parfois savamment ruser pour obtenir les mêmes effets sur les navigateurs anciens (comme internet Explorer 6, 7 et 8).
La feuille de style CSS
La feuille de style, fichier .css, donne l’aspect visuel à votre site internet. Pour la rendre moins lourde à charger, vous pouvez supprimer tous les caractères inutiles comme les commentaires, les retours à la ligne et les tabulations. En faisant ceci pour pourrez facilement gagner 20 à 30 % du poids.
Avec NotePad++, rendez-vous dans « Edition » et le menu « Blank Opération ».
Attention après cette opération, votre code sera quasiment illisible ; grader donc une copie commentée de ce denier.
Un autre facteur important est l’appel à d’autre feuille de styles. Ces appels sont notés :
@import url(feuille-annexe.css);
Exemple issu d’une feuille de style Morphogenesis pour Xoops
@import url(reset.css); /* reset css for web browsers*/
@import url(baradmin.css); /* administration access in footer */
@import url(globalnav.css); /* horizontal menu in header */
@import url(homepage.css); /* style for specific content in mainpage */
@import url(blocks.css); /* style for blocks */
@import url(content.css); /* style for content */
@import url(module.css); /* style for content menu */
@import url(content-data.css); /* style for files include in header or bottom page content */
@import url(socialbookmark.css); /* style for socialbookmark in end content zone */
@import url(blockfooter.css); /* style for blocks in footer */
@import url(forms.css); /* style for forms */
@import url(extras.css); /* extras style for perzonalisation templates */
@import url(iconize.css); /* style for icone in specific link */
@import url(tplsystem.css); /* style for templates system : siteclosed, redirection, debug mode, core messages, … */
/* insert specific font */
@font-face { font-family: BakerSignet BT; font-style: normal; font-weight: normal; src: url(../fonts/BAKERSI3.eot);}
On voit ici que la feuille de style principale appelle 14 feuilles de styles annexes. Cela est pratique quand on veut travailler et modifier l’aspect de son site mais en production ceci a pour effet d’obliger le serveur à donner plusieurs fichiers.
Vous aurez tout intérêt à récupérer tout ces styles et à les incorporer dans votre feuille de style première : vous n’aurez plus ainsi qu’un seul fichier à télécharger et non pas plusieurs.
N’hésitez pas non plus à supprimer tous les ordres CSS qui ne vous sont pas utiles.
Les scripts
Les scripts permettent de donner un aspect visuel à votre site web comme les slideShow ou diaporama. Il faut cependant en user avec modération.
Tout comme les feuilles de style vous aurez intérêt à compresser vos scripts.
Plusieurs sites web, vous permettent de le faire en ligne, mais vous pourrez vous rendre sur celui-ci qui est simple et efficace :
http://javascriptcompressor.com/
D’autres optimisations
Ce que nous venons de voir est vraiment la base pour rendre votre site plus rapide. Vous pouvez également activer la compression Gzip si votre serveur le permet, gérer le cache de vos pages web…
Conclusion
Naturellement, tous ceci pourra vous permettre de gagner de précieuses millisecondes, mais rien ne sera plus utile qu’un hébergement de qualité : un bon serveur mutualisé, ou un serveur virtuel ou dédié pour les sites web ayant un trafic conséquent.
par AFI Aveyron | 27, Sep 2011 | Internet, Les news
Mises à jour de WordPress : la cadence infernale.
Depuis quelques mois (plus précisément depuis l’année 2011), on assiste à une multiplication des mises à jour de WordPress : deux versions majeurs 3.1 et 3.2 et cinq correctifs de ces dernières (le WordPress 3.2.1 est sorti le 12 juillet).
N’est-ce pas trop et comment procéder ?
Le nombre de mises à jour disponibles ces derniers temps est un peu déroutant. Les dernières mises à jour apportent de nouvelles fonctionnalités. Par exemple la 3.2 dite « Gershwin » prend en charge les nouvelles versions de PHP (5.2.4) et de MySql (5.0.15).
La version 3.2.1 apporte quelques correctifs dans l’interface administrateur ainsi que dans le nouveau thème par défaut Twenty Eleven.
Mais faut-il mettre à jour son site sous WordPress ?
C’est vrai que l’on peut se demander pourquoi mette à jour son site si il fonctionne correctement et que l’on a pas besoin des dernières fonctionnalités.
Pour des raisons de sécurité, il est très fortement conseillé de mettre à jour son site. En effet, si la mise à jour n’est pas réalisée, il existe une faible probabilité que son site soit piraté. Cela arrive et cela peut impliquer une suspension de l’hébergement par votre hébergeur, un message d’alerte dans les résultat de Google… Bref, une catastrophe pour votre image et celle de votre site.
Cependant les mises à jour doivent être faites avec prudence. En effet même, si le principe est simple : cliquer sur le bouton mise à jour dans l’administration, cela ne fonctionne pas toujours. En cas d’échec, on sera donc obligé de transférer ses fichiers via FTP (avec FileZilla par exemple).
Ensuite vient le problème des plugin. Sont-ils compatibles avec la nouvelle version. Si non, la nouvelle mise à jour risque de planter votre site et vous serez obligé de désactiver le ou les plugin fautifs.
Et là cela se complique si vous utilisez des plugin alternatifs ou non suivis par ses développeurs vous risquez de vous retrouvez face à un problème conséquent : se passer de la fonctionnalité du plugin ou basculer vers un autre ce qui implique une modification en profondeur de votre site.
Comment procéder ?
Nous partons du principe que soucieux de la sécurité de notre site nous allons effectuer les mises à jour proposées par la communauté WordPress de manière régulière.
Voici comment procéder :
- tout d’abord utiliser des plug-in reconnus et suivis par les développeurs et la communauté. Ne télécharger les plugin que sur le Plugin Directory de WordPress (http://wordpress.org/extend/plugins/) ou via votre interface d’administration de votre site,
- mettre à jour de manière régulière les plugin comme annoncé dans le tableau de bord et vérifier leurs compatibilités avec la version de WordPress,
- si tout vos plugin sont compatibles avec la nouvelle version alors vous pouvez normalement mettre à jour votre site web.
En règle général, il est préférable d’attendre quelques jours avant de faire la mise à jour du WordPress, histoire que les développeurs des plugin adaptent leurs modules.
Notez qu’il est très important de faire des sauvegarde de vos fichiers et de votre base de données avant toute mise à jour. Avec la fréquence des mises à jour WordPress ces derniers temps cela peut devenir fastidieux mais il faut si tenir. Cela vous sauvera la mise, un jour !
par AFI Aveyron | 5, Sep 2011 | Bureautique, Débuter dans la création d'un site web, Photos numériques, Windows
Les logiciels libres pour rester dans la légalité
Tous les logiciels présentés ici sont libres et gratuits.
Ils vous permettent donc de profiter pleinement de votre ordinateur tout en restant dans la légalité !
Bureautique
La suite bureautique Libre Office
La suite bureautique Libre Office est gratuite et compatible avec la suite bureautique de Microsoft :
- Traitement de texte
- Tableur
- Diaporama
- Dessin vectoriel
- …
Indispensable
Thunderbird
Thunderbird est un logiciel de messagerie.
Une très bonne alternative à Outloock Express, Windows Mail et Outloock.
Il existe de nombreux plug-in (programmes additionnels) qui vous permettent de rajouter des options (calendrier, suivi de conversation…)
Image – Photo numérique
PhotoFiltre Free
Logiciel gratuit de retouche photo.
Idéal pour débuter
Très simple d’utilisation
Uniquement pour un usage non commercial.
The Gimp
Logiciel de retouche photo très performant.
Une alternative efficace à Photoshop.
Design
Scribus
Scribus est un logiciel de PAO Open Source très facile à prendre en main
Sécurité – antivirus
Avast
Simple et performant
Antivir
Un logiciel antivirus simple et efficace.
Zone Alarm
Ce pare-feu gratuit surveille le trafic entrant/sortant et peut vous préserver contre les tentatives de piratages.
Internet – Création de site
Firefox
LE navigateur alternatif à Internet Explorer; De plus, il possède plusieurs option pour développeur indispensable.
Notepad++
Notepad++ est un éditeur de code source qui prend en charge plusieurs langages.
Brackets
Brackets est un éditeur de code source Libre de droit
Komodo Edit
Logiciel Open Source gérant plusieurs langages et possédant un correcteur syntaxique.
Kompozer
Un éditeur HTML gratuit pour créer des pages internet statiques.
Xoops
Xoops est un CMS qui vous permet de créer des sites internet. Idéal pour les sites communautaires et participatifs
Joomla!
Un CMS simple d’utilisation.
Idéal pour créer son site vitrine.
WordPress
Un CMS simple d’utilisation et très intuitifs.
Pour les sites blogs mais également pour les sites vitrines.
Drupal
Un CMS qui vous permet de réaliser tout type de site web du plus simple au plus complexe.
par AFI Aveyron | 5, Sep 2011 | Internet, Les news
Prestashop
La nouvelle version stable (1.4.3) est donc arrivée cette semaine. Après de multiple déboire et quelques petit bug des premières versions de la série 1.4, cette dernière semble opérationnelle.
Par rapport aux versions 1.3, les versions 1.4 possèdent de multiples options supplémentaires comme le module So colissimo, qui permet de suivre la livraison via colissimo, les modules FIA-Net.com qui permettent aux clients d’évaluer vos services. Comme de multiples options complémentaires, ce modules nécessite un abonnement payant auprès de FIA.
Et là, nous avons le gros défaut de Prestashop, un système de base gratuit et relativement performant mais des modules optionnels payant dont les modules de paiement par carte bancaire (ATOS). Pour commencer, votre boutique vous pourrez donc vous rabattre sur PayPal qui accepte également les CB. Les commissions seront plus importantes (pour les chiffres d’affaires jusqu’à 2 500,00 € par mois 3,4% + 0,25 € par opération) mais ne nécessite pas d’abonnement et vous n’avez pas non plus de droit d’entrée à acquitter
Une lumière d’espoir quand même, un module de paiement en par carte bancaire gratuit est arrivé en version RC final. On doit ce module à Damien VERON. Merci à lui.
Attention tout de même, les mises à jours des anciennes versions vers la nouvelle nécessitent une très grande prudence. N’oubliez pas de sauvegarder votre site (fichiers et base de données) et de faire des tests en local.
N’hésitez pas à nous contacter pour plus d’informations ou pour discuter de votre projet.
