CN111523695B - Interactive method, system, equipment and medium for scenic spot ticket booking of online platform - Google Patents
Interactive method, system, equipment and medium for scenic spot ticket booking of online platform Download PDFInfo
- Publication number
- CN111523695B CN111523695B CN202010331777.1A CN202010331777A CN111523695B CN 111523695 B CN111523695 B CN 111523695B CN 202010331777 A CN202010331777 A CN 202010331777A CN 111523695 B CN111523695 B CN 111523695B
- Authority
- CN
- China
- Prior art keywords
- date
- floating layer
- month
- user
- selection area
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q10/00—Administration; Management
- G06Q10/02—Reservations, e.g. for tickets, services or events
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06Q50/00—Systems or methods specially adapted for specific business sectors, e.g. utilities or tourism
- G06Q50/10—Services
- G06Q50/14—Travel agencies
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/30—Computing systems specially adapted for manufacturing
Abstract
The invention provides an interaction method, a system, equipment and a storage medium for scenic spot ticket booking of an online platform, wherein the method comprises the following steps: receiving a first operation instruction of a user in the date selection area; if the area clicked by the first operation instruction is located in the first date selection area, determining a using date according to the first operation instruction; if the area clicked by the first operation instruction is located in the second date selection area, displaying a first date floating layer to be selected corresponding to the current month on an interaction page; determining a date to be selected by a user in the first date floating layer to be selected as a using date; setting the use date as a selected state, generating a reservation order according to the use date, and sending the reservation order to scenic spots; according to the method and the device, the user can realize different functions according to single sliding action, and according to the difference of sliding speeds, the switching of different interfaces is realized, and the threshold used by the user is reduced.
Description
Technical Field
The invention relates to the technical field of computers, in particular to an interaction method, an interaction system, interaction equipment and interaction storage media for scenic spot ticket booking of an online platform.
Background
With the rapid development of internet technology, more and more users of online tourist platforms, that is, more and more users subscribe to scenic spot tickets or hotels, air tickets, etc. through the online tourist platforms. In the prior art, when these online travel platforms select a date of use, there are generally two interaction schemes:
(1) The date of the last N days and the entry of more date are tiled, the more date is clicked, a calendar floating layer is popped up, the calendar is tiled in the floating layer according to month, and the date is displayed in the dimension of month.
The problem with this solution is that when the user wants to subscribe to other usage dates, especially sold out in the last 3 days, the user needs to click "more dates" to select a date from the pop-up calendar float.
(2) The calendar is tiled by month.
The scheme has the problems that the date module occupies higher page height, so that the positions of other filling items are moved backwards, and the display of other filling items is influenced; and when recently sold out, large areas of non-selectable dates waste page space.
On the other hand, when the online travel platform software selects the use date, the operation can be completed by combining various gesture actions, so that the use threshold is high for some users, especially for the old, the users are inconvenient to use, and the user experience is affected.
Disclosure of Invention
Aiming at the problems in the prior art, the invention aims to provide an interaction method, an interaction system, interaction equipment and an interaction storage medium for scenic spot ticket booking of an online platform, which enable a user to realize different functions according to single sliding actions, realize switching of different interfaces according to different sliding speeds and reduce the use threshold of the user.
In order to achieve the above purpose, the present invention provides an interaction method for scenic spot ticket booking of an online platform, wherein a date selection area is arranged on an interaction page, the date selection area comprises a first date selection area and a second date selection area, and the interaction method comprises the following steps:
s10, receiving a first operation instruction of a user in the date selection area; the first operation instruction comprises a first transverse sliding operation and a clicking operation, and the transverse direction is a direction perpendicular to the extending direction of the interactive page;
s20, if the area clicked by the first operation instruction is located in the first date selection area, determining a using date according to the first operation instruction;
s30, if the area clicked by the first operation instruction is located in the second date selection area, displaying a first date floating layer to be selected corresponding to the current month on the interaction page, wherein the first date floating layer to be selected displays the date of each day in the current month and the corresponding ticket price; determining a date to be selected by a user in the first date floating layer to be selected as a using date;
s40, setting the use date to be in a selected state, generating a reservation order according to the use date, and sending the reservation order to scenic spots.
Preferably, the step S20 includes:
if the area clicked by the first operation instruction is located in the first date selection area, acquiring a first sliding speed corresponding to a first transverse sliding operation of a user;
when the first sliding speed is greater than a first preset threshold value, displaying a second to-be-selected date floating layer at a position close to the bottom in the date selection area, wherein a plurality of month units which are arranged along the transverse direction are displayed in the second to-be-selected date floating layer, each month unit consists of a plurality of date units which are arranged along the transverse direction, and each date unit displays the date of one day and the corresponding ticket price;
receiving a second lateral sliding operation of a user between a plurality of the month units and/or within one of the month units;
and receiving click operation of a user on the date unit, and determining the use date according to the click operation.
Preferably, the step S20 includes the steps of: receiving a second lateral sliding operation of a user in one of the month units; and in the step S20, after the second lateral sliding operation of the receiving user in one of the month units, the method further includes the steps of:
collecting a second sliding speed corresponding to a second transverse sliding operation of a user in one month unit;
when the second sliding speed is greater than a second preset threshold value, acquiring the month unit corresponding to the area where the second transverse sliding operation is located as a first target month unit;
and displaying a third date floating layer to be selected corresponding to the first target month unit on the interaction page, wherein the third date floating layer to be selected displays the date of each day in the first target month unit and the corresponding ticket price.
Preferably, the first operation instruction further includes a second operation, where the second operation includes any one of double click, long press, and gravity press, and in step S20, after the second lateral sliding operation of the receiving user between the month units and/or within one month unit, the method further includes the steps of:
receiving a second operation of a user in the second date floating layer to be selected;
acquiring a month unit corresponding to the area where the second operation is located, and taking the month unit as a second target month unit;
and displaying a fourth to-be-selected date floating layer corresponding to the second target month unit on the interaction page, wherein the fourth to-be-selected date floating layer displays the date of each day in the second target month unit and the corresponding ticket price.
Preferably, the first operation instruction further includes a third operation, where the third operation includes any one of double click, long press, and gravity press; the step S30 includes:
receiving a third operation of a user in the first date floating layer to be selected;
and converting the first to-be-selected date floating layer into a form of a bar graph for displaying the date in the preset days from the current date in the current month and the corresponding ticket price of the ticket, wherein the bar graph is composed of a plurality of bar units, and the proportion of the heights among the bar units is equal to the proportion of the ticket price of the ticket.
Preferably, the date units in the preset days from the current date in the current month are displayed in the second date floating layer to be selected in the form of a bar chart, the bar chart is composed of a plurality of bar units, and the proportion of the width between the bar units is equal to the proportion of the ticket prices corresponding to the date units.
Preferably, the date units in the preset days from the current date in the current month are displayed in the second date floating layer to be selected in the form of a bar chart, the bar chart is composed of a plurality of bar units, and the proportion of the heights among the bar units is equal to the proportion of ticket prices corresponding to the date units.
Preferably, the first date selection area and the date to be selected displayed in the first date to be selected floating layer are dates in a bookable state, and the bookable state is a state that the remaining tickets of the current day ticket are not zero.
Preferably, each of the first date selection area and the first date to be selected in the first date floating layer corresponds to a date information icon, one corner of four corners of the date information icon is provided with an angle mark, the angle mark is used for displaying preset information, and after the preset information is X days, X is a difference value between the date to be selected and the current date.
The invention also provides an interaction system of the on-line platform scenic spot ticket booking, which is used for realizing the interaction method of the on-line platform scenic spot ticket booking, and the system comprises the following steps:
the first operation instruction receiving module is used for receiving a first operation instruction of a user in the date selection area; the first operation instruction comprises a first transverse sliding operation and a clicking operation, and the transverse direction is a direction perpendicular to the extending direction of the interactive page;
the first date selection area operation module is used for determining a use date according to the first operation instruction if the area clicked by the first operation instruction is located in the first date selection area;
the second date selection area operation module is used for displaying a first to-be-selected date floating layer corresponding to the current month on the interaction page if the area clicked by the first operation instruction is located in the second date selection area, wherein the first to-be-selected date floating layer displays the date of each day in the current month and the corresponding ticket price; determining a date to be selected by a user in the first date floating layer to be selected as a using date;
and the reservation order generation module is used for setting the use date into a selected state, generating a reservation order according to the use date and sending the reservation order to scenic spots.
The invention also provides interaction equipment for booking scenic spot tickets of an online platform, which comprises:
a processor;
a memory having stored therein executable instructions of the processor;
wherein the processor is configured to perform the steps of the interaction method of scenic spot ticket booking for any of the above-mentioned online platforms via execution of the executable instructions.
The invention also provides a computer readable storage medium for storing a program which when executed implements the steps of the interaction method for scenic spot ticket booking of any one of the above online platforms.
Compared with the prior art, the invention has the following advantages and outstanding effects:
according to the interaction method, the system, the equipment and the storage medium for booking scenic spot tickets of the online platform, which are provided by the invention, the selection of the service date can be realized through single transverse sliding operation, the switching among different functional interfaces is realized according to the difference of the sliding speeds corresponding to the transverse sliding operation, and different user interfaces are displayed; the use threshold of users, especially the old people group, is reduced, and the user experience is improved.
Drawings
Other features, objects and advantages of the present invention will become more apparent upon reading of the detailed description of non-limiting embodiments, made with reference to the following drawings.
FIG. 1 is a flow chart of an interactive method for scenic spot ticket booking for an online platform according to an embodiment of the present invention;
FIG. 2 is a schematic diagram of a date selection field according to an embodiment of the present invention;
FIG. 3 is a schematic diagram of another date selection field according to an embodiment of the present invention;
FIG. 4 is a schematic diagram of another date selection field according to an embodiment of the present invention;
FIG. 5 is a schematic diagram of another date selection field according to an embodiment of the present invention;
FIG. 6 is a schematic diagram of an interactive system for scenic spot ticket booking for an online platform according to an embodiment of the present invention;
FIG. 7 is a schematic diagram of an interactive apparatus for scenic spot ticket booking for an online platform according to an embodiment of the present invention;
fig. 8 is a schematic diagram of a computer readable storage medium according to an embodiment of the present invention.
Detailed Description
Example embodiments will now be described more fully with reference to the accompanying drawings. However, the example embodiments may be embodied in many different forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the concept of the example embodiments to those skilled in the art. The same reference numerals in the drawings denote the same or similar structures, and thus a repetitive description thereof will be omitted.
As shown in fig. 1, the embodiment of the invention discloses an interaction method for scenic spot ticket booking of an online platform. The interaction method is designed aiming at the fact that a user can select a use date by adopting touch screen operation on an interaction page of terminal equipment. As shown in fig. 2, a date selection area 100 is disposed on the interaction page, where the date selection area 100 includes a first date selection area 101 and a second date selection area 102. The content displayed in the second date selection area 102 is "more date".
The interaction method comprises the following steps:
s10, receiving a first operation instruction of a user in the date selection area 100. The first operation instruction includes a first lateral sliding operation and a clicking operation. The lateral direction is a direction perpendicular to the extending direction of the interactive page. The first lateral sliding operation is used for performing lateral sliding on the date to be selected displayed in the first date selection area 101, so that a user can conveniently select a date to be used, and date selection is achieved by using a single sliding operation. The click operation is for determining the finally selected use date in the first date selection area 101 or the second date selection area 102.
The dates to be selected displayed in the first date selection area 101 are all dates in a bookable state, and the bookable state refers to a state that the remaining tickets of the current day are not zero. The date to be selected is the date that is available for selection as the date of use in the first date selection area 101. Thus, the waste of page space occupied by the date to be selected for displaying the unsubscribable state can be avoided. The unsubscribable state refers to a state in which the remainder of the tickets for the current day are zero.
S20, if the area clicked by the first operation instruction is located in the first date selection area 101, determining a use date according to the first operation instruction. This step indicates that the user has determined the date of use by sliding laterally in the first date selection field 101.
The step S20 includes:
s201, if the area clicked by the first operation instruction is located in the first date selection area 101, a first sliding speed corresponding to a first lateral sliding operation of the user is collected.
S202, when the first sliding speed is greater than a first preset threshold, as shown in FIG. 3, a second date floating layer 300 to be selected is displayed at a position near the bottom in the date selection area 100. The second date floating layer 300 to be selected has a plurality of month units 301 arranged along the lateral direction, each month unit 301 is composed of a plurality of date units 302 arranged along the lateral direction, and each date unit 302 displays a date of one day and a corresponding ticket fare.
S203, receiving a second lateral sliding operation of the user between the plurality of month units 301 and/or within one month unit 301. Specifically, if the second date floating layer 300 to be selected currently displays alternative month units, such as february and march in fig. 3, the user's needs are not satisfied. The user switches to other month units, such as to August, september, through a lateral sliding operation. After finding the month unit which is needed correspondingly, the user can switch different date units through transverse sliding operation in the month unit, and select the ideal date unit.
S207, receiving clicking operation of a user on the date unit 302, and determining a use date according to the clicking operation.
It should be noted that the number of month units 301 and date units 302 in the drawings of the present application is only for illustrative purposes, and is not limiting to the present application. "one" in the drawing date unit 302 indicates monday, "two", "three", "four" are also similar. ", 349" indicates a fare of 349 yuan, and "2-7" indicates 7 days of february in the current year.
S30, if the area clicked by the first operation instruction is located in the second date selection area 102, as shown in FIG. 4, displaying a first date floating layer 200 corresponding to the current month on the interaction page. This step indicates that the content clicked by the user is "more dates", i.e., the user needs to display more alternative dates on the interactive page in order to quickly determine the date of use, saving operating time. The first to-be-selected date floating layer 200 displays the date of each day in the current month and the corresponding ticket price; and determines the date to be selected by the user in the first date to be selected floating layer 200 as the use date. The dates to be selected displayed in the first date to be selected floating layer 200 are all dates in a state of being reserved, and the dates to be selected are dates which can be selected as use dates in the first date to be selected floating layer 200.
It should be noted that, the area in the first date floating layer 200 to be selected may also be switched between different months by a lateral sliding operation, so that the user operation is facilitated.
S40, setting the use date to be in a selected state, generating a reservation order according to the use date, and sending the reservation order to scenic spots. The selected state is that the display frame or icon corresponding to the use date takes the preset background color as the background color of the icon, such as blue, so that the user can clearly know the selected use date. After the reservation order is generated, the number of remaining tickets of the entrance ticket on the same day is correspondingly reduced by 1, and reservation order information is sent to a mobile phone corresponding to the user, so that the user can conveniently arrange a route and the scenic spot can also conveniently arrange people flow control measures in advance.
As a preferred embodiment of the present application, the step S20 includes the steps of: a second lateral sliding operation of the user within one of said month units 301 is received. That is, step S203 includes the steps of: a second lateral sliding operation of the user within one of said month units 301 is received. And in the step S20, after the second lateral sliding operation of the receiving user in one of the month units 301, the steps further include:
s204, collecting a second sliding speed corresponding to a second transverse sliding operation of the user in one month unit 301.
And S205, when the second sliding speed is greater than a second preset threshold value, acquiring the month unit 301 corresponding to the area where the second lateral sliding operation is located as a first target month unit. Referring to month unit 301 of february in fig. 3, when the second sliding speed is greater than the second preset threshold, it is indicated that the date unit displayed in month unit 301 corresponding to february at present and the date close thereto are not ideal use dates for the user, for example, fare information of 2 months 7, 2 months 8, 2 months 9 and 2 months 10 is displayed in the month unit in fig. 3, and if the user wants to select the date close to 2 months 25 as the use date, more date units need to be slid.
S206, displaying a third date floating layer to be selected corresponding to the first target month unit on the interaction page, wherein the third date floating layer to be selected displays the date of each day in the first target month unit and the corresponding ticket price. Similarly, the date displayed by the third date floating layer to be selected is also the date in the bookable state. The first target month unit is also displayed in units of date units. The third date floating layer to be selected may be displayed in a manner referring to the first date floating layer to be selected 200 in fig. 4.
For example, the first preset threshold and the second preset threshold may each be 300px/ms, where px/ms represents the number of pixels through which the finger has been moved for 1 millisecond. The specific values of the first preset threshold and the second preset threshold are not limited.
As a preferred embodiment of the present application, the first operation instruction further includes a second operation, where the second operation includes any one of double click, long press, and gravity press, and in step S20, after the second lateral sliding operation of the receiving user between the plurality of month units 301 and/or within one month unit 301, the method further includes the steps of:
a second operation of the user in the second date floating layer 300 to be selected is received.
And acquiring a month unit 301 corresponding to the area where the second operation is located as a second target month unit.
And displaying a fourth to-be-selected date floating layer corresponding to the second target month unit on the interaction page, wherein the fourth to-be-selected date floating layer displays the date of each day in the second target month unit and the corresponding ticket price. The fourth to-be-selected date floating layer may refer to the first to-be-selected date floating layer 200 in fig. 4.
Specifically, for example, after the user double clicks on the month unit 301 corresponding to february in fig. 3, the date selection area 100 may display the fourth date floating layer to be selected, so as to more completely display all the date units in the bookable state in february. The user can conveniently and quickly select the operation time of the user is saved.
As a preferred embodiment of the present application, the first operation instruction further includes a third operation, where the third operation includes any one of double click, long press, and gravity press; the step S30 includes:
receiving a third operation of the user in the first date floating layer 200 to be selected;
the first date floating layer 200 to be selected is converted to display the date within a preset number of days from the current date and the corresponding ticket fare within the current month in the form of a bar graph, the bar graph is composed of a plurality of bar units, and the ratio of the heights among the bar units is equal to the ratio of the ticket fare. Wherein each columnar unit corresponds to a date, i.e., corresponds to a date unit 302.
Therefore, the ticket price can be displayed in a more visual mode, so that the user can conveniently and rapidly change the ticket price difference between different dates, and the user experience is improved. It should be noted that the third operation and the corresponding histogram switching in this embodiment may be applied to the second to-be-selected date floating layer 300, the third to-be-selected date floating layer, and the fourth to-be-selected date floating layer.
As a preferred embodiment of the present application, the date unit 302 in the preset number of days from the current date in the current month is displayed in the second date floating layer 300 to be selected in the form of a bar chart, the bar chart is composed of a plurality of bar units, and the ratio of the widths between the bar units is equal to the ratio of the ticket prices corresponding to the date unit 302. Therefore, a user can directly slide the columnar units corresponding to all the dates through transverse sliding operation, and switching of different dates is achieved. Therefore, different functions can be realized through single sliding operation, ticket price differences can be intuitively displayed through a histogram, and user experience is improved.
As a preferred embodiment of the present application, as shown in fig. 5, the date cells 302 in the preset days from the current date in the current month are displayed in the second date floating layer 300 to be selected in the form of a bar chart, the bar chart is composed of a plurality of bar-shaped cells, and the ratio of the heights between the bar-shaped cells is equal to the ratio of the ticket prices corresponding to the date cells 302. Therefore, a user can directly slide the columnar units corresponding to all the dates through transverse sliding operation, and switching of different dates is achieved. Therefore, different functions can be realized through single sliding operation, ticket price differences can be intuitively displayed through a histogram, and user experience is improved.
As a preferred embodiment of the present application, each of the first date selection area 101 and the first date to be selected floating layer 200 corresponds to a date information icon, and an angle of each of four corners of the date information icon is provided with an angle mark, where the angle mark is used for displaying preset information, and after X days, X is a difference between the date to be selected and the current date. Therefore, the interval between the using date and the current date can be displayed more intuitively, and the user can select the interval conveniently and rapidly.
In other embodiments, the first operation instruction includes an operation of sliding in the longitudinal direction, and the longitudinal sliding operation is used to slide the plurality of month units (202) arranged in the second date floating layer 300 to be selected in the longitudinal direction. The longitudinal direction refers to the same direction as the extending direction of the interactive page.
It should be noted that the above embodiments of the present disclosure may be implemented separately or in combination, which are all within the scope of the present disclosure.
As shown in fig. 6, the embodiment of the present invention further discloses an interaction system 6 for scenic spot ticket booking of an online platform, which comprises:
a first operation instruction receiving module 61 for receiving a first operation instruction of a user in the date selection field; the first operation instruction comprises a first transverse sliding operation and a clicking operation, and the transverse direction is a direction perpendicular to the extending direction of the interactive page.
The first date selection area operation module 62 determines a date of use according to the first operation instruction if the area clicked by the first operation instruction is located in the first date selection area.
The second date selection area operation module 63 displays a first to-be-selected date floating layer corresponding to the current month on the interaction page if the area clicked by the first operation instruction is located in the second date selection area, wherein the first to-be-selected date floating layer displays the date of each day in the current month and the corresponding ticket price; and determining the date to be selected by the user in the first date floating layer to be selected as the using date.
A reservation order generating module 64, configured to set the usage date to a selected state, generate a reservation order according to the usage date, and send the reservation order to the scenic spot.
The first date selection field operation module 62 includes:
the first sliding speed acquisition unit is used for acquiring a first sliding speed corresponding to a first transverse sliding operation of a user when the area clicked by the first operation instruction is located in the first date selection area;
the second to-be-selected date floating layer display unit is used for displaying a second to-be-selected date floating layer at a position close to the bottom in the date selection area when the first sliding speed is larger than a first preset threshold value, wherein a plurality of month units which are arranged along the transverse extension are displayed in the second to-be-selected date floating layer, each month unit consists of a plurality of date units which are arranged along the transverse direction, and each date unit displays a day date and a corresponding ticket price;
a second lateral sliding operation receiving unit for receiving a second lateral sliding operation of a user between a plurality of the month units and/or within one of the month units;
the using date determining unit is used for receiving clicking operation of a user on one date unit and determining using date according to the clicking operation.
It will be appreciated that the interactive system for scenic spot ticket booking for an on-line platform of the present invention also includes other existing functional modules that support the operation of the interactive system for scenic spot ticket booking for an on-line platform. The interactive system of scenic spot ticket booking for the online platform shown in fig. 6 is only one example and should not be construed as limiting the functionality and scope of use of embodiments of the invention.
The interaction system for scenic spot ticket booking of the online platform in this embodiment is used to implement the above-mentioned interaction method for scenic spot ticket booking of the online platform, so for the specific implementation steps of the interaction system for scenic spot ticket booking of the online platform, reference may be made to the above-mentioned description of the interaction method for scenic spot ticket booking of the online platform, and details thereof will not be repeated here.
The embodiment of the invention also discloses interaction equipment for booking the scenic spot tickets of the online platform, which comprises a processor and a memory, wherein the memory stores executable instructions of the processor; the processor is configured to perform steps in the interactive method of scenic spot ticket booking for the online platform described above via execution of the executable instructions. Fig. 7 is a schematic structural diagram of an interactive apparatus for scenic spot ticket booking for an on-line platform as disclosed in the present invention. An electronic device 600 according to this embodiment of the invention is described below with reference to fig. 7. The electronic device 600 shown in fig. 7 is merely an example, and should not be construed as limiting the functionality and scope of use of embodiments of the present invention.
As shown in fig. 7, the electronic device 600 is in the form of a general purpose computing device. Components of electronic device 600 may include, but are not limited to: at least one processing unit 610, at least one memory unit 620, a bus 630 connecting the different platform components (including memory unit 620 and processing unit 610), a display unit 640, etc.
Wherein the storage unit stores program code that is executable by the processing unit 610 such that the processing unit 610 performs the steps according to various exemplary embodiments of the present invention described in the above-described interactive method section of the online platform for scenic spot ticket booking. For example, the processing unit 610 may perform the steps as shown in fig. 1.
The storage unit 620 may include readable media in the form of volatile storage units, such as Random Access Memory (RAM) 6201 and/or cache memory unit 6202, and may further include Read Only Memory (ROM) 6203.
The storage unit 620 may also include a program/utility 6204 having a set (at least one) of program modules 6205, such program modules 6205 including, but not limited to: an operating system, one or more application programs, other program modules, and program data, each or some combination of which may include an implementation of a network environment.
The electronic device 600 may also communicate with one or more external devices 700 (e.g., keyboard, pointing device, bluetooth device, etc.), one or more devices that enable a user to interact with the electronic device 600, and/or any device (e.g., router, modem, etc.) that enables the electronic device 600 to communicate with one or more other computing devices. Such communication may occur through an input/output (I/O) interface 650. Also, electronic device 600 may communicate with one or more networks such as a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public network, such as the Internet, through network adapter 660. The network adapter 660 may communicate with other modules of the electronic device 600 over the bus 630. It should be appreciated that although not shown, other hardware and/or software modules may be used in connection with electronic device 600, including, but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, data backup storage platforms, and the like.
The invention also discloses a computer readable storage medium for storing a program which when executed implements the steps in the interaction method of scenic spot ticket booking for the above-mentioned online platform. In some possible embodiments, the aspects of the present invention may also be implemented in the form of a program product comprising program code for causing a terminal device to carry out the steps according to the various exemplary embodiments of the present invention as described in the interactive method for scenic spot ticket booking for an online platform as described herein, when the program product is run on the terminal device.
As described above, when the program of the computer readable storage medium of this embodiment is executed, the selection of the date of use can be achieved through a single lateral sliding operation, and the switching between different functional interfaces is achieved according to the difference of the sliding speeds corresponding to the lateral sliding operation, and different user interfaces are displayed; the use threshold of users, especially the old people group, is reduced, and the user experience is improved.
Fig. 8 is a schematic structural view of a computer-readable storage medium of the present invention. Referring to fig. 8, a program product 800 for implementing the above-described method according to an embodiment of the present invention is described, which may employ a portable compact disc read only memory (CD-ROM) and include program code, and may be run on a terminal device, such as a personal computer. However, the program product of the present invention is not limited thereto, and in this document, a readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
The program product may employ any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. The readable storage medium can be, for example, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or a combination of any of the foregoing. More specific examples (a non-exhaustive list) of the readable storage medium would include the following: an electrical connection having one or more wires, a portable disk, a hard disk, random Access Memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
The computer readable storage medium may include a data signal propagated in baseband or as part of a carrier wave, with readable program code embodied therein. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination of the foregoing. A readable storage medium may also be any readable medium that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a readable storage medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
Program code for carrying out operations of the present invention may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, C++ or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computing device, partly on the user's device, as a stand-alone software package, partly on the user's computing device, partly on a remote computing device, or entirely on the remote computing device or server. In the case of remote computing devices, the remote computing device may be connected to the user computing device through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computing device (e.g., connected via the Internet using an Internet service provider).
According to the interaction method, the system, the equipment and the storage medium for booking scenic spot tickets of the online platform, which are provided by the embodiment of the invention, the selection of the service date can be realized through single transverse sliding operation, the switching among different functional interfaces is realized according to the difference of the sliding speeds corresponding to the transverse sliding operation, and different user interfaces are displayed; the use threshold of users, especially the old people group, is reduced, and the user experience is improved.
On the other hand, when the user slides transversely, the calendar can be tiled only when the sliding speed exceeds the preset threshold, so that the phenomenon that the display of other filling items is influenced due to the fact that the date floating layer to be selected is always displayed and the higher page height is occupied is avoided.
The foregoing is a further detailed description of the invention in connection with the preferred embodiments, and it is not intended that the invention be limited to the specific embodiments described. It will be apparent to those skilled in the art that several simple deductions or substitutions may be made without departing from the spirit of the invention, and these should be considered to be within the scope of the invention.
Claims (9)
1. An interactive method for scenic spot ticket booking of an online platform, which is characterized in that a date selection area (100) is arranged on an interactive page, the date selection area (100) comprises a first date selection area (101) and a second date selection area (102), and the interactive method comprises the following steps:
s10, receiving a first operation instruction of a user in the date selection area (100); the first operation instruction comprises a first transverse sliding operation and a clicking operation, and the transverse direction is a direction perpendicular to the extending direction of the interactive page;
s20, if the area clicked by the first operation instruction is located in the first date selection area (101), determining a use date according to the first operation instruction;
s30, if the area clicked by the first operation instruction is located in the second date selection area (102), displaying a first date floating layer (200) to be selected corresponding to the current month on an interaction page, wherein the first date floating layer (200) to be selected displays the date of each day in the current month and the corresponding ticket price; determining a date to be selected by a user in the first date to be selected floating layer (200) as a using date;
s40, setting the use date as a selected state, generating a reservation order according to the use date, and sending the reservation order to scenic spots;
the step S20 includes:
if the area clicked by the first operation instruction is located in the first date selection area (101), a first sliding speed corresponding to a first transverse sliding operation of a user is acquired;
when the first sliding speed is greater than a first preset threshold value, displaying a second date floating layer (300) to be selected at a position close to the bottom in the date selection area (100), wherein a plurality of month units (301) which are arranged along the transverse direction are displayed in the second date floating layer (300) to be selected, each month unit (301) consists of a plurality of date units (302) which are arranged along the transverse direction, and each date unit (302) displays the date of one day and the corresponding ticket price;
receiving a second lateral sliding operation of a user between a plurality of said month units (301) and/or within one of said month units (301);
receiving click operation of a user on a date unit (302), and determining a using date according to the click operation;
the step S20 includes the steps of: receiving a second lateral sliding operation of the user within one of said month units (301); and in said step S20, after a second lateral sliding operation of said receiving user within one of said month units (301), further comprising the steps of:
collecting a second sliding speed corresponding to a second transverse sliding operation of a user in one month unit (301);
when the second sliding speed is greater than a second preset threshold value, acquiring the month unit (301) corresponding to the area where the second transverse sliding operation is located as a first target month unit;
displaying a third date floating layer to be selected corresponding to the first target month unit on an interactive page, wherein the third date floating layer to be selected displays the date of each day in the first target month unit and the corresponding ticket price;
each date to be selected in the first date selection area (101) and the first date to be selected floating layer (200) corresponds to a date information icon, one corner of four corners of the date information icon is provided with an angle mark, the angle mark is used for displaying preset information, and after X days, X is the difference between the date to be selected and the current date.
2. The interactive method for scenic spot ticket booking for an on-line platform according to claim 1, wherein the first operation instruction further comprises a second operation, the second operation comprises any one of double click, long press and gravity press, and in the step S20, after the second lateral sliding operation of the receiving user between the plurality of month units (301) and/or within one of the month units (301), the steps further comprise:
receiving a second operation of a user in the second date floating layer (300) to be selected;
acquiring a month unit (301) corresponding to the area where the second operation is located as a second target month unit;
and displaying a fourth to-be-selected date floating layer corresponding to the second target month unit on the interaction page, wherein the fourth to-be-selected date floating layer displays the date of each day in the second target month unit and the corresponding ticket price.
3. The interactive method of on-line platform scenic spot ticket booking according to claim 1, wherein the first operation instruction further comprises a third operation, the third operation comprising any one of double click, long press and gravity press; the step S30 includes:
receiving a third operation of a user in the first date floating layer (200) to be selected;
the first date floating layer (200) to be selected is converted into a form of a bar graph for displaying the date in the preset days from the current date in the current month and the corresponding ticket price of the ticket, the bar graph is composed of a plurality of bar units, and the proportion of the height between the bar units is equal to the proportion of the ticket price of the ticket.
4. The interactive method for scenic spot ticket reservation of an online platform according to claim 1, characterized in that the date cells (302) within a preset number of days from the current date in the current month are displayed in the form of a bar graph in the second date floating layer (300) to be selected, the bar graph is composed of a plurality of bar cells, and the ratio of the widths between the bar cells is equal to the ratio of ticket prices corresponding to the date cells (302).
5. The interactive method for scenic spot ticket reservation of an online platform according to claim 1, characterized in that the date cells (302) within a preset number of days from the current date in the current month are displayed in the form of a bar graph in the second date floating layer (300) to be selected, the bar graph is composed of a plurality of bar cells, and the proportion of the height between the bar cells is equal to the proportion of the ticket price corresponding to the date cells (302).
6. The interactive method for scenic spot ticket booking of an online platform according to claim 1, wherein the dates to be selected displayed in the first date selection area (101) and the first date to be selected floating layer (200) are dates in a bookable state, and the bookable state is a state in which the remaining tickets of the ticket on the current day are not zero.
7. An interactive system for on-line platform scenic spot ticket booking, wherein the interactive method for implementing the on-line platform scenic spot ticket booking of claim 1, the system comprising:
the first operation instruction receiving module is used for receiving a first operation instruction of a user in the date selection area; the first operation instruction comprises a first transverse sliding operation and a clicking operation, and the transverse direction is a direction perpendicular to the extending direction of the interactive page;
the first date selection area operation module is used for determining a use date according to the first operation instruction if the area clicked by the first operation instruction is located in the first date selection area;
the second date selection area operation module is used for displaying a first to-be-selected date floating layer corresponding to the current month on the interaction page if the area clicked by the first operation instruction is located in the second date selection area, wherein the first to-be-selected date floating layer displays the date of each day in the current month and the corresponding ticket price; determining a date to be selected by a user in the first date floating layer to be selected as a using date;
and the reservation order generation module is used for setting the use date into a selected state, generating a reservation order according to the use date and sending the reservation order to scenic spots.
8. An interactive apparatus for scenic spot ticket booking for an online platform, comprising:
a processor;
a memory having stored therein executable instructions of the processor;
wherein the processor is configured to perform the steps of the interactive method of scenic spot ticket booking for an online platform according to any of claims 1 to 6 via execution of the executable instructions.
9. A computer-readable storage medium storing a program, characterized in that the program when executed implements the steps of the interactive method of scenic spot ticket booking for an online platform according to any one of claims 1 to 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010331777.1A CN111523695B (en) | 2020-04-24 | 2020-04-24 | Interactive method, system, equipment and medium for scenic spot ticket booking of online platform |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010331777.1A CN111523695B (en) | 2020-04-24 | 2020-04-24 | Interactive method, system, equipment and medium for scenic spot ticket booking of online platform |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111523695A CN111523695A (en) | 2020-08-11 |
| CN111523695B true CN111523695B (en) | 2023-06-23 |
Family
ID=71903921
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010331777.1A Active CN111523695B (en) | 2020-04-24 | 2020-04-24 | Interactive method, system, equipment and medium for scenic spot ticket booking of online platform |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111523695B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN114138148A (en) * | 2021-12-01 | 2022-03-04 | 上海蒜芽信息科技有限公司 | Method, system, equipment and storage medium for displaying online booking train tickets |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103034909A (en) * | 2012-12-14 | 2013-04-10 | 王良波 | Electronic ticket inquiry, payment and reservation system based on electronic map |
| CN107491240A (en) * | 2017-08-14 | 2017-12-19 | 上海携程商务有限公司 | Travelling ordering method, system, equipment and storage medium based on dynamic icon |
Family Cites Families (19)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7565303B1 (en) * | 1999-08-27 | 2009-07-21 | Techventure Associates, Inc. | Pre-paid airline tickets |
| US8788303B1 (en) * | 2004-06-24 | 2014-07-22 | Southwest Airlines Co. | Fare availability calendar |
| US8838461B2 (en) * | 2008-12-19 | 2014-09-16 | Qualcomm Incorporated | Access and management of cross-platform calendars |
| US20140007005A1 (en) * | 2012-06-29 | 2014-01-02 | Evernote Corporation | Scrollable calendar with combined date and time controls |
| US9513769B2 (en) * | 2012-08-23 | 2016-12-06 | Apple Inc. | Methods and systems for non-linear representation of time in calendar applications |
| KR20140028272A (en) * | 2012-08-28 | 2014-03-10 | 삼성전자주식회사 | Method for displaying calendar and an electronic device thereof |
| KR101474360B1 (en) * | 2012-11-13 | 2014-12-18 | 김현우 | Date specifying method for schedule registration of scheduler with touchscreen |
| CN103984465A (en) * | 2013-02-07 | 2014-08-13 | 华为终端有限公司 | Method for displaying calendar contents on user interface and mobile terminal |
| CN104750348B (en) * | 2013-12-25 | 2018-03-23 | 中国移动通信集团公司 | A kind of calendar exchange method and equipment |
| US20150248199A1 (en) * | 2014-02-28 | 2015-09-03 | Apple Inc. | Split view calendar |
| JP5926312B2 (en) * | 2014-04-02 | 2016-05-25 | 株式会社イープラス | Electronic ticket management method and electronic ticket management program |
| CN104123633A (en) * | 2014-07-24 | 2014-10-29 | 北京嘉和美康信息技术有限公司 | Calendar control |
| KR101838073B1 (en) * | 2015-08-06 | 2018-03-14 | 엘지전자 주식회사 | Mobile terminal and method for controlling the same |
| CN105956906A (en) * | 2016-04-28 | 2016-09-21 | 上海携程商务有限公司 | Order form display method and device based on calendar mechanism |
| CN106251208A (en) * | 2016-08-09 | 2016-12-21 | 上海携程商务有限公司 | The interactive display method and device of machine profile |
| CN107767116B (en) * | 2017-10-12 | 2021-03-02 | 携程旅游网络技术（上海）有限公司 | Automatic pushing method and system for travel products, storage medium and electronic equipment |
| CN107832373B (en) * | 2017-10-27 | 2020-07-21 | 携程旅游网络技术（上海）有限公司 | Data searching and displaying method and system, storage medium and electronic equipment |
| CN108536373B (en) * | 2018-04-13 | 2021-09-21 | 中国民航信息网络股份有限公司 | Portable terminal version SKYONE page processing method, device, equipment and medium |
| JP7152331B2 (en) * | 2019-02-15 | 2022-10-12 | 敏弘 吉▲崎▼ | ordering system |
-
2020
- 2020-04-24 CN CN202010331777.1A patent/CN111523695B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103034909A (en) * | 2012-12-14 | 2013-04-10 | 王良波 | Electronic ticket inquiry, payment and reservation system based on electronic map |
| CN107491240A (en) * | 2017-08-14 | 2017-12-19 | 上海携程商务有限公司 | Travelling ordering method, system, equipment and storage medium based on dynamic icon |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111523695A (en) | 2020-08-11 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102866832B (en) | Arrange block | |
| CN111008520B (en) | Annotating method and device, terminal equipment and storage medium | |
| CN102460372B (en) | Integrating digital book and zoom interface displays | |
| US7100119B2 (en) | Page bar control | |
| US6433801B1 (en) | Method and apparatus for using a touch screen display on a portable intelligent communications device | |
| US7752555B2 (en) | Controlling multiple map application operations with a single gesture | |
| US20070186175A1 (en) | User interface for a tabbed pane | |
| US20060036971A1 (en) | Mouse cursor display | |
| US10481775B2 (en) | View locking multi-monitor screen magnifier | |
| CN103582863A (en) | Multi-application environment | |
| CN103562839A (en) | Multi-application environment | |
| US11720235B2 (en) | Method and apparatus for browsing table in document, and electronic device and storage medium | |
| CN111324252B (en) | Display control method and device in live broadcast platform, storage medium and electronic equipment | |
| CN103518185A (en) | Document glancing and navigation | |
| CN111782108B (en) | Interface switching control method, device, medium and equipment in game | |
| CN110471609B (en) | Text information editing method and device, computer equipment and storage medium | |
| CN110609878A (en) | Interest point information display method, device, server and storage medium | |
| CN111523695B (en) | Interactive method, system, equipment and medium for scenic spot ticket booking of online platform | |
| WO2008051509A2 (en) | Method and apparatus for interactive multimedia author tool and dynamic toolbar | |
| CN114116098B (en) | Application icon management method and device, electronic equipment and storage medium | |
| CN107577416B (en) | Interaction method, system, equipment and storage medium for selecting car renting and returning time | |
| CN115408002A (en) | Webpage generation method, system, electronic equipment and storage medium | |
| CN111857471B (en) | Page display method and device, computing equipment and medium | |
| CN114997126A (en) | Electronic form display method and device, electronic equipment and storage medium | |
| CN114356486A (en) | Message display method, medium, device and computing equipment |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |