EPREUVE INTEGREE DE LA SECTION : BREVET D'ENSEIGNEMENT SUPERIEUR DE WEBDEVELOPER ENSEIGNEMENT SUPÉRIEUR ECONOMIQUE DE TYPE COURT - Bruno ...

Institut de Formation supérieure de la Ville de Wavre

          EPREUVE INTEGREE DE LA SECTION :
BREVET D’ENSEIGNEMENT SUPERIEUR DE WEBDEVELOPER

ENSEIGNEMENT SUPÉRIEUR ECONOMIQUE DE TYPE COURT

                   « Création du site internet
                   Embeltore Behari Tirana »

            Rapport présenté par Fabrice Taquet
                  Superviseur : Marc Jacquet

                       Année: 2017-2018
  Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                 1/23

Table des matières

Page 1 : introduction

Page 4 : outils

Page   6 : analyse
  –    les bases de données
  –    modules créés pour le site
  –    les formulaires

Page   15 : le contenu
  –    la navigation
  –    le choix des couleurs
  –    les polices de caractères
  –    la techniques
  –    la maintenance

Page 19 : hébergement et référencement

Page 22 : conclusion

           Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                          2/23

Introduction
Présentation du client :
L'entreprise Behari est une pâtisserie familiale située à Tirana (Albanie).
Un ami l'ayant reprise en 2014, il désirait renouveler la clientèle et attirer plus de
jeunes.
Les premières solutions mises en place sont les réseaux sociaux Facebook et
Instagram.
Il faut savoir que les albanais n'utilisent que peu l'internet classique, mais surtout des
applications pour smartphone.
Au fur et à mesure de l'évolution de son projet, en discutant avec lui, nous nous
sommes rendu compte que le tourisme se développant de plus en plus en Albanie, il
serait bon d'attirer également les étrangers de passage.

Présentation du projet :
Un premier site type 'carte de visite' a été créé l'an passé par mes soins. La seule
partie dynamique de ce site était la récolte d'information du formulaire de contact.
L'objectif de ce premier site était surtout de voir si le référencement et les visites
valaient la peine d'investir dans un second site plus complet.
Objectif atteint avec une trentaine de visites par jours et une vingtaine de demandes
de renseignements sur l'année.
Nous avons donc décidé de mettre en place un second site plus complet et avec
possibilités de mises à jour par leur soins.

Réflexion marketing sur le projet :
Pourquoi 3 langues (français, anglais et albanais) ?
Il faut savoir que si l'Albanie contient +/- 10 millions d'habitants, il y a également +/-
10 millions d'Albanais vivant en exil. Ceux issus de la première génération
connaissent encore bien leur pays et ses bonnes adresses.
En travaillant le site en Albanais, nous avons voulu pouvoir toucher les deuxième et
troisième générations qui vont faire des recherches dans la langue albanaise.
Le choix du français vise essentiellement les Français qui ne connaissent aucune autre
langue que la leur...
Pour l'anglais, nous visons les potentiels touristes d'autres pays qui vont logiquement
faire des recherches en anglais sur un pays dont ils ne parlent pas la langue.

Réflexion technique sur le projet :
De par mon expérience en tant que responsable de projet dans une agence de e-
marketing m'a fait découvrir que, en général, les clients n'ont pas trop le temps
d'apprendre à se servir d'un CMS tout fait genre Wordpress ou Joomla. J'ai donc
décidé de créer mon propre CMS simple d'utilisation et modulable à souhait selon les
besoins des clients.

Dans notre cas précis, étant donné la profession de mon client, il fallait surtout
pouvoir jouer sur les visuels afin de « donner faim » au chaland.

          Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                         3/23

Les outils
Le template
N'étant pas graphiste ni designer, j'ai opté pour un template HTML-CSS.
L'avantage du système de template est que le développeur gagne beaucoup de temps
au niveau du graphisme, de la découpe, de la mise en place du code.

Les inconvénients du template sont qu'il faut y apporter beaucoup de modifications.
Non seulement d'un niveau graphique (par exemple modification des couleurs qui
doivent rester en accord avec la charte graphique du logo ou de l'image de marque
du client).
Également, si le template date de quelques années, il faut remplacer la plupart des
 par  ou  par exemple. Ma
préférence allant vers des templates utilisant Bootstrap, cela occasionne également
énormément de modifications dans les fichiers css ou less.

Bootstrap
La réputation de Bootstrap n'est plus à faire dans le milieu du développement. Cette
bibliothèque n'a que des avantages, responsive, facile d'utilisation, prise en main
facile...
Je travaille Bootstrap depuis déjà plus de 3 ans, non pas en tant que développeur
mais en tant que responsable de projet où, de temps en temps il me fallait quand
même « mettre les mains dans la cambouis ».

Lightbox
Je n'ai pas utilisé de bibliothèque Jquery pour le lightbox mis en place. Mais
uniquement du javascript.

Pour l'exercice de style, j'ai juste supprimé le 'fade' au hover des images. Je trouvais
cela inutile car nous sommes dans le cms que je voulais le plus dénué possible tant
dans son utilisation que son apparence. Il ne faut pas détourner la personne qui fait
les mises à jour du site de son objectif. J'ai donc supprimé tout ce qui peut distraire.

OWL carousel
Pour mettre en place le diaporama, j'ai opté pour la solution OWL carousel qui est
complètement configurable et facile à intégrer.
Afin de ne pas casser la mise en page du template, j'ai retiré la fonction 'autoHeight'
du module.
A l'origine, le template proposait un slider Revolution. Mais si c'est pour garder tous
les modules proposés par le template, à quoi sert le travail de fin d'études, alors ? ;-)

Javascript
Mis à part les quelques modifications opérées sur les modules intégrés par mes soins
au template. J'ai gardé les bibliothèques JavaScript par défaut en ce qui concerne la
carte Google que j'ai cependant du modifier. Au niveau de la localisation, du zoom, du
pointeur.

PHP
Pour le CMS j'ai essentiellement utilisé du PHP 7. Avec un savant mélange de POO ou
de PHP 'normal'.

          Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                         4/23

J'ai utilisé les raccourcis proposés par la POO afin de gagner du temps et de ne pas
surcharger le code. Exemple, pour toutes les opérations avec la base de données par
exemple.
En ce qui concerne l'affichage sur le front end, je n'ai utilisé la POO que pour
l'affichage de la flashnews.

SQL
Etant donné que toutes les informations sont enregistrées dans une base de données,
j'ai forcément du utiliser le langage SQL.

CK editor
A été intégré dans la gestion du module actualités. Avec l'intégralité de ses options au
niveau de la mise en forme du texte.

J'ai voulu tester NicEdit mais j'ai eu quelques soucis avec leur Javascript un peu
désuet. De plus, il est moins complet que CK Editor. J'ai donc farfouillé un peu sur les
forums pour trouver le plus efficace, et mon choix s'est finalement porté sur ce
dernier.

          Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                         5/23

Analyse
Les bases de données
N'ayant pas la gestion d'un camping qui doit croiser les données entre les locataires,
les terrains...
J'ai opté pour un système simple de bases de données.

J'utilise 6 tables :
   – files : pour la galerie photo (système draag and drop dans le cms)
   – flashnews : pour les flashnews
   – list : pour la récolte d'information des pages contact et réservation
   – news : pour les actualités
   – slide : pour le diaporama
   – user : pour le gestion des utilisateurs et mots de passe d'accès au CMS.

Description des tables :
files :
    – id : pour classer les images et pouvoir supprimer dans le cms
    – file_name : nom de l'image enregistrèe
    – upload_time : date et heure d'enregistrement

flashnews :
    – flash_id
    – flash_sq : phrase en albanais
    – flash_en : phrase en anglais
    – flash_fr : phrase en français
    – fl_debut : date de début de mise en ligne
    – fl_fin : date de fin de mise en ligne
    – fl_encode : date d'enregistrement de la lflashnews

list :
    – list_id
    – list_nom : reprend les infos du champs name
    – list_societe : reprend les infos du champs company
    – list_mail : reprend les infos du champs email
    – list_tel : repred les infos du champs tel
    – list_subject : reprend le sujet du message
    – list_message : reprend le message
    – list-langue : indique de quel site vient le message (sq, en, fr)
    – list_date : a quelle date la personne s'est inscrite
(étant donné qu'aucune législation n'existe en Albanie concernant les opt-in ou double
opt-in, je n'ai pas de champs autorisant la récupération et l'utilisation des données.
Mais cela est prévu pour l'implémentation sur les sites européens.)

          Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                         6/23

news    :
  –     news_id
  –     news_title_sq : titre en albanais
  –     news_title_en
  –     news_title_fr
  –     news_text_sq : texte de l'actualité en albanais
  –     news_text_en
  –     news_text_fr
  –     news_img : image servant pour illustrer l'actualité
  –     news_debut : date du début d'affichage en ligne
  –     news_fin : date de fin d'affichage
  –     news_encode : date d'encodage

slide   :
    –    slide_id
    –    slide_img
    –    slide_title_sq
    –    slide_title_en
    –    slide_title_fr
    –    slide_text_sq
    –    slide_text_en
    –    slide_text_fr
    –    sli_button_sq : texte apparaissant sur le call to action du slide
    –    sli_button_en
    –    sli_button_fr
    –    sli_link_sq : lien du bouton call to action
    –    sli_link_en
    –    sli_link_fr
    –    sli_debut : date du début d'affichage
    –    sli_fin : date de fin d'affichage
    –    sli_encode : date d'encodage du slider

user    :
   –        user_id
   –        user_pseudo
   –        user_pw (hash en MD5)

               Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                              7/23

Modules créés pour ce site :
Comme expliqué plus haut, j'ai essayé de jouer plus sur les visuels, d'où la mise en
place d'une galerie photos.
J'ai entièrement créé le CMS en html-css-php-js

En ce qui concerne l'utilisation par le webmaster, j'ai choisi un système simple de
formulaire à remplir.

Tous les modules étant basés sur le même système, je ne vais montrer que les
modules suivants :
  – login
  – dashboard
  – flashnews
  – pictures
  – mailing-list

la page login :

          Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                         8/23

Le dashboard

Les flashnews

A- envoie sur la page pour créer une nouvelle flashnews
B- flashnews encodées dont la date de fin n'est pas encore dépassée. La spécificité de
ce module est que les flashnews dont la date de fin est dépassée s'effacent lors de
chaque connexion à la page index.php du site :

$sql="DELETE FROM flashnews WHERE fl_fin < now();";

Les autres modules gardent en mémoire les entrées dont la date de fin est dépassée
mais dans une partie « archives »

          Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                         9/23

L'ajout d'une flashnews :

          Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                        10/23

La modification d'une flashnews :

Pictures

           Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                         11/23

Ajout d'images :

Le webmaster a le choix entre un glisser – déposer dans la zone prévue à cet effet ou
à une sélection multiple s'il clique sur la zone 'drop'.
L'upload se fait automatiquement.

          Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                        12/23

Les formulaires
Il y a deux types de formulaires sur le site :
    – formulaire contact, formulaire réservation sur le front-end
    – tous les formulaires du cms

Pour les formulaires contact et réservation, il y a une vérification du champs mail en
js avec une regex. ;

Les formulaires du cms ont juste des champs obligatoires en HTML.

Forcément, les données des formulaires du cms sont reprises dans les bases de
données.

Afin de faciliter l'utilisation du site par le webmaster, un mail lui est envoyé à chaque
inscription sur le site. Ce mail reprend toutes les infos données dans le formulaire.
Un mail est également envoyé à la personne qui écrit via le site.

//$to1="ft@fabrice-taquet.be";
        $reply="info@e-behari.com";
        $reply1=$_POST['email'];
        $from="info@e-behari.come";
        $from1=$_POST["email"];
        $message1="We receive your message. We will contact you as soon as
possible.";

        //déclaration du corps de message
        $texte2 = "Your message to BEHARI"."\n\n\n";
        $texte2 .= "We receive your messagee \nWe will contact you as soon as
possible.\n";
        $texte2 .= "From: ".$name."\n";
        $texte2 .= "Email: ".$email."\n";
        $texte2 .= "Subject: ".$subject."\n";
        $texte2 .= "Message:".$message."\n";
        $texte2 .= "\n\n";

       //déclare le corps du message pour envoi no 2

       $texte1   = "A new message on your website BEHARI"."\n\n\n";
       $texte1   .= "From: ".$name."\n";
       $texte1   .= "Email: ".$mail."\n";
       $texte1   .= "Subject: ".$subject."\n";
       $texte1   .= "Message:".$message."\n";
       $texte1   .= "\n\n";

       //déclare le mime

       $mail_mime    = "Date: ".date("l j F Y, G:i")."\n";
       $mail_mime    .= "MIME-Version: 1.0\n";
       $mail_mime    .= "Content-Type: multipart/mixed;\n";
       $mail_mime    .= " boundary=\"----=\"\n\n";

       //envoi du mail

        mail($to, "Your message to Behari", $texte2, "Reply-to: $reply\nFrom:
$from\n".$mail_mime1);
        mail($to1, "A new message from your website BEHARI", $texte1, "Reply-to:
$reply1\nFrom:$from1\n".$mail_mime1);
     ?>

         Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                       14/23

Le contenu

La navigation :
Navigation principale: barre de menu en haut du site
Navigation secondaire: rappel des liens des pages dans le footer
La barre de navigation principale sera fixée sur le haut de l’écran afin de pouvoir
naviguer dans le site à tout moment.
Chaque partie de la page accueil renverra vers un menu spécifique: p.e. les
news/promos, la galerie photo,…
Des liens croisés seront placés dans les différents textes du site afin de pouvoir
réorienter le surfeur si nécessaire.

Le choix des couleurs :
Mon choix s'est porté sur le noir (#000) comme couleur dominante et le blanc comme
couleur principale (#fff).

Les dérivés de ces couleurs sont :
#7F7F7F

#404040

#E5E5E5

et une couleur bien tranchée pour les call to action :
#995C5C

Cela afin de donner une impression de luxe .

          Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                        15/23

Les polices de caractères :
La police principale est Open Sans
https://fonts.google.com/specimen/Open+Sans

Les titres des chapitres sont en Raleway
https://fonts.google.com/specimen/Raleway

Les menus et autres slogans sont en Alegreya
https://fonts.google.com/specimen.Alegreya

Technique :
Le site est complètement responsive et s'adapte parfaitement à tous les écrans.
J'ai personnellement testé sur 6 types d'écrans différents :
    – nokia (windows phone : internet explorer et chrome) horizontal et vertical
    – Iphone 6 (safari) horizontal et vertical
    – Iphone 5 (safari) horizontal et vertical
    – PC portable (écran 17') horizontal et vertical
    – Huawei P10 lite (android Chrome) horizontal et vertical
    – Ipad 9,7'' (safari) horizontal et vertical

          Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                        16/23

Sur PC, j'ai également testé les browsers suivants :
  – Chrome
  – Firefox
  – Firefox Developer Edition
  – Opera
  – Opera developer
  – Epic Privacy
  – Opera Neon
  – YaCy
  – Chedot
  – Yandex
  – Vivaldi
  – MX5
  – Chromium
  – Pale Moon
  – Tor Browser
  – Edge
  – Internet Exploreur 11

En ce qui concerne la compatibilité des différents browser, aucun soucis n'est apparu,
sauf évidemment sur internet Explorer 11, mais sachant que les dernières mises à
jour de IE11 datent de 2015, je ne m'en suis pas trop préoccupé. Notre soucis en tant
que développeur est que notre technologie doit être tournée vers le futur et non vers
le passé.

En ce qui concerne l'utilisation sur smartphone, j'avais un petit soucis avec le
« hamburger » du menu qui n'apparaissait pas. Cela est maintenant résolu.

Maintenance :
Niveau serveur :
Les statistiques d'utilisation du site fournies par mon serveur donnent des chiffres
détaillés sur :
   – le nombre de visiteurs
   – le nombre de visites
   – les pages vues
   – les hits affichés
   – la bande passante

De plus mon fournisseur (P4X à Liège) pratique une surveillance constante sur ses
serveurs, en cas de dépassement de la bande passante allouée à mon hébergement,
il me prévient automatiquement.
Par exemple, lors d'un concours organisé par Chateau d'Ax (un ancien client), il y a
quelques années, nous l'avions prévenu à l'avance et il avait modifié les paramètres
afin de pouvoir faire face à une activité accrue sur le site.

          Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                        17/23

Pérennité du site :
Le site ayant été codé majoritairement en PHP 7, HTML 5 et CSS 3, il faudra quelques
temps avant que celui-ci ne devienne obsolète. Partant du fait qu'un site devrait être
remplacé tous les 3 ans afin de rester 'à la mode' et qu'un développeur doit
constamment se tenir à jour pour faire évoluer ses techniques, mon CMS sera
évidemment modifié au fur et à mesure de l'évolution du code.

Evolution :
Mon prochain objectif dans les mois qui viennent et d'en faire une version 'app' de
mon CMS pouvant être proposée au téléchargement (via react vraisemblablement).

          Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                        18/23

Hébergement & référencement
Hébergement :

Je fais héberger mes sites chez P4X à Liège avec qui je travaille depuis plus de 5 ans.
L'hébergeur est très sérieux et je reçois des alertes par mail si des soucis se
présentent (attaques pirates, dépassement de la bande passante...).

De plus, chez cet hébergeur, les sites pour adultes sont interdit (ce qui augmente
l'indice de confiance de Google).

Référencement :
D'un niveau technique, toutes les balises sont mises en place pour que le site soit
correctement référencé par Google (qui est quand même le moteur de recherches le
plus utilisé dans le Monde, sauf en Chine – Baiduu – et en Russie – Yandex).
Nous retrouvons donc les balises suivantes :
   – balises meta (y compris og et twitter)
   – 
   – 
   – pour les images  et 
   – j'ai également testé la balise  dans certain href afin d'augmenter
      la lisibilité pour les programmes utilisés par les mal-voyants.

En plus de son adaptabilité à différents supports, le site est donc considéré comme
totalement SEO-friendly.

Afin d'augmenter l'intérêt que Google pourrait porter à mon site, je l'ai également
inscrit sur 'Search Console' (anciennement 'outils pour webmaster') et y ai ajouté un
sitemap.xml.

Pour garantir plus de sécurité à mon cms, j'ai interdit l’accès à ce dossier aux bots en
ajoutant un robots.txt.

          Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                        19/23

Résultats :
dans Google 'Tous' :

2e position dans les résultats de recherches

          Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                        20/23

Dans Google 'images' :

5 images dans les 35 premières entrées (alors que le site n'est en ligne que depuis 3
jours)

Captures d'écran effectuées le 21/05/18
Site mis en ligne le 18/05/18

Promotion du site :
Je laisse cela à la discrétion de mon client.

          Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                        21/23

Conclusion
Je me suis rendu compte en travaillant sur ce projet que nos formateurs nous avaient
donné d'excellentes bases pour travailler les langages de programmation utilisés dans
le web.
Je regrette cependant que nous n'ayons pas été plus loin en JavaScript. C'est en effet
ce langage qui m'a prit le plus de temps en recherches / développement.

Les difficultés rencontrées étaient essentiellement au niveau des recherches, trouver
des forums actifs parlant du php7 ou de la POO n'est pas si aisé. Je trouvé des tonnes
de codes compatibles avec PHP4, mais cela est légèrement obsolète...

Je préfère ne pas entrer dans les détails concernant les relations avec mon client.

Ce projet m'a permis de joindre l'utile à l'agréable. J'ai en effet pu mettre en place
des techniques marketing apprises depuis plus de 5 ans dans l'agence de publicité où
je travaillais et passer mon temps à essayer de comprendre pourquoi mon code ne
fonctionnait pas... Et essayer de comprendre pourquoi il fonctionnait...

Je peux donc dire que j'ai apporté à mon projet bien plus que de la technique, mais
également de la passion sentimentale (certains comprendront) et professionnelle car
je voulais vraiment développer ce système pour moi tout d'abord (pas facile de
reprendre des études à 45 ans, surtout dans ce domaine), pour les gens qui m'ont
soutenu et ceux qui ne croyaient pas en moi !

Je ne trouverais les points faibles de mon projet qu'à force d'utilisation. Par contre, le
point fort est que ce système est complètement modulable.

Suite à mes différentes expériences professionnelles, mon vécu personnel ces
derniers mois, mon stage en entreprise, je peux dire que j'ai (enfin) trouver ma voie.

J'ai du appliquer, afin d'être le plus efficace possible, les différentes techniques
apprises avec Mme Vanasche pour mettre au point le cahier des charges et la récolte
d'informations. Mr Barmarin également m'a fourni les outils de veille technologique
utiles pour me mettre à jour dans les différents langages utilisés.

Suite à ce travail de fin d'étude et à mon stage en entreprise, j'ai décidé de lancer ma
propre 'affaire' de développement web et marketing.

Il est vrai que j'ai déjà 7 ans d'expérience dans le domaine, le poste de responsable
de projet m'a permis de cerner le type de clientèle à cibler avec mon produit.
Cela s'adapte parfaitement aux PME et TPME, dont les patrons n'ont pas forcément de
temps à consacrer à un site qui pour eux approcherai plus d'une usine à gaz que d'un
site facile d'utilisation.

Maintenant que j'ai passé du temps en recherche / développement pour finaliser ce
cms simple d'utilisation, je suis persuadé que mon projet portera ses fruits à moyen
terme.

          Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                        22/23

Dans cette conclusion, j'en profiterai pour remercier les gens qui ont été très patient
avec moi pour clôturer cette année : mon mentor Mr Marc Jacquet, ma sœur Nathalie
Lekimpe, Florentine Vanderbeke, et surtout Gisèle Dulieu qui m'a soutenu à bout de
bras et m'a encouragé plus qu'elle ne l'imagine !

          Fabrice Taquet – création du site internet Embeltore Behari Tirana
                                        23/23

Votre correspondant : Fabrice taquet
                                      Client : Behari

PARTIE 1
DONNÉES DE BASE POUR L'ÉTABLISSEMENT DE PORTRAITS D'ENTREPRISE
1 Quel est le nom exact de la société, du (des) point(s) de vente concerné(s) ?
Behari Embeltore

2 Date de création de votre entreprise :
2000

3 Quels changements sont survenus depuis la création ?
Changement de propriétaire en 2015.
Spécialisation dans la glace artisanale
ajout de recettes de gaufres belges à la carte
Engagement d’une chef pâtissière en 2017 diplômée de l’institut culaire Neraxi (Tirana)

4 Des études spécialisées vous ont-elles conduites à créer cette entreprise ?
oui, pâtisserie

5 S'agit-il plutôt de la poursuite d'une entreprise familiale ?
aussi. la pâtisserie appartenait à ma soeur qui me l’a remise

6 Quelles sont les spécialités de votre entreprise ?
gâteaux de mariage, d’anniversaire…
glaces artisanales
Gaufres belges

7 En quoi votre entreprise se démarque-t-elle des autres (secteur d'activité identique) ?
Situation géographique en plein coeur de Tirana, qualité des produits, savoir faire
professionnel. Le personnel parle au moins 3 langues.

8 Quelles sont les marques vendues/représentées par votre entreprise ?
ce ne sont que des produits fabriquées maison, saur le café qui es du Lavazza

9 Que dire de l'équipe qui vous entoure (nombre de personnes, qualifications,
spécialisations,...) ?
Le directeur - longue expérience de gestion et de vente
1 actionnaire
La chef de cuisine - diplômée de l’école Neranxi de Pâtisserie
1 Serveuses

10 Quelle est votre préoccupation majeure vis-à-vis de vos clients ?
Qualité des produits

Cahier des charges TFE – Fabrice Taquet – Behari                                       1/9

11 Vous rendez-vous à domicile ?
Non
12 Quels sont les modes de paiements acceptés dans votre enseigne ?

Cartes bancaires / Cash

13 Quelle est l'adresse exacte de la société ?
Rruga e Dursit
Tirana
(Gjukata e vjeter)

14 Quelles sont les adresses de vos succursales ?
Pas de succursales

15 Quels sont les numéros de téléphone, de fax ?
tel : +355 69 29 14 220

16 Quelles sont les heures d'ouverture ?
                                           hiver:
Du lundi au dimanche: 7:00 - 22:00

                                            été:
Du lundi au dimanche: 7:00 - 23:00
17 Qui est la personne de contact et quel est son numéro de téléphone pour de plus
amples renseignements ?
- nom : Brunilda Laska
- Gsm :
- mail :
(Cela doit-il apparaître sur le site ? NON)

18 Quel est le nom de la personne qui va gérer les mises à jour du site + date
de naissance ?
- nom : Rovena Laska
- Gsm :
- mail :
- date de naissance :

19 Numéro d'entreprise
N’existe pas en Albanie

20 Numéros compte bancaire
Ne doivent pas apparaître sur le site

21 Si vous avez un logo, pouvez-vous le joindre
Non

22 Pouvez-vous nous transmettre une photo de votre façade ?
Oui

23 Autres références que vous souhaitez communiquer

Cahier des charges TFE – Fabrice Taquet – Behari                                     2/9

24 Profil du public ciblé
Tout le monde
Le but de notre site internet de viser une clientèle touristique visitant Tirana.
Mais aussi pour renouveler notre clientèle et attirer un public albanais plus jeune

25 Les sites que vous fréquentez le plus souvent

Facebook
instagram

26 Les sites de vos concurrents directs
il n’y en a pas
Les seules références à des pâtisseries tiranaises trouvent sur Trip Advisor.

27 Les sites qui vous inspirent pour la création de votre projet
www.nicolas-arnaud.be
www.lenotre.com

28 La fréquence de votre présence en ligne
plusieurs heures par jour sur Facebook et instagram

29 Quelles sont les adresses mails que votre société utilise actuellement ?
aucune

30 Quelles sont les adresses mails que vous voudriez créer ?
info@e-behari.com
klodi@e-behari.com
alban@e-behari.com

PARTIE 2
PRESENTATION DE LA RÉALISATION DU SITE (CAHIER DES CHARGES)

1 profil de l’entreprise
            - société fondée en 2000
            - changement de propriétaire en 2015
            - spécialités: pâtisseries albanaises, françaises et belges
            - orientée nouvelles technologies pour attirer une clientèle touristique

2 Architecture du site
de type linéaire

Index -> Résumé des autres pages (mini présentation - modules actualités/galerie
photo)

Présentation -> historique, présentation de l’équipe, spécialités

News/actualités -> module dynamique à compléter par le client

Cahier des charges TFE – Fabrice Taquet – Behari                                       3/9

Galerie photos -> présentation des produits en photos

Réservation de salle ou commande-> explicatif + formulaire de réservation

Contact -> formulaire pour poser une question, map, horaires, tel, adresse complète

3 langues désirées
Langue 1: Albanais
Langue 2: Anglais
Langue 3: Français

4 navigation
Navigation principale: barre de menu en haut du site
Navigation secondaire: rappel des liens des pages dans le footer
La barre de navigation principale sera fixée sur le haut de l’écran afin de pouvoir
naviguer dans le site à tout moment.
Chaque partie de la page accueil renverra vers un menu spécifique: p.e. les
news/promos, la galerie photo, la carte…
Des liens croisés seront placés dans les différents textes du site afin de pouvoir
réorienter le surfeur si nécessaire.

5 schéma de la page d’accueil

Cahier des charges TFE – Fabrice Taquet – Behari                                      4/9

Cahier des charges TFE – Fabrice Taquet – Behari   5/9

6 choix des couleurs
Mon choix se portera sur le noir (#000) comme couleur dominante et le blanc comme
couleur principale (#fff).
Les dérivés de ces couleurs seront:
#7F7F7F

#404040

#E5E5E5

et une couleur bien tranchée pour les call to action:
#995C5C

J’ai envie de donner au site une impression de luxe.

Cahier des charges TFE – Fabrice Taquet – Behari                                    6/9

Cahier des charges TFE – Fabrice Taquet – Behari   7/9

7 maquette graphique
les boutons:

le header:

le footer:

8 les polices de caractères
La police principale sera Open Sans
https://fonts.google.com/specimen/Open+Sans

les titres des chapitres seront en Raleway
https://fonts.google.com/specimen/Raleway

Cahier des charges TFE – Fabrice Taquet – Behari   8/9

les menus et autre slogans seront en Alegreya
https://fonts.google.com/specimen/Alegreya

8/ mentions légales
Aucune mention légale n’est obligatoire en Albanie pour les sites commerciaux.
Cependant, j’ai trouvé ceci:

Kushtet e përgjithshme

Përmbajtja e embeltore-behari-tirana.com i nënshtrohet të drejtave të autorit dhe nuk
mund të kopjohet ose të përdoret pa dhënien e të drejtës paraprakisht nga ana jonë.
Informacionet në eventet e propozuara nga Behari mund të hasin ndryshime, ndaj
pavarësisht përpjekjes tonë për të mbajtur informacionin e përditësuar, disa të dhëna
mund të mos jenë të sakta. Nëse vëreni një apo disa gabime, ju lutemi të mos hezitoni
të na i bëni të ditura. Fotografitë në këtë faqe interneti mund t’i nënshtrohen ligjit mbi
të drejtat e autorit, nëse ju jeni pronar i një apo disa prej fotografive dhe nuk dëshironi
që të ajo/ato të shfaqen në embeltore-behari-tirana.com, ju lutemi na kontaktoni dhe ne
do të ndërmarrim veprimet e nevojshme.

Cahier des charges TFE – Fabrice Taquet – Behari                                        9/9