VT2017 Electron - Revision history

Heloise.Fernandes-De-Almeida: /* Synthèse */

2017-10-20T11:28:38Z

Synthèse

← Older revision		Revision as of 11:28, 20 October 2017
Line 17:		Line 17:
	=== Introduction et besoin ===		=== Introduction et besoin ===

	Le développement ~~multiplateforme~~ est de nos jours un point très un important dans le marché du logiciel. En effet, il existe toutes sortes de plateforme comme '''Linux, Android, Windows, IOS''' qui possède leurs propres caractéristiques et leur propre langage natif. Ainsi, pour réaliser une application dite multiplateforme, il faut réaliser autant de version de codes différents que de plateforme. Le problème de ce genre de programmation est qu’elle est très coûteuse en temps et en argent. C’est pourquoi, généralement l’entreprise se contente de réaliser l’application seulement pour une ou deux plateformes, ce qui pénalise certains utilisateurs et fait perdre de nouveaux clients à l’entreprise.		Le développement multiplate-forme est de nos jours un point très un important dans le marché du logiciel. En effet, il existe toutes sortes de plateforme comme '''Linux, Android, Windows, IOS''' qui possède leurs propres caractéristiques et leur propre langage natif. Ainsi, pour réaliser une application dite multiplateforme, il faut réaliser autant de version de codes différents que de plateforme. Le problème de ce genre de programmation est qu’elle est très coûteuse en temps et en argent. C’est pourquoi, généralement l’entreprise se contente de réaliser l’application seulement pour une ou deux plateformes, ce qui pénalise certains utilisateurs et fait perdre de nouveaux clients à l’entreprise.

	C’est de ce besoin que sont nées les librairies de développement d’applications ~~multiplateforme~~. Le principe de ces logiciels est de générer une application pour tous types de plateforme et ceux à partir d’un seul code. Il existe des dizaines de logiciels de ce type, certains permettent de générer les applications à partir de n’importe quel langage de programmation, d’autres utilisent des langages qui leur sont propres. De plus ces logiciels peuvent être payants ou open-source et plus ou moins performants.		C’est de ce besoin que sont nées les librairies de développement d’applications multiplate-formes. Le principe de ces logiciels est de générer une application pour tous types de plateforme et ceux à partir d’un seul code. Il existe des dizaines de logiciels de ce type, certains permettent de générer les applications à partir de n’importe quel langage de programmation, d’autres utilisent des langages qui leur sont propres. De plus ces logiciels peuvent être payants ou open-source et plus ou moins performants.

	Depuis quelques années une librairie souvent citée dans le développement d’applications bureautiques ~~multiplateforme~~ est '''ELECTRON'''. Cependant quels sont les avantages et inconvénients de cette librairie et comment fonctionne-t-elle ? Dans un premier temps nous pencherons sur l’origine ce projet et comment la librairie fonctionne-t-elle. Ensuite, nous aborderons les inconvénients et avantages de celle-ci en la comparant à un autre produit du marché.		Depuis quelques années une librairie souvent citée dans le développement d’applications bureautiques multiplate-formes est '''ELECTRON'''. Cependant quels sont les avantages et inconvénients de cette librairie et comment fonctionne-t-elle ? Dans un premier temps nous pencherons sur l’origine ce projet et comment la librairie fonctionne-t-elle. Ensuite, nous aborderons les inconvénients et avantages de celle-ci en la comparant à un autre produit du marché.

	===Petit historique===		===Petit historique===
Line 53:		Line 53:

	==== Avantages ====		==== Avantages ====
	Comme j’ai pu le préciser plutôt, il existe beaucoup de librairie différente permettant de réaliser des applications ~~multiplateformes~~. Ces librairies utilisent des langages différents et ne sont pas toutes open-source. Ainsi, où se situe ELECTRON sur le marché du développement d’applications bureautiques ~~multiplateforme~~. Pour cela j’ai décidé de comparer '''ELECTRON''' à son concurrent direct '''NW.js''' lui aussi une librairie open-source utilisant Chromium et Node.js.		Comme j’ai pu le préciser plutôt, il existe beaucoup de librairie différente permettant de réaliser des applications multiplate-formes. Ces librairies utilisent des langages différents et ne sont pas toutes open-source. Ainsi, où se situe ELECTRON sur le marché du développement d’applications bureautiques multiplate-formes. Pour cela j’ai décidé de comparer '''ELECTRON''' à son concurrent direct '''NW.js''' lui aussi une librairie open-source utilisant Chromium et Node.js.

	De mon point de vue ELECTRON possède '''quatre avantages''' majeurs face à NW.js :		De mon point de vue ELECTRON possède '''quatre avantages''' majeurs face à NW.js :
Line 188:		Line 188:

	=== Conclusion ===		=== Conclusion ===
	Pour conclure cette présentation, il est possible de dire qu’ELECTRON n’est pas la librairie la plus performante pour le développement d’applications ~~bureautique~~, mais elle possède de grandes qualités comme sa '''facilité''' d’utilisation et son côté '''open-source'''. De plus c’est un projet qui évolue rapidement et continue de croître. C’est pourquoi je pense qu’il s’agit d’une technologie '''prometteuse à suivre de près'''.		Pour conclure cette présentation, il est possible de dire qu’ELECTRON n’est pas la librairie la plus performante pour le développement d’applications bureautiques, mais elle possède de grandes qualités comme sa '''facilité''' d’utilisation et son côté '''open-source'''. De plus c’est un projet qui évolue rapidement et continue de croître. C’est pourquoi je pense qu’il s’agit d’une technologie '''prometteuse à suivre de près'''.


	== Webographie ==		== Webographie ==

Heloise.Fernandes-De-Almeida: /* Abstract */

2017-10-20T11:27:10Z

Abstract

← Older revision		Revision as of 11:27, 20 October 2017
Line 9:		Line 9:

	==Abstract==		==Abstract==
	ELECTRON is a framework which allow ~~multiplatform~~ ~~desktop~~ ~~app~~ development. This open-source library is used by particular but also by professional (Slack, Discord…). However, there are a lot of library for develop this kind of application but ELECTRON stands out from the others thanks to his programming language(javascript, html, css) and his app structure(multi-process). This technology gets a lot of advantages like an autoUpdater module and a high activity on the GIT repository nonetheless his RAM and process consumption can be sometimes an issue.		ELECTRON is a framework which allow multiplatforms desktops apps development. This open-source library is used by particular but also by professional (Slack, Discord…). However, there are a lot of library for develop this kind of application but ELECTRON stands out from the others thanks to his programming language(javascript, html, css) and his app structure(multi-process). This technology gets a lot of advantages like an autoUpdater module and a high activity on the GIT repository nonetheless his RAM and process consumption can be sometimes an issue.

	'''Multi-process, Multiplateform, Node.js, javascript, html, css, Chromium, open-source, NW.js, Atom, Squirrel'''		'''Multi-process, Multiplateform, Node.js, javascript, html, css, Chromium, open-source, NW.js, Atom, Squirrel'''


	==Synthèse==		==Synthèse==

Heloise.Fernandes-De-Almeida: /* Résumé */

2017-10-20T11:26:52Z

Résumé

← Older revision		Revision as of 11:26, 20 October 2017
Line 4:		Line 4:

	==Résumé==		==Résumé==
	ELECTRON est une librairie permettant de développer des applications de bureau ~~multiplateforme~~. C’est une librairie open-source aussi bien utilisée par des particuliers que des professionnels (Slack, Discord…). Il existe beaucoup de framework permettant de développer ce genre d’application. Cependant, ELECTRON se démarque de ses concurrents grâce aux langages de programmation qu’il utilise (javaScript,html,css) et la structure particulière de ses applications(Multi-processus). La technologie ELECTRON possède beaucoup d’atouts comme un module autoUpdater et une forte activité sur le dépôt Git, néanmoins sa consommation de processus et de mémoire vive peut parfois être un problème.		ELECTRON est une librairie permettant de développer des applications de bureau multiplateformes. C’est une librairie open-source aussi bien utilisée par des particuliers que des professionnels (Slack, Discord…). Il existe beaucoup de framework permettant de développer ce genre d’application. Cependant, ELECTRON se démarque de ses concurrents grâce aux langages de programmation qu’il utilise (javaScript,html,css) et la structure particulière de ses applications(Multi-processus). La technologie ELECTRON possède beaucoup d’atouts comme un module autoUpdater et une forte activité sur le dépôt Git, néanmoins sa consommation de processus et de mémoire vive peut parfois être un problème.

	'''Multi-processus, Multiplateforme, Node.js, javascript, html, css, Chromium, open-source, NW.js, Atom, Squirrel'''		'''Multi-processus, Multiplateforme, Node.js, javascript, html, css, Chromium, open-source, NW.js, Atom, Squirrel'''


	==Abstract==		==Abstract==

Heloise.Fernandes-De-Almeida: /* Inconvénients */

2017-10-19T14:19:14Z

Inconvénients

← Older revision		Revision as of 14:19, 19 October 2017
Line 155:		Line 155:


	Ainsi, une application ELECTRON se rapproche plus de '''la consommation d’un navigateur web'''. Néanmoins, je ne pense pas que la consommation de ressources soit un réel problème au vu du '''nombre d’utilisateurs des applications ELECTRON''' (Slack : 5 millions d’utilisateur en 2017, discord : 45 millions d’utilisateurs en 2017) et de '''l’augmentation des performances des machines'''.		Ainsi, d'après l'étude, une application ELECTRON se rapproche plus de '''la consommation d’un navigateur web'''.

			Cependant, après expérimentation personnelle, les applications ELECTRON consomment beaucoup moins de ressources que le navigateur Google Chrome qui le navigateur le plus utilisé dans le monde([[http://www.zdnet.fr/actualites/chiffres-cles-les-navigateurs-internet-39381322.htm Part de marché des navigateurs web dans le monde]]).

			{\| class="wikitable alternance center"
			\|-
			\|
			! scope="col" \| Nombre de processus
			! scope="col" \| Consommation du processus principale en RAM (Mo)
			! scope="col" \| Consommation total en RAM (Mo)
			\|-
			! scope="row" \| Discord (développé par professionnels)
			! 3
			! 21
			! 101
			\|-
			! scope="row" \| Rambox (4 onglets)
			! 8
			! 33
			! 941
			\|-
			! scope="row" \| GitKraken (développé par professionnels)
			! 5
			! 100
			! 348
			\|-
			! scope="row" \| Google Chrome(une seul page web ouverte)
			! 7
			! 200
			! 555
			\|}

			Ainsi, je ne pense pas que la consommation de ressources soit un réel problème aux vues de '''l’augmentation des performances des machines'''. De plus le '''nombre d’utilisateurs des applications ELECTRON''' (Slack : 5 millions d’utilisateurs en 2017, discord : 45 millions d’utilisateurs en 2017) est un argument fort contre ce défaut.

	=== Conclusion ===		=== Conclusion ===

Heloise.Fernandes-De-Almeida: /* Inconvénients */

2017-10-19T06:10:15Z

Inconvénients

← Older revision		Revision as of 06:10, 19 October 2017
Line 145:		Line 145:
	\|-		\|-
	\|		\|
	! scope="col" \| Comparaison		! scope="col" \| Comparaison (application Hello world simple)
	\|-		\|-
	! scope="row" \| Comparaison avec d'autres frameworks		! scope="row" \| Comparaison avec d'autres frameworks

Heloise.Fernandes-De-Almeida: /* Petit historique */

2017-10-18T21:39:08Z

Petit historique

← Older revision		Revision as of 21:39, 18 October 2017
Line 27:		Line 27:
	===Petit historique===		===Petit historique===

	ELECTRON était à l’origine un Framework développer par l’équipe '''GitHub''' pour passer l’éditeur de texte '''ATOM''' en multiplateforme. En 2014 le code est devenu open-source et c’est en 2016 que les premières applications ELECTRON deviennent disponible sur les stores IOS et Windows. La librairie étant open source, elle est utilisable aussi bien par des particuliers que des professionnels et évolue au grès des contributions apportées par l’équipe GitHub, les développeurs indépendants ou les entreprises. Ainsi parmi les applications basées sur ELECTRON il est possible de retrouver : [[https://slack.com/intl/fr-fr Slack]], [[https://discordapp.com/ Discord]], [[https://www.gitkraken.com/ GitKraken]], [[https://code.visualstudio.com/ Visual Studio code]]…		ELECTRON(2013) était à l’origine un Framework développer par l’équipe '''GitHub''' pour passer l’éditeur de texte '''ATOM''' en multiplateforme. En 2014 le code est devenu open-source et c’est en 2016 que les premières applications ELECTRON deviennent disponible sur les stores IOS et Windows. La librairie étant open source, elle est utilisable aussi bien par des particuliers que des professionnels et évolue au grès des contributions apportées par l’équipe GitHub, les développeurs indépendants ou les entreprises. Ainsi parmi les applications basées sur ELECTRON il est possible de retrouver : [[https://slack.com/intl/fr-fr Slack]], [[https://discordapp.com/ Discord]], [[https://www.gitkraken.com/ GitKraken]], [[https://code.visualstudio.com/ Visual Studio code]]…

	[[File:Icone-slack-from-electron.png\|50px\|link=https://slack.com/intl/fr-fr]]		[[File:Icone-slack-from-electron.png\|50px\|link=https://slack.com/intl/fr-fr]]

Heloise.Fernandes-De-Almeida: /* ELECTRON */

2017-10-18T20:46:05Z

ELECTRON

← Older revision		Revision as of 20:46, 18 October 2017
Line 1:		Line 1:
			[[File:Electronlogo.PNG\|500px\|center\|link=https://electron.atom.io/]]

	=ELECTRON=		=ELECTRON=

Heloise.Fernandes-De-Almeida: /* Avantages */

2017-10-18T19:48:25Z

Avantages

← Older revision		Revision as of 19:48, 18 October 2017
Line 57:		Line 57:
	De mon point de vue ELECTRON possède '''quatre avantages''' majeurs face à NW.js :		De mon point de vue ELECTRON possède '''quatre avantages''' majeurs face à NW.js :

	* Le premier avantage d’ELECTRON concerne les mises à jour des applications, une fonctionnalité non présente dans NW.js. En effet le framework possède un module « autoUpdater » qui est en réalité une interface du framework '''« Squirrel »''' et qui permet de mettre à jour les applications de manière automatique sur toutes les plateformes. De plus de par sa structure, il est possible de mettre à jour le rendu(Chromium) de manière '''indépendante''' du contrôleur (Node.js) ce qui n’est pas possible dans NW.js puisque les deux sont '''intrinsèquement liés'''.		* Le premier avantage d’ELECTRON concerne les mises à jour des applications, une fonctionnalité non présente dans NW.js. En effet le framework possède un module « autoUpdater » qui est en réalité une interface du framework [[https://github.com/Squirrel '''Squirrel''']] et qui permet de mettre à jour les applications de manière automatique sur toutes les plateformes. De plus de par sa structure, il est possible de mettre à jour le rendu(Chromium) de manière '''indépendante''' du contrôleur (Node.js) ce qui n’est pas possible dans NW.js puisque les deux sont '''intrinsèquement liés'''.

Heloise.Fernandes-De-Almeida: /* ELECTRON */

2017-10-18T19:46:56Z

ELECTRON

← Older revision		Revision as of 19:46, 18 October 2017
Line 11:		Line 11:

	'''Multi-process, Multiplateform, Node.js, javascript, html, css, Chromium, open-source, NW.js, Atom, Squirrel'''		'''Multi-process, Multiplateform, Node.js, javascript, html, css, Chromium, open-source, NW.js, Atom, Squirrel'''


	==Synthèse==		==Synthèse==

Heloise.Fernandes-De-Almeida: /* Inconvénients */

2017-10-18T19:46:31Z

Inconvénients

← Older revision		Revision as of 19:46, 18 October 2017
Line 139:		Line 139:
	ELECTRON présente beaucoup d’avantages, mais ses avantages peuvent être masqués par son défaut principal : '''sa consommation de mémoire vive et son temps d’exécution'''. Comme expliqué précédemment pour chaque vue html/fenêtre un processus lui est attribuée. En plus des processus, on trouve les processus de communication inter-processus. Ce qui peut rapidement consommer de la mémoire vive et ralentir l’exécution de l’application. De plus la librairie Chromium prend, elle aussi, une partie non négligeable de la RAM. Ainsi ELECTRON est moins performant comparé à son concurrent NW.js et encore moins face à d’autres librairies :		ELECTRON présente beaucoup d’avantages, mais ses avantages peuvent être masqués par son défaut principal : '''sa consommation de mémoire vive et son temps d’exécution'''. Comme expliqué précédemment pour chaque vue html/fenêtre un processus lui est attribuée. En plus des processus, on trouve les processus de communication inter-processus. Ce qui peut rapidement consommer de la mémoire vive et ralentir l’exécution de l’application. De plus la librairie Chromium prend, elle aussi, une partie non négligeable de la RAM. Ainsi ELECTRON est moins performant comparé à son concurrent NW.js et encore moins face à d’autres librairies :

			{\| class="wikitable alternance center"
⚫	Comparaison avec d'autres frameworks
			\|-
⚫	[[File:ElectronCompareFrameworks.PNG\|center\|500px\|link=http://roryok.com/blog/2017/08/electron-memory-usage-compared-to-other-cross-platform-frameworks/]]
			\|
			! scope="col" \| Comparaison
			\|-
		⚫	! scope="row" \| Comparaison avec d'autres frameworks
		⚫	\| [[File:ElectronCompareFrameworks.PNG\|center\|500px\|link=http://roryok.com/blog/2017/08/electron-memory-usage-compared-to-other-cross-platform-frameworks/]]
			\|-
		⚫	! scope="row" \| Comparaison avec d'autres navigateurs
		⚫	\| [[File:ElectronCompareBrowsers.PNG\|center\|500px\|link=http://roryok.com/blog/2017/08/electron-memory-usage-compared-to-other-cross-platform-frameworks/]]
			\|}

⚫	Comparaison avec d'autres navigateurs
⚫	[[File:ElectronCompareBrowsers.PNG\|center\|500px\|link=http://roryok.com/blog/2017/08/electron-memory-usage-compared-to-other-cross-platform-frameworks/]]

	Ainsi, une application ELECTRON se rapproche plus de '''la consommation d’un navigateur web'''. Néanmoins, je ne pense pas que la consommation de ressources soit un réel problème au vu du '''nombre d’utilisateurs des applications ELECTRON''' (Slack : 5 millions d’utilisateur en 2017, discord : 45 millions d’utilisateurs en 2017) et de '''l’augmentation des performances des machines'''.		Ainsi, une application ELECTRON se rapproche plus de '''la consommation d’un navigateur web'''. Néanmoins, je ne pense pas que la consommation de ressources soit un réel problème au vu du '''nombre d’utilisateurs des applications ELECTRON''' (Slack : 5 millions d’utilisateur en 2017, discord : 45 millions d’utilisateurs en 2017) et de '''l’augmentation des performances des machines'''.