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.
Opmerking:
In sommige gevallen kunt u Adobe Muse gebruiken om de oorspronkelijke HTML-artikelen te maken. In de meeste gevallen is er echter geavanceerde HTML-kennis vereist om de HTML-artikelen die u voor AEM Mobile wilt gebruiken, aan te passen.
Video over het maken van HTML-artikelen
Voor een uitleg die dieper op de materie ingaat, bekijkt u deze video-opnamen van deze (Engelstalige) sessies tijdens Adobe MAX 2015:
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.
-
Download en installeer HTML Article Packager.
-
Ga naar de on-demandportal (https://aemmobile.adobe.com), bewerk het artikel en upload het artikelbestand.
Zie Artikelen beheren in AEM Mobile voor meer informatie.
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)
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.
Opmerking:
Gedeelde lettertype die worden gebruikt in HTML-artikelen worden alleen ondersteund in mobiele apps, niet in de bureaubladwebviewer. Als u lettertypen beschikbaar wilt stellen in de bureaubladwebviewer, kunt u de lettertypen insluiten in het HTML-artikel of kunt u API's gebruiken om ze beschikbaar te stellen via gedeelde inhoud.
-
Upload de lettertypen naar de on-demandportal (Inhoud en lay-outs > Lettertypen & App-aanpassing). Zie AEM Mobile-apps aanpassen: aangepaste lettertypen gebruiken.
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).