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