20:50 24/07/00 Antoine Rehm

Critique du résultat présenté par Amaya et I.E.5.

REMARQUE : Tout ce qui est dit ici l'est dans un esprit positif dans le seul but d'aider à l'avancement du projet.

Conditions de l'essai
Documents joints
/Exemple/
  • Default.htm :    Ce document
  • Cardio1.html :    Le source du document à présenter
  • Copie de Cardio1.html :    Copie de référence du précédent (Amaya modifie le source).
/Exemple/image/
  • ScreenCardioAY.jpg :    Photo de l'écran AMAYA
  • ScreenCardioAY-2.jpg :    Comme ci-dessus, échelle 1/2
  • ScreenCardioIE.jpg :    Photo de l'écran I.E.5
  • ScreenCardioIE-2.jpg :    Comme ci-dessus, échelle 1/2
  • Les images utilisées par la page Cardio1.html
  • ColorChartAY.jpg :    Photo de l'écran AMAYA
  • ColorChartAY-2.jpg :    Comme ci-dessus, échelle 1/2
  • ColorChartIE.jpg :    Photo de l'écran I.E.5
  • ColorChartIE-2.jpg :    Comme ci-dessus, échelle 1/2
  • ColorChartCode.jpg :    Extrait du code source
Motivations
Je suis, pour ma part, en train de découvrir et d'explorer les possibilités d'Amaya (2 jours).
Confronté à une situation arbitraire, il s'avère qu'Amaya rencontre encore des difficultés à se conformer aux recommandations du W3C.
C'est pourquoi j'ai pensé que cette expérience pourrait être profitable au développement du projet.
Afin d'éviter toute ambiguité liée à l'agent Html utilisé, j'ai retenu la photo d'écran pour illustrer les résultats observés. De la sorte, les propriétés de l'agent n'altèreront pas ladite illustration.
Pour ce document et malgré certains points discutables, il se trouvre qu'I.E. est concordant avec les recommandations du W3C.
Conventions d'écriture
Dans le source existent les structures suivates : - 1 table niveau 1 (que je note : T1) - 2 tables niveau 2 (que je note : T1.1 et T1.2) - 1 table niveau 3 (que je note : T1.2.1 pour: Dans la 1ère table, la 2ème table. Dans celle-ci, la 1ère table)
J'appelle 'composant' (du document) une chose que doit montrer le document, c'est-à-dire une image ou un texte. Ceci pour éviter les confusions avec 'entité' ou 'élément' déjà utilisés par W3C.
Les numéros de ligne dans le code source sont donnés de deux manières :
   - Le numéro de ligne d'un éditeur type Notepad (lignes non repliées)
   - Le numéro de ligne donné par Amaya par '>views>show source>'
   Je note 'Ln/a'   (n=No-ligne-NotePad,  a=No-ligne-Amaya).
Le code source est celui de : 'cardio1.html'.
Se rappeler que Amaya modifie le code source original (si on fait 'save' et dans '>views>show source').


 


 

Comparaison I.E.5 / Amaya

Echelle 1/2 pour comparaison directe    (échelle 1    en fin de document).
Version I.E.5 Version AMAYA
'width' du 'td' non respecté
Déterminé par L45/44 : <img ..spacer.. width=160>
l'image est placée de 104 à 248px du bord droit.
'Select' non fonctionnel
Largeur ne correspond pas au mot le plus long de la liste des options.
Est-ce le graphisme 'Amaya' du box 'select' ?
'Input' démesuré
Ne correspond pas au size="15" de L75/68
Quant à la hauteur ??
Attribut du 'dt' inopérant
L130/96 : [ <img ..lesdos3.. align="right"> ] L'image devrait être calée à droite (la largeur est déclarée : L94/88)
par conséquent, l'image (ou texte) qui suivent devraient se placer à gauche de cette image sur la 'ligne' tant qu'il y a la place suffisante (en l'absence de <br clear>).
En fait, Amaya place bien l'image en 'align="right" ' mais sur une ligne de longueur nulle (on est en début ligne par <br> qui précède) qu'Amaya allonge de la largeur de l'image.
Le problème se retrouve avec l'image L137/101 : [ <img ..cardio.. align="right"> ].
L'origine de l'effet observé (le composant <img logo-sa align="left" par défaut> qui se retrouve à droite du précédent) provient du traitement de positionnement incrémental des composants par Amaya sans repositionnement récursif ou rebouclé au moins une fois. Pour éviter une telle contradiction, Amaya devrait au moins recommencer une nouvelle ligne après avoir positionné un composant doté d'un attribut 'align="right" '. Ce n'est pas, bien sûr, la 'bonne' solution, mais elle aurait 'une' logique.
Texte inséré en mode 'in-line'
L'image (L127/101 : cardio) n'est pas habillée par le texte. Elle est traitée comme étant 'en ligne' dans le texte.

Remarques diverses.
Il semble qu'Amaya ne connaisse que le mode 'in-line' de positionnement des composants du document au sein d'une division.

Curieusement, Amaya est sensible au NOMBRE D'ESPACES (pas nbsp;) qui précèdent et suivent la balise <img ..> dans le code SOURCE...
 
Le source original comporte quelques 'erreurs'
L68/63 : un 'tr' manquant
L69/64 : Un <br> hors 'dt'
 
Sous Windows, la routine d'affichage du contenu de la fenêtre client d'Amaya est particulièrement problématique : refresh 'lent' ce qui provoque des zébrures (souvent monstrueuses) lors du déplacement par l'ascenceur, surtout dans le sens remontant. Le document en devient par moment inexploitable.
Paliatifs circonstanciels :
a) bouger très lentement l'ascenceur
b) ouvrir puis réduire une autre fenêtre sur Amaya, le refresh donne une image correcte.

Amaya devrait traiter la molette de la souris (confort très généralisé aujourd'hui et sans problème de programmation)

Amaya n'arrive pas à charger une page depuis l'internet -connection modem V90-. Amaya se 'plante' à max 93% (sans perturber les autres logiciels).

Un mystérieux problème (résorbé depuis) s'étant manifesté depuis l'utilisation d'Amaya (La connection internet s'établit normalement mais aucun logiciel n'a accès à la connection), je soupçonne Amaya d'avoir été à l'origine du problème.
 


Photo de l'écran d'Internet-Explorer-5

 


Photo de l'écran d'Amaya-Windows95-3.2.1



 




 

Dernière minute


Présentation comparée Amaya / IE5 d'une page (d'un site US) relative au traitement des couleurs par différents furets.
Evidemment, le même code est utilisé dans les deux cas.
Un extrait du code source pour un cadre suit l'image comparative.
On montre, dans les cases inférieures de chaque cadre, le rendu, par l'agent html utilisé, de :
a) la couleur par 'nom';
b) la couleur par code hexa.
Observez qu'Amaya ne place qu'un cadre par ligne (il y a place pour 3).
Le premier cadre (ghostwhite = cadre numéro 68) apparaissant dans la photo 'Amaya' correspond au second cadre de la première rangée dans la photo 'IE5'.
Remarquez le traitememnt fait aux cadres 2 et 4 'Amaya'.
Pour détails, échelle 1 en bas de page.

Echelle 1/2 pour comparaison directe    (échelle 1    en fin de document).
Version I.E.5 Version AMAYA

Le code pour un cadre (reproduit ~177 fois)

Chaque cadre correspond à une table (width="33%"). Les cadres ne sont pas insérés dans une table de niveau supérieur, ils sont simplement insérés en séquence. Noter que les cases inférieures d'un cadre sont déclarés en 'width="" ' absolu (ce qui n'intervient qu'en cas de réduction de la largeur de la fenêtre d'affichage et si le texte inclu est de longueur inférieure).



 




 

Photo de l'écran d'Internet-Explorer-5

 


Photo de l'écran d'Amaya-Windows95-3.2.1