Différences entre versions de « Tutoriel:Appliquettes réactives »

De GeoGebra Manual
Aller à : navigation, rechercher
 
(3 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 7 : Ligne 7 :
  
 
== Conseils généraux ==
 
== Conseils généraux ==
 +
* Éviter les commandes qui doivent charger le moteur de calcul formel, par exemple <code>Simplifier()</code>, <code>Factoriser()</code>, <code>Développer()</code>, <code>Asymptote()</code>. <br/>En général, vous pouvez utiliser <code>Polynôme()</code> en lieu et place de <code>Simplifier()</code> ou <code>Développer()</code>
 
* Tous les éléments de l'interface utilisateur qui ne sont pas nécessaires doivent être cachés ;
 
* Tous les éléments de l'interface utilisateur qui ne sont pas nécessaires doivent être cachés ;
 
* Évitez les commandes qui ont besoin de charger le moteur de Calcul formel, par exemple [[Commande Simplifier |Simplifier]], [[Commande Factoriser|Factoriser]], [[Commande Développer |Développer]], [[Commande Asymptote |Asymptote]]. <br/>Vous pouvez généralement utiliser [[Commande Polynôme |Polynôme]] au lieu de [[Commande Simplifier|Simplifier]] / [[Commande Développer|Développer]] ;
 
* Évitez les commandes qui ont besoin de charger le moteur de Calcul formel, par exemple [[Commande Simplifier |Simplifier]], [[Commande Factoriser|Factoriser]], [[Commande Développer |Développer]], [[Commande Asymptote |Asymptote]]. <br/>Vous pouvez généralement utiliser [[Commande Polynôme |Polynôme]] au lieu de [[Commande Simplifier|Simplifier]] / [[Commande Développer|Développer]] ;
Ligne 20 : Ligne 21 :
  
 
== Conseils pour les Scripts ==
 
== Conseils pour les Scripts ==
* <code>SoitValeur [a, c + b]</code> sera bien plus rapide que <code>a = c + b </code>(cela évite un recalcul complet de la construction) mais <code>ggbApplet.setValue () </code>sera encore plus rapide car il aura besoin de moins d'analyse.
+
* <code>SoitValeur(a, c + b)</code> sera bien plus rapide que <code>a = c + b </code>(cela évite un recalcul complet de la construction) mais <code>ggbApplet.setValue() </code>sera encore plus rapide car il aura besoin de moins d'analyse.
* <code>SoitValeur [a, Si [b <3,4,5]]</code> est préférable à <code>Si[b <3, SoitValeur [a, 4], SoitValeur [a, 5]]</code>
+
* <code>SoitValeur(a, Si(b <3,4,5))</code> est préférable à <code>Si(b <3, SoitValeur(a, 4), SoitValeur(a, 5))</code>
  
 
==Listes ==
 
==Listes ==
Les commandes Séquence[] et Compactée[] sont actuellement assez lentes dans certains cas. L'équipe travaille sur quelques idées pour accélérer les choses, en attendant, il vaut la peine d'essayer le tableur pour les séquences de construction, et en utilisant "Condition pour afficher l'objet" pour simuler la liste.
+
Les commandes Séquence() et Compactée() sont actuellement assez lentes dans certains cas. L'équipe travaille sur quelques idées pour accélérer les choses, en attendant, il vaut la peine d'essayer le tableur pour les séquences de construction, et en utilisant "Condition pour afficher l'objet" pour simuler la liste.
  
 
==Animations ==
 
==Animations ==
Ligne 39 : Ligne 40 :
 
==Images ==
 
==Images ==
  
+
* https://jakearchibald.github.io/svgomg/ peut réduire considérablement  la taille des fichiers SVG ;
 
*https://tinypng.com/ réduit considérablement  la taille des fichiers PNG  (jusqu'à 80-90% !)
 
*https://tinypng.com/ réduit considérablement  la taille des fichiers PNG  (jusqu'à 80-90% !)
 
* Assurez-vous que vous n'utilisez pas des images trop grosses alors qu'une plus petite ferait l'affaire (en particulier dans la commande  [[Commande Séquence|Séquence]]) <br/> Vous pouvez utiliser un logiciel comme http://www.irfanview.com/ pour réduire les  images.
 
* Assurez-vous que vous n'utilisez pas des images trop grosses alors qu'une plus petite ferait l'affaire (en particulier dans la commande  [[Commande Séquence|Séquence]]) <br/> Vous pouvez utiliser un logiciel comme http://www.irfanview.com/ pour réduire les  images.
 
__NoTOC__
 
__NoTOC__
[[Es: Tutorial:Creando_Applets]]
 
[[en:Tutorial:Responsive_Applets]]
 
[[It: Tutoriel: Progettare_applet_efficienti]]
 

Version actuelle datée du 29 novembre 2019 à 23:33


Lors de la conception d'une appliquette GeoGebra vous devez vous assurer que cela fonctionnera très bien sur tous les appareils. Cet article vous donne quelques conseils sur la façon de s'assurer que vos appliquettes s'affichent correctement et soient plus performantes.

Point le plus important: définissez la directement en HTML5, pas en Java, puis testez à la fin (évidemment si vous identifiez quelque chose qui semble plus lent que prévu, s'il vous plaît, informez les développeurs et ils vont le vérifier). À l'heure actuelle, HTML5 est généralement plus lent que Java fonctionnant sur le même matériel.

Conseils généraux

  • Éviter les commandes qui doivent charger le moteur de calcul formel, par exemple Simplifier(), Factoriser(), Développer(), Asymptote().
    En général, vous pouvez utiliser Polynôme() en lieu et place de Simplifier() ou Développer()
  • Tous les éléments de l'interface utilisateur qui ne sont pas nécessaires doivent être cachés ;
  • Évitez les commandes qui ont besoin de charger le moteur de Calcul formel, par exemple Simplifier, Factoriser, Développer, Asymptote.
    Vous pouvez généralement utiliser Polynôme au lieu de Simplifier / Développer ;
  • N'utilisez de style de fantaisie (hachurage, image de fond), que si nécessaire ;
  • Ne placez pas de textes à l'intérieur de l'appliquette, sauf si nécessaire - à noter que dans GeoGebra vous pouvez placer des instructions pour l'utilisation de la feuille de calcul au dessus et en dessous de l'appliquette ;
  • Évitez d'afficher les étiquettes inutiles des objets ;
  • Grille et axes devraient être masqués s'ils ne sont pas nécessaires ;
  • Si une valeur calculée est utilisée plusieurs fois, mieux vaut l'assigner à une variable et utiliser le nom de la variable.
  • Algèbre:
    • Si vous avez seulement besoin des descriptions algébriques de quelques objets, créer des textes dynamiques et cacher la fenêtre Algèbre ;
    • Vous pouvez également réduire le temps nécessaire pour l'actualisation de l'affichage de la fenêtre Algèbre en supprimant certaines catégories (par exemple, Option 'Trier par type' et masquer toutes les listes) ou marquer des objets comme auxiliaires.

Conseils pour les Scripts

  • SoitValeur(a, c + b) sera bien plus rapide que a = c + b (cela évite un recalcul complet de la construction) mais ggbApplet.setValue() sera encore plus rapide car il aura besoin de moins d'analyse.
  • SoitValeur(a, Si(b <3,4,5)) est préférable à Si(b <3, SoitValeur(a, 4), SoitValeur(a, 5))

Listes

Les commandes Séquence() et Compactée() sont actuellement assez lentes dans certains cas. L'équipe travaille sur quelques idées pour accélérer les choses, en attendant, il vaut la peine d'essayer le tableur pour les séquences de construction, et en utilisant "Condition pour afficher l'objet" pour simuler la liste.

Animations

Si vous avez une animation multi-étape, l'établir sur des objets distincts animés par des curseurs séparés, plutôt que comme un gros objet animé par un seul curseur.

Voici un exemple d'une manière efficiente pour résoudre des équations différentielles (en utilisant une vitesse de défilement variable) qui est beaucoup plus rapide que d'utiliser des scripts / sur les événements de mise à jour. http://www.geogebra.org/student/m23587

LaTeX

Il est préférable d'utiliser les commandes Tableau et LaTeX, mais le LaTeX de base fonctionne aussi correctement en HTML5: http://www.geogebra.org/student/m33487?mobile=true

Images

© 2022 International GeoGebra Institute