Dédicace :
A ma famille
Remerciements :
Tout à bord le Dieu tout puissant pour non seulement le souffle de vie
accordé mais pour toutes les grâces dont il nous inonde au quotidien.
Contraintes techniques :..............................................................................................................42
Matériels et outils utilisés :...............................................................................................................43
Les ressources du projet :.................................................................................................................44
Les ressources humaines :............................................................................................................44
Les ressources logicielles :............................................................................................................45
Coût du projet :............................................................................................................................46
Planning de travail :......................................................................................................................46
Chapitre IV : Implémentation...............................................................................................................49
Résumé
Dans le cadre de notre formation d’ingénieur informaticien à 3IAC, et surtout de par le besoin
d’acquérir de l’expérience dans le milieu professionnel, de la maturité en faisant face aux
difficultés du monde de l’emploi, nous avons été amenés à effectuer un stage académique au
sein de Financial House S.A dans son agence sis Akwa Palace. Ce stage s’est révélé très
instructif car il nous a permis d’entrevoir l’univers de la finance, la place et l’importance de
l’informatique dans celui-ci. A cet effet après une étude minutieuse des outils de l’entreprise,
une constatation a été faite : le site web de la structure présente beaucoup de manquements.
C’est partant de là que nous nous sommes attelé à travailler sur « la refonte du site web de
Financial house S.A». La refonte du site web consiste concrètement à dépecer l’ancien site
afin de déceler ses faiblesses, d’en extirper le contenu ou les points intéressants, et de repartir
sur une base plus complète palliant les faiblesses décelées. Ce travail se mène d’abord en
effectuant une présentation de l’entreprise laquelle sert de repère dans l’élaboration de
certains axes, puis une étude globale sur les sites web en donnant les notions connexes, la
catégorisation et la typologie afin de ressortir le prototype du site, ensuite une analyse et une
critique de l’existant est réalisée, le but étant de ressortir les aspects à rajouter. Le cahier de
charges a été mis sur pied à cet effet pour étayer les besoins du nouveau site et ses axes de
développement avant de passer à la phase d’implémentation. Il en ressort de ce projet, qu’un
site web va au-delà de l’idée de programmation, c’est réellement un outil d’envergure pour
toute entreprise qui se veut compétitive sur le marché, ceci étant dû à l’essor de l’internet et
des nouvelles technologies.
Abstract
As part of our training as a computer engineer at 3IAC, and especially by the need to acquire
experience in the professional environment, maturity in facing the difficulties of the world of
employment, we were brought to carry out an academic internship within Financial House SA
in its agency located at Akwa Palace. This internship was very informative because it gave us
a glimpse of the world of finance, the place and importance of IT in it. To this end, after a
careful study of the company's tools, one observation was made: the structure's website has
many shortcomings. It is from there that we set out to work on "the redesign of the website of
Financial house S.A". The redesign of the website consists in concrete terms of dismembering
the old site in order to detect its weaknesses, to root out the content or the interesting points,
and to start again on a more complete basis to overcome the weaknesses detected. This work
is carried out first by making a presentation of the company which serves as a benchmark in
the development of certain axes, then a global study on the websites by giving the related
notions, the categorization and the typology in order to highlight the prototype of the site, then
an analysis and a critique of the existing one is carried out, the goal being to highlight the
aspects to be added. the specifications were established for this purpose to support the needs
of the new site and its development axes before moving on to the implementation phase. It
emerges from this project that a website goes beyond the idea of programming, it is really a
major tool for any company that wants to be competitive on the market, this being due to the
boom internet and new technologies.
抽象的
Chōuxiàng de
zhìdìngle guīfàn, yǐ zài jìnrù shíshī jiēduàn zhīqián zhīchí xīn zhàndiǎn jí qí fāzhǎn zhóu de
xūqiú. Cóng zhège xiàngmù zhōng kěyǐ kàn chū, wǎngzhàn chāoyuèle biānchéng de gàiniàn,
duìyú rènhé xiǎng yào zài shìchǎng shàng jùyǒu jìngzhēng lì de gōngsī lái shuō, tā quèshí shì
yīgè zhǔyào gōngjù, zhè shì yóuyú hùliánwǎng hé xīn jìshù de fánróng.
Introduction
Dans le cadre de notre stage académique, nous avons été accueillis par la structure Financial
House S.A. Mais en gros qu’est-ce que Financial House ? Qu’est-ce qu’elle nous a apporté ?
I- Présentation de l’entreprise
Financial House S.A est un établissement de Microfinance de deuxième catégorie agréé par
toutes les instances de contrôle et de supervision (MINFI, CNC, COBAC) on entend par là
Financial House S.A voit le jour en 2002 dans la ville de Yaoundé sous la houlette de jeunes
financiers Camerounais. Depuis l’an 2004, l’établissement vise à s’étendre sur l’ensemble du
territoire national. Pour ce faire, à l’heure actuelle ce dernier possède déjà un réseau de sept
agences qui sont concentrées dans les trois principales villes du Cameroun à savoir :
Trois agences dans la ville de Douala plus précisément dans les quartiers
Bonamoussadi, Akwa (où s’est effectué notre stage) et NewBell
Trois agences à Yaoundé plus précisément à Etoudi, à Mokolo et à l’Hippodrome qui
représente son siège social.
Une agence dans la ville de Bafoussam non loin de l’hôtel FEDERAL
Financial House S.A se donne pour objectif global d’offrir les produits et les services
financiers à toute type de personne (particulier ou entreprise) de faible revenu (ou
intermédiaire) exclu du système bancaire classique et de la meilleure des façons
possible.
I.4 Missions
La mission de Financial House S.A n’est pas des moindre. La société veut être à même
d’offrir ses services sur l’ensemble du territoire aussi bien dans le milieu urbain que
rural. Dans le but de concrétiser son objectif, la société chemine en suivant trois axes
principaux :
La lutte contre la pauvreté sans distinction de milieu
Le soutien des clients par la mise en place d’une assistance financière et la mise à
disposition de financements pour divers projets.
La recherche de financements externes dans le but de promouvoir les petites et
moyennes entités, les artisans et même les individus du secteur informel.
Dans un souci de clarté il est question pour nous de donner premièrement la structure de
gouvernance globale puis de rentrer dans le cadre d’une agence.
a- Structure gérante
• L’Assemblée Générale des actionnaires : Elle est l’organe de décision par excellence. Elle
se compose d’individus exerçant dans divers domaines mais tous de nationalité
camerounaise. Cette assemblée se réunit au moins une fois par an.
• Le Conseil d’administration :
Composé de cinq administrateurs désignés pour une durée de six ans, ce groupe se réunit
plusieurs fois dans l’année aux fins :
- D’arrêter les comptes de l’exercice clos (n-1)
- D’évaluer la mise en œuvre du budget (n-1) et valider le budget de l’exercice suivant (n)
Afin de poursuivre sa mission, trois comités spécialisés ont été créés au sein du Conseil
d’administration :
Il a pour missions :
- De veiller à la fiabilité et à la clarté des informations financières préparées par la Direction
Générale et les Commissaires aux Comptes ;
- Le suivi du contrôle légal des comptes annuels et, le cas échéant, des comptes consolidés
par le Commissaire aux Comptes
- Proposer à l’organe exécutif et à l’organe délibérant des orientations, dans le respect des
dispositions règlementaires, en matière d’identification, de déclassement, de provisionnement
des créances risquées, de restructuration des crédits ;
Il est chargé de :
- Formuler des propositions au Conseil d’Administration pour la gestion des conflits
d’intérêts par la mise en place, le suivi et l’évaluation d’un code d’éthique et de bonne
conduite des affaires ;
- Réaliser systématiquement l’évaluation de performances du Conseil d’Administration, de
ses comités spécialisés et de ses membres ;
- Réaliser annuellement l’évaluation de performances des membres de la Direction Générale
L’organe de gestion
clients récalcitrants il effectue un recouvrement par la force ceci passe par un protêt,
des convocations au commissariat, des sommations et plus loin par des saisies.
Le service informatique :
Voulant évoluer dans l’aire du temps, ainsi partant dans l’optique d’optimiser ses
tâches, Financial House S.A utilise de façon constante les outils informatiques.
Ordinateurs, imprimantes, téléphones fixes, photocopieuses, scanners, logiciel de
Apport du stage :
Ce stage fut intéressant sous plusieurs points :
Le plan personnel : il a été l’occasion pour nous de faire de nouvelles rencontres avec
des personnes de culture, de moralité différentes, qui ont pu, m’édifier chacune à leur
façon, le personnel étant très hospitalier et soucieux de nous. En outre ce fut une
occasion d’entrer en contact avec le monde professionnel, et un constat sans appel la
présentation est primordial dans le monde de l’emploi car c’est un élément de
communication non verbale à ce sujet Financial House S.A a un regard (un code) très
stricte en ce qui concerne le vestimentaire et le comportement.
Sur le plan professionnel : cela nous a permis d’acquérir de l’expérience
professionnelle, de s’enrichir sur le domaine de la finance, de la culture d’entreprise,
et surtout de l’informatique. Nous avons eu à apprendre à effectuer un certain nombre
de tâches ( mentionnées dans le déroulement de stage) qui nous ont permis de mieux
entrevoir le secteur d’activité des Microfinances et par ricochet des notions de bases
du système bancaire tout en mettant en avant les enjeux de l’informatique dans ce
secteur.
Etude préalable
Définition de la notion de site web :
Dans le sens largement technique, on peut définir un site web comme étant un ensemble de
pages web reliées entre elles par des liens hypertextes, conçu dans le but d’être consulté sur
un serveur qui l’hébergera. Pour étayer cette définition, il est pertinent de savoir qu’une page
web n’est en réalité qu’un fichier écrit dans un langage web (notamment le HTML), possédant
une extension .html et compréhensible par un navigateur.
Cette définition nous permet de connaître le site web dans sa nature mais à proprement parler,
sur le plan fonctionnel, celui-ci est outil dont l’intérêt est de pouvoir résoudre un problème
On distingue deux catégories de sites à savoir : les sites web statiques et dynamiques.
Un site web statique est un site web dont le contenu reste invariant et il n’y a pas d’interaction
possible entre l’utilisateur et le site web. Il se charge de présenter les informations telles que
passer dans son code et sans adaptation ou réelle animation possible. C’est principalement ce
qui était possible à la base lors du développement des langages web mais avec l’évolution
cela a été vite obsolète et remplacé par les sites dynamiques.
Un site web dynamique est un site web dont les fonctionnalités sont travaillées afin de
pouvoir interagir avec le potentiel utilisateur. Cette interaction englobe les animations,
l’adaptation du contenu, l’envoi et le recueil d’informations et bien d’autres.
Typologie
Etant un outil, le site web se voit attribué plusieurs fonctions et de ce fait on peut distinguer
la plupart du temps, les types ci-après:
Les sites vitrines : ce sont des sites dont la vocation est de vendre l’entreprise.
Dans cette optique les sites vitrines se doivent présenter l’entreprise de fond en
comble (son activité, son actualité, ses valeurs et réalisations). ils ne font que présenter
des informations et rien de plus, il n’y a pas d’échange avec celui qui consulte.
Les sites de e-commerce : ce sont les sites qui permettent l’achat en ligne de produits
et ou services. Ces sites permettent de parcourir les produits d’une entreprise, les
ajouter généralement à un panier puis procéder à l’achat.
Les blogs : ce sont des sites qui permettent à de tierces personnes d’échanger et de
donner leur avis (surtout pour des experts) sur des sujets divers. Ces personnes partage
leurs expériences et connaissances aux consultants du blog
Les sites collaboratifs : ce sont des sites dont le but est de partager un ensemble de
connaissances ou de documents (livres, découverte, article etc…). C’est le cas des
standards comme Wikipédia
Les sites communautaires : ce sont des sites de conversation. Ils réunissent un
ensemble d’utilisateurs ayant les mêmes intérêts et passions, ces derniers créent des
topics dessus pour en débattre (on parle souvent de communauté virtuelle).
Les sites portail : ce sont des sites web qui nécessite au préalable de s’identifier avant
de pouvoir accéder à leurs ressources. C’est le penchant de grand nombre
d’applications web qui demandent au préalable à l’ouverture du site de se connecter en
entrant un identifiant et un mot de passe pour pouvoir profiter de ses fonctionnalités
suivant les droits de chacun.
Les sites intranet : ce sont des sites dont l’accès est restreint ceci étant dû au fait
qu’ils s’utilisent dans des réseaux privés. La plupart du temps ils sont usités pour la
communication, l’échange ou le travail dans un groupe. On les retrouves plus souvent
en entreprise (cas de FINANCIAL HOUSE S.A).
Qu’importe le type du site, ce dernier se voit toujours avantageux. En effet posséder un site
(bien réalisé et abouti) devrait être une priorité pour toute entreprise car :
Un site donne aux clients et aux potentiels clients des informations pertinentes au
sujet de l’entreprise (services, produits, localisation et moyens de contact de
l’entreprise)
Un site web, sur internet, est une affiche permanente (consultable à toute heure et tous
les jours) et visible (vitrines, e-commerce) par tous ce qui peut avoir pour effet
d’appâter de nouveaux clients.
Dans le cas des sites portails (pour les applications web), ces derniers permettent de
soulager les ordinateurs car ils sont stockés sur des serveurs et non sur les disques ce
qui est pratique pour les problèmes de stockage et rallonge la durée d’utilisation des
dits ordinateurs.
Un site est un outil publicitaire facilement modifiable. En effet pour une entreprise,
reprendre son site web (ajout ou suppression d’informations, restructuration) est
beaucoup moins coûteux que de refaire 500 flyers par exemple, en plus s’il a été
produit à l’aide d’un CMS (Wordpress) il est encore plus facile de l’actualiser.
Dans le cadre du e-commerce, un site web peut jouer au niveau de l’automatisation
des tâches. Les sites de e-commerce permettent aux entreprises de vendre avec
beaucoup plus de simplicité et d’aisance que ce soit dans la commande que dans la
paie des articles commandés, tout ce passe à travers le site.
Un site est un investissement à long terme. Le site web d’une entreprise à moins que
celle-ci ne décide de le retirer, restera très longtemps sur le net.
Etude de l’existant :
Présentation de la concurrence de FINANCIAL HOUSE S.A
La microfinance au Cameroun est un secteur fortement concurrentiel. On y retrouve un
grand nombre d’acteurs qui offrent des produits et services homogènes dans l’ensemble. Au
31 décembre 2020, le secteur de la microfinance camerounais compte 419 EMF agrées dont
48 de deuxième catégorie. S’agissant des produits et services, le crédit, l’épargne, le transfert
d’argent, l’assurance et le financement des projets représentent l’essentiel de l’offre du
secteur.
Sur le plan du numérique, très peu d’EMF ont entamé la phase de la transformation digitale ;
05% à peine disposent d’un site internet. Les principaux concurrents directs identifiés dans
nos environnements d’exercice sont les suivants : Advans Cameroun, CEPI S.A, ACEP
Cameroun, Express Union Finance S.A, Vision Finance, FOCEP S.A, La Régionale S.A et le
Pèlerin S.A. Parmi ces derniers, seuls ADVANS, FOCEP, LE PELERIN, LA REGIONALE,
UNICS et ACEP disposent de site internet à jour et assez qualitatif.
A l’ouverture du site de Financial House S.A, on note que celui-ci s’arrime principalement
autour des couleurs de l’entreprise (pour respect de la charte graphique).son entête présente le
logo de l’entreprise ainsi que sa devise, l’heure et la date dans le coin gauche supérieur. A
l’extrême droite supérieure on a deux liens vers les contacts de l’entreprise et son réseau. La
barre de navigation se compose de six menus comme sur la capture ci-après :
La page d’accueil présente en premier un carrousel d’images diverses en rapport avec les
services et l’actualité de l’entreprise. Dans la suite viennent le mot du PCA, les services, les
atouts, l’actualité et le réseau de Financial house S.A. les autres menus se composent de
plusieurs sous éléments présentés dans les captures suivante :
Figure 4:Menu "nos actualités" et ses sous menus du site de Financial House S.A
Points forts :
Le site propose un certain degré de liberté en permettant de choisir d’une part la
langue dans laquelle on souhaite le consulter (toutefois ce choix est limité à l’anglais
et au français), le type d’affichage (il possible d’avoir un affichage expéditif ou bien
un autre plus détaillé), en outre il existe un filtre de recherche pour plus de pertinence
dans leur exécution.
Les informations présentées dans le site web sont assez complètes, elles essaient de
toucher quasi tous les points de l’entreprises (la gouvernance, les produits et service,
l’historique etc…) et présente un élément de réponse satisfaisant
La présence de liens permettant directement d’accéder aux pages sur les réseaux
sociaux de l’entreprise, ce qui évite quand on veut les contacter via ces canaux d’avoir
à chercher.
Le site fait montre d’un ensemble de petites icônes, d’images et d’animations
intéressantes et agréables.
Enfin, le site possèdes des formulaires premièrement pour laisser un commentaire et
deuxièmement pour gérer les candidatures de recrutement en ligne.
Le design :
Advans Cameroun : Le design est très soigné, professionnel, et simpliste. Les
couleurs sont en accord avec le logo de l’entreprise. Les images et la police sont très
soignées.
Financial House S.A : Il est assez rustique. Les couleurs sont bien en accord avec la
charte graphique. La police quant à elle est dépassée. Les images sont simples mais
explicites.
ACEP Cameroon : Les images sont simples mais très bien employés. Une belle
uniformité dans le choix des couleurs qui donne un tout cohérent
Responsive :
Advans Cameroun : L’affichage mobile est aussi bien travaillée que celle sur
machine le site s’adapte au contenu.Financial House S.A : L’affichage mobile
manque de sophistication, il est plus problématique que celui sur ordinateur.
ACEP Cameroon : Le contenu est travaillé de sorte qu’il puisse s’adapter à la station
de lecture
Contenu :
Advans Cameroun : Les informations sont bien présentent mais malheureusement
trop brèves. Ne pouvant pas suffisamment édifier le lecteur. Les pages sont très
épurées.
Financial House S.A : Les informations sont très détaillées et assez complètes.
Malheureusement ces informations viennent surplomber certaines pages ; en outre il y
existe des éléments mal placés.
ACEP Cameroon : Les informations sont suffisantes bien qu’elles pouvaient être
plus prononcées sur certains points. Les informations sur les pages ne sont ni trop, ni
pas assez
Malléabilité :
Advans Cameroun : Le site présente une navigation « abstraite », les onglets de
navigation sont beaucoup trop distraits et se perdent au milieu des contenus beaucoup
plus travaillés. De plus, le site est unilingue ce qui n’est pas forcément pour plaire.
Aucun onglet n’est prévu pour effectuer une quelconque recherche.
Financial House S.A : Les onglets de navigation sont très détaillés et bien visible.
D’autres options permettent d’augmenter le degré de liberté du site notamment le
choix de la lange, la définition d’un affichage horizontal ou vertical ou encore la
recherche et ses différents filtres
ACEP Cameroon : Tout comme le site de Financial House S.A, celui de ACEP est
largement fourni dans la navigation, la recherche et le choix de la langue
malheureusement pas de choix d’affichage possible.
L’interactivité :
Advans Cameroun : De nombreux outils ont été implémentés pour donner libre
expression au consultant du site notamment le chat bot dès l’ouverture du site, et
l’espace commentaire
Points faibles :
Du tableau comparatif ci-haut, se dénote les points suivant :
Le responsive mal géré : en effet, il y a comme un déphasage entre l’affichage sur
ordinateur, tablette et l’affichage sur téléphone. Sur mobile on a une superposition des
menus sur la barre de navigation, certains éléments sont placés au-dessus des autres, il
y a des informations qui sont déplacées etc.
Surcharge de la page d’accueil: la page d’accueil d’un site représente sa porte
d’entrée. Tout peut se jouer sur cette page, c’est elle qui doit amener le lecteur à
continuer la navigation dans le site. A cet effet celle-ci se doit de faire une
présentation de l’entité mais en laissant une fenêtre aux autres pages pour plus de
précisions. Le site de Financial en fait un peu trop, il essaie de faire un résumé détaillé
et expansif de l’entreprise et su site, ce qui l’alourdit et peut vite fatiguer le potentiel
prospect.
Mauvais dimensionnement de certaines composantes : le pied de page est le même
dans toutes les pages et à chaque fois, l’on a droit à ses images qui sont mal
dimensionnés et désordonnés ce qui entache le design global du site.
Le design et la police assez datés : Au vu des nouveaux sites web, il ne fait pas
l’ombre d’un doute que le site de Financial House ne fait plus le poids. La police est
dira t on has been ; il en est de même pour les couleurs qui sont trop univoques et
enfin le pied de page pas très réussi qui vient rallonger la facture déjà salée.
Le site possède des contenus souvent répétitifs : certaines images sont usitées
plusieurs fois pour présenter pourtant des produits très différents. Cela peut prêter à
confusion.
Le site web n’interagit pas réellement avec l’utilisateur : contrairement aux sites
actuels proposant des solutions d’échange avec les utilisateurs, celui de Financial se
Solution envisageable :
FINANCIAL HOUSE dans son plan de développement entend se positionner comme un
acteur majeur du secteur de la microfinance
Nous avons donc jugé important d’apporter de palier aux faiblesses plus haut citées. Dans
cette visée, nous avons entrepris de reconcevoir le site web, et à cet effet plusieurs options
s’offrent à nous : développer le dit site ou le confier à une agence web.
Analyse du besoin :
Dans le cadre de la création de son nouveau site internet, l’entreprise Financial House S.A
nous demande d’améliorer son site, de le rendre beaucoup plus compétitif. Une certaine
largesse nous est permise, néanmoins des exigences ont été émises.
Un site web traduit permet de rejoindre un public plus large : Un site Internet à la fois
en français et en anglais permet de toucher un spectre de personne plus large.
L’anglais étant l’une des langues les plus parlées dans le monde.
- Le choix sémantique : le choix des mots peut paraître anodin mais ce choix est crucial
dans le cadre du développement d’un site, le fait étant qu’il améliore l’expérience
utilisateur en facilitant la navigation et améliorant le référencement. Dans le secteur de
la microfinance particulièrement, la clarté et la précision sont des facteurs clés dans la
conquête du client. Ainsi on optera pour des termes pas très longs, simples à
comprendre, identifiables (il s’agit là de donner des mots et des expressions dont on
peut aisément avoir une idée), et facilement mémorisables
Objectifs
Le site web de Financial doit permettre clairement et avec véracité, de présenter
l’entreprise afin de donner une plus ample connaissance à sa clientèle.
Il doit servir de canal à l’Etablissement pour communiquer avec ses clients
Afficher un design modèle et neutre pour séduire tout type de public
Présenter une image conforme avec celle de l’entreprise (respect de la charte
graphique).
Améliorer le SEO de Financial House S.A
Cible
Pour le développement de son activité, Financial House S.A mise plus sur un public
professionnel. Mais ses services sont disposés pour tout individu qui souhaite
bénéficier de ceux-ci, en allant des tous jeunes entrepreneurs aux retraités en passant
même par des fonctionnaires. Financial House S.A offrant des services bancaires, sa
clientèle n’est pas type. Donc le public ici visé n’est pas catégorique, il est large.
Toutefois nous pouvons définir le tableau ci-après :
Objectif quantitatif
Les agences de Financial reçoivent un trafic plutôt dense et sa clientèle se veut
croissante. Les consultations doivent donc refléter voire surpasser le trafic en
présentiel actuel dont 20% au moins représentent de potentiels clients.
Périmètre du projet
Ici il est question de fixer les bornes du projet afin de mieux le situer. Ainsi :
Nous optons pour un site Internet traduit, dans les langues officielles du Cameroun à
savoir le français et l’anglais.
Il est question de dissoudre le nouveau site dans l’ancien, ceci veut dire que certains
de ses composantes seront réutilisés, concaténés pour être joints au nouveau. De
l’ancien site le nouveau gardera les menus « A propos de nous » et « Accueil » les
autres seront supprimés et deux nouveaux menus feront surface « produits &
services » et « contacts»
Le site web n’aura malheureusement pas de boutique en ligne et ne devra donc pas
prendre en charge les paiements en ligne
Le site web sera adaptatif : l’affichage de son contenu doit être fonction de l’appareil
de consultation du site. Produire un site adaptatif permet d’élargir son champ d’action
car cela donne un confort à tout utilisateur, augmentant le potentiel du site.
Le site web doit permettre de donner de l’importance à l’utilisateur : à cet effet il
embarquera un système de newsletters, de commentaires, et même permettre le
partage de contenu. Ces systèmes ont deux buts en particulier : améliorer le
dynamisme du site et donner de l’importance aux consultants du site internet.
Wireframe
Arborescence :
Architecture :
s’avère crucial pour le classement du site dans les moteurs. Il existe en effet deux
principaux styles de maillage architectural :
Le maillage en arbre généalogique : il permet de présenter les liens entre les pages
supérieures et les pages inférieures, ceci permet d’avoir une excellente visibilité sur la
structure du site mais elle ne permet pas de faire de spécificité entre des contenus
identiques
Le maillage en silo : c’est un style très technique qui permet de définir clairement les
fonctions de chaque page en donnant ainsi un ordre d’importance à celle-ci.
L’inconvénient de celui-ci est qu’il est beaucoup plus complexe dans la
compréhension et donc beaucoup plus difficile à réaliser.
Dans une optique de clairvoyance et de praticité nous présenterons un maillage en
arbre généalogique et identique à l’arborescence ci-haut. Le fait étant que le site doit
captiver dès la page d’accueil.
Il est important de définir préalablement les contenus des différentes pages. La liste
des contenus permet justement à cet effet de savoir de quoi doit parler chaque page
web.
Le site étant essentiellement une vitrine et communicatif, le texte sera prépondérant
dans celui-ci, mais le visuel ne sera pas pour autant négligé car il joue également
important (le plaisir des yeux peut pousser à la lecture).
Les menus se déclineront de la sorte :
Accueil : il doit captiver, et dans cette optique il doit avoir beaucoup d’éléments
graphiques (images, vidéos), présenter surtout l’image de l’entreprise et sa vision
(c’est un facteur auquel le client d’identifie très souvent, le lecteur doit se sentir
concerné) et aussi offres les plus alléchantes de l’établissement.
Les produits & services : le client curieux ou préoccupé s’y dirigera sans doute. Il
devra donc être le plus explicite possible.
Contraintes techniques :
Hébergement : compte tenu des objectifs mentionnés, l’hébergement joue un rôle
crucial dans ce projet. Se devant rester dans l’image de l’entreprise, le site doit être
sécurisé et toujours accessible, ainsi il faudra privilégier un hébergement sécurisé, et
donc les sauvegardes sont quotidienne afin d’assurer la disponibilité du site même en
cas de pannes. La vitesse de chargement représente aussi un critère important dans le
référencement des sites web, le serveur d’hébergement doit dès lors être facilement
accessible.
La suivie et la maintenance : quoi que l’on face on est difficilement à l’abri des
pannes, alors il est important de rapidement les corriger voire les prévenir (utilisation
de protocoles sécurisés, sauvegardes continuelles). Il faudra donc former une équipe
prête à intervenir de façon efficiente. Le nouveau site est un investissement pour
l’entreprise, il est donc important de vérifier sa rentabilité, il s’agira donc de vérifier si
l’objectif quantitatif est atteint et dans le cas contraindre trouver des solutions pour y
remédier.
Les solutions de développement : le site utilisera un framework (Bootstrap) pour le
responsive. Le responsive ou plus couramment responsive web design est une
technique de conception qui permet d’adapter l’affichage d’une page en fonction de
l’écran terminal sur lequel il sera lu. Le design et la marque visuelle du site Web
doivent être cohérents afin de garantir l'affiche exacte souhaitée. Il est question
d’utiliser les Polices de caractères prises en charge par la majorité des navigateurs web
et systèmes d’exploitation. Les web safe fonts améliorent l’ergonomie du site internet
et offrent une vitesse de chargement plus rapide. Deux critères importants pour
optimiser l’expérience utilisateur sur vos pages.
Etant donné que le site sera mobile il est important que son affichage soit agréable
qu’importe la station de consultation. En outre avec son système de grille le bootstrap
nous permettra de mieux positionner nos éléments dans la fenêtre.
code.
Just Color Picker pour le développement gratuit
d’une application, le
design est très important.
Le choix des bonnes
couleurs est d’une
importance primordiale.
Ce logiciel se présente
alors pour nous offrir une
palette varié et bien garni
de couleur dans le système
RVB.
Gloomaps il s’agit d’un logiciel en gratuit
ligne qui permet très
simplement de créer des
arborescences de site.
Coût du projet :
Planning de travail :
Les taches dans ce projet sont organisées et réalisées dans l’ordre suivant :
Le travail se déroule sur 34jours allant du 14 juin 2021 au 19 Juillet 2021 suivant la
répartition du diagramme ci-après :
Ainsi le dossier image contient toutes les images qui sont usitées dans le projet. Html
l’ensemble des programmes Html créés, CSS-bootstrap l’ensemble des feuilles de
styles, Javascript l’ensemble des scripts utilisées, et Php l’ensemble des fichiers.php.
Présentation des quelques éléments :
La barre de navigation :
Elle est conçue dans des tons très clairs afin de faire ressortir les couleurs du logo de
l’entreprise. Elle suit l’arborescence présentée. Dans l’extrême droite, se présente une
zone de saisie et un bouton de validation utilisés tous deux pour la recherche.
Le pied de page :
Il est identique pour chaque page du site. Il se compose très simplement des différents
canaux sociaux utilisables pour contacter l’entreprise, d’un lien permettant de revenir
au début de la page, et du nom de l’entreprise.
Les menus de navigation : les menus Produits & services ainsi que à propos de nous
présentent plusieurs sous menus. Pour les produits & services ces sous menus
représente les divers catégories de produits de l’entreprise.
Figure 14: présentation des sous menus de l'onglet "produits & services"
A propos de nous présente en sous options les points jugés importants de connaitre sur
l’entreprise, la répartition est la suivante
Figure 15: présentation des sous menus de l'onglet "a propos de nous"
Le menu contact : c’est le siège des interactions. C’est là que où se trouve tous les
moyens d’échanger ou de contacter la structure. Il y est possible de voir son réseau
d’agences, leur localisation ainsi que les numéros de téléphones :
Conclusion :
Somme toute, il a été question pour nous tout au long de ce projet de procéder à la refonte du
site web d’une entreprise, le cas de Financial House S.A. il en ressort que la conception d’un
site web ne se fait pas dans le tas, elle passe par un certain nombre d’étapes bien précises
partant de l’analyse du besoin à la réalisation, en passant par l’élaboration d’un cahier de
charges permettant de définir le périmètre du projet, sa planification et son coût. Outre il en
ressort que le site web est devenu au vu de l’état compétitif actuel du marché, un outil quasi
indispensable dans la communication, et le bon fonctionnement même de l’entreprise. Ce
projet fut une expérience unique pour nous tant il nous a permis de se confronter aux réalités
du secteur de l’emploi, et d’asseoir nos compétences de façon générale dans l’informatique
de par les nouvelles notions apprises durant la période de stage et la gestion de projet durant la
rédaction du cahier de charges. Toute œuvre humaine n’étant pas parfaite, le site est toujours
en réalisation et comme perspective nous aspirons de pouvoir le transformer en véritable
application réseau pour permettre à l’entreprise d’effectuer des téléservices.
Webographie :
Lexique :
Core Banking : il s’agit des logiciels spécifiques utilisés pour la gestion des opérations
bancaires.
Web safe font : il s’agit d’une police utilisable sur la majorité des navigateurs
Chat bot : c’est un programme informatique conçu pour simuler une conversation avec
des utilisateurs humains, généralement sur internet
CMDB : c’est une base de données dont le but est de contenir tous les éléments de
configuration des équipements d’un parc informatique
NAS : il s’agit d’un serveur dont le but est de centraliser le stockage des données au
sein d’un réseau
SEO : c’est l’ensemble des techniques qui visent à améliorer le référencement d’un
site web dans les recherches
Annexe :
Grille de notation du tableau comparatif :
1 : insatisfaisant
2 : moyen
3 : bien
5 : excellent