République Tunisienne

Ministère de la Formation Professionnelle et de l’Emploi

Centre Sectoriel de Formation en Télécommunications d’El Khadra

Projet de Fin de Formation

DÉVELOPPEMENT SITE WEB

MARKETPLACE

Réalisé par : Sana Dellai Encadré par : Mr Fehmi BEZZAOUIA

Année de formation 2017-2018

 Plan Concept Digital INC.
+12 987 654 32 11

Réalisation
Introduction • Personnalisation du Template
1 • Présentation de la société 2 • Moteur de Template
1
• Présentation du projet
• L’automatisation des taches
• Intégration de CRM zoho et google Analytics

Création d’ordre Conclusion

3 4

Concept Concept - Powerpoint Presentation Template 2

 Introduction Concept Digital INC.

Présentation de société +12 987 654 32 11

implantée en Tunisie
en 2012 IMAGE Cloud
PLACEHOLDER

Rosafi Holding c'est une société

d’externalisation de logiciels RVO
applications mobiles.
néerlandaise.

Concept Concept - Powerpoint Presentation Template 3

 Introduction
Concept Digital INC.

Présentation de projet +12 987 654 32 11

Créer un site web Vitrine :

 Générer de profits pour cloudmatic

 Donner la possibilité à tous les utilisateur d'essayer une version légère ou light de cloudmatic

Concept Concept - Powerpoint Presentation Template 4

 Réalisation Concept Digital INC.

Personnalisation du Template +12 987 654 32 11

Le responsive web design: c'est une technique de réalisation de site web, qui permet de faire des sites
qui s'adaptent automatiquement à l'espace disponible sur l'écran.

on peut considérer que

certains blocs moins
importants sont inutiles sur On peut gérer toutes les
des mobiles et les faire tailles d'écran d'un seul
disparaître coup.

on peut faire apparaître

de nouveaux blocs

Concept Concept - Powerpoint Presentation Template 5

 Réalisation Concept Digital INC.
Moteur de Template +12 987 654 32 11

Concept Concept - Powerpoint Presentation Template 6

 Réalisation Concept Digital INC.
Moteur de Template +12 987 654 32 11

Router.js

 génère dynamiquement votre page html.  C’est une bibliothèque javascript légère  c'est juste le langage
fournir une API ( une interface de Javascript avec des
 créer une Template en javascript programmation applicative) pour la bibliothèques
gestion des routes.

Concept Concept - Powerpoint Presentation Template 7

 Réalisation Concept Digital INC.

Moteur de Template +12 987 654 32 11

Concept Concept - Powerpoint Presentation Template 8

 Réalisation Concept Digital INC.

Moteur de Template +12 987 654 32 11

Html <h1>hi {{name}} </h1>

<h1> hi test </h1>

Data {name ,  ’’ test’’} Handlebars

compilation

Concept Concept - Powerpoint Presentation Template 9

 Réalisation Concept Digital INC.

Automatisation de tâches +12 987 654 32 11

Gulp est un "Automatisme de tâches", c'est à dire qu'il est capable de lancer des

bouts de scripts à votre place tout seul.

Concept Concept - Powerpoint Presentation Template

 Réalisation Concept Digital INC.

Automatisation de tâches +12 987 654 32 11

Mode dev Mode prod

Minifier les css

Minifier les js

Optimiser les images

Gérer les problèmes potentiels

dans le javascript

Concept Concept - Powerpoint Presentation Template

 Réalisation Concept Digital INC.

Automatisation de tâches +12 987 654 32 11

Concept Concept - Powerpoint Presentation Template 12

 Réalisation Concept Digital INC.

Automatisation de tâches +12 987 654 32 11

Concept Concept - Powerpoint Presentation Template 13

 Réalisation Concept Digital INC.

Automatisation de tâches +12 987 654 32 11

Optimisation des images

Concept Concept - Powerpoint Presentation Template 14

 Réalisation Concept Digital INC.

CRM zoho: +12 987 654 32 11

CRM zoho: .

C’est une application en ligne de gestion de la relation client qui offre un ensemble impressionnant de fonctionnalités. Il
s'intègre parfaitement avec les autres outils de la suite Zoho (documents, agenda, messagerie, gestion de bases de
données, etc.) ce qui vous permettra de construire un véritable système d'information sur mesure autour de votre CRM.

Intégration de « live chat » et de « contact form »

https://www.zoho.com/

Concept Concept - Powerpoint Presentation Template 15

 Réalisation Concept Digital INC.

Intégration de google Analytics +12 987 654 32 11

Intégration de google Analytics

Google Analytics est une application web librement accessible qui permet d'obtenir un grand
. nombre d'informations
sur l'audience de votre site.

• Le pourcentage de visiteurs

• D’où viennent vos visiteurs

• La localisation géographique

Concept Concept - Powerpoint Presentation Template 16

 Création d’ordre Concept Digital INC.

Architecture d’ordres +12 987 654 32 11

Angular est un Framework basé sur TypeScript publié en version public en mai 2016
C’est une technologie open source pour les applications clients web publiées et
maintenues par l’Angular Team de Google

Concept Concept - Powerpoint Presentation Template 17

 Création d’ordre Concept Digital INC.

Création d’ordres +12 987 654 32 11

Clone le projet avec git

Run le projet : npm run start

Créer la component ordres

Concept Concept - Powerpoint Presentation Template 19

 Création d’ordre Concept Digital INC.

Création d’ordres +12 987 654 32 11

La structure de component :
Les components sont les composantes de base d'une application Angular : une application est
une arborescence de plusieurs components.

Concept Concept - Powerpoint Presentation Template 20

 Réalisation Concept Digital INC.

Les Interfaces +12 987 654 32 11

Concept Concept - Powerpoint Presentation Template 21

Démonstration
 Conclusion Concept Digital INC.
+12 987 654 32 11

S’ intégrer dans Mettre en pratique

Best Awards
le monde les connaissances
professionnel acquises pendant
notre formation.

Concept Concept - Powerpoint Presentation Template 23

Merci de votre attention