CPC G06F 40/143 (2020.01) [G06F 3/04842 (2013.01); G06F 40/106 (2020.01); G06F 40/117 (2020.01); G06F 40/134 (2020.01); G06Q 10/101 (2013.01); G06Q 30/0643 (2013.01); G06T 11/60 (2013.01); G06F 40/186 (2020.01)] | 20 Claims |
1. A method performed by a computing device of displaying cards on the computing device, the method comprising:
receiving a wrap descriptor of a package of cards by a computing device, the package of cards including at least three cards, each card defining card layout information and card content, the wrap descriptor identifying one or more locations to obtain the package of cards;
receiving a runtime viewer, the runtime viewer including code that, when executed by a processor of the computing device, controls display of each card in the package of cards and controls transition between one card to an adjacent card in the package of cards, the transition being based on a navigation trigger event selectable from at least a horizontal swipe in a horizontal direction and a vertical swipe in a vertical direction, at least one card including a link to a non-adjacent card in the package of cards, the runtime viewer including code that, when executed by the processor, controls transition to the non-adjacent card when the link is activated;
generating an object graph from the wrap descriptor by the computing device, the object graph defining a mapping of the cards in the package of cards;
generating a document object model from the object graph by the computing device, the document object model including a browser-readable instance of each card in the package of cards;
displaying, using the runtime viewer, a first card in the package of cards on a display of the computing device based on the document object model;
receiving a particular navigation trigger event;
transitioning, using the runtime viewer, to display an adjacent second card in the package of cards based on the document object model, in response to the particular navigation trigger event;
receiving an activation event of the link; and
transitioning, using the runtime viewer, to display the non-adjacent card in response to the activation event.
|