Les pré-requis pour créer un.ave pour Android

Transcription

1 Les pré-requis pour créer un.ave pour Android 1

2 Sommaire Spécificités d Android : conseils pour la création d un.ave... 3 Conseils génériques (également valable pour ios et le Web)... 4 Compatibilité détaillée par option... 6 Fonctionnalités... 6 Actions génériques... 7 Actions associées aux diaporamas... 7 Actions associées à l audio et vidéo... 7 Réglages du lecteur pour les AveMag... 7 Réglages du lecteur pour les AvePDF... 8 Réglages de la barre de navigation et de la vue générale... 8 Barre de navigation vue sommaire... 8 Barre de réglages... 8 Statistiques

3 Spécificités d Android : conseils pour la création d un.ave Les blocs InDesign comportant un enrichissement «image» ne doivent pas dépasser 2048px en largeur ou hauteur. Android ne supporte que certains formats vidéo. Les enrichissements vidéo doivent respecter les recommandations suivantes : Il n'est pas possible de superposer deux vidéos, même si l une est cachée. C'est une limitation technique des appareils sous Android 4.0 (et versions inférieures). Nous travaillons sur le nouveau composant vidéo optimisé pour les appareils pour les versions supérieures à Android 4.0. Android limite l utilisation de vidéos dans les fenêtres pop-up, notamment pour la fenêtre pop-up classique. Afin de contourner cette limitation, les vidéos en pop-up classique seront automatiquement converties en pop-up full screen. Il faut éviter d'imbriquer les mises en page défilantes (sublayout) car Android ne supporte qu un certain nombre d imbrication sur une même page. Trop de mises en page imbriquées risque de provoquer un crash de l application. Actuellement, nous garantissons jusqu à deux niveaux d imbrication. Attention la dernière mise en page défilante ne doit pas contenir de diaporama. Lorsque vous intégrez une page web (ou enrichissement HTML) dans votre document, cela peut perturber la navigation de l utilisateur. L enrichissement HTML prend le dessus sur les autres : les clics de l utilisateurs entraînent des réponses de la page web, au détriment de l interaction avec le document AVE. L utilisateur ne pourra pas naviguer dans votre document ou déclencher un autre enrichissement à cause de la page web que vous aurez intégrée. Pour éviter ce problème, décochez l'option "Interaction", "Scrollable" et Can Scale lorsque que vous créez un enrichissement HTML. L option Interaction permet à l utilisateur final de cliquer sur les éléments de la page web et l option Scrollable permet de faire défiler la page web au sein du cadre que vous avez défini. De la même manière, si le bloc dédié à l enrichissement HTML est affiché en pleine page, il bloquera la navigation. Pour éviter ce problème, cochez une des options "Interaction", "Scrollable" et Can Scale ou laissez un espace sur votre écran afin de laisser un espace pour passer à une autre page, ou bien créez un bouton page suivante. Un autre choix si vous voulez que l utilisateur puisse naviguer dans la page web en plein écran, utilisez l action GoToWeb. Faites attention également lorsque vous placez un enrichissement (diaporama, vidéo ) par dessus un enrichissement HTML, la navigation se fera en priorité avec l'enrichissement qui se positionne au dessus de l enrichissement HTML à moins de cocher l option Interaction. Lorsque vous affichez une page web (enrichissement HTML), ne lui attribuez pas de fond transparent. Ajouter un fond transparent sur un enrichissement HTML désactive 3

4 l optimisation de l affichage : vous prenez le risque que la page de votre document soit moins fluide que les autres et que les vidéos en HTML5 qu elle contient ne s affichent pas. Cette limitation survient à partir de la version Android 3.0. et des versions supérieures Une page web en HTML5 ne fonctionne pas correctement sous Android 4.0 et inférieur, à moins d être affichée en plein écran. Ce problème peut apparaître lorsque vous affichez une page contenant des vidéos Youtube ou Vimeo. Pour afficher correctement une page web en HTML5, utilisez l action GoToWeb qui ouvrira la page web en plein écran. Ce problème a été corrigé par Google à partir des versions Android 4.1. Dans Project Manager, l option "toujours visible" sur la «MenuBar» ne s applique pas à Android. Cette fonction n est valable que sur iphone/ipad. Les résolutions étant fixes sur iphone/ipad, vous pouvez prévoir une barre de navigation fixe et prévoir un espace de la taille de la barre de navigation pour éviter que celle-ci déborde sur votre contenu. Sur Android, vous créez un magazine qui pourra être lu par différents supports (tablettes/téléphones), de différentes tailles. Votre document est automatiquement redimensionné pour s'afficher en plein écran sur tous les supports. Il n est donc pas possible de prévoir une zone dédiée à la barre de navigation, comme sur iphone/ipad. Nous avons donc désactivé l option toujours visible pour l export Android des documents AVE. Le changement d'opacité pendant une animation sur un enrichissement n'est pas pris en compte sur les versions d'android inférieures à 3.0. L enrichissement Plan n est pas compatible avec la première tablette Amazon Kindle. De même, il n est pas possible d afficher cet enrichissement dans une page de magazine, celui-ci s ouvrira cependant en fullscreen après avoir cliqué dessus. Conseils génériques (également valable pour ios et le Web) Supprimez tous les enrichissements inutilisés et évitez de créer des doubles de vos enrichissements. Ces enrichissements inutiles sont chargés dans le lecteur : ils vont alourdir la page et affecter la fluidité de la navigation. Associez de préférence les actions à des blocs visibles. Sinon vous risquez de surcharger votre page et rendre la navigation moins fluide. Lorsqu'on change la visibilité d'un calque, tous les éléments liés à ce dernier seront affectés par ce changement. Il n'est donc pas nécessaire de changer la visibilité de chacun des éléments contenus dans le calque. Groupez les éléments non enrichis (par exemple un fond d écran et les images associées). Cela optimisera grandement l'affichage de la page. Par contre, ne groupez pas des éléments enrichis, sinon ils perdront leurs enrichissements. 4

5 Les enrichissements HTML et les vidéos n apparaissent pas dans les prévisualisations des pages (les miniatures qui s affichent dans le sommaire). Pour remédier à ce problème, nous vous permettons de définir vous-même l image de prévisualisation à partir du bloc de l'enrichissement. Vous pouvez rencontrer le même problème de prévisualisation si vous avez ajouté un fond (background) à un bloc : le fond va s afficher au détriment du bloc. Ici aussi, définissez vous-même l image de prévisualisation. La création de votre maquette sera grandement facilitée si vous utilisez les calques correctement, en utilisant des noms de calque et de blocs pertinents. Pour associer une couleur de fond à votre mise en page défilante (sublayout), donnez une couleur à votre bloc depuis InDesign. Ne créez pas un bloc d'une couleur unie placé derrière votre mise en page défilante : cela alourdit la page et affecte la fluidité de la navigation. 5

6 Compatibilité détaillée par option Fonctionnalités Diaporamas Ok Ok Vidéo Ok Ok Son Ok Ok Lecture guidée Ok Ok HTML Ok Ok Image animée Ok Ok Textes défilants Ok Ok Ancre Ok Ok Mise en page défilante Ok Ok Sommaire Ok Ok Synopsis Ok Ok Reflow Ok En cours de dév Comparateur Ok Ok Lecture à voix haute Ok Ok Comics Ok Ok Plan Ok Ok* Afficher AVE Ok Ok Labyrinthe standard Ok En cours de dév Jeu de recomposition Ok En cours de dév Coloriage standard Ok Ok Bouton Ok Ok Condition Ok Ok Glisser/déposer Ok Ok MotionComposer Ok Ok Sélectionneur de couleur Ok Ok Enrichissements premium Ok En cours de dév (disponible: Puzzle ; Memory ;Sudoku ; gallery, Physics, Maze collidor) 6

7 Actions génériques Ouvrir page web Ok Ok Ouvrir mail Ok Ok Aller à article Ok Ok Ouvrir pop-up Ok Ok Quitter Ok Ok Aller à ancre Ok Ok Notification Ok Ok Démarrer Ok Ok Stopper Ok Ok Changer visibilité objet Ok Ok Changer visibilité calque Ok Ok Lancer activité (jeux) Ok En cours de dév Actions associées aux diaporamas Changer contenu index Ok Ok Plein écran Ok Ok Faire défiler Ok Ok Toucher pour déclencher Ok Ok Actions associées à l audio et vidéo Play Ok Ok Stop Ok Ok Pause Ok Ok Intérupteur play Ok Ok Actions de fin Ok Ok Déclencher enregistrement Ok Ok Stopper enregistrement Ok Ok Supprimer enregistrement Ok Ok Réglages du lecteur pour les AveMag Navigation linéaire/colonne Ok Ok Zoom dans page En cours de dév Ok Transition entre articles Ok En cours de dév 7

8 Réglages du lecteur pour les AvePDF Désactiver zoom Ok En cours de dév Transition entre page Ok En cours de dév Sauvegarder et fermer En cours de dév En cours de dév Sauvegarder page à changement En cours de dév Ok d article Réglages de la barre de navigation et de la vue générale ios Reader Android Reader Hauteur Ok Ok Couleur Ok Ok Mode coloriage Ok Ok Toujours visible/invisible Ok En cours de dév Pop-up Ok Ok Taille pop-up Ok Ok Bouton «plein écran» Ok Ok Barre de navigation vue sommaire ios Reader Android Reader Taille article/page Ok Ok Interstice article/page Ok Ok Décélération défilement Ok En cours de dév Autoriser plein écran Ok En cours de dév Toujours visible/invisible Ok En cours de dév Barre de réglages Couleur/hauteur Ok Ok Fermer élément Ok Ok Espace entre élément Ok Ok Titre de la page Ok Ok Marque-page Ok Ok Réglages Ok Ok Aide Ok Ok Recherche Ok En cours de dév Note Ok Ok Afficher marque-page/note Ok Ok Toujours visible/invisible Ok Fonctionnalité spécifique au ios Reader* 8

9 Statistiques Aquafadas Ok Ok Xiti Ok Ok Google Analytics Ok Ok Flurry Ok Ok Web Ok En cours de dév 9