[PDF] Développement dune application WEB client- serveur vs AngularJS.js

View - Download Développement dune application WEB client- serveur vs AngularJS.js

Previous PDF

Next PDF

$QJXODU-6MV par

Arnaud LABARBE

Rolf HAURI, Professeur HES

Ce travail de Bachelor est réalisé dans le cadre de travail de Bachelor pour analyse par le logiciel ation des Je tiens à remercier particulièrement Monsieur Rolf Hauri pour le suivi et le

Ce travail a pour but de comparer deux

la librairie JS gestion avec personnel.

Déclaration

Remerciements

Résumé

Liste des tableaux

Liste des figures

1. Introduction

2. Architecture

2.1 Architecture client

2.2 Les architectures réseaux

2.2.1 Architecture "

2.2.2 Architecture pair à pair

2.2.3 Architecture à 3 niveaux et n

2.3 Le Framework AngularJS

2.4 Identifier les besoins

2.5 ................................

2.5.1 Client léger

2.5.2 Client riche

2.5.3

2.6 Les nouveaux besoins des applications de gestion

3. La librairie AngularJS

3.1 Historique du Framework

3.2 Futur du Framework

3.3 ................................

3.4 La concurrence

3.4.1 Comparatif de popularité

3.4.2 ................................

3.4.3 Les autres

4.

4.1 La recherche Google

4.2 Le tutoriel du site officiel

4.3 Le tutoriel de W3Schools

4.4

4.5 Les autres tutoriel

4.6 -

4.6.1 Le concept de route

4.6.2 Le concept de service

4.6.3 Validation de form

4.6.4 Angular et Bootstrap

4.6.5 Le service $http

4.6.6 Les filtres

4.6.7 Les directives

5.

5.1 Résumé du prototype

5.2 Environnement de développement

5.3 La base de donn

5.4 ................................

5.4.1 bower_components

5.4.2 db

5.4.3 js

5.4.4 partials

5.5 Interface utilisateur

5.5.1 Home page

5.5.2 5.5.3

5.5.4 Page de demande de congés

6. Analyse du prototype et expérience de développement

6.1 Les fonctionnalités du prototype

6.1.1

6.1.2 ................................

6.1.3 La page de demande de congés

6.2 index

6.2.1 Librairies et feuilles de style

6.2.2 Les scripts personnalisés

6.3 Expérience de dé

7. Conclusion

7.1 Expérience personnelle

7.2 Réponse à la problématique

Bibliographie

Tableau 1

Tableau 2

Tableau 3

Figure 1

Figure 2

Figure 3mainframe

Figure 4

Figure 5

Figure 6

Figure 7

Figure 8

Figure 9

Figure 10

Figure 11

Figure 12

Figure 13

Figure

Figure 15................................

Figure 16

Figure 17-

Figure 18

1.LRQ sommes devenus beaucoup plus mobiles et internet

Figure

Cette mobilité

probl serveur et de pouvoir centraliser les informations dans n classique du client 2. -

QRXYHDX[EHVRLQVGHVDSSOLFDWLRQVGHJHVWLRQ

ect purement technique du Framework types de client (client léger, client ric 2.1 ent

Figure

http://imasters.expert/wp dans les foyers et a commencé à gagner du terrain En effet, ce modèle permet de centraliser un g, de les traiter 2.2 2.2.1 ture dite "mainframe architecture client principe est mainframe e mainframe , ce qui fait

Figure mainframe

2.2.2 Ensuite, nous avons le modèle dit pair à pair (

éseau peut être à tour de

est surtout connu pour le partage de fichiers sur internet. Ce et surtout pour les applications de gestion qui contiennent souvent des données

Figure

2.2.3n

n , généralement un navigateur web . De n et le traitement requis par le entité aura des conséquences sur les voisins immédiats ce qui augmentera le coût de

Figure

2.3

AngularJS1

logiciel Modèle

2Whatever ce qui te

two

AngularJS

Figure

https://docs. 1 2

AngularJS

côté serveur, ce qui réduit la charge et la dépendance à cependant fonctionnement de celle 2.4 nécessités bureau s 2.5 Les applications WEB ont évolué et les développeurs ainsi qu 2.5.1 développées en tant que "cl présent sur toutes les machinesface graphique à

étant

fonctionnalités, toute la logique et le code métier sont 2.5.2 Le client riche apparaît avec le web 2.0 qui, lui, se définit par son interactivité et son avoir à recharger 2.5.3 ient sur le serveur et que celui 2.6 La mobilité croissante des utilisateurs, surpassant même le PC aux USA 3 Renforcé par le soutien de Google, AngularJS devient un poids lourd des Framework classique aux données, AngularJS ication WEB classique alors inutilisable. 3. 3.1

AngularJS a été créé par

s avaient alors appelé GetAngular

Figure

Chez Google, et son équipe de développeurs (ils étaient 3 au total) se sont vus six en deux semaines. Il échouera son pari, pui

Framework lui s

alors que le Framework a un fort potentiel et c 3.2

2.0 en dit l

jour un goût re sortie , ce qui laisse encore la place à des changements 3.3A avec de nouvelles balises et est single page 3.4 3.4.1

U 4

Tableau

Google Trends

.js

Backbone.js

Ember.js

4 recherche Google 0 20 40
60
80
100
120

2012-01-01 - 2012-01-072012-02-12 - 2012-02-182012-03-25 - 2012-03-312012-05-06 - 2012-05-122012-06-17 - 2012-06-232012-07-29 - 2012-08-042012-09-09 - 2012-09-152012-10-21 - 2012-10-272012-12-02 - 2012-12-082013-01-13 - 2013-01-192013-02-24 - 2013-03-022013-04-07 - 2013-04-132013-05-19 - 2013-05-252013-06-30 - 2013-07-062013-08-11 - 2013-08-172013-09-22 - 2013-09-282013-11-03 - 2013-11-092013-12-15 - 2013-12-212014-01-26 - 2014-02-012014-03-09 - 2014-03-152014-04-20 - 2014-04-262014-06-01 - 2014-06-072014-07-13 - 2014-07-192014-08-24 - 2014-08-302014-10-05 - 2014-10-112014-11-16 - 2014-11-222014-12-28 - 2015-01-032015-02-08 - 2015-02-142015-03-22 - 2015-03-282015-05-03 - 2015-05-092015-06-14 - 2015-06-20

angularjsbackbone.jsember.js

Angular.js

3.4.2 . En de trouver la réponse via un moteur de recherche ou, que ce soi

Youtube

Metric AngularJS Backbone.js Ember.js

Stars on GitHub 40.2k 18.8k 14.1k

Third-Party

Modules 1488 ngmodules 256 backplugs 1155 emberaddons

StackOverflow

Questions 104k 18.2k 15.7k

YouTube

Results ~93k ~10.6k ~9.1k

GitHub

Contributors 96 265 501

Chrome

Extension Users 275k 15.6k 66k

Open Issues 922 13 413

Closed Issues 5,520 2,062 3,350

https://www.airpair.com/js/javascript tableau deux besoins de JQuery pour fonctionner.

Tableau

Framework Net Size Size with required dependencies

AngularJS 1.2.22 39.5kb 39.5kb

Backbone.js 1.1.2 6.5kb 43.5kb (jQuery + Underscore)

20.6kb (Zepto + Underscore)

Ember.js 1.6.1 90kb 136.2kb (jQuery + Handlebars)

https://www.airpair.com/js/javascript 3.4.3 Backbone.js et Ember.js ne sont pas les seuls concurrents s

Après avoir expliqué et détaillé le Framework, je vais maintenant apprendre à coder via

manipuler 4.1

Le premi, en général,

que la quantité est au rendezle recherche avec les mots clés tutorial angularjs consultéde es critères de recherche. 5,

To do list

tre fait en vidéo. 6 article qui prodigue des conseils sur comment bien démarrer avec AngularJS en 5 6 4.2 Avant de commencer par faire des recherches de tutori tutori7 e précédents) 8. , via une liste de chapi une page HTML statique classique alphabétique,

à taper des commandes Git afi

ce sontExperiments 9 anglophobes. é tous les éléments nécessaires sur une machine virtuelle sur ma machine, tournant sous Windows 10 7 8 9 Le site officiel propose également un " 10 4.3 , W3Schools est le se pour beaucoup de apprentissages proposés il y a donc 11 concrète odules, contrôleurs, filtres) aux

Try it yourself 12

10 11 12

Figure

GDQVODPLVHHQquotesdbs_dbs21.pdfusesText_27

[PDF] angular application design document

[PDF] angular application layout best practices

[PDF] angular architecture best practices

[PDF] angular architecture patterns

[PDF] angular architecture pdf

[PDF] angular banking application

[PDF] angular best practices

[PDF] angular books free

[PDF] angular cli argument

[PDF] angular cli cheat sheet

[PDF] angular cli commands

[PDF] angular cli commands cheat sheet

[PDF] angular cli component naming convention

[PDF] angular cli configuration could not be found

[PDF] angular cli configuration environment