Systems and methods for generating a card view interface on a mobile computing device
In some embodiments, a card view interface of tabular data is provided that is suitable for presentation on small displays such as those found on mobile computing devices. Cards from a single lane are displayed, along with a set of lane indicators. In some embodiments, when a drag operation is detected on a card, a size of the set of lane indicators is increased in order to facilitate dropping of the card on an intended lane indicator, thus helping to overcome the technical limitations of small mobile computing device displays.
1. A computer-implemented method of generating a card view presentation of tabular data for display by a mobile computing device, the method comprising:
determining an overall set of cards and a set of lanes representing data within a table in a tabular data store;
determining a first subset of cards of the overall set of cards associated with a first lane of the set of lanes;
providing the first subset of cards for presentation by a display on the mobile computing device;
providing a set of lane indicators representing the set of lanes for presentation by the display on the mobile computing device; and
in response to detecting a drag operation on a card of the first subset of cards, increasing a size of the set of lane indicators to facilitate dropping the card onto a selected lane indicator.
2. The method of claim 1 , further comprising, in response to detecting a drop operation of the card on the selected lane indicator, decreasing the size of the set of lane indicators to an original size.
3. The method of claim 2 , wherein the table includes a plurality of rows and at least a first column;
wherein the rows of the plurality of rows include a first set of rows having a first value in the first column and a second set of rows having a second value in the first column; and
wherein determining the first subset of cards of the overall set of cards associated with a first lane of the set of lanes includes determining rows having the first value in the first column.
4. The method of claim 3 , further comprising, in response to detecting a drop operation of the card on the selected lane indicator:
determining a row of the first set of rows associated with the card; and
changing a value in the first column of the determined row from the first value to a value associated with the selected lane indicator.
5. The method of claim 1 , further comprising:
detecting a hover operation over a second lane indicator associated with a second lane of the set of lanes;
determining a second subset of cards of the overall set of cards associated with the second lane; and
providing the second subset of cards for presentation by the display on the mobile computing device.
6. The method of claim 1 , wherein the set of lane indicators includes a highlighted lane indicator associated with the first lane.
7. The method of claim 1 , wherein the mobile computing device is a smartphone.
8. A non-transitory computer-readable medium having computer-executable instructions stored thereon that, in response to execution by one or more processors of a mobile computing device, cause the mobile computing device to perform actions for presenting a card view of tabular data on a display of the mobile computing device, the actions comprising:
receiving, by the mobile computing device, a set of lane indicators representing a set of lanes;
receiving, by the mobile computing device, a first subset of cards associated with a first lane of the set of lanes;
presenting, by the mobile computing device, the set of lane indicators and the first subset of cards on a display of the mobile computing device; and
in response to detecting a drag operation on a card of the first subset of cards, increasing, by the mobile computing device, a size of the set of lane indicators to facilitate dropping the card onto a selected lane indicator.
9. The computer-readable medium of claim 8 , wherein the actions further comprise, in response to detecting a drop operation of the card on the selected lane indicator, decreasing the size of the set of lane indicators to an original size.
10. The computer-readable medium of claim 9 , wherein the tabular data includes a plurality of rows and at least a first column;
wherein the rows of the plurality of rows include a first set of rows having a first value in the first column and a second set of rows having a second value in the first column; and
wherein the actions further comprise, in response to detecting a drop operation of the card on the selected lane indicator:
determining a row of the first set of rows associated with the card; and
changing a value in the first column of the determined row from the first value to a value associated with the selected lane indicator.
11. The computer-readable medium of claim 8 , wherein the actions further comprise:
detecting a hover operation over a second lane indicator associated with a second lane of the set of lanes;
receiving a second subset of cards associated with the second lane; and
presenting the second subset of cards for presentation on the display of the mobile computing device.
12. The computer-readable medium of claim 8 , wherein the set of lane indicators includes a highlighted lane indicator associated with the first lane.
13. The computer-readable medium of claim 8 , wherein the mobile computing device is a smartphone.
14. A system for managing tabular data, the system comprising one or more computing devices configured to:
determine an overall set of cards and a set of lanes representing data within a table in a tabular data store;
determine a first subset of cards of the overall set of cards associated with a first lane of the set of lanes;
provide the first subset of cards for presentation by a display on a mobile computing device;
provide a set of lane indicators representing the set of lanes for presentation by the display on the mobile computing device; and
in response to detecting a drag operation on a card of the first subset of cards, increase a size of the set of lane indicators to facilitate dropping the card onto a selected lane indicator.
15. The system of claim 14 , wherein the one or more computing devices are further configured to, in response to detecting a drop operation of the card on the selected lane indicator, decrease the size of the set of lane indicators to an original size.
16. The system of claim 15 , wherein the table includes a plurality of rows and at least a first column;
wherein the rows of the plurality of rows include a first set of rows having a first value in the first column and a second set of rows having a second value in the first column; and
wherein determining the first subset of cards of the overall set of cards associated with a first lane of the set of lanes includes determining rows having the first value in the first column.
17. The system of claim 16 , wherein the one or more computing devices are further configured to, in response to detecting a drop operation of the card on the selected lane indicator:
determine a row of the first set of rows associated with the card; and
change a value in the first column of the determined row from the first value to a value associated with the selected lane indicator.
18. The system of claim 14 , wherein the one or more computing devices are further configured to:
detect a hover operation over a second lane indicator associated with a second lane of the set of lanes;
determine a second subset of cards of the overall set of cards associated with the second lane; and
provide the second subset of cards for presentation by the display on the mobile computing device.
19. The system of claim 14 , wherein the set of lane indicators includes a highlighted lane indicator associated with the first lane.
20. The system of claim 14 , wherein the mobile computing device is a smartphone.