HTML-artikelen maken voor AEM Mobile

Als u HTML-bronbestanden voor uw artikelen wilt maken, kunt u een CMS-systeem gebruiken zoals Adobe Experience Manager. U kunt ook een ander gereedschap gebruiken, zoals Dreamweaver, CMS of een HTML-editor. We raden u aan CSS (Cascading Style Sheets) te gebruiken om dynamisch aanpasbare inhoud voor tablets en telefoons met verschillende afmetingen te maken.

Voor een uitleg die dieper op de materie ingaat, bekijkt u deze video-opnamen van deze (Engelstalige) sessies tijdens Adobe MAX 2015:

Slim gebruikmaken van HTML

Uw interactieve HTML-inhoud optimaliseren

Gebruik HTML Article Packager om artikelbestanden voor HTML-inhoud te maken. Wanneer u de map met HTML-bestanden op het pictogram van Article Packager sleept, wordt het vereiste manifest.xml-bestand gemaakt en worden de bestanden gecomprimeerd in een artikelbestand dat u kunt uploaden.

Zie Installatie en configuratie voor AEM Mobile om HTML Article Packager te downloaden.

Ontwerpen voor Adobe Experience Manager (AEM)

AEM configureren voor gebruik met AEM Mobile

CMS-systemen van derden

• Integreren met CMS: Drupal, WordPress (video)
  
• WordPress (ontwikkeld door Studio Mercury)
• Drupal (ontwikkeld door DPCI)

• WoodWing Inception
• Storied

HTML-inhoud die goed werkt in bureaubladbrowsers, functioneert mogelijk niet zo goed op mobiele apparaten. Ga als volgt te werk wanneer u HTML-artikelen maakt:

• Optimaliseer afbeeldingen voor mobiele apparaten. Het duurt langer om een afbeelding van 12000x8000 pixels met 300 dpi te verwerken dan een afbeelding van 800x600 pixels met 72 dpi. Vermijd het gebruik van onnodig grote afbeeldingen om ruimte te besparen en de prestaties te verbeteren.
• Optimaliseer video- en audiobestanden om de grootte te verminderen en de prestaties te verbeteren.
• Vereenvoudig de code voor mobiele browsers en test deze.

Zie Inhoud optimaliseren voor AEM Mobile-apps voor meer informatie.

U kunt verwijzen naar lettertypen die van HTML-artikelen naar de app worden geüpload. Wanneer u verwijst naar lettertypen die zijn geüpload in de app, verbetert u de downloadsnelheid en prestaties van het artikel.

Standaard worden via het tikken op niet-interactieve gebieden de navigatiebalken in viewers weergegeven en wordt met veeggebaren naar de volgende of vorige artikelen of pagina's genavigeerd. Bij HTML-artikelen worden de navigatiebalken in viewers niet weergegeven voor bekende interactieve HTML-elementen, zoals: <a/>, <video/>, <audio/>, <textarea/>, <input/> en <button/>. Wanneer er op andere elementen wordt getikt, worden de navigatiebalken weergegeven.

Voor betere controle van gebaren in geavanceerde inhoud, zoals games of presentaties, kunt u de aangepaste HTML Gesture API's gebruiken.

Wanneer u de HTML Gesture API's gebruikt, kunt u zorgen voor een goede gebruikerservaring voor de meer geavanceerde interactieve HTML-elementen. Als u bijvoorbeeld een presentatie op volledig scherm hebt, kunt u de ervaring aanpassen zodat gebruikers kunnen vegen naar het volgende artikel op de laatste dia. Als u een HTML-puzzel hebt, kunt u deze zo instellen dat de navigatiebalken worden weergegeven wanneer er op het canvas wordt getikt, terwijl de navigatiebalken niet worden weergegeven wanneer er op een puzzelstuk wordt getikt.

Houdt er rekening mee dat relinquishCurrentGesture() niet wordt ondersteund in Windows-apps. Alle andere gebaren worden ondersteund voor alle platformen.

Zie het voorbeeldbestand voor meer informatie (alleen in het Engels).

Als u Adobe Muse gebruikt om HTML-artikelen te maken, kunt u het beste de Gestures API aan uw Muse-project toevoegen. Bates Creative heeft hiervoor een Mucow (Muse Configurable Options Widget; widget met configureerbare opties voor Muse) gemaakt. De code en de instructies zijn hier beschikbaar:

AEM Mobile Gestures API voor Adobe Muse