Version en ligne

Tutoriel : Déployez vos projets web facilement avec WebMatrix !

Table des matières

Déployez vos projets web facilement avec WebMatrix !
Installation et prise en main de WebMatrix
Qu’est-ce que Microsoft WebMatrix ?
Installation de WebMatrix
Prise en main du logiciel
Création et déploiement d’un projet Wordpress
Charger le modèle Wordpress
Tester le site
Editer les fichiers source
Administrer la base de données
Analyser la qualité de votre site avec les rapports SEO
Envoyer votre site sur le Web (déploiement)
Création et déploiement d’un projet Joomla
Charger le modèle Joomla
Tester le site
Editer les fichiers source
Administrer la base de données
Analyser la qualité de votre site avec les rapports SEO
Envoyer votre site sur le Web (déploiement)

Déployez vos projets web facilement avec WebMatrix !

WebMatrix est un outil gratuit de développement web proposé par Microsoft. Sa particularité ? Il est très complet et facile à utiliser, il va bien plus loin qu'un simple éditeur de texte classique ! C'est un outil tout-en-un qui gère :

Contrairement à ce qu'on pourrait croire, WebMatrix gère très bien des technologies Open source comme PHP et MySQL et il permet de développer avec des CMS Open source tels que Wordpress, Joomla, Drupal...

Microsoft WebMatrix

Installation et prise en main de WebMatrix

Qu’est-ce que Microsoft WebMatrix ?

Dans ce premier chapitre, nous allons découvrir ensemble WebMatrix : qu'est-ce que c'est ? A quoi ça sert ? A quoi ça ressemble ? Qu'est-ce qu'on peut faire avec ?

Nous allons l'installer et faire un tour d'horizon du logiciel, puis créer un premier projet web. A la fin de ce chapitre, vous saurez déjà utiliser les fonctionnalités de base les plus simples de WebMatrix !

Accueil de Webmatrix

Qu’est-ce que Microsoft WebMatrix ?

Installation et prise en main de WebMatrix Installation de WebMatrix

Qu’est-ce que Microsoft WebMatrix ?

WebMatrix est un outil tout-en-un destiné aux développeurs de sites web qui programment en HTML, CSS, PHP, ASP .NET, etc.
Il a été créé pour prendre en compte la plupart des besoins courants des développeurs web :

Toutes ces opérations sont disponibles directement depuis WebMatrix. Il n'est pas nécessaire de jongler entre plusieurs logiciels.

Fonctionnalités de WebMatrix

Par exemple, si vous développez des sites web en PHP, vous avez besoin :

WebMatrix est capable de faire tout cela au sein d'une même interface.

WebMatrix unifie plusieurs outils déjà existants, d'accord, mais qu'apporte-t-il à part ça ? :o

Il permet de gagner beaucoup de temps car il est capable d'installer et configurer des logiciels automatiquement. Par exemple, vous voulez utiliser PHP ? Pas de problème, en un clic WebMatrix va télécharger la dernière version de PHP, il l'installe et il la configure pour vous.

Installation de PHP

Un des gros points forts de WebMatrix, que nous verrons dès ce chapitre, est qu'il connaît de nombreux outils Open source :

WebMatrix "connaît" déjà tous ces outils ainsi que de nombreux autres. Il est capable d'en télécharger la dernière version, de l'installer et de la configurer en quelques clics.

Galerie d'outils Web

Si vous créez régulièrement des sites basés sur Drupal, Joomla ou Wordpress par exemple, WebMatrix peut vous faire gagner beaucoup de temps.

Si vous utilisez d'autres outils, ou que vous avez votre propre modèle de site, sachez qu'il est possible de gérer ses modèles dans WebMatrix. Nous verrons cela dans un chapitre un peu plus avancé. ;)


Installation et prise en main de WebMatrix Installation de WebMatrix

Installation de WebMatrix

Qu’est-ce que Microsoft WebMatrix ? Prise en main du logiciel

Installation de WebMatrix

Installer WebMatrix est tout ce qu'il y a de plus simple. Rendez-vous sur le site de WebMatrix et cliquez sur "Télécharger".

Site web webmatrix

Pour installer WebMatrix, vous téléchargez en fait un programme appelé "Web Platform Installer" qui va télécharger et installer tout seul les outils dont vous avez besoin.

Web Platform Installer

Web Platform Installer se charge, recherche les dernières versions des logiciels dont vous allez avoir besoin et vous propose ensuite d'installer WebMatrix :

Installation de Webmatrix

Bref, rien de très compliqué là-dedans. ^^


Qu’est-ce que Microsoft WebMatrix ? Prise en main du logiciel

Prise en main du logiciel

Installation de WebMatrix Création et déploiement d’un projet Wordpress

Prise en main du logiciel

WebMatrix est vraiment très simple à prendre en main, vous allez voir ! :)
Nous allons ici faire un petit tour du logiciel pour que vous ayez un aperçu de l'ensemble de ses fonctionnalités, puis nous créerons un premier projet pour clore ce chapitre de présentation.

Ecran d'accueil

Lorsque vous lancez WebMatrix, un écran d'accueil vous permet de choisir parmi les principales fonctionnalités du logiciel :

Démarrage de WebMatrix

Voici ce que signifient chacune de ces sections :

Je ne saisis pas bien la différence entre "Site à partir de la galerie Web" et "Site à partir du modèle" ? Ils permettent tous les deux de partir sur une base pour créer rapidement un nouveau site, non ? :euh:

Oui, mais il y a une différence majeure :

Vous pouvez jeter un oeil au site "WebSite1" déjà présent dans "Mes sites" pour découvrir l'interface de WebMatrix.

Site d'exemple

Ce site sert d'exemple et contient très peu de fichiers, il est parfait pour commencer à découvrir WebMatrix. :)

La fenêtre principale de WebMatrix

Double-cliquez sur le nom du site WebSite1 pour ouvrir la fenêtre principale de WebMatrix :

Fenêtre principale WebMatrix

Que d'informations sur cette fenêtre ! :o
Que faut-il retenir ?

La zone centrale contient de nombreux liens qui amènent à différentes parties du logiciel, mais vous pouvez y accéder aussi en passant par les menus (ce que je vous recommanderai de faire en pratique). Vous pouvez lire deux informations intéressantes :

Vous avez donc l'adresse pour tester votre site et le lieu où sont stockés les fichiers, deux informations essentielles. :)

Vous pouvez cliquer sur l'adresse http indiquée par WebMatrix pour lancer le site d'exemple, ou bien cliquer en haut sur le bouton "Exécuter" de la barre d'outils :

Image utilisateur

Notez que ce bouton vous permet de lancer le site dans le navigateur de votre choix, et même d'ouvrir tous les navigateurs en même temps pour tester le rendu du site !

Si vous ouvrez le site WebSite1 dans votre navigateur, vous devriez voir une page de présentation comme ceci :

Site web dans le navigateur

</lien>

C'est à ceci que ressemble le site pour l'instant.

Retournez dans WebMatrix, nous allons étudier ses menus plus en profondeur. Pour commencer, la barre d'outils en haut :

Barre d'outils WebMatrix

Elle comprend les éléments suivants :

Afficher les logs

Si vous cliquez sur "Demandes", vous voyez s'afficher dans WebMatrix un résumé des dernières demandes reçues par le serveur web :

Logs dans WebMatrix

A chaque fois que vous chargez une page ou une image de votre site web dans votre navigateur, une ligne s'affiche ici. Vous pouvez grâce à cela repérer d'éventuelles erreurs (pages qui n'existent pas) et évaluer le temps que mettent les pages à se générer.

Les principales sections de WebMatrix

En bas à gauche de WebMatrix vous trouverez un accès aux principales sections du logiciel :

Les sections de WebMatrix

Pour découvrir les différentes sections de WebMatrix (en particulier Fichiers, Base de données et Rapports que nous n'avons pas vus), je vous donne rendez-vous dans le chapitre suivant. Nous étudierons un projet WebMatrix concret basé sur le fameux moteur de blogs Wordpress. ;)

Vous avez fait un bon tour de WebMatrix dans ce premier chapitre. Vous devez commencer à avoir une bonne idée des possibilités qu'il offre.

Cependant, avez-vous tout vu ? Non, loin de là. ;)
WebMatrix est très efficace quand il s'agit de créer un projet à partir d'un CMS connu. Par exemple, WebMatrix sait gérer et configurer Wordpress et Joomla.

Vous voulez créer un site web sous Wordpress ? Nous allons voir ensemble dans le prochain chapitre comment cela fonctionne avec WebMatrix.
Si vous préférez utiliser Joomla avec WebMatrix, lisez directement le chapitre 3.


Installation de WebMatrix Création et déploiement d’un projet Wordpress

Création et déploiement d’un projet Wordpress

Prise en main du logiciel Charger le modèle Wordpress

Pour comprendre comment créer un projet WebMatrix de A à Z, le mieux est encore de faire ça ensemble avec un exemple !

Imaginons que vous ayez besoin de créer un blog (pour vous ou pour un client). Vous souhaitez utiliser Wordpress car c'est l'outil le plus célèbre et qu'il est très puissant, soit. Mais par où faut-il commencer ?

Dans ce chapitre nous verrons toutes les étapes de la création d'un projet Wordpress sous WebMatrix, de la configuration au déploiement du blog en ligne !

Charger le modèle Wordpress

Création et déploiement d’un projet Wordpress Tester le site

Charger le modèle Wordpress

Sélectionnez d'abord "Site à partir de la galerie Web" sur l'écran d'accueil de WebMatrix. La fenêtre vous demande alors sur quel outil de base vous souhaitez créer votre site. Sélectionnez Wordpress en double-cliquant dessus :

Galerie d'outils Web

Lorsque vous sélectionnez Wordpress, WebMatrix se prépare alors à télécharger tous les outils dont vous avez besoin pour lancer un site WordPress si vous ne les avez pas déjà :

WebMatrix va télécharger la dernière version de WordPress et les versions compatibles de PHP et MySQL. Cliquez sur "J'accepte" pour lancer le téléchargement et l'installation.

Téléchargement de Wordpress

Après un temps de téléchargement (plus ou moins long selon votre connexion), WebMatrix vous demande de renseigner quelques informations pour préparer la base de données qui va stocker les billets de votre futur blog.

Configuration de Wordpress dans WebMatrix

Vous pouvez laisser la plupart des options par défaut, en particulier laissez le champ "Serveur de base de données" à "localhost". Cela vous permettra de travailler avec une base de données locale, c'est-à-dire stockée sur votre ordinateur (afin que vous fassiez vos tests avant d'envoyer votre site en ligne).


Création et déploiement d’un projet Wordpress Tester le site

Tester le site

Charger le modèle Wordpress Editer les fichiers source

Tester le site

Une fois que c'est fait, votre Wordpress est installé (eh oui, déjà !). WebMatrix ouvre alors sa fenêtre principale que vous connaissez déjà :

Accueil WebMatrix

Il semble y avoir à première vue beaucoup d'informations, ne vous laissez pas surprendre. La fenêtre principale vous donne, au centre, les deux informations essentielles dont vous avez besoin :

Pour tester le site, cliquez sur l'URL ou cliquez sur le bouton "Exécuter" dans la barre d'outils. Je vous rappelle que ce bouton vous permet de lancer le site dans le navigateur de votre choix, et même d'ouvrir tous les navigateurs en même temps pour tester le rendu du site !

Exécution du site

Le site que vous avez créé, en l'occurrence un site basé sur Wordpress, s'ouvre alors dans votre navigateur :

Wordpress dans le navigateur

Mais... je ne vois pas mon blog ?! :(
On dirait encore un assistant d'installation !

C'est normal, pas de panique. Wordpress demande simplement quelques informations très simples pour être enfin prêt :

Il s'agit simplement d'informations pour finaliser l'installation.

Vous ne le voyez pas, mais WebMatrix a configuré Wordpress pour vous de façon transparente ! Cela vous a fait gagner le temps de la configuration.


Charger le modèle Wordpress Editer les fichiers source

Editer les fichiers source

Tester le site Administrer la base de données

Editer les fichiers source

Revenons à WebMatrix. Cliquez en bas à gauche de la fenêtre sur "Fichiers" pour faire apparaître tous les fichiers de votre site Wordpress :

Fichiers dans WebMatrix

Vous y êtes ! Il vous suffit de modifier les fichiers en double-cliquant dessus. :)

Code source

WebMatrix reconnaît et colore le code source comme tout bon éditeur de texte qui se respecte. Les fonctionnalités offertes dans la barre d'outils sont somme toute basiques, comme vous pourrez le constater.

L'élément le plus intéressant est le menu Lancement / Microsoft Visual Studio qui vous permet de faire du débuggage pas à pas dans Visual Studio, et donc de comprendre comment vos variables évoluent au fur et à mesure de l'exécution de la page. Pour cela, il vous faut installer Visual Studio Express qui est gratuit.

Lancement de Visual Studio

Dans le cas d'un site Wordpress, il est conseillé d'ouvrir le dossier wp-content/themes et d'y créer un dossier (du nom de votre choix) pour personnaliser l'apparence de votre blog.
La création de thèmes pour Wordpress est un peu hors-sujet pour ce tutoriel, mais vous pouvez en apprendre plus sur le wiki Wordpress si le sujet vous intéresse.


Tester le site Administrer la base de données

Administrer la base de données

Editer les fichiers source Analyser la qualité de votre site avec les rapports SEO

Administrer la base de données

Comme je vous l'ai dit, WebMatrix vous permet d'administrer votre base de données (ici MySQL). Vous pouvez donc voir les données qui sont stockées (par exemple les billets de blog), les modifier, ajouter des tables de base de données, etc.

Cliquez tout simplement en bas à gauche de WebMatrix sur "Base de données". Vous pouvez alors dérouler le contenu de votre base et voir ce qu'elle contient :

Base de données Wordpress

Etudions un peu cet outil d'administration de base de données plus en détail :

Base de données Wordpress

Le menu de gauche vous permet de parcourir les tables de votre base de données Wordpress. Si vous double-cliquez sur l'une d'elles, vous pouvez afficher son contenu dans la zone du centre. Chaque ligne correspond à une entrée différente. Sur ma capture ci-dessus, j'ai ouvert la table des billets de blog (wp_posts) qui contient actuellement 3 entrées, donc 3 billets.

Il est possible de modifier directement le contenu de la table, à la manière d'un tableur.

Etudions un peu les possibilités offertes par la barre d'outils :

Tous les outils dont vous avez besoin sont là. Si vous avez déjà travaillé avec phpMyAdmin, cette section de WebMatrix devrait vous être familière. ;)


Editer les fichiers source Analyser la qualité de votre site avec les rapports SEO

Analyser la qualité de votre site avec les rapports SEO

Administrer la base de données Envoyer votre site sur le Web (déploiement)

Analyser la qualité de votre site avec les rapports SEO

Cliquez sur la section "Rapports" en bas à gauche de WebMatrix pour ouvrir l'outil de reporting. C'est un outil très intéressant que je vous conseille d'exécuter à la fin de vos développements. WebMatrix va vous dire ce qu'il pense de votre site ! ;)

Une attention toute particulière est donnée au SEO (Search Engine Optimization, optimisation pour les moteurs de recherche). WebMatrix va vérifier que votre site est le plus adapté possible aux robots des moteurs de recherche, pour que votre référencement soit le meilleur possible.

Fenêtre rapports WebMatrix

Cliquez sur le bouton "Nouveau" en haut de la barre d'outils pour créer un nouveau rapport :

Lancement d'un rapport

Vous devez remplir quelques informations avant de lancer le rapport : le nom du rapport, l'URL d'accueil de votre site, etc. Les informations fournies par défaut suffisent généralement.

Je vous recommande d'ouvrir la section "Paramètres avancés" afin d'avoir le même affichage que moi. Ces paramètres avancés vous permettront de configurer WebMatrix avant qu'il n'analyse votre site.

Dans la section des "Paramètres avancés", vous pouvez modifier en particulier le nombre maximal d'URL à analyser. En effet, WebMatrix va "sauter" d'URL en URL (page en page) de votre site, et si celui-ci contient un très grand nombre de pages, la génération du rapport peut prendre longtemps ! Je trouve la valeur par défaut de 20 000 un peu élevée, vous devriez commencer avec une valeur de 1000 ou moins pour commencer.
Les autres options permettent de configurer WebMatrix afin qu'il se comporte ou non comme un vrai moteur de recherche : doit-il suivre les attributs "nofollow" des balises HTML s'il en trouve ? Doit-il ignorer les pages marquées en "noindex" ?

Lancez ensuite l'analyse et... patientez. ;) Cela peut prendre du temps en fonction du nombre d'URL à analyser.

Génération du rapport

Une fois que c'est terminé, WebMatrix vous présente un résumé des erreurs et des conseils qu'il a à vous donner :

Rapport SEO

A vous ensuite de lire chacune de ces erreurs. WebMatrix vous conseille sur la façon de les résoudre : là il manque une description dans la balise <meta />, ici le lien pointe vers une page qui n'existe pas, etc.

Si vous cliquez sur le bouton "Performances" de la barre d'outils, vous obtenez un résumé du temps de chargement de chacune de vos pages :

Rapport de performances

N'hésitez pas à utiliser les outils de filtre afin d'afficher uniquement les pages les plus lentes !

A vous de jouer maintenant : corrigez votre site afin d'avoir les meilleurs résultats possibles ! :)
Une fois que vous avez fait les améliorations nécessaires, vous pouvez cliquer sur "Réexécuter" dans la barre d'outils pour relancer un rapport.


Administrer la base de données Envoyer votre site sur le Web (déploiement)

Envoyer votre site sur le Web (déploiement)

Analyser la qualité de votre site avec les rapports SEO Création et déploiement d’un projet Joomla

Envoyer votre site sur le Web (déploiement)

Ouf ! Vous avez mis en place votre site, vous l'avez modifié pour vos besoins, et vous êtes maintenant prêt pour l'envoyer sur le Web ? :)

Pour que tous les internautes aient accès à votre site, il vous faut faire appel à un hébergeur de site web. WebMatrix vous propose différentes offres, mais vous pouvez utiliser n'importe quel autre hébergeur de votre choix. Celui-ci devra vous communiquer des informations pour que vous puissiez vous connecter à ses serveurs afin d'envoyer votre site :

Publier

Une fois que vous avez ces informations, retournez dans la section "Site" (à l'aide du lien en bas à gauche) et cliquez sur "Publier" dans la barre d'outils.

WebMatrix vous demande alors les informations dont il a besoin pour envoyer votre site sur le serveur :

Déploiement Wordpress

Le premier champ "Protocole" est mis par défaut à "Web Deploy". C'est la méthode d'envoi de votre site sur le serveur. Seuls certains hébergeurs supportent cette méthode d'envoi (qui a l'avantage d'être entièrement automatisée), mais dans votre cas il faudra très probablement sélectionner "FTP" à la place.

Renseignez ensuite les autres champs d'après les informations en votre possession : l'adresse du serveur FTP, votre login, votre mot de passe, etc.

Une fois que c'est fait, validez. WebMatrix va tester la bonne connexion avec le serveur et vous proposera ensuite d'envoyer tous les fichiers. Une fois l'envoi terminé, votre site sera enfin accessible sur le Web ! :)

La nouvelle version WebMatrix 2 propose désormais un plug-in spécial qui vous permet de développer et publier vos sites directement dans Windows Azure, la plateforme dédiée à l’hébergement cloud de Microsoft.

Pour comprendre le fonctionnement de Windows Azure, le Site du Zéro propose un cours.

Et pour tout savoir sur l’utilisation de l’extension Webmatrix sur Azure : http://msdn.microsoft.com/fr-fr/webmatrix-azure.

Comme vous l'avez vu, WebMatrix peut prendre en charge la création d'un projet basé sur Wordpress de A à Z. Il est capable de télécharger la dernière version et d'effectuer tout seul les configurations pour avoir un site prêt à l'emploi en deux clics. C'est un de ses plus gros points forts.

Une fois le site chargé, libre à vous ensuite de modifier le code, de changer la structure de la base de données, etc.

Lorsque vous avez terminé, un petit tour sur le générateur de rapports SEO & performances pour savoir si vous n'avez rien oublié et si votre site fonctionne correctement. Lorsque vous êtes prêts, vous pouvez envoyer votre site sur un serveur en FTP directement depuis WebMatrix. :)

Vous voyez donc pourquoi on parle d'un logiciel tout-en-un : il comporte de nombreux outils pour vous aider à créer votre site web efficacement.


Analyser la qualité de votre site avec les rapports SEO Création et déploiement d’un projet Joomla

Création et déploiement d’un projet Joomla

Envoyer votre site sur le Web (déploiement) Charger le modèle Joomla

WebMatrix est un outil particulièrement adapté lorsqu'on doit développer un projet basé sur un outil connu, tel que le célèbre CMS Joomla.

Joomla est un CMS (Content Management System) open-source. Il permet de créer un site web rapidement et se veut simple d'utilisation : aucune connaissance en programmation n'est requise pour modifier le contenu des pages, ce qui en fait un outil grand public !

Dans ce chapitre nous verrons toutes les étapes de la création d'un projet Joomla sous WebMatrix, de la configuration au déploiement du site en ligne !

Note : ce chapitre reprend les explications de la gestion d'un projet Wordpress avec WebMatrix et les adapte dans le cadre d'un projet Joomla.

Charger le modèle Joomla

Création et déploiement d’un projet Joomla Tester le site

Charger le modèle Joomla

Sélectionnez d'abord "Site à partir de la galerie Web" sur l'écran d'accueil de WebMatrix. La fenêtre vous demande alors sur quel outil de base vous souhaitez créer votre site. Sélectionnez Joomla en double-cliquant dessus :

Sélection du projet Joomla

Lorsque vous sélectionnez Joomla, WebMatrix se prépare alors à télécharger tous les outils dont vous avez besoin pour lancer un site Joomla si vous ne les avez pas déjà :

WebMatrix va télécharger la dernière version de Joomla et les versions compatibles de PHP et MySQL. Cliquez sur "J'accepte" pour lancer le téléchargement et l'installation.

Téléchargement de Joomla

Après un temps de téléchargement (plus ou moins long selon votre connexion), WebMatrix vous demande de renseigner quelques informations pour préparer la base de données qui va permettre le bon fonctionnement de Joomla.

Configuration du projet Joomla

Vous pouvez laisser la plupart des options par défaut, en particulier laissez le champ "Serveur de base de données" à "localhost". Cela vous permettra de travailler avec une base de données locale, c'est-à-dire stockée sur votre ordinateur (afin que vous fassiez vos tests avant d'envoyer votre site en ligne).


Création et déploiement d’un projet Joomla Tester le site

Tester le site

Charger le modèle Joomla Editer les fichiers source

Tester le site

Une fois que c'est fait, votre site Joomla est installé (eh oui, déjà !). WebMatrix ouvre alors sa fenêtre principale que vous connaissez déjà :

Accueil WebMatrix de Joomla

Il semble y avoir à première vue beaucoup d'informations, ne vous laissez pas surprendre. La fenêtre principale vous donne, au centre, les deux informations essentielles dont vous avez besoin :

Pour tester le site, cliquez sur l'URL ou cliquez sur le bouton "Exécuter" dans la barre d'outils. Je vous rappelle que ce bouton vous permet de lancer le site dans le navigateur de votre choix, et même d'ouvrir tous les navigateurs en même temps pour tester le rendu du site !

Exécution du site

Le site que vous avez créé, en l'occurrence un site basé sur Joomla, s'ouvre alors dans votre navigateur :

Joomla en local

La configuration de Joomla a été faite automatiquement par WebMatrix à l'aide des informations que vous avez fournies dans les écrans précédents.


Charger le modèle Joomla Editer les fichiers source

Editer les fichiers source

Tester le site Administrer la base de données

Editer les fichiers source

Revenons à WebMatrix. Cliquez en bas à gauche de la fenêtre sur "Fichiers" pour faire apparaître tous les fichiers de votre site Joomla :

Liste des fichiers Joomla

Vous y êtes ! Il vous suffit de modifier les fichiers en double-cliquant dessus. :)

Code source

WebMatrix reconnaît et colore le code source comme tout bon éditeur de texte qui se respecte. Les fonctionnalités offertes dans la barre d'outils sont somme toute basiques, comme vous pourrez le constater.

L'élément le plus intéressant est le menu Lancement / Microsoft Visual Studio qui vous permet de faire du débuggage pas à pas dans Visual Studio, et donc de comprendre comment vos variables évoluent au fur et à mesure de l'exécution de la page. Pour cela, il vous faut installer Visual Studio Express qui est gratuit.

Lancement de Visual Studio

A vous d'adapter les fichiers de Joomla selon vos besoins. Vous devriez en particulier vous intéresser au dossier templates/ qui vous permet de modifier le design de votre site Joomla.
La création de templates Joomla n'est pas le sujet de ce tutoriel, mais vous pourrez trouver des informations pour vous guider sur le wiki de Joomla.


Tester le site Administrer la base de données

Administrer la base de données

Editer les fichiers source Analyser la qualité de votre site avec les rapports SEO

Administrer la base de données

Comme je vous l'ai dit, WebMatrix vous permet d'administrer votre base de données (ici MySQL). Vous pouvez donc voir les données qui sont stockées (par exemple les billets de blog), les modifier, ajouter des tables de base de données, etc.

Cliquez tout simplement en bas à gauche de WebMatrix sur "Base de données". Vous pouvez alors dérouler le contenu de votre base et voir ce qu'elle contient :

Liste des tables de Joomla

Etudions un peu cet outil d'administration de base de données plus en détail :

Contenu d'une table de Joomla

Le menu de gauche vous permet de parcourir les tables de votre base de données Joomla. Si vous double-cliquez sur l'une d'elles, vous pouvez afficher son contenu dans la zone du centre. Chaque ligne correspond à une entrée différente. Sur ma capture ci-dessus, j'ai ouvert la table qui stocke les menus de mon site (joomla.jos_menu).

Il est possible de modifier directement le contenu de la table, à la manière d'un tableur.

Etudions un peu les possibilités offertes par la barre d'outils :

Tous les outils dont vous avez besoin sont là. Si vous avez déjà travaillé avec phpMyAdmin, cette section de WebMatrix devrait vous être familière. ;)


Editer les fichiers source Analyser la qualité de votre site avec les rapports SEO

Analyser la qualité de votre site avec les rapports SEO

Administrer la base de données Envoyer votre site sur le Web (déploiement)

Analyser la qualité de votre site avec les rapports SEO

Cliquez sur la section "Rapports" en bas à gauche de WebMatrix pour ouvrir l'outil de reporting. C'est un outil très intéressant que je vous conseille d'exécuter à la fin de vos développements. WebMatrix va vous dire ce qu'il pense de votre site ! ;)

Une attention toute particulière est donnée au SEO (Search Engine Optimization, optimisation pour les moteurs de recherche). WebMatrix va vérifier que votre site est le plus adapté possible aux robots des moteurs de recherche, pour que votre référencement soit le meilleur possible.

Accueil des rapports

Cliquez sur le bouton "Nouveau" en haut de la barre d'outils pour créer un nouveau rapport :

Configuration du rapport

Vous devez remplir quelques informations avant de lancer le rapport : le nom du rapport, l'URL d'accueil de votre site, etc. Les informations fournies par défaut suffisent généralement.

Je vous recommande d'ouvrir la section "Paramètres avancés" afin d'avoir le même affichage que moi. Ces paramètres avancés vous permettront de configurer WebMatrix avant qu'il n'analyse votre site.

Dans la section des "Paramètres avancés", vous pouvez modifier en particulier le nombre maximal d'URL à analyser. En effet, WebMatrix va "sauter" d'URL en URL (page en page) de votre site, et si celui-ci contient un très grand nombre de pages, la génération du rapport peut prendre longtemps ! Je trouve la valeur par défaut de 20 000 un peu élevée, vous devriez commencer avec une valeur de 1000 ou moins pour commencer.
Les autres options permettent de configurer WebMatrix afin qu'il se comporte ou non comme un vrai moteur de recherche : doit-il suivre les attributs "nofollow" des balises HTML s'il en trouve ? Doit-il ignorer les pages marquées en "noindex" ?

Lancez ensuite l'analyse et... patientez. ;) Cela peut prendre du temps en fonction du nombre d'URL à analyser.

Génération du rapport

Une fois que c'est terminé, WebMatrix vous présente un résumé des erreurs et des conseils qu'il a à vous donner :

Résultats du rapport SEO

A vous ensuite de lire chacune de ces erreurs. WebMatrix vous conseille sur la façon de les résoudre : là il manque une description dans la balise <meta />, ici le lien pointe vers une page qui n'existe pas, etc.

Si vous cliquez sur le bouton "Performances" de la barre d'outils, vous obtenez un résumé du temps de chargement de chacune de vos pages :

Résultats des performances

N'hésitez pas à utiliser les outils de filtre afin d'afficher uniquement les pages les plus lentes !

A vous de jouer maintenant : corrigez votre site afin d'avoir les meilleurs résultats possibles ! :)
Une fois que vous avez fait les améliorations nécessaires, vous pouvez cliquer sur "Réexécuter" dans la barre d'outils pour relancer un rapport.


Administrer la base de données Envoyer votre site sur le Web (déploiement)

Envoyer votre site sur le Web (déploiement)

Analyser la qualité de votre site avec les rapports SEO

Envoyer votre site sur le Web (déploiement)

Ouf ! Vous avez mis en place votre site, vous l'avez modifié pour vos besoins, et vous êtes maintenant prêt pour l'envoyer sur le Web ? :)

Pour que tous les internautes aient accès à votre site, il vous faut faire appel à un hébergeur de site web. WebMatrix vous propose différentes offres, mais vous pouvez utiliser n'importe quel autre hébergeur de votre choix. Celui-ci devra vous communiquer des informations pour que vous puissiez vous connecter à ses serveurs afin d'envoyer votre site :

Publier

Une fois que vous avez ces informations, retournez dans la section "Site" (à l'aide du lien en bas à gauche) et cliquez sur "Publier" dans la barre d'outils.

WebMatrix vous demande alors les informations dont il a besoin pour envoyer votre site sur le serveur :

Déploiement

Le premier champ "Protocole" est mis par défaut à "Web Deploy". C'est la méthode d'envoi de votre site sur le serveur. Seuls certains hébergeurs supportent cette méthode d'envoi (qui a l'avantage d'être entièrement automatisée), mais dans votre cas il faudra très probablement sélectionner "FTP" à la place.

Renseignez ensuite les autres champs d'après les informations en votre possession : l'adresse du serveur FTP, votre login, votre mot de passe, etc.

Une fois que c'est fait, validez. WebMatrix va tester la bonne connexion avec le serveur et vous proposera ensuite d'envoyer tous les fichiers. Une fois l'envoi terminé, votre site sera enfin accessible sur le Web ! :)

Comme vous l'avez vu, WebMatrix peut prendre en charge la création d'un projet basé sur Joomla de A à Z. Il est capable de télécharger la dernière version et d'effectuer tout seul les configurations pour avoir un site prêt à l'emploi en deux clics. C'est un de ses plus gros points forts.

Une fois le site chargé, libre à vous ensuite de modifier le code, de changer la structure de la base de données, etc.

Lorsque vous avez terminé, un petit tour sur le générateur de rapports SEO & performances pour savoir si vous n'avez rien oublié et si votre site fonctionne correctement. Lorsque vous êtes prêts, vous pouvez envoyer votre site sur un serveur en FTP directement depuis WebMatrix. :)

Vous voyez donc pourquoi on parle d'un logiciel tout-en-un : il comporte de nombreux outils pour vous aider à créer votre site web efficacement.

Si vous voulez aller plus loin, n'hésitez pas à consulter les pages MSDN sur WebMatrix. Vous y trouverez un certain nombre d'informations complémentaires pour aller plus loin avec le logiciel !


Analyser la qualité de votre site avec les rapports SEO