UNIVERSITE D’ANTANANARIVO ECOLE SUPERIEURE POLYTECHNIQUE D’ANTANANARIVO Laboratoires des Nouvelles Technologies de l’Informations et de la Communication Mémoire de fin d’études pour l’obtention du Diplôme d'Etudes Supérieures Spécialisées en Technologies Nouvelles des Systèmes d’Information (DESS - TNSI) Mise en place d’un outil de communication par Web Cas de la Société Magiquemedia Présenté par : RAFANOHARANA Serge Claudio Soutenu le 04 Septembre 2008 Devant la commission d’examen composée de : Président : Pr RAMANANTSIZEHENA Pascal Directeur de l’ESPA Directeur de mémoire : Pr ANDRIANAHARISON Yvon Chef de département de Génie Electrique à l’ESPA Directeur de stage : Mme RAKOTONIAINA Bija Harilanto Directeur de la société Magiquemedia Examinateurs : M RANDRIANASOLO Léon Maître de conférences à l’ESPA Responsable de la formation DESS - TNSI Dr RAZAFINDRAKOTO Raft Maître de conférences à l’ESPA Promotion 2007 - 2008
79
Embed
Mise en place d’un outil de communication par Web Cas de ...
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
UNIVERSITE D’ANTANANARIVO
ECOLE SUPERIEURE POLYTECHNIQUE D’ANTANANARIVO
Laboratoires des Nouvelles Technologies de l’Informations et de la Communication
Mémoire de fin d’études pour l’obtention du
Diplôme d'Etudes Supérieures Spécialisées en Technologies Nouvelles des Systèmes d’Information
(DESS - TNSI)
Mise en place d’un outil de communication par Web
Cas de la Société Magiquemedia
Présenté par : RAFANOHARANA Serge Claudio Soutenu le 04 Septembre 2008
Devant la commission d’examen composée de :
Président : Pr RAMANANTSIZEHENA Pascal Directeur de l’ESPA Directeur de mémoire : Pr ANDRIANAHARISON Yvon
Chef de département de Génie Electrique à l’ESPA
Directeur de stage : Mme RAKOTONIAINA Bija Harilanto Directeur de la société Magiquemedia
Examinateurs : M RANDRIANASOLO Léon Maître de conférences à l’ESPA
Responsable de la formation DESS - TNSI Dr RAZAFINDRAKOTO Raft Maître de conférences à l’ESPA
Promotion 2007 - 2008
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
2
Aux miens…
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
3
REMERCIEMENTS
Pour commencer, qu’il me soit permis d’adresser mes plus vifs remerciements à Dieu et à
toutes les personnes qui ont contribué à l’élaboration de ce projet.
Je tiens à remercier le Directeur de l’Ecole Supérieure Polytechnique d’Antananarivo,
Monsieur RAMANANTSIZEHENA Pascal, d’avoir accepté à présider ce mémoire.
Je remercie également le responsable de la formation de DESS - TNSI Monsieur
RANDRIANASOLO Léon qui était toujours présent pour les étudiants durant toute la formation.
Je remercie particulièrement Monsieur ANDRIANAHARISON Yvon qui est mon Directeur de
mémoire pour l'encadrement qu’il m’a offert durant ce stage.
Je remercie aussi Madame RAKOTONIAINA Bija Harilanto qui est mon Directeur de stage, pour
l’appui, le suivi et les conseils qu’elle m’a offert, et aussi pour m’avoir donné les moyens et
l’assistance nécessaires à la réalisation de mes travaux.
Je remercie Monsieur RAZAFINDRAKOTO Raft qui est un de mes enseignants formateurs au sein
du DESS - TNSI, d’avoir accepté à être parmi la commission d’examen de ce mémoire.
Je remercie tous les enseignants et tous les responsables du DESS - TNSI pour la formation, les
encouragements et les aides qu’ils m’ont offerts pour la réalisation de ce mémoire.
Je remercie aussi les partenaires du DESS - TNSI à savoir GOTICOM ou Groupement des
Opérateurs en Technologie de l’Information et la Communication et PIC ou Pôle Intégré de
Croissance pour leurs apports et leurs contributions au bon déroulement de la formation DESS -
TNSI.
Je tiens aussi à exprimer toute ma reconnaissance à toute l’équipe de la société Magiquemedia de
m’avoir accueillie au sein de cette société, et aussi pour leur encadrement, leur aide, leur formation
et leur soutien dans la réalisation de ce projet et aussi pour leur aimable accueil et sympathique
collaboration.
Enfin, je ne saurai clore cette liste sans avoir une pensée particulière à ma femme, à mes
parents et toute ma famille qui m’ont encouragé moralement et soutenue matériellement.
Qu’ils trouvent ici mon éternelle reconnaissance.
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
LISTE DES TABLEAUX ................................................................................................................................................. 6
LISTE DES FIGURES ..................................................................................................................................................... 7
NOTATIONS ET ABREVIATIONS ............................................................................................................................... 9
PARTIE I : CONTEXTE GENERAL ............................................................................................................................ 15
CHAPITRE 1 : PRESENTATION DE LA SOCIETE MAGIQUEMEDIA................................................................. 16 1.1. Présentation................................................................................................................................................... 16 1.2. Métiers ............................................................................................................................................................ 16 1.3. Implantation géographique & support continu .......................................................................................... 17
CHAPITRE 3 : PRESENTATION DU TRAVAIL........................................................................................................ 19 3.1. Description ..................................................................................................................................................... 19 3.2. Objectifs de Magiquemedia......................................................................................................................... 19 3.3. Problématique ............................................................................................................................................... 19
PARTIE II : METHODOLOGIE .................................................................................................................................... 20
CHAPITRE 2 : DOTNETNUKE ................................................................................................................................... 24 2.1. Présentation................................................................................................................................................... 24 2.2. Choix technologique ..................................................................................................................................... 24 2.3. Détails techniques ........................................................................................................................................ 26 2.4. Résumé des principales caractéristiques de DotNetNuke ..................................................................... 27 2.5. Tableau comparatif de trois logiciels de gestion de contenu ................................................................. 28
CHAPITRE 3 : DEVELOPPEMENT DE L’OUTIL ..................................................................................................... 29 3.1. Préparation de l’environnement.................................................................................................................. 29 3.2. Paramétrage de IIS (Internet Information Système)................................................................................ 29 3.3. Configuration du répertoire contenant l’outil à réaliser ........................................................................... 31 3.4. Installation de DotNetNuke en local ........................................................................................................... 33 3.5. Réalisation du skin ....................................................................................................................................... 39 3.6. Réalisation du conteneur ............................................................................................................................. 40
CHAPITRE 4 : MISE EN PLACE DE L’OUTIL .......................................................................................................... 42 4.1. Architecture et contenu ................................................................................................................................ 42 4.2. Charte graphique et ergonomie de l’interface .......................................................................................... 46 4.3. Gestion de contenu ...................................................................................................................................... 48 4.4. Interface d’administration de l’outil de communication ........................................................................... 48
CHAPITRE 5 : MEDIATISATION ET DEPLOIEMENT DE L’OUTIL SUR LE SERVEUR ................................... 52 5.1. Hébergement................................................................................................................................................. 52 5.2. Base de données .......................................................................................................................................... 53 5.3. Déploiement de l’outil ................................................................................................................................... 54
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
4.1. Apport de l’outil pour la société Magiquemedia ....................................................................................... 65 4.2. Accessibilité de l’outil ................................................................................................................................... 65 4.3. Evolution de l’outil ......................................................................................................................................... 66
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
6
LISTE DES TABLEAUX
Tableau 1 : Résumé des principales caractéristiques de DotNetNuke ........................................................... 27 Tableau 2 : Tableau comparatif de trois logiciels de gestion de contenu ....................................................... 28 Tableau 3 : Informations utiles pour le référencement .................................................................................... 58
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
7
LISTE DES FIGURES Figure 1 : Planning pour la réalisation des travaux ......................................................................................... 23 Figure 2 : Logo de DotNetNuke....................................................................................................................... 24 Figure 3 : Création d’un nouveau répertoire virtuel ......................................................................................... 29 Figure 4 : Nouveau répertoire virtuel ............................................................................................................... 30 Figure 5 : Propriétés du répertoire virtuel ........................................................................................................ 30 Figure 6 : Ajout de Default.aspx sur la propriété du site ................................................................................. 31 Figure 7 : La sécurité du répertoire ................................................................................................................. 31 Figure 8 : Propriétés du répertoire................................................................................................................... 32 Figure 9 : Autorisations.................................................................................................................................... 32 Figure 10 : Paramètres du partage Web ......................................................................................................... 33 Figure 11 : Installation de DotNetNuke............................................................................................................ 33 Figure 12 : Test sur la permission des fichiers ................................................................................................ 34 Figure 13 : Connexion à la base de données.................................................................................................. 35 Figure 14 : Services SQL Server..................................................................................................................... 35 Figure 15 : Installation DotNetNuke en cours.................................................................................................. 35 Figure 16 : Finalisation de l’installation............................................................................................................ 36 Figure 17 : Configuration de l’utilisateur hôte.................................................................................................. 36 Figure 18 : Installation de modules optionnels ................................................................................................ 36 Figure 19 : Installation de services d’authentification...................................................................................... 37 Figure 20 : Installation de thème et de conteneur ........................................................................................... 37 Figure 21 : Installation des packs de langues ................................................................................................. 37 Figure 22 : Configuration du portail ................................................................................................................. 38 Figure 23 : Fin de l’installation......................................................................................................................... 38 Figure 24 : Interface par défaut de l’outil de communication........................................................................... 38 Figure 25 : Proposition de template................................................................................................................. 39 Figure 26 : Aspect visuel du conteneur ........................................................................................................... 41 Figure 27 : Programme source d’un conteneur ............................................................................................... 41 Figure 28 : Interface d’accueil de l’outil de communication............................................................................. 42 Figure 29 : Module Microsoft Network............................................................................................................. 44 Figure 30 : Module Skype................................................................................................................................ 45 Figure 31 : Extrait de codes sources d’une feuille de styles CSS................................................................... 47 Figure 32 : Extrait de codes sources utilisant les balises DIV......................................................................... 47 Figure 33 : Affichage sur un navigateur Web des codes sources utilisant les balises DIV............................. 47 Figure 34 : Contact de la société Magiquemedia ............................................................................................ 48 Figure 35 : Login pour accéder à l’administration de l’outil ............................................................................. 48 Figure 36 : Le code source correspondant au bouton Login........................................................................... 48 Figure 37 : Formulaire pour entrer le login et le mot de passe........................................................................ 49 Figure 38 : Code source correspondant au formulaire pour entrer le login et le mot de passe ...................... 49 Figure 39 : Bouton pour la déconnexion.......................................................................................................... 49 Figure 40 : Code source JavaScript - Ajax pour la déconnexion .................................................................... 50 Figure 41 : Gestion des fichiers....................................................................................................................... 51 Figure 42 : Ajout du domaine magiquemedia.com.......................................................................................... 52 Figure 43 : Paramètres pour le domaine magiquemedia.com ........................................................................ 52 Figure 44 : Domaine magiquemedia.com ajoutée avec succès...................................................................... 53 Figure 45 : Base mmsiteweb sur SQL Server 2005 ........................................................................................ 53 Figure 46 : Paramètre de connexion à la base de données pour SQL Server 2005 ...................................... 54 Figure 47 : Installation des scripts de la base de données ............................................................................. 54 Figure 48 : Configuration de l’utilisateur hôte.................................................................................................. 55 Figure 49 : Configuration de l’utilisateur admin et des propriétés de l’outil..................................................... 55 Figure 50 : Installation terminée avec succès ................................................................................................. 55 Figure 51 : Interface d’accueil ......................................................................................................................... 56 Figure 52 : Fichier XML ................................................................................................................................... 56 Figure 53 : Contenu du fichier XML................................................................................................................. 57 Figure 54 : Affichage du fichier XML sur un navigateur .................................................................................. 57 Figure 55 : Architecture de l’outil de communication....................................................................................... 60 Figure 56 : Architecture de DotNetNuke.......................................................................................................... 60 Figure 57 : Traitement des informations.......................................................................................................... 61
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
8
Figure 58 : Fichiers ressources se trouvant dans le dossier cache ................................................................ 61 Figure 59 : Aperçu du fichier stocké dans le dossier cache............................................................................ 62 Figure 60 : Programme source d’un fichier se trouvant dans le dossier cache .............................................. 62 Figure 61 : Interface de la page d’accueil de l’outil ......................................................................................... 64 Figure 62 : Interface de la page contact de l’outil............................................................................................ 64 Figure 63 : Nouveau site Web de Welfort........................................................................................................ 69 Figure 64 : Ancien site Web de Foot01.com ................................................................................................... 71 Figure 65 : Nouveau site Web de Foot01.com................................................................................................ 72 Figure 66 : Tarif pour CMS Kentico ................................................................................................................. 74 Figure 67 : La maquette à réaliser................................................................................................................... 75 Figure 68 : Extrait de code source XHTML ..................................................................................................... 76 Figure 69 : Validation W3C.............................................................................................................................. 77 Figure 70 : Extrait du fichier ascx .................................................................................................................... 78
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
9
NOTATIONS ET ABREVIATIONS
[1] Navigateur Web : Mozilla Firefox, Internet Explorer, Opera, … ……………………………………………..33
etc.…). Chaque page et module peuvent être paramétré pour accepter plusieurs rôles à des fins
de consultation, d’édition ou de suppression. Une fois que l’utilisateur est identifié, seul le contenu
pour lequel il est autorisé sera visible ou prêt à être édité.
Gestion :
Une fois que le portail principal est créé, on crée très simplement des « sous-portails », utilisant la
même base de données. C’est une fonctionnalité très puissante qui est une des différences
majeures avec les solutions concurrentes.
Par exemple, si une société crée un portail d’information pour ses clients, et que celui-ci se révèle
être un succès, elle peut créer des nouveaux portails pour ses filiales, sans avoir à créer autant de
nouveau projets Web. Chaque filiale aura sa propre adresse Web, son propre design, contenu et
structure, mais l’administration de tous ces sites sera centralisée dans une unique base de
données.
Modules de gestion de contenu :
Les modules inclus permettent de gérer les divers contenus des portails tels que les annonces,
actualités, liste de contacts, agendas, documents à télécharger…
Ces contenus sont accessibles à tout moment pour tous les utilisateurs autorisés, en tout lieu.
Cela permet que des informations vitales à une entreprise soient disponibles à la demande.
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
26
Des modules avancés ont été développés pour automatiser d’autres tâches courantes comme
l’envoi de newsletters, la collecte de données, la gestion des abonnements…
DotNetNuke permet de centraliser l’accès aux documents et de tracer les diverses opérations.
La syndication RSS automatique du contenu permet de diffuser rapidement l’information.
Gestion des utilisateurs :
La plateforme DotNetNuke permet une gestion puissante des utilisateurs, permet d’activer ou non
des inscriptions en ligne, payantes ou non, avec différents niveaux d’inscriptions (publique, privée,
vérifiée). Les utilisateurs gèrent leur propre profil, et peuvent choisir leur langue préférée sur le
portail.
Performances :
La plateforme a été conçue selon le modèle 3-Tier garantissant une évolutivité sans faille et sur la
technologie serveur ASP.NET de Microsoft, aux performances reconnues mondialement, capable
de supporter facilement des demandes de plusieurs millions de pages par jour.
ASP.NET est à ce jour la technologie Internet la plus puissante du marché en termes
d'applications orientées Web, devant JSP (Java) et a fortiori devant les technologies non
compilées (scripting technologies) telles que PHP ou Cold Fusion.
Contenu accessible :
Les pages générées dynamiquement par la plateforme sont conformes aux standards
d'accessibilité.
Ce sont aujourd’hui plus de 30 développeurs internes, dont beaucoup promus développeurs
chevronnés par Microsoft (MVP), et des dizaines de contributeurs externes qui programment le
noyau, des centaines développent des composants tiers, et près de 150000 utilisateurs l’ont
adoptés pour concevoir leur portails, intranets ou applications Web.
2.3. Détails techniques
Serveur Web :
Windows 2000 Server / 2003 Server ou Windows XP (local)
Base de données :
SQL Server 2000 / 2005 (providers tiers disponibles: Oracle, MySQL...)
Client :
Poste quelconque équipé d’un navigateur Internet récent
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
27
2.4. Résumé des principales caractéristiques de Dot NetNuke
Résumé des principales caractéristiques de DotNetNuke.
Caractéristique Bénéfice
Architecture
Développement modulaire extensible Il est possible de personnaliser les fonctionnalités de DotNetNuke par le développement de modules personnalisés limitant la quantité de code nécessaire. Ce système promeut la réutilisation du code développé
Basé sur le système de Provider DotNetNuke utilise le système de provider, qui permet de d’étendre les providers natifs avec virtuellement n’importe quelle technologie
Modèle de Sécurité à base de rôles Ce système permet une grande simplification de l’administration et la gestion des droits d’accès
Administration simplifiée
Outils d’administration de l’hébergeur DotNetNuke permet l’hébergement de portails multiples sur une seule installation. L’hébergeur dispose d’outils de contrôle et de paramétrage pour la définition des caractéristiques des différents portails, de la sécurité, de l’environnement physique, la gestion de fichiers, la publicité, la journalisation des erreurs, et la planification de taches de maintenance.
Outils de l’administrateur de site Chaque portail dispose d’outils d’analyse individualisés, et propose un contrôle total sur l’apparence et la sécurité
Modules prêts à l’emploi DotNetNuke possède de nombreux modules très fonctionnels directement utilisables, entièrement éditables en ligne, et de nombreux autres peuvent être téléchargés chez des fournisseurs tiers.
Apparence et Thèmes DotNetNuke emploie une technologie dite de « Skinning » consacrant la séparation complète de la présentation et du contenu des pages, et permettant l’application en ligne de thèmes personnalisant complètement l’apparence à l’échelle du site ou de pages individuelles.
Contrôle total des pages DotNetNuke permet le contrôle de chaque aspect d’une page, des Meta données au placement des modules en plaçant par la sécurité, l’apparence, la disposition dans l’arborescence du site.
Support Tiers Avec le développement de la popularité du système DotNetNuke, il existe aujourd’hui de nombreux développeurs de modules qui publient leur code source et proposent des services de support et d’accompagnement pour le développement de applications métiers.
Tableau 1 : Résumé des principales caractéristiques de DotNetNuke
Il existe plusieurs logiciels pour la gestion de contenu d’un site Web. Le tableau suivant
montre la comparaison de trois (3) logiciels libres et gratuits, destinés pour la gestion de contenu
d’un site, et qui sont leaders dans la construction de sites collaboratifs, c’est-à-dire dont
l’alimentation peut être partagée entre différentes personnes non techniciennes.
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
28
2.5. Tableau comparatif de trois logiciels de gesti on de contenu
Comme DotNetNuke est un « Content Management System » (CMS ou Système de
gestion de contenu) utilisant le langage de programmation ASP .NET, on choisit un autre CMS en
ASP .NET et un CMS utilisant le langage PHP (Personal Home Page) pour faire la comparaison.
DotNetNuke Kentico CMS for ASP.NET
Joomla !
Système requis Serveur d’application IIS ASP.NET, .NET, C#,
VB.NET Tout ce qui supporte PHP (Apache recommandé)
Prix approximatif Libre USD 749 Libre Base de données MSSQL 2005/2000,
MSSQL Express 2005, MSDE
MSSQL MySQL
Licence BSD Commerciale, par site Web
GNU/GPL
Système d’exploitation Windows Windows Windows, Linux, Macintosh Langage de programmation
ASP.NET 2.0, VB.NET, C#
ASP.NET, VB.NET, C# PHP
Serveur Web IIS 5.0, 6.0 et 7.0 IIS Apache Sécurité
Verification d’email Oui Oui Oui Droit de privilège Oui Oui Non Gestion de session Oui Non Oui
Support Programme de certification
Oui Non Non
Code template Oui Oui Non Mailing List publique Oui Non Oui
Performance Gestion de mémoire cache
Oui Oui Oui
Exportation contenu statique
Oui Non Non
Interopérabilité RSS Oui Oui Oui Support FTP Oui Non Oui iCal calendrier Oui Non Non UTF-8 Oui Oui Oui W3C : norme XHTML Oui Oui Non
Autres Blog Oui Oui Oui Chat Oui Non Peut être ajouté Gestion des contacts Oui Non Oui Gestion des documents Oui Oui Peut être ajoutée Distribution des fichiers Oui Non Peut être ajoutée Help desk Payant Oui Peut être ajouté Gestion des liens Oui Non Oui Site Map Oui Oui Oui
Tableau 2 : Tableau comparatif de trois logiciels de gestion de contenu D’après ce tableau, DotNetNuke offre plus de fonctionnalités que les autres CMS. Ce qui a poussé
encore plus à son choix.
NB : Pour les tarifs de « Kentico CMS for ASP.NET », voir en annexe. (cf. Annexe 03)
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
29
Chapitre 3 : DEVELOPPEMENT DE L’OUTIL
3.1. Préparation de l’environnement
Les logiciels « Visual Studio 2005 » et « Macromedia Dreamweaver » sont nécessaires
pour les raisons suivantes :
• Existence d’interaction entre Visual Studio et DotNetNuke
• Logiciels spécifiques pour la programmation
• Logiciels utilisés par les professionnels par la présence de plusieurs fonctions utiles pour la
programmation
Le logiciel de système de gestion de la base de données « SQL Server » est aussi utile car
DotNetNuke utilise « SQL Server » comme base de données. L'ensemble des contenus, des
paramètres de l’outil, des utilisateurs et des groupes de sécurité est centralisé dans une seule
base de données, elle-même étant sécurisée. L'ensemble des données sensibles dans la base est
crypté avec l'algorithme 3DES (Triple DES ou Data Encryption Standard) pour une confidentialité
optimale. La centralisation des données réduit considérablement les coûts de maintenance.
3.2. Paramétrage de IIS (Internet Information Systè me)
Pour commencer, il faut paramétrer IIS (Internet Information Système). Pour le démarrage de IIS,
c’est dans Démarrer/Panneau de configuration/Outils d’administrations/Service Internet IIS.
Il faut ensuite créer un nouveau répertoire virtuel pour l’outil.
Figure 3 : Création d’un nouveau répertoire virtuel
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
30
Ensuite, en créant un nouveau répertoire virtuel, un nouvel élément est créé.
Figure 4 : Nouveau répertoire virtuel
Faire ensuite une clique droite sur le nouveau répertoire virtuel pour sa configuration.
Figure 5 : Propriétés du répertoire virtuel
Il faut veiller à ce que les propriétés soient configurées comme sur la figure 5.
Ensuite, on ajoute Default.aspx sur les propriétés.
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
31
Figure 6 : Ajout de Default.aspx sur la propriété du site
Il reste à paramétrer la sécurité du répertoire.
Figure 7 : La sécurité du répertoire
La configuration est terminée en cliquant sur Appliquer/OK.
Il faut ensuite configurer le répertoire contenant l’outil de communication.
3.3. Configuration du répertoire contenant l’outil à réaliser
Pour cela, les propriétés du répertoire doivent être modifiées.
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
32
Figure 8 : Propriétés du répertoire
D’abord, il faut donner les autorisations pour les utilisateurs. Il faut le faire pour chaque Noms
d’utilisateur ou de groupe.
Figure 9 : Autorisations
Ensuite, il faut paramétrer le partage Web du répertoire.
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
33
Figure 10 : Paramètres du partage Web
Enfin, pour terminer les paramétrages du répertoire, il suffit de cliquer sur les boutons
« Appliquer / OK ».
3.4. Installation de DotNetNuke en local
Maintenant que l’environnement de travail est prêt, l’installation de DotNetNuke en local
peut commencer.
D’abord, il faut lancer un navigateur Web1 puis taper l’url : http://localhost/XXXXXXX où XXXXXXX
désigne le nom du répertoire virtuel (cf. figure 4 : Nouveau répertoire virtuel). Donc pour notre cas,
c’est http://localhost/mmdnnoutilcom/.
En tapant http://localhost/mmdnnoutilcom/ sur la barre d’adresse du navigateur Web, une nouvelle
interface s’affiche pour l’installation de DotNetNuke. Les textes sur la barre d’adresse deviennent
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
34
Ensuite, il faut choisir la méthode d’installation2 et le langage pour l’installation. Pour notre cas,
c’est l’option Personnalisée . En cliquant sur le bouton « next », la page suivante concerne le test
pour la permission des fichiers.
NB : L’option Auto concerne l’installation automatique.
Figure 12 : Test sur la permission des fichiers
Dans le cas où le test n’est pas validé, il faut revoir les étapes précédemment sur la configuration
du répertoire (cf. figure 8 : Propriétés du répertoire)
Après, il faut configurer la connexion à la base de données et le test de la connexion à cette base.
Le choix se porte entre Fichier SQL Server 2005 (Express) et Base de données SQL Server
2000/2005.
2 Choisir entre les trois méthodes suivantes : Personnalisée : L’installation « Custom » permet de personnaliser entièrement l’installation de DotNetNuke. Typique : L'installation "typique" pré remplit certains paramètres avec des valeurs courantes. Auto : L'installation "Auto" court-circuite l'assistant et commence la procédure d'auto installation.
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
35
Figure 13 : Connexion à la base de données
Il faut veiller à ce que SQL Server soit installé sur la machine, et que ce service marche.
Pour le savoir, on regarde dans :
Démarrer/Panneau de Configuration/Outils d’administrations/Services
Figure 14 : Services SQL Server
Après, l’installation peut continuer en cliquant sur le bouton « next ».
Figure 15 : Installation DotNetNuke en cours
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
36
Figure 16 : Finalisation de l’installation
Il faut maintenant configurer le compte pour l’administration du site. En premier lieu, les
paramètres du compte de l’utilisateur hôte qui a accès à tous les portails créés sur l’outil doivent
être configurés. Il faut fournir un compte correctement sécurisé (complexité nom d’utilisateur / mot
de passe).
Figure 17 : Configuration de l’utilisateur hôte
Après, il y a des modules qui sont utiles pour le portail qui peuvent être installés. L’installation de
ces modules n’est pas obligatoire car on peut les installer plus tard sur le portail.
Figure 18 : Installation de modules optionnels
Ensuite, il faut choisir les systèmes d’authentification à installer. Il y a déjà des services
d’authentification qui sont prêts à être installés par défaut.
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
37
Figure 19 : Installation de services d’authentification
Les étapes suivantes sont :
L’installation des thèmes et des conteneurs.
Figure 20 : Installation de thème et de conteneur
L’installation des packs de langues.
Figure 21 : Installation des packs de langues
Ensuite, la configuration du portail se fait en créant un compte administrateur qui pourra accéder à
l’ensemble des fonctionnalités du portail. Il faut fournir un compte correctement sécurisé
(complexité nom d’utilisateur / mot de passe).
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
38
Figure 22 : Configuration du portail
Et finalement, l’installation de l’outil de communication est terminée.
Figure 23 : Fin de l’installation
Ci-après la page d’accueil de l’outil :
Figure 24 : Interface par défaut de l’outil de communication
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
39
3.5. Réalisation du skin
DotNetNuke a une architecture qui prévoit une séparation claire entre la conception et le
contenu, permettant à un concepteur de sites Web à développer les interfaces visuelles sans
exiger des connaissances spécialisées du développement en ASP.NET. Seulement des
connaissances du langage HTML et d'une compréhension de la façon de préparer et emballer les
interfaces eux-mêmes sont nécessaires.
Figure 25 : Proposition de template
3.5.1. Design graphique de l’outil
Pour commencer, il faut réaliser le graphisme. Ensuite, il faut apporter les modifications et
les améliorations sur ce dernier. Enfin, l’utilisation de faux textes3 pour obtenir l’aspect du template
à réaliser est importante car il n’y a pas encore de vraies informations.
3 On utilise un générateur de faux textes : Lorem Ipsum
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
40
Au départ, l’outil est statique, c'est-à-dire que chaque page est créée en HTML. Tous les éléments
de l’image (cf. Annexe 04) sont créés petit à petit à savoir : 1-Menu, 2-Bannière, 3-Logo, 4-Lien, 5-
Contenu, 6-Menu bas, 7-Pied de page
3.5.2. Norme W3C
La création du template se fait à partir de l’image citée ci-dessus (cf. figure 25 : Proposition
de template). La réalisation de ce dernier se fait en suivant et en respectant la norme XHTML
(eXtensible HyperText Markup Language) avec l’utilisation de feuilles de styles. (cf. Annexe 05)
La validation du code se fait sur le site du W3C (World Wide Web Consortium) qui est visible à
Pour le skin, il faut préparer quelques fichiers de base. Il y a au minimum deux fichiers dont
un fichier « HTML » pour l’aspect du template et un fichier « CSS » pour la feuille de style. Par
contre, d’autres répertoires ou fichiers jugés utiles peuvent être intégrés avec ces deux fichiers.
Ces fichiers sont compressés avec un logiciel de compression de fichiers (WinZip ou Winrar) pour
obtenir un fichier « .ZIP4 ». C’est ce dernier que l’on appelle skin et qui sera intégré sur le portail.
3.5.4. En résumé
Le skin de base est composé de fichiers « HTML » avec les paramètres pour le contenu,
les menus et d'autres fonctionnalités, ainsi que de fichiers comme les images, les feuilles de style
et JavaScript, emballés dans un fichier « ZIP ».
Enfin, lors de l’installation de ce skin, un fichier « ASCX » (cf. Annexe 07) est généré
automatiquement et c’est ce fichier qui sera l’interface du portail.
3.6. Réalisation du conteneur
Le skin concerne l’aspect général du portail, tandis que le conteneur concerne chaque
module ou élément du portail.
Plusieurs conteneurs sont réalisés pour l’outil de communication. Ceci pour mettre en valeur
chaque élément contenu dans le portail. La nuance des couleurs est aussi primordiale car ce
conteneur contient des textes, des images et d’autres documents qui peuvent être publiés sur
l’Internet.
4 Format de fichier compressé
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
41
Voici un exemple de conteneur :
Figure 26 : Aspect visuel du conteneur
Et voici le programme source correspondant :
Figure 27 : Programme source d’un conteneur
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
42
Chapitre 4 : MISE EN PLACE DE L’OUTIL
4.1. Architecture et contenu
D’après les demandes de la société et des études pour voir les besoins de Magiquemedia,
il est ressorti la nécessité de faire l’outil sous DotNetNuke et de le bâtir en sept parties qui
exposent les différentes activités de la société.
Le contenu de l’outil qui va être présenté par la suite a été réalisé avec la collaboration entre les
rédactrices de la société et des développeurs pour l’intégration. Celui-ci pourrait être modifié selon
les accords des responsables de la société.
4.1.1. L’interface d’Accueil
C’est la première interface visible par les visiteurs après avoir tapé l’adresse
http://www.magiquemedia.com dans leur navigateur. Elle permet aux internautes de saisir en un
peu de temps l’image de Magiquemedia. La présentation des menus de navigation est simplifiée
afin de rediriger rapidement les internautes vers les informations qu’ils cherchent. Du point de vue
ergonomique, charte graphique et taille, il faut concevoir cette interface de manière à ce qu’elle
soit la plus légère possible pour faciliter son chargement.
Plusieurs exemples de maquettes sont proposés pour l’interface d’accueil. Mais en général,
la charte graphique s’établit autour des textes qui figurent sur cette interface. La figure suivante
représente cette dernière.
Figure 28 : Interface d’accueil de l’outil de communication
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
43
4.1.2. La partie CONTACTS
Le travail se focalise surtout sur cette rubrique. Au sein de la société, il existe plusieurs
collaborateurs. La communication et la relation entre Magiquemedia et ses clients se font
directement en ligne, c'est-à-dire sur l’Internet.
La charte graphique de cette rubrique repose sur l’exemplaire donné par l’interface
d’accueil. La page est créée de façon à ce que l’utilisateur se situant sur elle puisse accéder
rapidement aux autres parties de l’outil.
a) Module MSN
MSN est un sigle, qui signifie Microsoft Network, qui, en plus d'être un FAI américain, a
donné naissance à beaucoup de programmes et services, comme Windows Live Hotmail
(anciennement MSN Hotmail), Windows Live Messenger (anciennement MSN Messenger) et
d'autres.
Sur l’outil de communication, on intègre le module MSN Windows Live Messenger qui, par
définition, est un logiciel de Message Instantanée. C'est à dire que l’on peut discuter avec
quelqu'un qui comme dans une conversation normale. Le dialogue se fait en utilisant un clavier (en
mode texte), un microphone (en mode conversation audio) et une webcam (conversation vidéo).
C’est pour faciliter la communication et la relation entre Magiquemedia et ses clients. On intègre ce
module à l’aide d’un « iframe ».
Le principe est que l’utilisateur peut dialoguer en temps réel avec les collaborateurs de
Magiquemedia. Cet utilisateur n’a nul besoin d’installer quoi que ce soit sur sa machine. Il lui suffit
d’être connecté sur Internet et d’ouvrir un navigateur Web. Il va sur l’adresse
http://www.magiquemedia.com et il entre dans la rubrique contact. Une fois arrivé sur cette page, il
démarre la conversation en cliquant sur le bouton « Démarrer une conversation ». L’utilisateur a
deux options, soit il entre son pseudo Live MSN s’il en a, et c’est gratuit, soit il entre un pseudo
libre. Une boite de dialogue s’ouvre et les collaborateurs de Magiquemedia sont déjà là pour
l’accueillir.
Deux langues sont disponibles pour ce module, en français et en anglais.
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
44
Figure 29 : Module Microsoft Network
b) Module SKYPE
Skype est un logiciel doté d'une messagerie instantanée basique permettant aux
utilisateurs de communiquer textuellement et de se transmettre des fichiers.
Il permet également de téléphoner gratuitement uniquement entre deux ordinateurs ou terminaux
équipés de Skype et connectés à Internet, grâce à un microphone et des haut-parleurs, ou un
micro casque ou téléphone branché sur l'ordinateur (par exemple par le port USB).
Skype permet aussi d'effectuer des appels payants vers des lignes téléphoniques fixes et mobiles
et propose depuis peu de recevoir des appels téléphoniques depuis des téléphones fixes et
mobiles, mais ceci uniquement dans certains pays.
Skype est devenu l'un des outils de communication vocale sur ordinateur les plus utilisés au même
titre que Windows Live Messenger, bien que posant des problèmes d'interopérabilité (exclusivité
réciproque du protocole et du logiciel), en plus des soucis de confidentialité (piratage).
Le module Skype est intégré sur l’outil de communication. A la différence du module MSN,
l’utilisateur a besoin que Skype soit installé sur sa machine. L’utilisateur peut choisir entre
plusieurs options de communication :
• Chat
• Appel
• Transfert de fichiers
• Ajout à son contact
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
45
Lorsque l’utilisateur choisit une de ses options, son logiciel Skype va se démarrer
automatiquement. Il entre son compte Skype et son mot de passe et commence sa discussion ou
son appel avec les collaborateurs de Magiquemedia.
Figure 30 : Module Skype
4.1.3. La partie PLAN DU SITE
Comme son nom l’indique, elle montre l’aspect général de navigation de l’outil réalisé.
Toutes les rubriques et tous les liens présents sur l’outil sont visibles sur cette interface. Donc, si
l’utilisateur souhaite connaître le contenu de l’outil proprement dit, cette page va afficher toutes les
rubriques pour mieux trouver les informations qu’il recherche.
4.1.4. Les autres parties de l’outil
Concernant les autres parties de l’outil, à savoir :
• La partie « Société »
• La partie « Services »
• La partie « Tarifs »
• La partie « Garanties »
Des contenus statiques sont utilisés pour les parties citées ci-dessus. Donc, l’aspect de chaque
partie varie selon la rubrique concernée pour différencier l’affichage des informations. Cette
différentiation est utile pour éviter de figer les dispositions et l’aspect visuel de l’outil. En plus, ceci
donne un aspect plus attrayant de ce dernier.
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
46
4.2. Charte graphique et ergonomie de l’interface
L’ergonomie vise l'adaptation d'un système d’information à son utilisateur, afin que ce
dernier puisse mener ses activités avec un maximum d'efficacité, de satisfaction et de bien-être, et
avec une phase d'adaptation réduite. La charte graphique désigne l’ensemble de documents
(logos, textes, images, animation, …) qui posent les règles de mise en page des documents
internes et externes. DotNetNuke est conçu pour permettre aux administrateurs de gérer
facilement tous les aspects de l’outil, grâce aux assistants, icônes de mise en page et d'aide, et
une conception générale très simple d'utilisation.
Comme l’outil est composé de sept rubriques, il faut créer plusieurs maquettes selon les
rubriques. Ceci pour avoir des dispositions différentes pour chaque page. Chaque page de l’outil
sera dotée de plusieurs liens pour accéder à toutes les autres pages.
Il faut prendre soin de la prise de photos et de la conception de logos, d’icônes et d’illustrations.
Les photos sont ensuite optimisées avec le logiciel « Macromedia Fireworks ».
4.2.1. Informations utiles
Il faut que l’utilisateur (le client) puisse accéder facilement à l’information qu’il recherche :
c’est pour cela qu’on présente directement le plan de navigation de l’outil sur l’interface d’accueil.
Les informations sont disposées de telle sorte que l’utilisateur puisse se faire une idée de
tout ce qui existe sur l’outil en un coup d’œil. Ainsi, il peut s’orienter graphiquement et spatialement
pour commencer sa visite et ses recherches.
Une sobriété esthétique est respectée en évitant tout superflu ralentissant le temps de
téléchargement d’une page.
4.2.2. Détails de conception
En ce qui concerne la « charte graphique », on construit toutes les pages de l’outil avec un
fond uni pour que le chargement de la page soit rapide. Pour faciliter la lecture des textes, les
polices de caractères « Tahoma, Verdana, Arial, Courrier » sont utilisées car la plupart des
navigateurs les reconnaissent. La couleur des textes est choisie de manière à ce qu’elle soit bien
contrastée aux couleurs de la bannière et des images se trouvant dans la page.
Des feuilles de styles sont aussi utilisées pour contrôler l'apparence des textes dans le
document pour une harmonisation des couleurs et des polices. Ces feuilles de styles permettent la
mise en forme de plusieurs documents en même temps, et peuvent inclure tous les styles du
document. Ses avantages sur une page sont :
• Affectation de plusieurs documents à la fois
• Modification automatique de la mise en forme de tous les documents qui y font appel
lorsqu'elle est modifiée
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
47
Figure 31 : Extrait de codes sources d’une feuille de styles CSS
Pour la construction des pages de l’outil, des balises « DIV » ou « layers » sont utilisées
pour une bonne lisibilité des codes, une facilité de maintenance et de mise à jour, et aussi pour
respecter les normes du Web. De plus, des tableaux invisibles sont utilisés pour permettre une
organisation des éléments qui en ont besoin.
Figure 32 : Extrait de codes sources utilisant les balises DIV
L’extrait du programme source ci-dessus donne l’image suivante :
Figure 33 : Affichage sur un navigateur Web des codes sources utilisant les balises DIV
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
48
Les liens externes s’ouvrent dans une nouvelle page Web pour permettre à l’utilisateur de
ne pas perdre l’interface de Magiquemedia. Enfin, le contact de la société est présent sur chaque
page de l’outil. En plus de ceci, il y a un lien pour revenir sur l’interface d’accueil.
Figure 34 : Contact de la société Magiquemedia
4.3. Gestion de contenu
Le Directeur de Magiquemedia désigne des personnes ressources pour suivre de près le
contenu de l’outil et participer à son évolution. L’objectif des rédactrices et des gestionnaires de
contenu est d’alimenter et de compléter le système d’information sur l’outil.
Les personnes qui font la rédaction ont accès à l'interface privée de l’outil. Elles possèdent pour
cela un login et un mot de passe chacune. Elles soumettent à publication des articles qui doivent
être validées par un administrateur. Une fois validés, ces articles sont accessibles à l'ensemble
des visiteurs de l’outil.
4.4. Interface d’administration de l’outil de commu nication
Pour accéder à l’interface d’administration de l’outil, on utilise un nom de compte et un mot
de passe.
Figure 35 : Login pour accéder à l’administration de l’outil
Figure 36 : Le code source correspondant au bouton Login
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
49
Toutes les personnalisations de l’outil sont faites sur l’interface d’administration. Deux comptes
sont créés à l’installation de DotNetNuke. Le compte host et le compte admin . Tous deux ayant
un contrôle total sur tout le système.
Figure 37 : Formulaire pour entrer le login et le mot de passe
Le code source correspondant à ce formulaire est :
Figure 38 : Code source correspondant au formulaire pour entrer le login et le mot de passe
Après une session de travail, il faut toujours se déconnecter en cliquant sur le bouton « Logout ».
Figure 39 : Bouton pour la déconnexion
Ce bouton se trouve en haut à droite de la page. Ce bouton utilise le langage « JavaScript ».
Le code source utilisé par cette fonction de déconnexion est :
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
50
Figure 40 : Code source JavaScript - Ajax pour la déconnexion
L’installation des skins et des conteneurs se fait sur cette interface d’administration. (cf. partie II :
Réalisation du skin)
La gestion de l’outil se fait à partir des fonctions suivantes :
• Paramètre du site
• Gestion des pages
• Paramètre des utilisateurs
• Gestion des fichiers
• Configuration des skins et conteneurs
• Gestion des langages
• Paramètre d’authentification
• Gestion des modules
Dans le paramètre du site , certains éléments essentiels doivent être configurés y compris la
configuration générale de l’outil. D’abord, il faut donner les détails dont le titre, la description, les
mots clés et le copyright. Il faut aussi configurer l’apparence de l’interface, donc la mise en place
du logo, le fond de l’interface, le skin à utiliser et le conteneur. Ensuite, le paramètre du niveau de
la sécurité doit être réglé en ce qui concerne l’inscription à l’outil, la gestion des pages et des
payements en ligne s’il y en a, et la gestion du compte super utilisateur. Enfin, il faut gérer les
feuilles de styles à partir de cette interface.
Dans la gestion des pages , comme son nom l’indique, il y a la gestion de toutes les pages de
l’outil. Il est possible de rajouter, de modifier ou de supprimer des pages.
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
51
Dans le paramètre des utilisateurs , on gère les comptes des utilisateurs du portail. De la même
façon que pour la gestion des pages, on peut rajouter, modifier ou supprimer des utilisateurs. De
plus, on attribue les droits5 de ces derniers.
Sur la partie gestion des fichiers , il existe un explorateur comme l’explorateur windows. A partir
de cet explorer, on gère tous les dossiers et tous les fichiers contenus sur l’outil.
Figure 41 : Gestion des fichiers
Pour la configuration des skins et conteneurs , après l’installation de DotNetNuke, il existe déjà
des modèles de skins et de conteneurs qui sont installés par défaut. En plus, il est possible
d’ajouter d’autres skins et conteneurs. L’apparence visible par le public change en fonction des
skins et des conteneurs choisis.
Concernant la gestion des langages , il y a plusieurs package de langages disponibles. Sur la
partie administration, il suffit d’installer les langues en choisissant parmi une liste. Et sur la partie
publique, il faut choisir la langue à partir d’une liste déroulante.
Pour le paramètre d’authentification , DotNetNuke offre plusieurs types. Il y a l’authentification
propre pour DotNetNuke. Il y a l’authentification utilisant openID, qui nécessite un compte openID
qui est obtenu gratuitement en faisant une inscription sur l’Internet. Il existe aussi l’authentification
configurée avec LiveID, donc à partir d’un compte sur live.com.
A propos de la gestion de modules , plusieurs modules sont présents après l’installation de l’outil.
Il est possible d’installer plusieurs modules et on peut aussi désinstaller ceux dont on n’a pas
besoin.
5 Administrateur / Rédacteur / Simple membre
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
52
Chapitre 5 : MEDIATISATION ET DEPLOIEMENT DE L’OUTI L SUR LE SERVEUR
5.1. Hébergement
L’outil de communication Web est hébergé sur un serveur dédié tournant sur Windows
2003 Server. Il est référencé sous l’adresse http://www.magiquemedia.com pour une durée
indéterminée. L’outil MaximumASP est utilisé pour la configuration du nom de domaine de l’outil.
Tout d’abord, il faut ajouter le domaine magiquemedia.com sur MaximumASP.
Figure 42 : Ajout du domaine magiquemedia.com
Une fois que le nom de domaine est ajouté, il faut paramétrer le nouveau domaine.
Figure 43 : Paramètres pour le domaine magiquemedia.com
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
53
Figure 44 : Domaine magiquemedia.com ajoutée avec succès
Maintenant, le nom de domaine magiquemedia.com est ajouté. Il faut attendre 12h à 24h avant sa
mise en route c’est-à-dire qu’il faut attendre quelques temps pour que l’adresse
http://www.magiquemedia.com fonctionne et être accessible sur tout le Web.
NB : L’hébergement de l’outil de communication était sur un simple serveur Web au départ. Mais
comme il y a eu un souci technique sur ce serveur, un problème de routage du nom de domaine et
problème d’installation de l’outil DotNetNuke, on a tout déplacé sur le serveur dédié.
5.2. Base de données
Concernant la base de données, on utilise la version 2005 de SQL Server qui est un
système de gestion de base de données développé et commercialisé par Microsoft.
Comme l’outil est hébergé sur un serveur dédié, on connecte sur SQL Server 2005 à partir d’une
connexion bureau à distance (Remote desktop). Il faut ensuite créer la base de données pour
l’outil. Le nom de cette base de données est mmsiteweb .
Les propriétés de cette base sont par la suite modifiées :
• Création d’un nouveau compte pour la base. Le nom de ce compte est usermm
• Réglage et paramétrage des droits d’administration et des propriétés de sécurité pour le
compte
• Affectation de la base mmsiteweb pour le compte usermm
Figure 45 : Base mmsiteweb sur SQL Server 2005
Ainsi, l’installation en ligne de l’outil de communication peut commencer après la mise en place de
la base de données.
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
54
5.3. Déploiement de l’outil
DotNetNuke doit être installé sur le serveur dédié. Pour ce faire, il faut transférer les fichiers
d’installation nécessaires sur ce serveur en utilisant le protocole FTP (File Transfer Protocol ou
protocole de transfert de fichiers). Ensuite, l’installation en ligne de l’outil peut commencer. On ne
va plus revenir sur le détail de l’installation (cf. partie II : Installation de DotNetNuke en local), mais
par contre, on spécifie les différentes étapes qui différencient l’installation de DotNetNuke en local
par rapport à l’installation en ligne.
Sur le serveur, la base de données SQL Server 2005 (SQL Server 2005 Express pour local) est
utilisée. Il faut aussi préciser le nom de ce serveur. Ensuite, il faut fixer le nom de la base de
données créée auparavant. Après, il reste à entrer le compte et le mot de passe pour la base de
données. Enfin, il faut faire le « Test de la connexion à la base de données ». Lorsque le test est
ok, c'est-à-dire succès de la connexion, il suffit de cliquer sur le bouton « next » pour passer à la
prochaine étape. Dans le cas contraire, il faut vérifier tous les paramètres et configurations sur le
serveur (cf. partie II : Installation DotNetNuke en local).
Figure 46 : Paramètre de connexion à la base de données pour SQL Server 2005
Après, il reste à faire l’installation des scripts de la base de données.
Figure 47 : Installation des scripts de la base de données
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
55
A propos de la configuration des utilisateurs, les informations suivantes sont utilisées :
Figure 48 : Configuration de l’utilisateur hôte
Figure 49 : Configuration de l’utilisateur admin et des propriétés de l’outil
A la fin, une interface affiche que l’installation a été réalisée avec succès. Ci-après la figure
montrant cette opération.
Figure 50 : Installation terminée avec succès
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
56
Lorsque l’installation est terminée, l’outil est visible en ligne à l’adresse
http://www.magiquemedia.com. Par contre, il y a encore plusieurs configurations à faire.
Figure 51 : Interface d’accueil
Après l’installation des skins et conteneurs, on passe à l’intégration des données, c'est-à-dire la
gestion des contenus. Il ne faut plus refaire les mises en pages et les codes comme pour le travail
en local car on utilise des fonctionnalités de DotNetNuke. Pour ce faire, il suffit d’exporter les
contenus de l’outil en local sous format XML et de les importer sur l’outil en ligne.
Figure 52 : Fichier XML
Voici le contenu du premier fichier XML : content.DNNHTML.Magiquemedia.xml
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
57
Figure 53 : Contenu du fichier XML
Et voici ce que ce programme source donne sur un navigateur Web.
Figure 54 : Affichage du fichier XML sur un navigateur
Il en est de même pour tous les contenus de l’outil. Il suffit de les exporter en local sous format de
fichiers XML et de les importer sur l’outil en ligne.
5.4. Référencement
Le référencement de l’outil de communication consiste à faire connaître ce dernier dans les
annuaires et moteurs de recherche sur Internet. Parmi ces moteurs sont :
• http://www.google.fr
• http://www.voila.fr
• http://www.yahoo.fr
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
58
Il faut établir les informations importantes pour l’outil concernant le référencement. Le tableau
suivant montre une part de ces informations :
Titre de l’outil outsourcing | développement et outsourcing informatique avec la société Magiquemedia
Description it outsourcing et développement avec la société Magiquemedia le prestataire Web travaillant avec des SSII/agence Web/éditeurs sites Web pour le développement et outsourcing de toutes leurs prestations informatiques/ saisie/Web, avec une garantie de qualité et respect de délais des prestations
Mots clés outsourcing , développement offshore, saisie externalisée, sous traitance informatique, outsourcing informatique, sous traitance offshore, informatique offshore, software Offshore.
Tableau 3 : Informations utiles pour le référencement
5.5. Administration
L’administration de l’outil doit être assurée. Le travail est généralement réparti en trois parties :
• Alimentation de l’outil
• Mise à jour des informations
• Sauvegarde des données
Des manuels de procédures sont rédigés pour toutes les tâches effectuées concernant l’outil.
Dans ces manuels, il faut essayer d’être le plus clair possible surtout sur les détails techniques
pour faciliter les tâches de l’administrateur. Les manuels sont importants, surtout sur le suivi d’un
projet. Si une personne est absente, une autre peut continuer les travaux en utilisant ces manuels.
C’est un grand travail d’équipe.
NB :
• Des supports au format vidéo sont conçus pour avoir une précision et une administration
interactive de l’outil. De plus, la réalisation des supports fait partie des procédures de travail
au sein de la société.
• Certaines informations sur les figures sont masquées car elles sont confidentielles.
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
59
Partie III : APPLICATIONS - RESULTATS et DISCUSSION S
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
60
Chapitre 1 : ARCHITECTURE DU PROJET
L’outil de communication possède l’architecture suivante :
Figure 55 : Architecture de l’outil de communication
Le contenu de l’outil est stocké dans une base de données SQL Server. Il faut personnaliser les
fonctionnalités de l’outil par le développement de modules personnalisés. Des modules standards
sont aussi installés au moment de l’installation de DotNetNuke. Le développement de la partie
visuelle de l’outil de communication se fait à l’aide du logiciel « Macromedia Dreamweaver ».
Figure 56 : Architecture de DotNetNuke
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
61
Chapitre 2 : MODE OPERATOIRE
La présence de la gestion des fichiers dans la mémoire cache présente un avantage
considérable. Lorsqu’un utilisateur souhaite accéder sur l’outil, cela se passe comme suit :
Figure 57 : Traitement des informations
Il y a ici quelques fichiers se trouvant dans le dossier cache :
Figure 58 : Fichiers ressources se trouvant dans le dossier cache
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
62
Avec le fichier « TabModule_36_en-US.resources », on a l’affichage suivant :
Figure 59 : Aperçu du fichier stocké dans le dossier cache
L’aperçu du programme source pour ce visuel est comme suit :
Figure 60 : Programme source d’un fichier se trouvant dans le dossier cache
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
63
Chapitre 3 : RESULTATS
L’outil de communication par Web pour la société Magiquemedia est réalisé et
opérationnel. Il comporte une vingtaine de page. L’aspect visuel est toujours amélioré et des
modules spécifiques sont ajoutés au fur et à mesure des besoins de la société Magiquemedia.
Concernant la gestion du temps, le planning est respecté durant les différentes phases du projet.
Cependant, quelques difficultés ont été rencontrées lors de la migration de l’outil sur le serveur :
• Corruption de l’installation de l’outil
• Problème d’installation de la base de données
• Problème de connexion à Internet
• Conflit du nom de domaine
Pour contourner ces problèmes, on choisit de migrer l’outil sur un autre serveur. Comme la société
Magiquemedia possède deux serveurs, un second serveur qui est un serveur dédié a été utilisé
car les droits de permissions et d’administrations sur le premier serveur sont limités. Ce premier
serveur est un serveur Web classique c'est-à-dire avec un simple accès FTP (File Transfer
Protocol ou protocole de transfert de fichiers) et qu’on ne possède pas le privilège d’administration.
Sur le serveur dédié, on a tous les privilèges et toutes les permissions. Ainsi, l’administration et la
configuration de la base de données sont effectuées avec succès.
Malgré toutes les difficultés rencontrées, l’outil de communication par Web pour la société
Magiquemedia est mis en place. L’adresse pour visualiser l’outil est
http://www.magiquemedia.com.
Ci-après quelques aperçus de l’outil :
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
64
Figure 61 : Interface de la page d’accueil de l’outil
Figure 62 : Interface de la page contact de l’outil
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
65
Chapitre 4 : DISCUSSIONS
4.1. Apport de l’outil pour la société Magiquemedia
L’outil de communication via Web apporte des bénéfices non négligeables pour
Magiquemedia de par son caractère d’outil incontournable dans le monde de la communication
actuelle. En effet, cet outil qui a été conçu se voulait être un outil d’information souple et efficace,
tout en donnant le maximum de satisfaction à tous les types de public visés par la société.
D’abord, les utilisateurs pourront apprécier un design attrayant et jeunes, des données
facilement téléchargeables et un confort de navigation donné par la disposition ergonomique des
liens des rubriques et par la traçabilité des pages déjà consultées.
Ensuite, les clients de la société pourront également trouver via cet outil leur propre intérêt
grâce à la facilité de communication et à la rapidité d’obtention d’informations. De plus, les clients
ont aussi le privilège de pouvoir suivre en temps réel l’évolution de leur projet.
Enfin, les dirigeants de la société, grâce à un outil qui fait preuve de souplesse et de
fiabilité, trouveront un outil de communication facile à utiliser et qui permet de diffuser dans des
délais très courts des informations utiles à tout un chacun, pour les clients comme pour tout autre
entité.
4.2. Accessibilité de l’outil
Du point de vue utilisateur, il y a quelques points à suivre pour pouvoir accéder à
l’ensemble de l’outil de communication. L’utilisateur doit disposer de :
• Matériels qui vont servir d’interface (PC muni de tous les élémens comme écran, unité
centrale, clavier, souris, …)
• Un navigateur Web (Mozilla Firefox, Netscape, Internet Explorer, ….) et une connexion à
Internet
• Une plate forme d’accès ou le système d’exploitation (Windows, Mac OS ou Linux)
Du point de vue développement, il faut aussi veiller à bien choisir les éléments nécessaires
pour la réalisation de l’outil. Pour ce faire, on utilise Macromedia DreamWeaver et les logiciels
d’Adobe qui sont des outils destinés pour une bonne accessibilité d’un site Web.
Le noyau de l’outil qui est DotNetNuke offre aussi des contenus accessibles avec l’existence de
plusieurs feuilles de styles.
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
66
4.3. Evolution de l’outil
L’outil de communication via Web pour Magiquemedia a été mis en place. Concernant cet
outil, nombreux sont les avantages que la société pourra en tirer profit. La société Magiquemedia
travail surtout dans le domaine de création de portail Web, donc, elle peut utiliser et exploiter
certaines fonctionnalités de cette application Web. Il existe la gestion de sites. Ceci permet de
gérer plusieurs sites à partir d'une installation unique. Donc, DotNetNuke distingue les fonctions
d'administration de l'hôte (hébergeant sur une base de données unique plusieurs sites), de celles
de chaque site, permettant ainsi à chacun d'entre eux d'avoir sa propre configuration, ses propres
caractéristiques techniques et sa propre apparence. Ceci offre surtout un avantage du point de vue
hébergement. Donc, la société peut gérer plusieurs sites de ses clients à partir d’une seule
installation unique de DotNetNuke.
De plus, d’autres compléments peuvent être apportés sur l’outil. Comme l’outil sert surtout
d’interface entre la société Magiquemedia et de ses clients, des espaces privés peuvent être créés
avec des interfaces personnalisables pour chaque client.
Nombreuses sont les perspectives qui se présentent à cet outil. Actuellement, DotNetNuke,
le noyau de l’outil de communication, est devenu très populaire comme étant un outil Web open
source avec la plateforme ASP .NET. Il offre une large palette de solutions pour habiller une
application Web telles que l’innovation, la création, l’adaptation, et aussi une grande performance
tant au niveau visuel qu’au niveau administration et sécurité. De plus, il existe de plus en plus de
passionnés et de développeurs qui participent à l’évolution de cet outil.
De plus, DotNetNuke permet aussi de créer une solution complète de site Internet, de gestion de
contenu, ou d'animation de portail, et ce avec les seuls outils livrés en standard. Mais il permet
aussi d'acquérir ou de développer des thèmes graphiques ou des modules complémentaires prêts
à l'emploi. Son adaptabilité et ses fonctionnalités sont pratiquement sans limites.
Enfin, DotNetNuke™ est un nom et une marque très largement reconnus dans la communauté du
logiciel libre. Avec plus de 200.000 utilisateurs enregistrés et une brillante équipe pour l'animer, le
projet continue à évoluer à grande vitesse, en profitant de la participation de tous, de l'épreuve du
terrain, et des suggestions des utilisateurs.
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
67
CONCLUSION
L’outil de communication par Web est actuellement opérationnel. Il est visible à l’adresse
http://www.magiquemedia.com. Il est important de noter que l’outil a été validé par le Directeur et
le staff de la société Magiquemedia avant d’être mis en ligne.
Actuellement, le personnel de la société peut profiter des fonctionnalités qui sont présentes sur cet
outil pour améliorer la relation de la société avec ses partenaires, ses clients et ses futurs clients.
Il est possible d’apporter des améliorations et des modifications pour l’outil. D’abord, sur le
côté visuel, la réalisation de plusieurs skins et conteneurs est intéressante voir même importante.
Avec les différents skins et conteneurs, il est facile de modifier et d’adapter l’apparence de l’outil
selon les besoins de la société. Ensuite, d’autres modules et d’autres fonctionnalités comme la
gestion de plusieurs portails Web peuvent être introduits sur l’outil sans modifier le noyau et les
programmes qui sont déjà présents. Pour les personnes qui vont alimenter l’outil, elles n’auront
pas besoin d’un très haut niveau de compétences techniques et une large connaissance en
informatique pour pouvoir intégrer les informations car l’outil possède un affichage très convivial.
De plus, il y a les manuels de procédures, les manuels d’utilisations et les rubriques d’aides pour
aider ces personnes dans leurs travaux. Enfin, il est possible de mettre en place un Intranet pour la
communication interne au sein de la société. Cet Intranet aura son propre design, contenu et
structure, mais son administration sera centralisée dans une unique base de données que l’outil de
communication. Il est aussi important de faire un contrôle permanent concernant le référencement
de l’outil. Ainsi, la société sera affiché en tête de liste sur les moteurs de recherche lorsqu’il y a des
internautes qui cherchent des sociétés ou des partenaires sur l’Internet.
Ce stage a été une expérience professionnelle très enrichissante sur tous les plans autant
du point de vue de l’approfondissement des connaissances en informatique que du point de vue
relationnel. Au terme de ce stage, on a eu la satisfaction d’avoir réalisé un projet de
développement Web et le plaisir de travailler dans un domaine qui est très passionnant. En ce qui
concerne particulièrement la société Magiquemedia, on estime être heureux d’avoir pu effectuer ce
stage entouré de personnes compétentes. Les personnels sont très rigoureux, toujours prêts à
travailler et à donner le meilleur d’eux-mêmes. On a aussi participé à des projets innovants et
stratégiques durant la période de stage.
Finalement, ce stage constitue une bonne expérience professionnelle et personnelle, et
une très bonne transition vers le monde du travail. Les activités développées dans le cadre de ce
stage sont des actions concrètes qui m’ont permis de me rendre compte que les résultats dans
une entreprise sont proportionnels à l’effort fourni.
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
68
BIBLIOGRAPHIE Internet :
http://www.123aspx.com/
http://www.alldnnskins.com/
http://ww.alsacreations.com/
http://www.aricie.net/
http://www.asp-php.net/
http://www.aspserveur.com/
http://www.cmsmatrix.org/
http://www.codeproject.com/
http://www.codesources.com/
http://www.commentcamarche.net/
http://www.dotnetnuke.com/
http://www.dotnetnuke.fr/
http://www.journaldunet.com/
http://www.siteduzero.com/
http://www.snowcovered.com/
http://www.tout-javascript.com/
Ouvrages :
[1] Database Programming with Visual Basic® .NET and AD O.NET: Tips, Tutorials, and Code (en
anglais) - F. Scott Barker - Edition Sams Publishing - Année 2002
[2] Introduction à HTML et CSS (en français) - E. Sarrion - Edition O’Reilly - Année : 2006
[3] Mastering Visual Studio .NET (en anglais) - Jon Flanders, Ian Griffiths, Chris Sells - Edition O’Reilly -
Année : 2003
[4] Professional DotNetNuke 4.0 (en anglais) - S. Walker, J. Brinkman, B. Hopkins, S. McCulloch, S.
Willhite, C. Paterra, P. Santry, D. Caron - Edition Wrox Press - Année : 2005
[5] Réussir son site Web avec XHTML et CSS (en français) - M. Nebra - Edition Eyrolles - Année : 2006
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
69
ANNEXES
Annexe 01 : Travaux de réalisation de sites Web au sein de la société Magiquemedia
a) Site Web de Welfort
Figure 63 : Nouveau site Web de Welfort
Extrait du fichier xtpl : Extrait du programme source du site Web <!-- BEGIN:main --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>{TITLE} </title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <META NAME="DESCRIPTION" CONTENT="{META_DESCRIPTION} "> <META NAME="KEYWORDS" CONTENT="{META_KEYWORDS} "> <link href="main.css" rel="stylesheet" type="text/css"> <link href="scripts/lb1/lightbox.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="scripts/lb1/lightbox.js"></script> </head> <body> <div id="conteneur"> <div id="header"> <img src="images/baniere.jpg" width="1022" height="163" border="0" /> </div> <div id="contenu_general"> <div id="contenu_general_haut">
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
71
b) Site Web de Foot01.com Ancien site Web de Foot01.com :
Figure 64 : Ancien site Web de Foot01.com
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
72
Nouveau site Web de Foot01.com :
Figure 65 : Nouveau site Web de Foot01.com
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
73
Annexe 02 : Licence BSD Licence BSD
La licence BSD (Berkeley software distribution license) est une licence libre utilisée pour la
distribution de logiciels. Elle permet de réutiliser tout ou partie du logiciel sans restriction, qu'il soit
intégré dans un logiciel libre ou propriétaire.
Texte de la licence
* Copyright (c) 1998, Regents of the University of California * All rights reserved. * Redistribution and use in source and binary forms, with or without * modification, are permitted provided that the following conditions are met: * * * Redistributions of source code must retain the above copyright * notice, this list of conditions and the following disclaimer. * * Redistributions in binary form must reprodu ce the above copyright * notice, this list of conditions and the following disclaimer in the * documentation and/or other materials provided with the distribution. * * Neither the name of the University of California, Berkeley nor the * names of its contributors may be used to endorse or promote products * derived from this software without specific prior written permission. * * THIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONT RIBUTORS ``AS IS'' AND ANY * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A P ARTICULAR PURPOSE ARE * DISCLAIMED. IN NO EVENT SHALL THE REGENTS AND CON TRIBUTORS BE LIABLE FOR ANY * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SU BSTITUTE GOODS OR SERVICES; * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN AN Y WAY OUT OF THE USE OF THIS * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF S UCH DAMAGE.
Différence par rapport au domaine public
La licence BSD est l'une des moins restrictives dans le monde informatique et s'approche de la
notion de « domaine public ». Il faut toutefois noter des différences importantes : la notion de
domaine public varie selon les législations. En général, l'auteur doit être mort depuis un certain
nombre d'années pour que son œuvre tombe officiellement dans le domaine public. La licence
BSD définit un cadre d'utilisation clair. La licence BSD impose certaines contraintes lors de la
redistribution, ce qui n'est généralement pas le cas d'une œuvre dans le domaine public ; elle
permet de protéger les auteurs quant à l'emploi de leur nom dans des produits dérivés ; elle
décharge les auteurs des éventuels problèmes connus ou inconnus liés à l'utilisation du code
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
74
Annexe 03 : Les tarifs pour Kentico CMS for ASP .NET
Figure 66 : Tarif pour CMS Kentico
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
75
Annexe 04 : La maquette à réaliser avec les différentes parties à découper
Figure 67 : La maquette à réaliser
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
76
Annexe 05 : Extrait de code source XHTML
Figure 68 : Extrait de code source XHTML
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
77
Annexe 06 : Validation du W3C pour la normalisation des codes sources
Figure 69 : Validation W3C
Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia
Rafanoharana Serge Claudio DESS - TNSI
78
Annexe 07 : Extrait du fichier ascx
Figure 70 : Extrait du fichier ascx
Titre du mémoire : « Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia »
Nombre de pages : 78 Nombre de figures : 70 Nombre de tableaux : 3 RESUME La Société Magiquemedia désire mettre en place un outil de communication par Web pour être visible du monde entier, et aussi pour renforcer son mode de communication envers ses partenaires, ses clients et ses futurs clients. Pour ce faire, on a utilisé DotNetNuke qui est un CMS (Content Management System) ou système de gestion de contenu. DotNetNuke permet la création de sites Web dynamiques, dont la construction des pages et des contenus est entièrement assurée en ligne. L’apparence visuelle de l’outil est personnalisée par la création et le développement de « Skin » et de « Conteneur » en utilisant les logiciels « Macromedia DreamWeaver » et « Adobe Photoshop ». On a aussi développé et intégré « Microsoft Network » et « Skype » sur l’outil. Ce sont des outils de communication très utilisés actuellement. Concernant le déploiement de l’outil sur le Web, on a utilisé un serveur dédié aux applications de la Société ayant comme système d’exploitation « Windows 2003 Server ». Et pour les contenus, toutes les informations ont été vérifiées et validées avant d’être publiées. L’outil est aussi référencé sur les moteurs de recherche comme « Google » et il est actuellement opérationnel et visible à l’adresse http://www.magiquemedia.com. Mots clés : DotNetNuke, communication, Web, médiatisation, Site Web, DreamWeaver, Internet ABSRACT The Society Magiquemedia wishes to set up a communication tool by Web to be visible from the whole world, and also to strengthen its mode of communication toward partners, customers and futur customers. So, we used DotNetNuke which is a CMS (Content Management System). DotNetNuke allows the creation of dynamic Website, and the construction of pages and contents are completely on-line. The visual appearance of the tool is personalized by the creation and the development of “Skin" and "Container" by using software packages "Macromedia DreamWeaver" and "Adobe Photoshop". We also developed and integrated on the tool "Microsoft Network" and "Skype". The latter are very used nowadays as communication tools. Concerning the publication of the tool on Web, we used a server dedicated to the applications of the Society which is turning on "Windows 2003 Server". And for contents, all informations was verified and validated before being published. The tool is also referenced on search engines as "Google" and it is at this moment operational and visible in the address http://www.magiquemedia.com. Keywords : DotNetNuke, communication, Web, mediatization, Website, DreamWeaver, Internet Auteur : RAFANOHARANA Serge Claudio Adresse : VE 77 Ambatovinaky - Antananarivo 101 - MADAGASCAR Tel : 033 11 885 77 032 02 962 53 e-mail : [email protected] Directeur de mémoire : Pr ANDRIANAHARISON Yvon Chef de département de Génie Electrique à l’ESPA