Installation et configuration de Qt Creator sous Windows

Qt, c’est quoi ?

En quelques mots, Qt permet de développer “facilement” des applications et interfaces graphiques en C++. Avant de vouloir commencer à coder, il faut installer et configurer l’environnement de développement (IDE, framework, débogueur, etc…).

Qt dispose d’une plateforme de téléchargement accessible ici : http://download.qt-project.org/

Sur cette plateforme, vous trouverez tous les fichiers nécessaires à l’installation de Qt (les anciennes versions sont également disponibles)

Les 3 premières étapes consistent à télécharger les 3 fichiers indispensables à l’installation de Qt.

Etape 1 : Téléchargement du framework

Pour commencer, il faut télécharger la dernière version du framework Qthttp://download.qt-project.org/archive/qt/4.8/4.8.4/qt-win-opensource-4.8.4-mingw.exe

qt_framework

(pour le tutoriel j’ai utilisé la version la plus stable qui pour moi est la 4.8.4)

Etape 2 : Téléchargement de Qt Creator (IDE)

En parallèle, vous pouvez commencer à télécharger l’environnement de développement Qthttp://download.qt-project.org/archive/qtcreator/2.5/qt-creator-win-opensource-2.5.2.exe

qt_creator

(pour le tutoriel j’ai utilisé la dernière version disponible qui est la 2.5.2)

Etape 3 : Téléchargement du pack (compilateur + debugger)

Pour finir, il reste à télécharger un pack comprenant le compilateur MinGW ainsi que le debugger qui va bien : Pack

pack_mingw

C’est un dossier compressé mais n’en faites rien pour le moment, nous verrons dans l’étape 5, l’emplacement où il devra être décompressé (important!)

Etape 4 : Installation de Qt Creator

Rien de bien compliqué lors de l’installation de Qt Creator :

  • Lancez le fichier qt-creator-win-opensource-2.5.2.exe

setup_st_creator

  • Cliquez sur “Next

setup_qt_creator2

  • Acceptez la licence et cliquez sur “Next

setup_qt_creator3

  • Choisissez les éléments à installer (cochez tout) et cliquez sur “Next

setup_qt_creator4

  • Choisissez l’emplacement d’installation et cliquez sur “Next

setup_qt_creator5

  • Laissez l’installation se dérouler et cliquez sur “Finish(décochez “Run Qt Creator”, car nous ne l’utiliserons pas tout de suite)

Voilà, Qt Creator est maintenant installé sur votre ordinateur.

Etape 5 : Installation du pack (compilateur + debugger)

Commencez par créer un dossier à la racine de votre disque C, et nommez-le “MinGW” :

creation_dossier_mingw

Maintenant décompressez l’archive à cet endroit en nommant le dossier “MinGW 4.4”.

Vous devez obtenir cette arborescence et ces fichiers là :

compilateur_debugger_qt

Attention, cette étape est très importante car on devra spécifier l’emplacement de ces fichiers.

Si tout est OK, vous pouvez passer à l’étape 6.

Etape 6 : Installation du framework

Pour installer le framework, exécutez le fichier qt-win-opensource-4.8.4-mingw que vous avez téléchargé dans l’étape 1 (son chargement est un peu long)

Cliquez tout le temps sur suivant jusqu’à ce qu’il vous demande le chemin d’installation de MinGW. Il faut absolument donner le chemin où vous avez décompressé l’archive de l’étape 5 (très important!!!)

install_framework_qt

  • Cliquez sur “Install” et laissez le framework s’installer

L’installation peut durer plusieurs minutes…

Etape 7 : Configuration de Qt Creator

Pour configurer l’IDE, commencez par lancer Qt Creator (ci-dessous, la page de démarrage)

qt_lancement

  • Allez dans Outils, Options, Compiler & Exécuter
  • Choisissez l’onglet “Versions de Qt
  • Cliquez sur Ajouter…
  • Allez chercher le fichier “qmake.exe” qui devrait se trouver sous C:/Qt/4.8.4/bin

version_qt

  • Une fois configuré comme ci-dessus, cliquez sur “Appliquer
  • Choisissez maintenant l’onglet “Compilateurs
  • Cliquez sur “Ajouter“, “MinGW
  • Renseignez le chemin du fichier “g++.exe” qui devrait se trouver sous C:\MinGW\MinGW 4.4\bin

compilateur_mingw

(la configuration ABI se fait automatiquement)

  • Pour finir, choisissez l’onglet “Kits
  • Cliquez sur “Desktop (par défaut)
  • Dans “Version de Qt(voir ci-dessous)
  • Sélectionnez “Qt 4.8.4 (4.8.4)(ou celle que vous avez)

qt_kits

  • Cliquez sur “Appliquer
  • Validez par “Ok

Voilà, Qt est maintenant correctement configuré. Vous pouvez commencer à coder, compiler et déboguer vos programmes C++.

Installation, configuration et premier démarrage de Wamp Server

Wamp, pourquoi ?

Wamp (ou Windows, Apache, MySQL, PHP) est composé comme son nom l’indique, de ces 4 composants.
Il fait office de serveur Web et stocke des informations grâce à MySQL.

Je m’en sers exclusivement pour tester le rendu d’un site en développement (ce qui permet de ne pas mettre une version inachevée en ligne).

Étape 1 : Téléchargement

Rendez-vous sur le site officiel de WAMP : http://www.wampserver.com/

Une fois sur la page, cliquez sur la rubrique : Télécharger (voir ci-dessous)

wampdl

Choisissez dans la colonne de droite (selon l’architecture 32 ou 64 bits de votre machine) le serveur qui vous convient. Si vous ne savez pas si votre Windows est un 32 ou 64 bits : Rendez-vous ICI

telechargement_wamp

Étape 2 : Installation

Maintenant que votre fichier d’installation a été téléchargé, exécutez-le en tant qu’administrateur.

execution_wamp

  • Cliquez sur “Exécuter”

install_wamp2

  • Acceptez les conditions d’utilisations et cliquez sur “Next”

install_wamp3

  • Par défaut, installez WAMP à la racine de votre disque dur C (recommandé)

install_wamp5

install_wamp6

  • Lancez l’installation et laissez terminer le processus

install_wamp8

  • Laissez les paramètres par défaut qui sont : SMTP : localhost & Email : you@yourdomain

install_wamp9

  • Cliquez sur “Finish”

Voilà, votre WAMP est maintenant correctement installé et prêt à l’emploi. Nous pouvons passer au premier démarrage.

Étape 3 : Premier démarrage

Si vous avez laissé la case “Launch WampServer 2 now”, votre serveur est déjà démarré et vous devriez voir apparaître un petit icône orange puis vert après quelques secondes en bas à droite de votre écran.

Si ce n’est pas le cas, rendez-vous à l’emplacement suivant : C:\wamp\ et lancez l’exécutable wampmanager.exe

Est-ce que vous voyez cet icône en bas à droite ?icone_vert_wamp

Si oui, passez directement à l’étape 5 🙂

Si non, continuez par l’étape 4 🙁

Étape 4 : L’icône WAMP reste orange

Si l’icône de votre WAMP reste orange et ne passe pas à la couleur verte c’est qu’il n’est pas bien configuré.Pour le résoudre ce problème, nous allons tester plusieurs méthodes.

1. Redémarrez votre PC et relancez WAMP.

Toujours orange ?

2. Faites un clic gauche sur l’icone orange et cliquez sur “Restart All Services”

Toujours orange ?

3. Avez-vous Skype d’installé ? Si oui, déconnectez-le et fermez l’application puis redémarrez les services WAMP (pour info, Skype utilise le port 80 qui est lui aussi utilisé par WAMP ce qui génère des conflits)

Toujours orange ?

4. Êtes-vous sûr d’être administrateur de votre machine ?

Étape 5 : Localhost

Le vrai test qui permettra de voir si WAMP est bien installé, est le test du localhost.

Ouvrez votre navigateur par défaut et tapez l’adresse suivante : http://localhost . Vous devriez voir apparaître une page identique à celle ci-dessous :

localhost

Étape 6 : Hébergement d’un site en local

Pour héberger votre premier site, créez un dossier “Le_Nom_De_Votre_Site” sous C:\wamp\www.

Maintenant que ce dossier est créé, placez-y vos différentes pages web (php).

Pour tester le rendu il ne vous reste plus qu’à aller sur votre localhost et cliquer sur le dossier “Le_Nom_De_Votre_Site” pour voir apparaître sa page d’accueil.

wampserver_logo

Félicitations, voilà votre site web hébergé en local grâce à WAMP.