Installation Iconito École Numérique 2010 sous Windows WampServer Outil web libre, module de la suite logicielle enfance Iconito version 1.0
Table des matières Table des matières...2 Avant-propos...3 Objectif...3 Avertissement...3 Contact...3 Version du document...3 L installation pour les experts...4 L installation pour les débutants...5 Pré-requis...5 1 Téléchargement des logiciels...5 2 Installation et réglages de WampServer...5 3 Installation d Iconito...6 4 Première connexion... 11 En savoir plus...13 Installation Iconito École Numérique 2010 2
Avant-propos Objectif Ce document présente un guide pas à pas permettant d installer Iconito École Numérique sous Windows, avec le logiciel serveur WampServer. Avertissement Contact Vous avez remarqué une coquille, une erreur, une explication peu claire? N hésitez pas à nous le signaler! Voilà nos coordonnées : adresse e-mail CAP-TIC Espace Européen 21 avenue de l Europe 67300 Strasbourg support@cap-tic.fr téléphone 03 90 208 308 web www.iconito.fr www.cap-tic.fr Version du document Ce tableau rappelle la version de ce document, la version d ICONITO École Numérique à laquelle il correspond, et les nouveautés significatives. Le terme «Version XXX» désigne le numéro de version issu du serveur svn sur lequel les sources de l application sont déposés. Date L installation d Iconito École Numérique sous Windows et WampServer a pour but de permettre de tester le produit sur un ordinateur personnel, mais nous déconseillons fortement l utilisation en production d une telle installation. Nous ne pouvons que vous conseiller de vous tourner vers un hébergement professionnel si vous souhaitez utiliser Iconito École Numérique en production. Document 13/10/2010 Version 1.0 Logiciel Auteur Remarques Version 940+ PNL Première version du document Installation Iconito École Numérique 2010 3
L installation pour les experts Les personnes habituées à l installation de logiciels Apache ou PHP peuvent se contenter de lire le petit résumé encadré ci-dessous. Pour les autres, la suite du document détaille tout le processus d installation. Résumé de l installation Windows WampServer pour les experts Iconito fonctionne sur un WampServer classique, attention toutefois à la version de PHP et aux modules Apache : installer WampServer avec PHP 5.2.11 : clic sur WampServeur / PHP / Versions / GetMore activer le module Apache RewriteModule : clic sur WampServer / Apache / ApacheModules / RewriteModule Ce rewrite module est requis pour faire fonctionner le.htaccess qui est livré par défaut dans le répertoire www d Iconito, et qui permet notamment la bonne gestion des images du jeu d essai. Si vous n avez pas l intention d installer le jeu d essai, vous pouvez supprimer les lignes Rewrite du.htaccess et vous n avez donc pas besoin d activer ce module Apache. Le code-source d Iconito est disponible sous forme de paquet à cette adresse : www.iconito.fr/telechargement/logiciels Lancez votre navigateur sur http://localhost/(répertoire où vous avez décompressé Iconito sous c:\wamp)/www. Suivez les instructions de l installeur Iconito. Par défaut, la base mysql de WampServer est sur localhost, utilisateur root, pas de mot de passe. Une installation en mode svn permet d avoir la dernière version et de mettre à jour facilement les sources : nous contacter pour ce service. Installation Iconito École Numérique 2010 4
L installation pour les débutants Pré-requis Un ordinateur sous Windows avec un compte administrateur Une connexion Internet (pour récupérer WampServer, la bonne version de PHP, un logiciel de décompression et Iconito) 1 Téléchargement des logiciels Vous aurez besoin de trois éléments à télécharger : WampServer, un outil qui installe Apache, PHP et mysql sous Windows. Ces trois composants sont ceux des serveurs Web classiques qui font tourner des applications PHP comme Iconito. Ce guide a été réalisé avec la dernière version disponible en octobre 2010 : WampServer 2.0i. Après l installation de base de WamServeur, vous aurez besoin de télécharger une version de PHP qui n est pas fournie de base : la 5.2.11 (voir étape 2) www.wampserver.com Un outil permettant de décompresser les fichiers tar et gz sous Windows, comme 7zip qui est un logiciel libre. www.7-zip.org Iconito École Numérique 2010. Ce guide a été réalisé avec la version 940 du 1 er octobre 2010, mais le principe est le même pour les versions ultérieures. www.iconito.fr/telechargement/logiciels 2 Installation et réglages de WampServer Double-cliquez sur l installeur de WampServer et suivez toutes les étapes. Icône de WampServer tel qu il apparaît dans la barre Windows. Lorsque WampServer est lancé, un petit icône de jauge apparaît dans la barre d état en bas à droite de Windows, près de l heure (voir ci-contre). Cliquez sur cet icône et allez dans PHP/Versions/Get More. Vous êtes redirigés sur le site de WampServer. Téléchargez PHP version 5.2.11. Doublecliquez sur le fichier récupéré et suivez les instructions d installation. Cliquez à nouveau sur l icône WampServer et sélectionnez PHP/Version/5.2.11. Activez le module Apache Rewrite : cliquez sur WampServer et sélectionnez Apache/Apache Modules/Rewrite Module Cliquez sur l icône WampServer et sélectionnez «Restart All Services» (ou «Redémarrer les services» si vous avez une interface en français) Installation Iconito École Numérique 2010 5
3 Installation d Iconito Décompressez le fichier EcoleNumerique(version).tar.gz dans le dossier web par défaut de WampServer, à savoir c:\wamp\www, sous un nom de répertoire de votre choix sans accents ni espace, par exemple EcoleNumerique. Avez 7Zip, il faut faire un clic-droit sur le fichier.tar.gz puis sélectionner «Extract», ce qui le décompresser et donne un fichier.tar. Il faut ensuite répéter l opération pour décompresser le fichier.tar obtenu dans le bon répertoire, par exemple dans c:\wamp\www\ecolenumerique Lancez votre navigateur sur l adresse http://localhost/ecolenumerique/www Bien entendu, si vous avez décompressé Iconito dans un répertoire d un autre nom, adaptez l adresse : http://localhost/(nom du répertoire)/www Remarque pour utilisateurs avancés Vous pouvez faire en sorte que l adresse http://localhost pointe directement sur Iconito, il faut alors paramétrer WampServer pour lui indiquer que le répertoire par défaut des sites est c:\wamp\www\ecolenumerique\www Ceci se règle dans le fichier httpd.conf, dans la ligne DocumentRoot. Une modification nécessite le redémarrage des services Web. Vous devriez obtenir cette page : Si vous obtenez une Erreur 500 à ce stade, c est qu il y a certainement un problème avec le fichier.htaccess du répertoire www d Iconito. Avez-vous activé le module Rewrite d Apache (voir étape précédente)? Il vous suffit alors de cliquer pour suivre les quelques étapes de l installation, en cliquant à chaque fois sur le lien permettant de continuer. Voici la succession des écrans que vous devez obtenir, avec des commentaires lorsque c est nécessaire. Installation Iconito École Numérique 2010 6
Installation Iconito École Numérique 2010 7
Attention, ces valeurs sont celles qui permettent à Iconito de travailler avec la base de données Mysql. Il ne s agit pas de votre compte d accès à Iconito. A ce stade, vérifiez que vous avez bien saisi les bonnes valeurs pour l accès à Mysql. Par défaut, WampServer utilise les valeurs suivantes : Serveur: localhost Login : root Mot de passe : (laisser vide) Cette étape vous permet de choisir dans quelle base Mysql Iconito va créer ses tables. Tapez un nom quelconque (sans accent ni espaces) comme iconito ou encore en2010, puis validez. Si vous sélectionnez une table existante, l installeur vous proposera de l écraser. Installation Iconito École Numérique 2010 8
Installation Iconito École Numérique 2010 9
Cette étape est importante : vous devez saisir le mot de passe du compte admin qui servira à vous connecter pour la première fois à Iconito. Tapez un mot de passe qui comporte au moins 6 caractères et qui n est pas composé uniquement de lettres ou de chiffres. Pour simplifier l installation, ne cochez pas cette case «activer l envoi de mails». Activation de l envoi des mails Cette étape est en effet optionnelle et permet à Iconito d envoyer de vrais mails dans certains cas. Par exemple pour les alertes mini-mails (vous pouvez être avertis par un vrai mail lorsqu un usager Iconito vous envoie un mini-mail), pour les téléprocédures ou encore pour qu un parent puisse demander un compte d accès. Windows n ayant pas de serveur SMTP par défaut, sautez cette étape ou donnez un nom de serveur SMTP ouvert. Dans une installation professionnelle, ces paramètres peuvent se gérer ultérieurement dans le fichier project/modules/public/ stable/ standard/ default/module.xml (chercher smtp) Installation Iconito École Numérique 2010 10
Et voilà le dernier écran de l installeur : 4 Première connexion Voici l écran que vous obtenez à l adresse http://localhost/ecolenumerique/www après avoir fini l installeur : Connectez-vous avec le nom admin et le mot de passe que vous avez tapé en fin d installation. Vous obtenez l écran suivant : Installation Iconito École Numérique 2010 11
Le compte d admin n a pas vocation à être utilisé comme un vrai compte mais sert plutôt à régler des paramétrages ou à modifier la page d accueil. Ne l utilisez pas pour envoyer des minimails ou participer à des activités pédagogiques : le compte admin n apparaît par exemple pas dans l annuaire. La première chose à faire est de créer la ville, la ou les écoles et les comptes des véritables utilisateurs. Cliquez sur l icône de gestion des comptes qui apparaît colonne de droite dans le bloc d Administration (voir ci-contre). Vous obtenez une interface qui ressemble à ceci : Cliquez sur «Les Villes» puis sur le bouton «Créer une ville». En résumé, dans la partie gauche de cet outil, vous naviguez dans la structure groupes de villes / villes / écoles / classes. Dans la partie droite, vous avez les usagers associés à la structure sur laquelle vous êtes positionné à gauche. Installation Iconito École Numérique 2010 12
En savoir plus Pour plus d informations sur le module de gestion des comptes et sur les fonctionnalités d Iconito École Numérique 2010, consultez notre guide utilisateur en PDF, largement illustré : www.iconito.fr/telechargement/documentation Installation Iconito École Numérique 2010 13