79
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

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Mise en place d’un outil de communication par Web Cas de

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

Page 2: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

2

Aux miens…

Page 3: Mise en place d’un outil de communication par Web Cas de

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.

Page 4: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

4

SOMMAIRE

REMERCIEMENTS .........................................................................................................................................................3

SOMMAIRE ...................................................................................................................................................................... 4

LISTE DES TABLEAUX ................................................................................................................................................. 6

LISTE DES FIGURES ..................................................................................................................................................... 7

NOTATIONS ET ABREVIATIONS ............................................................................................................................... 9

GLOSSAIRE ................................................................................................................................................................... 10

INTRODUCTION............................................................................................................................................................ 14

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 2 : RESSOURCES................................................................................................................................... 18 2.1. Ressources humaines.................................................................................................................................. 18 2.2. Ressources matérielles................................................................................................................................ 18

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 1 : ETUDES PREALABLES............................................................................................................................ 21 1.1. Découverte..................................................................................................................................................... 21 1.2. Outils............................................................................................................................................................... 21 1.3. Conception..................................................................................................................................................... 21 1.4. Réalisation ..................................................................................................................................................... 22 1.5. Médiatisation ................................................................................................................................................. 22 1.6. Amélioration................................................................................................................................................... 23 1.7. Suivi / Maintenance ...................................................................................................................................... 23 1.8. Planning ......................................................................................................................................................... 23

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

Page 5: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

5

5.4. Référencement.............................................................................................................................................. 57 5.5. Administration................................................................................................................................................ 58

PARTIE III : APPLICATIONS - RESULTATS ET DISCUSSION S ........................................................................ 59

CHAPITRE 1 : ARCHITECTURE DU PROJET ........................................................................................................ 60 CHAPITRE 2 : MODE OPERATOIRE........................................................................................................................ 61 CHAPITRE 3 : RESULTATS ....................................................................................................................................... 63 CHAPITRE 4 : DISCUSSIONS ................................................................................................................................... 65

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

CONCLUSION ............................................................................................................................................................... 67

BIBLIOGRAPHIE ........................................................................................................................................................... 68

ANNEXES ....................................................................................................................................................................... 69

Page 6: Mise en place d’un outil de communication par Web Cas de

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

Page 7: Mise en place d’un outil de communication par Web Cas de

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

Page 8: Mise en place d’un outil de communication par Web Cas de

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

Page 9: Mise en place d’un outil de communication par Web Cas de

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

[2] Méthodes d'installation ………………………………………………………………………………………….. 34

- Personnalisée : « Custom » permet de personnaliser entièrement l’installation de DotNetNuke.

- Typique : pré remplit certains paramètres avec des valeurs courantes.

- Auto : court-circuite l'assistant et commence la procédure d'auto installation.

[3] Faux textes : On utilise un générateur de faux textes Lorem Ipsum ……………………………………….. 39

[4] ZIP : Format de fichier compressé ……………………………………………………………………………... 40

[5] Types d'utilisateurs : Administrateur / Rédacteur / Simple membre ………………………………………... 51

3DES : Triple DES : Data Encryption Standard

ASP : Active Server Pages

ASP .NET : Active Server Pages dotNet

BSD : Berkeley Software Distribution

CMS : Content Management System

CSS : Cascading Style Sheets

DES : Data Encryption Standard

DNN : DotNetNuke

FAI : Fournisseur d'Accès à Internet

FTP : File Transfer Protocol

GPL : General Public License

HTML : HyperText Markup Language

HTTP : HyperText Transfer Protocol

IT : Informatique Technique

LDAP : Lightweight Directory Access Protocol

MSN : Microsoft Network

PC : Personal Computer

PHP : Personal Home Page

SGBD : Système de Gestion de Base de Données

SMTP : Simple Mail Transfer Protocol

SOAP : Simple Object Access Protocol

SSII : Société de Services en Ingénierie Informatique

TIC : Technologies de l'Information et de la Communication

TNSI : Technologies Nouvelles des Systèmes d’Information.

URL : Uniform Resource Locator

W3C : World Wide Web Consortium

WWW : World Wide Web

XHTML : eXtensible HyperText Markup Language.

XML : eXtensible Markup Language

Page 10: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

10

GLOSSAIRE

3DES : Le Triple DES est un algorithme de chiffrement symétrique enchaînant 3 applications successives de

l'algorithme DES sur le même bloc de données de 64 bits, avec 2 ou 3 clés DES différentes. Cette utilisation

de trois chiffrements DES a été développée par Walter Tuchman (chef du projet DES chez IBM).

3-Tier : (architecture trois tiers) ou architecture à trois niveaux est l'application du modèle plus général qu'est

le multi-tiers. L'architecture logique du système est divisée en trois niveaux ou couches : la couche

présentation, la couche métier et la couche accès aux données. C'est une extension du modèle

client/serveur.

ASP : Active Server Pages est une technologie développée par Microsoft utilisée dans la programmation

Web. C'est une technologie Web dynamique, équivalente et concurrente de PHP (Personal Home Page).

Elle nécessite pour fonctionner une plate-forme Windows avec les service IIS (Internet Information Services)

installé, ou encore une plate-forme Linux ou Unix avec une version modifiée d'Apache.

ASP .NET : est un ensemble de technologies de programmation Web créé par Microsoft. Les programmeurs

peuvent utiliser ASP.NET pour créer des sites Web dynamiques, des applications Web ou des Web services

XML (eXtensible Markup Language). ASP.NET fait partie de la plateforme Microsoft .NET et est le

successeur de la technologie ASP (Active Server Pages).

Base de données : C’est un ensemble de données organisé en vue de son utilisation par des programmes

correspondant à des applications distinctes et de manière à faciliter l’évolution indépendante des données et

des programmes.

CMS : Content Management System, soit en français "système de gestion de contenu". Il permet de

privilégier la gestion du contenu d’un site Web sur un support, autrement dit, on privilégie l’information sur la

technique.

CSS : Cascading Style Sheets. Le style CSS est un complément du langage HTML (ou XHTML) prévu pour

gérer toute la mise en forme d’une page Web. Cela va de l'esthétique (couleur, typographie) à la

fonctionnalité (positionnement, structure, navigation).

DES : Le Data Encryption Standard est une méthode de chiffrement utilisant des clés de 56 bits. Son emploi

n'est plus recommandé aujourd'hui, du fait de sa lenteur à l'exécution et de son espace de clés trop petit

permettant une attaque systématique en un temps raisonnable. Quand il est encore utilisé c'est

généralement en Triple DES. DES a notamment été utilisé dans le système de mots de passe Unix.

FAI : Fournisseur d'Accès à Internet, est un organisme (généralement une entreprise) offrant une connexion

au réseau informatique Internet. Le terme anglais désignant un FAI est Internet Service Provider (ISP).

Page 11: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

11

FTP : File Transfer Protocol ou protocole de transfert de fichiers. Le protocole FTP permet des échanges de

fichiers entre un client et un serveur. Une fois connecté sur un serveur, un client peut se déplacer dans une

arborescence de répertoires, situés sur ce serveur. Le protocole FTP permet aussi des échanges de fichiers

dans les deux sens : le client peut télécharger des informations depuis le serveur, mais également créer des

fichiers.

GPL : La Licence publique générale GNU, ou GNU GPL pour GNU General Public License, en anglais, a

été écrite pour fixer les conditions légales de distribution des logiciels du projet GNU. Richard Stallman et

Eben Moglen, deux des grands acteurs de la Free Software Foundation, en furent les premiers rédacteurs.

Sa dernière version est la GNU GPL version 2 de 1991, mais une version 3 est en écriture.

Elle a depuis été adopté, en tant que document définissant le mode d'utilisation donc d'usage et de diffusion,

par de nombreux auteurs de logiciels libres. La principale caractéristique de la GPL est le copyleft, ou

gauche d'auteur, qui consiste à « détourner » le principe du copyright pour préserver la liberté d'utiliser,

d'étudier, de modifier et de diffuser le logiciel et ses versions dérivées.

HTML : HyperText Markup Language. Langage à base de balises permettant d’écrire des documents

comprenant du texte, des images, du son, de la vidéo, des champs de formulaire. C’est un langage exécuté

directement par le navigateur Web.

HTTP : HyperText Transfer Protocol est le protocole le plus utilisé sur Internet depuis 1990. La version 0.9

était destinée à transférer des données sur Internet (en particulier des pages Web). La version 1.0 du

protocole permet de transférer des messages avec des en-têtes décrivant le contenu du message.

IFRAME : (de "Inline Frame"). C’est un élément HTML qui permet d'intégrer un document HTML dans un

autre document HTML. La taille d’un IFRAME peut être spécifiée dans les autres pages HTML, de sorte que

les autres pages peuvent déjà être présentées dans le navigateur alors que le IFRAME est encore en cours

de chargement. Un IFRAME se comporte comme une image en ligne et l'utilisateur peut la faire défiler hors

de vue. D'autre part, le cadre IFRAME peut contenir sa propre barre de défilement, indépendante de celle de

la barre de défilement de la page.

LDAP : Lightweight Directory Access Protocol. C’est une base de données optimisée en lecture. On va très

souvent y rechercher des informations mais très rarement les modifier.

Microsoft .NET : Microsoft .NET est le nom d'un ensemble de produits et de technologies de l'entreprise

Microsoft dont la plupart dépendent du Framework .NET, un composant du système d'exploitation Windows

constituant un équivalent de machine virtuelle.

Le Framework .Net a été conçu par Anders Hejlsberg, le père de Delphi. Celui-ci a développé entre autre le

langage C#, qui devient le futur remplaçant de Delphi.

Page 12: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

12

MySQL : C’est un système de Gestion de Base de Données fonctionnant sous Linux et Windows. Depuis la

version 3.23.19, MySQL est sous licence GPL.

NPDS : C’est un Gestionnaire de Communauté (CMS), relativement complet et performant. Même si à

l’origine, NPDS était dérivé de PhpNuke, depuis longtemps, le projet a évolué de manière autonome. En

résumé, NPDS permet de générer un portail collaboratif.

Outsourcing : L'externalisation, (en anglais outsourcing), désigne le transfert de tout ou partie d'une

fonction d'une organisation (entreprise ou administration) vers un partenaire externe. Elle consiste très

souvent en la sous-traitance des activités jugées non essentielles et non stratégiques.

PHP : Personal Home Page tools. C’est un langage de programmation dynamique, c’est-à-dire qui permet

une interaction entre l’internaute et le site Web. C’est un langage interprété exécuté du côté serveur et non

du côté client. La syntaxe du langage provient de celle du langage C, du Perl et du Java. PHP est distribué

sous licence GPL.

RSS (ou Flux RSS) : Really Simple Syndication. Le flux RSS est un fichier XML dynamique dont le lecteur

RSS (Safari, Mozilla Firefox,…) affiche le contenu, qui est mis à jour en permanence. Ce fichier est

disponible sur Internet, et permet, en le consultant, d’être au courant en un coup d’œil des dernières

informations d’un site.

SGBD : Système de Gestion de Base de Données. C’est un ensemble de programmes qui permettent

l’accès et l’organisation des bases de données. Il permet de structurer des bases de données dans un

format standard et fournit des outils pour la saisie, la validation, le stockage, la manipulation, la recherche et

l’extraction de données.

Site Web : Un site Web est un ensemble de pages Web hyperliées entre elles et mises en ligne à une

adresse Web. On dit aussi site Internet par métonymie, le World Wide Web reposant sur Internet.

Sites dynamiques : Les sites dynamiques s'appuient sur trois éléments :

• Un moteur de base de données, qui va permettre de stocker les données des différentes pages

• Un langage de génération de page, qui va générer des pages affichables (seul le HTML ou le

XHTML peuvent être affichés) à partir des éléments disponibles dans la base de données

• Un moteur de site qui va s'appuyer sur les deux premiers éléments pour générer les pages du site.

Ce moteur peut être écrit par le gestionnaire du site, acheté ou encore utilisé s'il s'agit d'un moteur

libre.

Sites statiques : Les sites statiques sont des sites créés à partir d'une collection de pages HTML ou

XHTML reliées entre elles par des liens dynamiques.

Page 13: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

13

SOAP : Le Simple Object Access Protocol est un protocole orienté objet bâti sur XML. Il permet la

transmission de messages entre objets distants, ce qui veut dire qu'il autorise un objet à invoquer des

méthodes d'objets physiquement situés sur un autre serveur. Le transfert se fait le plus souvent à l'aide du

protocole HTTP, mais peut également se faire par un autre protocole, comme SMTP.

SQL : Structured Query Language ou Langage de requêtes structuré. C’est un langage de définition de

données (LDD), un langage de manipulation de données (LMD), et un langage de contrôle de données

(LCD), pour les bases de données relationnelles.

TIC : Les Technologies de l'Information et de la Communication ou NTIC pour « Nouvelles Technologies de

l'Information et de la Communication » regroupent les techniques utilisées dans le traitement et la

transmission des informations, principalement de l'informatique, d'Internet et des télécommunications.

URL : Uniform Resource Locator. C’est une simple ligne de texte qui permet de retrouver une ressource

(texte, image, musique, vidéo, programme…) sur internet. Exemple : http://www.dotnetnuke.com

W3C : World Wide Web Consortium. C’est un organisme de normalisation fondé en octobre 1994 comme un

consortium chargé de promouvoir la compatibilité des technologies du World Wide Web telles que HTML,

XHTML, XML, CSS et SOAP. Le W3C n'émet pas des normes, mais des recommandations.

Web : Souvent une appellation du World Wide Web (WWW), littéralement la « toile (d’araignée mondiale ».

C’est un système hypertexte public fonctionnant sur Internet et qui permet de consulter, avec un navigateur,

des pages mises en ligne dans des sites.

Web service : Il s’agit d’une application accessible via les protocoles réseaux. Cette application est destinée

à exécuter des tâches spécifiques et à communiquer avec d’autres applications disponibles ailleurs sur le

réseau. Son interface est standardisée et les messages sont codés au format XML. Un Web service peut

être développé dans n’importe quel langage et sur n’importe quelle plate-forme.

WWW : World Wide Web, littéralement la toile (d’araignée) mondiale, communément appelé le Web, est un

système hypertexte public fonctionnant sur Internet et qui permet de consulter avec un navigateur des pages

mises en ligne dans des sites. L’image de la toile vient des hyperliens qui lient les pages Web entre elles.

XHTML : eXtensible HyperText Markup Language. C’est celui avec lequel on tape le contenu d’un site Web.

Il contient des informations logiques. C’est un langage qui permet de coder plus facilement un site Web.

XML : eXtensible Markup Language ou langage de balisage extensible. C’est un langage informatique de

balisage générique. Un fichier XML est un fichier texte possédant une structure particulière. XML est une

notation, c’est-à-dire une manière d’écrire les informations. Son objectif initial est de faciliter l'échange

automatisé de contenus entre les systèmes d'informations.

Page 14: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

14

INTRODUCTION

La société Magiquemedia souhaite s’ouvrir au monde à travers un outil de communication

par Web visible à l’adresse http://www.magiquemedia.com. Cet outil se focalise surtout sur l’aspect

communication entre la société et ses clients. Son administration et son organisation sont prises

en main par l’équipe de la société.

Depuis quelque temps était la création de la société Magiquemedia. C’est une société qui

est surtout focalisée dans le domaine du Web. L’Internet est le domaine d’activité de la société et il

est logique qu’elle ait son propre outil de communication à travers le Web. Ainsi, la direction a mis

en place ce projet pour concevoir et réaliser cet outil de communication.

On a pris en main le projet pour que l’outil soit dynamique et en temps réel. On a étudié et fait que

le système ne soit pas assez lourd, afin d’accélérer la délivrance des informations demandées par

les internautes. Du point de vue contenu, l’outil offre beaucoup d’informations et d’éléments

essentiels pour répondre aux besoins en communication de Magiquemedia vis-à-vis de ses clients.

En effet, une focalisation sur cet aspect communication a été envisagée dans le but de

promouvoir, de valoriser et de se faire mieux connaître auprès des opérateurs économiques et

surtout auprès des clients. Cette focalisation sur la communication vise aussi à renforcer le

partenariat et les relations avec les clients étrangers.

Pour faciliter son mode de communication et le suivi de ses projets, la société a décidé de

créer son propre outil de communication. Ainsi, mes travaux de mémoire s’intitulent :

Mise en place d’un outil de communication par Web

Cas de la Société Magiquemedia

En mettant en relief cet outil de communication, l’étude comporte trois parties :

La première partie décrit le contexte général. La deuxième partie traite les différentes méthodes

pour l’élaboration de l’outil de communication. Et enfin, la troisième partie comporte l’application et

les discussions.

Page 15: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

15

Partie I : CONTEXTE GENERAL

Page 16: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

16

Chapitre 1 : PRESENTATION DE LA SOCIETE MAGIQUEMEDI A

1.1. Présentation

Société de services Informatique Technique (services IT) avec une plateforme de sous-

traitance informatique à Madagascar, Magiquemedia offre un ensemble de services offshore qui

peuvent aider toute entreprise à réaliser dans le temps et à un coût compétitif aux projets

informatiques et/ou de traitement délocalisé de données.

Magiquemedia est une Société de Services en Ingénierie Informatique (SSII) qui propose

une gamme de services autour des enjeux du réseau Internet: des portails dynamiques facilitant la

diffusion de l'information, et l'accessibilité aux données.

Elle est spécialisée en technologies orientées Web, mises en œuvre au travers d'une

architecture originale fondée sur des composants spécifiques.

1.2. Métiers

1.2.1. Solutions de sous-traitance

Magiquemedia offre des solutions de sous-traitance par type de projet:

• Création de site Internet et application Web

• Développement de logiciels offshore et outils personnalisés

• Sous-traitance saisie et rédaction délocalisée

• Promotion site Web et référencement en ligne

• Traitement graphique et animation flash

• Reporting et Comptabilité offshore

• Maintenance et hébergement Internet/Intranet

• Service juridique en ligne

1.2.2. Caractéristiques de outsourcing avec Magiqu emedia

Economie en travaillant par sous-traitance informatique avec un coût allant jusqu'à 3 fois

moins cher.

• Utilisation des ressources offshores sans investissements lourds tout en profitant des

compétences d’une équipe francophone dédiée outsourcing.

• Partenariat universitaire avec l'école supérieure polytechnique d'Antananarivo, qui garantit

des jeunes collaborateurs compétents en ingénierie informatique.

• Chef de projet expert dans son domaine d'intervention avec une équipe renforcée dédiée à

chaque nouveau projet.

Page 17: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

17

• Horaire de travail sur le même fuseau horaire que la France, permettant le suivi de travail

sur le plateau de sous-traitance informatique en temps réel.

• Une liaison haut débit et un back up pour assurer une accessibilité 24h/24h, permettant de

suivre en temps réels l'évolution d’un projet.

1.3. Implantation géographique & support continu

Magiquemedia est localisée à l’Immeuble Ariane 5, Complexe Galaxy, Andraharo, 101

Antananarivo, Madagascar. La société s'établit dans un nouveau bureau plus spacieux et ne cesse

d'agrandir son centre de développement offshore.

Le service support client est joignable par les outils de communications les plus utilisés

comme e-mail - sms - chat - fax - phone avec une possibilité de conférence call gratuite.

Dans une démarche de sous-traitance informatique, la qualité se marie avec réactivité et rapidité.

Alors n'hésitez plus à confier vos projets IT à cette équipe informatique offshore, le résultat sera

immédiatement tangible.

Page 18: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

18

Chapitre 2 : RESSOURCES

2.1. Ressources humaines

Chef de projet, ingénieurs, journalistes/rédacteurs, expert comptables, juristes, secrétaires,

graphistes, autant de collaborateurs sur cette plate-forme de sous-traitance à Madagascar qui sont

à la disposition des clients pour mettre en œuvre des projets.

Et pour la réalisation de l’outil de communication, l’équipe est composée de :

• Directeur de la société pour l’encadrement professionnel

• Rédactrices et collaboratrices pour la documentation et pour la collecte des données

• Agents pour le développement et la mise en place de l’outil de communication

2.2. Ressources matérielles

2.2.1. D’un point de vue global

En général, il y a :

• Des ordinateurs de bureau et des ordinateurs portables pour la conception et le

développement de la charte graphique de l’outil de communication

• Des ordinateurs de bureau aussi pour la rédaction des contenus et aussi pour effectuer des

recherches sur Internet

• Un appareil photo numérique pour la prise de photos qui ont été intégrées sur l’outil

• Tous les logiciels nécessaires pour le traitement des images et pour le codage

2.2.2. Analyses Techniques

Hardware : Ecran, clavier, souris, unité centrale, onduleur

Système : Windows XP Professionnel Version 2002 Service Pack 2

Outils d’administration : Services Internet (IIS), Microsoft .NET Framewok 2.0

Logiciels : Office XP, Microsoft Visual Studio 2005, Adobe Photoshop 7.0, Adobe After Effects,

Macromedia Fireworks, Macromedia Dreamweaver MX, Flash MX, EasyPHP 1.8

CMS : DotNetNuke version 04.08.04, JOOMLA 1.0.13

Langage et développement Web : XHTML, CSS, PHP, ASPX, JavaScript

Système de Gestion de Base de Données : SQL Server Pro 2005, SQL Server Management

Studio Express, MySQL

PC : Pentium(R) 4 CPU 2.8 GHz, 512Mo de RAM avec graveur et lecteur DVD

Page 19: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

19

Chapitre 3 : PRESENTATION DU TRAVAIL

3.1. Description

La société Magiquemedia désire fournir des renseignements complets à son public cible

qui souhaitent collaborer avec elle. La société émet le souhait de promouvoir, de valoriser et de

vendre son image et ses produits auprès des clients que ce soit en local ou à l’étranger. Pour cela,

elle procède au renforcement de sa communication et ouvre ses portes à des partenariats.

Ainsi, la société met en place la réalisation d’un outil de communication Web afin que ce

dernier réponde mieux aux attentes de ses clients.

3.2. Objectifs de Magiquemedia

Les objectifs de la société en ce qui concerne les travaux sont :

• Conception de l’outil de communication avec en amont tout le travail de récupération des

informations qui figurera sur l’outil

• Réalisation de la charte graphique : l’outil doit être sobre, la navigabilité ainsi que la lisibilité

doivent être facilitées pour faciliter les mises à jour

• Intégration de l’outil sur DotNetNuke

• Réalisation de sites Web statiques ou dynamiques (cf. Annexe 01)

3.3. Problématique

La société Magiquemedia est une société en pleine expansion dans le domaine de

l’informatique. Depuis sa création, elle ne cesse d’accroître le nombre de ses clients et de ses

projets. La société utilise Internet comme mode de communication. Vu le nombre des

concurrences sur ce marché du travail de l’informatique, à l’étranger ou en local, la société a

éprouvé le besoin d’avoir son propre outil de communication par le Web pour se faire mieux

connaître et aussi pour faciliter les communications et les relations avec ses clients.

Pour les différents collaborateurs de la société Magiquemedia, la mise en place d’un outil

de communication utilisant Internet est importante et résout un bon nombre de problèmes. Les

soucis de déplacement qui font perdre beaucoup de temps, le suivi des projets en temps réel par

tous les collaborateurs concernés, la gestion des documents relatifs aux projets, les supports

techniques des techniciens, toutes ces opérations sont optimisées grâce à l’outil vu que les

personnes qui travaillent au sein de la société Magiquemedia utilisent Internet.

Page 20: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

20

Partie II : METHODOLOGIE

Page 21: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

21

Chapitre 1 : Etudes préalables

1.1. Découverte

Le personnel de la société Magiquemedia désire avoir leur propre outil de communication

par Web. La société souhaite renforcer sa relation avec ses clients en utilisant cet outil. De plus, la

grande partie des communications entre les collaborateurs de la société se fait sur Internet.

Pour réaliser l’outil, on étudie et élabore le projet en identifiant les différentes tâches à faire :

• Le comité de pilotage qui est chargé du suivi du projet est le Directeur de la société avec

les membres du staff

• Collecte des informations qui seront utiles à l’élaboration de l’outil

• Choix de DotNetNuke comme solution de développement

• Les cibles de l’outil sont les collaborateurs de la société Magiquemedia, les clients et les

futurs clients

• La mise en ligne de l’outil sera trois mois après le début des travaux

1.2. Outils

Un ordinateur de bureau équipé de logiciels qui sont destinés au développement. Pour la

définition de la charte graphique et le découpage des images, le logiciel « Adobe Photoshop 7.0 »

est nécessaire. Des éditeurs WYSIWYG (What You See Is What You Get) sont aussi utilisés pour

le développement des programmes.

1.3. Conception

Des logiciels de traitements d’images sont utilisés pour la création des visuels de l’outil. Il y

a également une vingtaine de page pour l’outil. Concernant le contenu, on utilise des faux textes

jusqu’à ce que les vraies informations soient prêtes.

A propos de l’hébergement de l’outil, deux serveurs sont disponibles :

• Un serveur Web supportant le langage PHP (Personal Home Page) et le langage ASP

(Active Server Pages)

• Un serveur dédié avec Windows 2003 Server supportant le langage ASP (Active Server

Pages).

L’outil n’est pas seulement un outil informatif mais aussi, et surtout un outil de communication.

Donc, on essaye d’évoquer cet aspect de communication à travers les différentes pages.

A propos de la conception de la maquette HTML (HyperText Markup Language) qui suit les

normes du W3C (World Wide Web Consotrium), elle est définie à partir de la demande du comité

de pilotage du projet.

Page 22: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

22

1.4. Réalisation

La réalisation des travaux commence une fois que la charte graphique de l’outil est validée

par le comité de pilotage. Les tâches pour cette partie sont :

• Découpage et optimisation de la maquette

• Création des pages et des modèles de l’outil

• Conception des scripts et des programmes à intégrer sur l’outil

• Installation d’un CMS (Content Management System ou Système de gestion de contenu)

• Personnalisation des programmes sources du CMS

• Intégration de nouveaux programmes sources

• Alimentation des pages

• Test et validation de l’outil

Les fonctionnalités générales de l’outil sont :

• Forum de discussion

• Chat sur MSN (Microsoft Network) et sur Skype

• Interfaçage avec la base de données

• Animations Flash

• Gestion des documents

• Gestion des utilisateurs

• Administration en back office

• URL rewriting

A propos de la simplicité et de la flexibilité de l’outil, il faut travailler sur la compatibilité sur

différents navigateurs Web tels que Internet Explorer, Mozilla Firefox, Netscape Navigator,

Konqueror, de même sur différents systèmes comme Windows, Macintosh ou LINUX.

1.5. Médiatisation

Lorsque l’outil est testé et validé par le comité de pilotage, il faut le déployer en ligne. Donc,

un document va être rédigé et ce document va contenir les spécifications détaillées de la liaison

entre l’outil développé en local jusqu’à la mise en ligne. Donc, le déploiement l’outil sur le serveur

est à partir de ce moment, et ensuite l’outil est opérationnel.

Page 23: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

23

1.6. Amélioration

Les modifications et les améliorations de l’outil sont prises à notre charge dans le cas où la

conception ne change pas entièrement. Par contre, si de nouvelles instructions exigent une

restructuration de l’outil, on refait certains points de la conception qui sont touchés par les

modifications.

1.7. Suivi / Maintenance

Des documents sont rédigés pour le suivi et la maintenance de l’outil. Parmi ces documents

sont :

• Le manuel d’installation de l’outil de communication

• Le manuel de gestion du nom de domaine

• Le manuel de procédure pour l’administration de la base de données

• Le manuel de procédure pour l’administration du serveur dédié

Pour maintenir son bon fonctionnement, on suit de près aussi les performances et l’évolution de

l’outil

1.8. Planning

Le planning suivant est prévu pour la réalisation du projet :

Figure 1 : Planning pour la réalisation des travaux

Page 24: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

24

Chapitre 2 : DOTNETNUKE

2.1. Présentation

DotNetNuke (DNN) est un moteur d'applications Web, développé selon les principes du

logiciel libre par une communauté de programmeurs. Il permet la création de sites Web

dynamiques, dont la construction des pages et de leur contenu est entièrement assurée en ligne. Il

offre aussi des capacités d'administration et de gestion de contenu qui en font le parfait candidat

pour la conception d'Intranets ou d’Extranets complexes. De plus, il permet la création

d'applications client-serveur complètes, par le développement de modules métiers spécifiques.

Pour les développeurs qui travaillent déjà avec DotNetNuke, ce logiciel représente une excellente

opportunité de créer des applications Web puissantes et évolutives. De même, il apporte à ceux

qui n'ont jamais fait de développement Web, un outil simple et puissant pour débuter. Son logo se

présente comme suit :

Figure 2 : Logo de DotNetNuke

DotNetNuke est d'abord un potentiel qui libère l'imagination et donc le travail collectif. Ce

logiciel d'une très grande simplicité d'installation, d'usages et de maintenance, est très largement

utilisé par des réseaux de personnes et des institutions publiques ou privées. Comme Il est livré

sous licence BSD (cf. Annexe 02) qui est une licence libre utilisée pour la distribution de logiciels, il

peut être utilisé librement. Il est à la fois utilisé par des sites institutionnels (Site institutionnel du

Conseil de la concurrence France), des sites de presse (Courrier Français hebdomadaire

chrétien), des sites associatifs (Western States Racing Association, Maison de l’Europe Midi-

Pyrénées, DotNetNuke Association), des sites universitaires ou éducatifs (DESS Technologies

Nouvelles des Systèmes d’Information, Institut National de la Jeunesse et de l’Education

Populaire) et des particuliers (Aricie).

2.2. Choix technologique

La société Magiquemedia est une société en pleine expansion et son outil de

communication pour se faire valoir et se faire connaître n’en sera pas moins. Ainsi, cet outil

compte parmi les points forts de la société. Cette dernière souhaitant disposer d’un système

d’information efficace aussi bien pour les clients malgaches que pour les clients étrangers.

Plusieurs raisons ont poussé au choix de faire un outil de communication pour la société

sous DotNetNuke :

Page 25: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

25

Open Source :

DotNetNuke est une plateforme complètement ouverte, sous licence Open Source, et permet à

n’importe quelle application, information ou service d’être intégrés, indépendamment de la

localisation physique. DotNetNuke est 100% compatible avec la plateforme .NET, et donc avec les

standards LDAP, XML, SOAP.

Présentation :

La plateforme DotNetNuke offre une vraie séparation entre le fond (contenu) et la forme

(présentation). Chaque portail possède sa propre « skin » (apparence/thème), qui gère la

présentation du contenu et la structure des menus. Cela signifie qu’il est possible de changer le

design du site sans redévelopper l’ensemble du portail.

Sécurité et utilisation :

La sécurité basée sur la gestion de groupes d’utilisateurs permet de personnaliser le contenu du

portail. Ces « rôles de sécurité » assignés à chaque utilisateur déterminent le type d’accès aux

services et informations sur le portail.

Les administrateurs du portail peuvent créer autant de groupes d’utilisateurs que nécessaire (par

exemple « fournisseurs », « employés », « clients », « management », « VIP », « actionnaires »

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.

Page 26: Mise en place d’un outil de communication par Web Cas de

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

Page 27: Mise en place d’un outil de communication par Web Cas de

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.

Page 28: Mise en place d’un outil de communication par Web Cas de

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)

Page 29: Mise en place d’un outil de communication par Web Cas de

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

Page 30: Mise en place d’un outil de communication par Web Cas de

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.

Page 31: Mise en place d’un outil de communication par Web Cas de

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.

Page 32: Mise en place d’un outil de communication par Web Cas de

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.

Page 33: Mise en place d’un outil de communication par Web Cas de

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

automatiquement http://localhost/mmdnnoutilcom/Install/InstallWizard.aspx

Figure 11 : Installation de DotNetNuke

1 Mozilla Firefox, Internet Explorer, Opera, …

Page 34: Mise en place d’un outil de communication par Web Cas de

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.

Page 35: Mise en place d’un outil de communication par Web Cas de

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

Page 36: Mise en place d’un outil de communication par Web Cas de

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.

Page 37: Mise en place d’un outil de communication par Web Cas de

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).

Page 38: Mise en place d’un outil de communication par Web Cas de

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

Page 39: Mise en place d’un outil de communication par Web Cas de

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

Page 40: Mise en place d’un outil de communication par Web Cas de

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 à

l’adresse http://validator.w3.org/. (cf. Annexe 06)

3.5.3. Préparation des fichiers pour le skin

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é

Page 41: Mise en place d’un outil de communication par Web Cas de

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

Page 42: Mise en place d’un outil de communication par Web Cas de

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

Page 43: Mise en place d’un outil de communication par Web Cas de

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.

Page 44: Mise en place d’un outil de communication par Web Cas de

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

Page 45: Mise en place d’un outil de communication par Web Cas de

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.

Page 46: Mise en place d’un outil de communication par Web Cas de

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

Page 47: Mise en place d’un outil de communication par Web Cas de

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

Page 48: Mise en place d’un outil de communication par Web Cas de

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

Page 49: Mise en place d’un outil de communication par Web Cas de

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 :

Page 50: Mise en place d’un outil de communication par Web Cas de

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.

Page 51: Mise en place d’un outil de communication par Web Cas de

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

Page 52: Mise en place d’un outil de communication par Web Cas de

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

Page 53: Mise en place d’un outil de communication par Web Cas de

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.

Page 54: Mise en place d’un outil de communication par Web Cas de

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

Page 55: Mise en place d’un outil de communication par Web Cas de

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

Page 56: Mise en place d’un outil de communication par Web Cas de

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

Page 57: Mise en place d’un outil de communication par Web Cas de

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

Page 58: Mise en place d’un outil de communication par Web Cas de

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.

Page 59: Mise en place d’un outil de communication par Web Cas de

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

Page 60: Mise en place d’un outil de communication par Web Cas de

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

Page 61: Mise en place d’un outil de communication par Web Cas de

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

Page 62: Mise en place d’un outil de communication par Web Cas de

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

Page 63: Mise en place d’un outil de communication par Web Cas de

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 :

Page 64: Mise en place d’un outil de communication par Web Cas de

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

Page 65: Mise en place d’un outil de communication par Web Cas de

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.

Page 66: Mise en place d’un outil de communication par Web Cas de

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.

Page 67: Mise en place d’un outil de communication par Web Cas de

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.

Page 68: Mise en place d’un outil de communication par Web Cas de

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

Page 69: Mise en place d’un outil de communication par Web Cas de

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">

Page 70: Mise en place d’un outil de communication par Web Cas de

Mise en place d’un outil de communication par Web - Cas de la Société Magiquemedia

Rafanoharana Serge Claudio DESS - TNSI

70

<table border="0" align="center" width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="210" class="droite_fond_pole" align="center" valign="top"> <!-- debut 000 contenu gauche --> <table width="200" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td width="200" valign="top"> <!-- debut 001 contenu gauche --> <br> <div width="100%"> <table class="menutext"> <!-- BEGIN:cattreenode --> <tr><td style="padding-left: {shift};"> {ROMB} <img src="images/spacer.gif" width="6" height="1"> <a href="{CATHREF} " class="{textclass} " >{catalogname} </a> </td></tr> <!-- END:cattreenode --> </table> {staticleftlinks_field_text_rus} </div> <!-- BEGIN:ref_title --> <hr> Справочник <!-- END:ref_title --> <!-- BEGIN:reftreenode --> <table> <tr> <td ><img src="images/spacer.gif" width="{shift} " height="1"> <td >&#8226;</td> <td ><a href="{CATHREF} " class="{textclass}">{catalogname}</a></td> </tr> </table> <!-- END:reftreenode --> <!-- fin 001 contenu gauche --> </td> </tr> </table> <!-- fin 000 contenu gauche --> </td> <td valign="top"> <div id="milieu_contenu_text"> <!-- debut 000 contenu milieu --> <table border="0" cellpadding="5" cellspacing="0"> <tr> <td valign="top"><br /> <!-- debut 001 contenu milieu --> <br /> <div>{TOP}</div> <div>{POLE} </div> <div>{HOT}</div> <div>{BOTTOM} </div> <!-- fin 001 contenu milileu --> ……. …….

Page 71: Mise en place d’un outil de communication par Web Cas de

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

Page 72: Mise en place d’un outil de communication par Web Cas de

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

Page 73: Mise en place d’un outil de communication par Web Cas de

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

Page 74: Mise en place d’un outil de communication par Web Cas de

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

Page 75: Mise en place d’un outil de communication par Web Cas de

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

Page 76: Mise en place d’un outil de communication par Web Cas de

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

Page 77: Mise en place d’un outil de communication par Web Cas de

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

Page 78: Mise en place d’un outil de communication par Web Cas de

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

Page 79: Mise en place d’un outil de communication par Web Cas de

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