System and method for pre-loading flyer image tiles and managing memory for same
In the present disclosure, there is disclosed a communication device including a pre-loading module configured to retrieve a first and a second set of flyer image tiles from a flyer image tile set stored in memory, the first set of flyer image tiles being associated with the most zoomed-out state and the second set of flyer image tiles being associated with a zoom level of a current viewport. The pre-loading module is further configured to associate the first set of flyer image tiles with an underlay viewport. The communication device further includes a display configured to display the first set of flyer image tiles in the underlay viewport that are visible in the current viewport and overlay the second set of flyer image tiles visible in the current viewport onto the first set of flyer image tiles.
1. A method executed on a processor of a communication device for displaying a digital flyer comprising a plurality of flyer image tile sets each associated with a different base resolution, the method comprising:
retrieving at least one flyer image tile associated with a zoomed-out level from a selected flyer image set, the selected flyer image set selected from the plurality of flyer image tile sets of the digital flyer, each of the plurality of flyer image tile sets associated with a different base resolution, the selection of the flyer image tile set based on a size of an underlay viewport;
pre-loading the underlay viewport with a base flyer image comprising the at least one retrieved image flyer tile from the selected flyer image tile set;
displaying in a current viewport, at least a portion of the base flyer image that is visible in the current viewport, the displayed portion of the base flyer image displayed at a current zoom level of the current viewport that differs from the zoomed-out level;
retrieving at least one zoomed-in flyer image tile for the current zoom level different from the zoomed-out level, the at least one zoomed-in flyer image tile retrieved from the selected flyer image tile set; and
once the at least one zoomed-in flyer image tile is retrieved, overlaying onto the displayed portion of the base flyer image at least a portion of the zoomed-in flyer image tile.
2. The method according to claim 1 , wherein the at least one flyer image tile associated with the underlay viewport or the current viewport, or both, are retrieved from a server and stored in a memory of the communication device.
3. The method according to claim 1 , wherein the at least one zoomed-in flyer image tile is retrieved from the flyer image tile set based on viewer action.
4. The method according to claim 3 , wherein the at least one zoomed-in flyer image tile is retrieved based on viewer action and are retrieved from a server.
5. The method according to claim 3 , wherein the viewer action is a pan and the method further comprises determining the direction of the pan, or the speed of the pan, or a combination thereof.
6. The method according to claim 3 , wherein the viewer action is a zoom and the method further comprises determining rate of the zoom.
7. The method according to claim 1 , further establishing a relationship between the current viewport and the underlay viewport, the relationship being used to translate viewer's action on the current viewport to the underlay viewport.
8. The method according to claim 7 , wherein the relationship is based on zoom ratio between the current viewport and the underlay viewport.
9. A system for displaying digital flyer on a communication device, the system comprising:
a processor unit for executing instructions; and
a memory unit for storing instructions, which when executed by the processor configure the system to provide:
a pre-loading module configured to:
retrieving at least one flyer image tile associated with a zoomed-out level from a selected flyer image set, the selected flyer image set selected from the plurality of flyer image tile sets of the digital flyer, each of the plurality of flyer image tile sets associated with a different base resolution, the selection of the flyer image tile set based on a size of an underlay viewport; and
pre-load the underlay viewport with a base flyer image comprising the at least one retrieved image flyer tile; and
a display configured to:
display in a current viewport, at least a portion of the base flyer image that is visible in the current viewport, the
displayed portion of the base flyer image displayed at a current zoom level of the current viewport that differs from the zoomed-out level;
retrieve at least one zoomed-in flyer image tile for the current zoom level different from the zoomed-out level, the at least one zoomed-in flyer image tile retrieved from the selected flyer image tile set; and
once the at least one zoomed-in flyer image tile is retrieved, overlay onto the displayed portion of the base flyer image at least a portion of the zoomed-in flyer image tile.
10. The system according to claim 9 , wherein the executed instructions further configure the system to provide:
a communication module configured to retrieve the at least one flyer image tile associated with the underlay viewport or the current viewport, or both, from a server.
11. The system according to claim 9 , wherein the at least one zoomed-in flyer image tile is retrieved from the flyer image tile set based on viewer action.
12. The system according to claim 11 , wherein the viewer action is a pan and the pre-loading module is further configured to determine direction of the pan, or speed of the pan, or a combination thereof.
13. The system according to claim 11 , wherein the viewer action is a zoom and the pre-loading module is further configured to determine rate of the zoom.
14. The system according to claim 9 , wherein the pre-loading module is further configured to establish a relationship between the current viewport and the underlay viewport, the relationship being used to translate viewer's action on the current viewport to the underlay viewport.
15. The system according to claim 14 , wherein the relationship is based on zoom ratio between the current viewport and the underlay viewport.