Wrap descriptor for defining a wrap package of cards including a global component
A wrap descriptor, which defines a wrap package of cards, including (i) a plurality of card descriptors, each defining card-specific components that define content, structure and a layout for an associated card and (ii) a global component descriptor for specifying a global component associated with two or more cards of the wrap package. Unlike card descriptors that define only card-specific components, global descriptors define components that can be applied to all the cards, or a designated subset of the cards, of a wrap package.
1. A JavaScript Object Notation (JSON) wrap descriptor, embedded in a non-transitory tangible computer readable medium, the JSON wrap descriptor defining a presentation of a wrap package including a plurality of cards, the JSON wrap descriptor including:
a plurality of JSON card descriptors, each of the plurality of JSON card descriptors defining one or more card-specific components that define content and a layout of an associated card of the wrap package respectively; and
a global component descriptor for specifying a global component associated with at least two of the cards among the plurality of cards of the wrap package respectively,
the plurality of JSON card descriptors and the global component descriptor defining the presentation of the wrap package as authored,
the JSON wrap descriptor further configured to be delivered to a consuming device, the consuming device using the JSON wrap descriptor to generate and render on a display associated with the consuming device a runtime presentation of the wrap package that appears the same as the presentation as authored,
the presentation including:
a first set of immutable non-gallery cards navigable along a first direction, the first set of non-gallery cards each having the same aspect ratio respectively; and
an immutable gallery card navigable along a second direction that is perpendicular to the first direction, the gallery card having a second aspect ratio that is different than the first aspect ratio,
wherein the runtime presentation of the wrap package appears the same as the presentation as authored regardless of the size or orientation of the display and/or the type or class of consuming device.
2. The JSON wrap descriptor of claim 1 , wherein the global component descriptor specifies that the global component is associated with all of the plurality of cards of the wrap package respectively.
3. The JSON wrap descriptor of claim 1 , further comprising the global component descriptor specifies that the global component is associated with a subset of the plurality of cards of the wrap package respectively.
4. The JSON wrap descriptor of claim 1 , further comprising a card designator tool for designating the cards, among the plurality of cards of the wrap package, to be associated with the global component.
5. The JSON wrap descriptor of claim 1 , wherein the global component comprises one of the following:
a text component;
an image or photo component;
a video component;
a buy or purchase component;
a booking or reservation component;
a GPS or location component;
an online chat component;
a media player component;
a behavior component;
a widget that appears within a frame;
an audio component; or
a call-to-action button.
6. The JSON wrap descriptor of claim 1 , wherein the global component specifies a behavior that is imbued with the at least two of the plurality of cards of the wrap package at runtime.
7. The JSON wrap descriptor of claim 1 , wherein the global component imbues a behavior of automatically transitioning display of the at least two cards of the wrap package at runtime.
8. The JSON wrap descriptor of claim 7 , wherein the automatic transitioning occurs either (i) at a fixed time interval or (ii) conditionally upon an event.
9. A method for generating a JavaScript Object Notation (JSON) wrap descriptor that defines a presentation of a wrap package including a plurality of cards, each card authored to have a defined content and layout, the method comprising:
(i) selecting a card among the plurality of the cards of the wrap package:
(ii) generating one or more data objects representing each of one or more component(s) associated with the selected card, the associated component(s) including card-specific component(s) and any global component(s) associated with the selected card;
(iii) generating a JSON card descriptor from the one or more data objects representing the card-specific and/or any global component(s) associated with the selected card, the JSON card descriptor representing the defined content and layout of the select card as authored;
(iv) generating a plurality of JSON card descriptors by repeating (i) through (iii) for each of the plurality of cards respectively; and
(v) generating the JSON wrap descriptor from the plurality of JSON card descriptors,
the generated JSON wrap descriptor configured to be used by a consuming device to generate on an associated display a runtime presentation of the wrap package, the runtime presentation of each card, regardless of the type or orientation of the display and/or class or type of consuming device, having an immutable presentation that is the same as the defined content and layout of each card as authored respectively.
10. The method of claim 9 , wherein the one or more data objects represent any attribute(s) associated with the card-specific component(s) and/or any of the global component(s) associated with the selected card respectively.
11. The method of claim 9 , wherein the one or more data objects represent_any style(s) associated with the card-specific component(s) and/or any of the global component(s) associated with the selected card respectively.
12. The method of claim 9 , wherein the one or more data objects represent any trigger(s) associated with the card-specific component(s) and/or any of the global component(s) associated with the selected card respectively.
13. The method of claim 9 , wherein the one or more data objects represent any behavior(s) associated with the card-specific component(s) and/or any of the global component(s) associated with the selected card respectively.
14. The method of 9 , wherein the global component comprises one of the following:
a text component;
an image or photo component;
a video component;
a buy or purchase component;
a book or reservation component;
a GPS or location service component;
an online chat component;
a media player component;
a behavior component;
an audio component;
a widget that appears within a frame; or
a call-to-action button.
15. The method of claim 9 , wherein the global component specifies a behavior that is imbued with the at least two of the cards of the wrap package at runtime.
16. The JSON wrap descriptor of claim 1 , wherein the gallery card when rendered either:
is segmented into a plurality of frames and exhibits a frame transition behavior in response to navigational inputs; or
exhibits a continuous scrolling behavior in response to navigational inputs.
17. The JSON wrap descriptor of claim 1 , wherein the JSON wrap descriptor is a Binary JSON (BSON) wrap descriptor.
18. The method of claim 9 , wherein the JSON wrap descriptor is a Binary JSON (BSON) wrap descriptor.