Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Microsoft Surface versus iPad 4 : comparaison au niveau du HTML5
Par l'équipe Sencha

Le , par vermine

0PARTAGES

5  0 
Microsoft Surface versus iPad 4 : comparaison au niveau du HTML5
par l'équipe Sencha.


Sencha fournit des outils de développement pour bureau et mobile. Son équipe a mis l'iPad 4 et la tablette Surface de Microsoft à l'épreuve pour voir comment ils se débrouillent en tant que plates-formes HTML5. Le HTML5 est la prochaine génération de technologies Web qui est adoptée de plus en plus pour développer des applications qui peuvent être rédigées en une seule fois et exécutées sur plusieurs systèmes d'exploitation, les navigateurs et les périphériques.

Les tests révèlent que les deux tablettes sont performantes à ce niveau-là. Microsoft Surface est livrée avec Internet Explorer 10 et Windows 8 tandis que l'iPad est livré avec Safari Mobile et iOS 6. Internet Explorer 10 a un ensemble de fonctionnalités HTML5 large et bien implémenté. Il répond et dépasse parfois Safari Mobile. Sur le plan de la performance, l'iPad 4 connait des performances JavaScript, d'interaction et de Canvas. De son côté, Surface a une implémentation graphique vectorielle (SVG) plus rapide.

Les vérifications de présence des fonctionnalités HTML5 ont été effectuées à l'aide de Modernizr, une bibliothèque JavaScript qui détecte les fonctionnalités HTML5 et CSS3. IE10 sur Surface a une longue liste de fonctionnalités HTML5 (indexedDB, animations CSS, transformations 2D et 3D, transitions, websockets, lecture audio et vidéo, etc.). Il a même une implémentation des régions et exclusions CSS.

Il y a cependant quelques omissions notables et des lacunes par rapport à l'iPad 4. Il n'y a pas de support pour la balise d'entrée de l'appareil photo, l'implémetation de Flexbox est plus ancienne et obsolète. Il n'y a également pas de prise en charge de border-image.

Aucune des deux plate-formes ne prend en charge le WebGL et Microsoft a déjà annoncé qu'ils ne le soutiendront pas. Les fonctionnalités les plus ésotériques ne sont pas gérées (par exemple la couleur des input). Il en est de même pour la gestion des notifications et des événements du serveur.

Ce graphique reprend les performances JavaScript


Les premières plates-formes mobiles avaient des problèmes avec les performances CSS. Mais ici, l'équipe a vu de bonnes performances CSS avec des effets de transition et d'animation. Citons le lissage des coins, les dégradés et la lecture vidéo.

Pour finir, les tests ont portés sur l'interaction avec le DOM. L'iPad 4 écrase purement et simplement Surface. Webkit a un avantage de vitesse sur le moteur d'Internet Explorer dans la manipulation du DOM. Voici un tableau récapitulatif. Les résultats les plus hauts sont les meilleurs.

Code : Sélectionner tout
1
2
3
4
5
6
7
8
                      iPad 4    Surface   iPad Advantage
------------------------------------------------------
DOM Attributes    |   161.84     37.5       4.3 x
DOM Modification  |   136.50     13.9       9.8 x
DOM Query         |  4560.00    356.6      12.8 x
DOM Traversal     |   138.30      4.9      28.2 x
CSS Selector (Avg)|  1654.70    458.7       3.5 x

Source : l'article sur le site de Sencha.

Et vous ?
Que pensez-vous de ces tests ?
Quel est votre avis sur Surface et sur l'iPad 4 ?
Êtes-vous pour ou contre les tablettes ?

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de Paul TOTH
Expert éminent sénior https://www.developpez.com
Le 20/11/2012 à 9:56
"higher is better" ok, mais il n'y a aucune échelle de valeur. si je suis deux fois plus rapide que quelque chose qui tourne à la microseconde, c'est mieux mais pas très sensible.
5  0 
Avatar de gangsoleil
Modérateur https://www.developpez.com
Le 20/11/2012 à 10:23
Pourquoi limiter la comparaison aux navigateurs fournis, alors qu'il existe plusieurs navigateurs alternatifs ? Est-ce que la tablette se resume au navigateur ?

Bref, je pense que ce test manque cruellement de couverture, et tester la presence d'une fonctionnalite ne prejuge pas de sa qualite, ni de son utilisabilite.

Quant a l' "oubli" de la gestion de l'appareil photo par le navigateur,... je ne vois meme pas ce que ca fait dans HTML 5.
5  1 
Avatar de stailer
Membre chevronné https://www.developpez.com
Le 20/11/2012 à 12:13
Ce test, comme l'indique le titre, ne porte que sur HTML5.
Il n'est pas fait pour juger l'ensemble des qualités de telle ou telle tablette mais uniquement de cette fonctionnalité la.

Quant a l' "oubli" de la gestion de l'appareil photo par le navigateur,... je ne vois meme pas ce que ca fait dans HTML 5.
Parce qu'il y a des gens, comme moi, qui par exemple développe sous PhoneGap ou tout simplement en HTML5. Et comme pour toute Application mobile il peut y avoir ce besoin à un moment donné : utiliser l'appareil photo/webcam, à des fins applicatives ou de jeu simplement.

Enfin, pour avoir développé récemment une mini app en HTML5 avec Sencha Touch 2.0.1, les performances, il est vrai, étaient 10 fois meilleures sur un IPad que sur ma Transformer Prime (et pourtant j'adore Android ).

Il faut reconnaitre pour le moment que Safari sur IOS gère bien mieux tout ça que Chrome sous Android ou Dolphin browser (je ne parle pas du navigateur livré en standard )
3  0 
Avatar de redbullch
Membre confirmé https://www.developpez.com
Le 20/11/2012 à 9:28
C'est les navigateurs qui sont mis en avant dans ces tests...
2  0 
Avatar de gangsoleil
Modérateur https://www.developpez.com
Le 20/11/2012 à 13:09
Citation Envoyé par stailer Voir le message
Ce test, comme l'indique le titre, ne porte que sur HTML5.

[...]
Il faut reconnaitre pour le moment que Safari sur IOS gère bien mieux tout ça que Chrome sous Android ou Dolphin browser (je ne parle pas du navigateur livré en standard )
Citation Envoyé par said10 Voir le message
je suis totalement d'accord avec stailer, les tests ne portent que sur HTML5 et ciblent surtout les développeurs plus que les consommateurs pour des raisons commerciales de sa plateforme Sencha Touch.
Sauf que non, le test porte sur l'integration de HTML5 dans les navigateurs pre-installes sur deux tablettes. D'ailleurs, stailer, tu parles bien d'autres navigateurs sur lesquels tu as fait des tests visiblement...

Donc :
Quid des autres navigateurs sur ces memes tablettes ?
Quid des autres tablettes ? Sont-elles si peu utilisees qu'elles ne meritent meme pas de subir un test ?

Je n'ai rien contre un test, mais ca vaudrait quand meme le coup de le pousser un peu pour en faire un article complet.
2  1 
Avatar de mala92
Membre émérite https://www.developpez.com
Le 20/11/2012 à 9:16
Citation Envoyé par vermine Voir le message
Quel est votre avis sur Surface et sur l'iPad 4 ?
Je ne suis pas l'actu Apple de près : "C'est quoi l'iPad ?"
On a beaucoup entendu parler de l'iPad Mini mais pas de l'iPad 4.

Avis personnel : si la différence entre les 2 dernières générations d'iPad est la même entre les 2 dernières générations d'iPhone, y'a pas photo sur le choix entre le Mini et le 4!

Que pensez-vous de ces tests ?
une tablette c'est pas que du web. un comparatif plus généraliste aurait été sympa.
1  1 
Avatar de vermine
Responsable Jeux-Concours https://www.developpez.com
Le 20/11/2012 à 9:39
On a beau avoir le plus performant des navigateurs, si le système ne suit pas derrière, ça ne sert à rien.
On compare effectivement la combinaison des deux et le rendu final.
0  0 
Avatar de said10
Candidat au Club https://www.developpez.com
Le 20/11/2012 à 12:27
je suis totalement d'accord avec stailer, les tests ne portent que sur HTML5 et ciblent surtout les développeurs plus que les consommateurs pour des raisons commerciales de sa plateforme Sencha Touch.
0  0 
Avatar de SylvainPV
Rédacteur/Modérateur https://www.developpez.com
Le 20/11/2012 à 14:14
Citation Envoyé par gangsoleil Voir le message
Pourquoi limiter la comparaison aux navigateurs fournis, alors qu'il existe plusieurs navigateurs alternatifs ? Est-ce que la tablette se resume au navigateur ?

Bref, je pense que ce test manque cruellement de couverture, et tester la presence d'une fonctionnalite ne prejuge pas de sa qualite, ni de son utilisabilite.
Les navigateurs pré-installés sont utilisés par la grande majorité du grand public, donc bien plus pertinents dans la com de Sencha. Dolphin représente une minuscule fraction d'utilisateurs en comparaison, moins d'1%.

Quant a l' "oubli" de la gestion de l'appareil photo par le navigateur,... je ne vois meme pas ce que ca fait dans HTML 5.
Microphone, webcam, appareil photo, accéléromètre, GPS... Autant de choses qui justifient l'adoption du HTML5 sur mobile et relancent en permanence le débat native vs web.
0  0 
Avatar de camus3
Membre éprouvé https://www.developpez.com
Le 20/11/2012 à 14:18
Pourquoi limiter la comparaison aux navigateurs fournis, alors qu'il existe plusieurs navigateurs alternatifs ?
sur iOs tout les navigateurs "alternatifs" utilisent le même moteur javascript et html que le navigateur officiel , donc il n'existe pas réellement de navigateur alternatif ,puisqu'utiliser un JIT/VM alterntatif sur iOs est tout simplement interdit ( il me semble de plus que la webview est "bridée" niveau perf par rapport à Safari sur iOs ).

Maintenant la performance javascript en elle même est peu importante , ce qui importe , le vrai bottleneck , c'est la manipulation du DOM ! et ya pas photo , iOs atomise la concurrence.
0  0