Method for editing flight proof on line and related device

Abstract

The invention relates to a flight proof online editing method and a related device. The method for editing the flight proof online comprises the following steps: displaying a first UI object associated with an airport identifier; obtaining an SVG data stream corresponding to an airport identifier associated with the selected first UI object from a database, and displaying a second UI object associated with the flight proof printing template; displaying a graphical representation of an SVG data stream associated with the selected second UI object, each tag of the SVG data stream being assigned an ID and bound to a click event; obtaining a label according to an ID associated with the triggered click event, and displaying a third UI object which is used for setting one or more of the position, the style and the content of an element associated with the triggered click event in the graphical representation and is set according to the obtained label; the graphical representation is updated based on editing of the third UI object.

Description

Technical Field

[0001] The present disclosure relates to the field of aviation data technology, and more particularly, to a method, a device, a non-transitory storage medium, and a computer program product for online editing of flight certificates. Background Art

[0002] During air travel, passengers often come into contact with a variety of flight certificates. Common flight certificates include boarding passes, delay certificates and baggage tags. Boarding passes are certificates that passengers receive after checking in, usually including passenger name, flight number, departure time, seat number and boarding gate. Delay certificates are certificates that airlines may provide in the event of a flight delay, used to explain the reasons for the flight delay. Baggage tags are labels attached to each piece of checked luggage, containing luggage tracking information, such as flight number, destination and barcode. Summary of the invention

[0003] A brief overview of the disclosure is given below in order to provide a basic understanding of some aspects of the disclosure. However, it should be understood that this overview is not an exhaustive overview of the disclosure. It is not intended to identify the key or important parts of the disclosure, nor is it intended to limit the scope of the disclosure. Its purpose is simply to give some concepts of the disclosure in a simplified form as a prelude to a more detailed description given later.

[0004] According to a first aspect of the present disclosure, a method for online editing of a flight certificate is provided, comprising: displaying a first user interface (UI), the first UI comprising a selectable first UI object associated with an airport logo; receiving a first input corresponding to a selection of the first UI object; in response to receiving the first input, acquiring a scalable vector graphics (SVG) data stream corresponding to the airport logo associated with the selected first UI object from a first database, and displaying a second UI, the second UI comprising a selectable second UI object associated with a printing template of a flight certificate, the second UI object being associated with an SVG data stream corresponding to the printing template of the flight certificate in the acquired SVG data stream; receiving a second input corresponding to a selection of the second UI object; in response to receiving the second input, displaying a third UI, the third UI comprising a first area, the first area comprising a plurality of items related to the selected second UI object. A graphical representation of an SVG data stream associated with the SVG data stream, wherein each tag included in the SVG data stream is assigned a unique identification (ID) and is bound to a corresponding click event; receiving a third input corresponding to a triggering of the click event; in response to receiving the third input, obtaining the tag according to the ID associated with the triggered click event, and displaying an updated third UI to further include a second area associated with the obtained tag, the second area including an editable third UI object for setting one or more of a position, a style, and a content of an element associated with the triggered click event in the graphical representation of the SVG data stream and set according to the obtained tag; receiving a fourth input corresponding to an edit to the third UI object; and in response to receiving the fourth input, displaying the updated third UI so that the graphical representation of the SVG data stream is updated based on the edit to the third UI object.

[0005] In some embodiments, the graphical representation of the SVG data stream is obtained by embedding the SVG data stream into a hypertext markup language HTML, and / or using jQuery to traverse each tag contained in the SVG data stream and assign an ID thereto.

[0006] In some embodiments, displaying a graphical representation of the SVG data stream in a third UI includes, for each tag included in the SVG data stream, determining the type of content in the tag, and: in response to the content in the tag being image content, retrieving an image corresponding to the content in the tag according to a first comparison table, and displaying the image according to the position and style in the tag; or in response to the content in the tag being text static content, rendering the text indicated by the content in the tag in a first rendering mode, and displaying the text according to the position and style in the tag; or in response to the content in the tag being text dynamic content, rendering the text translated from the content in the tag according to a second comparison table in a second rendering mode different from the first rendering mode, and displaying the text according to the position and style in the tag.

[0007] In some embodiments, when the content in the tag is text-type dynamic content, at least one of the following is satisfied: the second area associated therewith includes a fourth UI object for prompting the original corresponding object of the translated text; or when the fourth input corresponds to an edit of a third UI object for setting the content of the element, in response to determining that the content of the edited element is acceptable based on the second comparison table, the graphical representation of the SVG data stream is updated based on the edit of the third UI object.

[0008] In some embodiments, the third UI includes a selectable fifth UI object for saving edits to the third UI object, and the method includes: receiving a fifth input corresponding to a selection of the fifth UI object; and in response to receiving the fifth input, back-translating the graphical representation of the edited SVG data stream into the SVG data stream.

[0009] In some embodiments, the third UI includes a selectable sixth UI object for confirming a graphical representation of an SVG data stream currently displayed in the third UI, and / or the second UI includes another selectable sixth UI object for confirming an SVG data stream of a print template for a flight certificate currently displayed in the second UI, and wherein the method includes: receiving a sixth input corresponding to a selection of the sixth UI object; and in response to receiving the sixth input, updating the first database with the reverse-translated SVG data stream.

[0010] In some embodiments, the third UI includes a third area associated with a graphical representation of an SVG data stream, the third area includes a textual representation of the SVG data stream, and the method includes at least one of: in response to receiving a fourth input, causing the textual representation of the SVG data stream to be updated based on an edit to the third UI object; or in response to receiving an input corresponding to an edit to the textual representation of the SVG data stream in the third area, causing the graphical representation of the SVG data stream to be updated based on the edit to the textual representation of the SVG data stream.

[0011] In some embodiments, the third area is hideable, the third UI includes an activatable seventh UI object for displaying the third area, and the method includes: receiving a seventh input corresponding to activation of the seventh UI object, and displaying the third area in response to receiving the seventh input; or receiving an eighth input corresponding to deactivation of the seventh UI object, and hiding the third area in response to receiving the eighth input.

[0012] In some embodiments, in the third region, lines in the text representation of the SVG data stream that are associated with the second region are displayed differently than other lines of the text representation of the SVG data stream.

[0013] In some embodiments, at least one of the following is satisfied: the second area includes a selectable eighth UI object for adding a copy of the element or a new element, the method includes receiving a ninth input corresponding to a selection of the eighth UI object, and in response to receiving the ninth input, displaying a copy of the element near the element in the graphical representation of the SVG data stream or displaying the new element in the graphical representation of the SVG data stream; or the second area includes a selectable ninth UI object for deleting the element, the method includes receiving a tenth input corresponding to a selection of the ninth UI object, and in response to receiving the tenth input, eliminating the display of the element in the graphical representation of the SVG data stream; or the first UI includes a plurality of the first UI objects, each of which is associated with a corresponding one of a plurality of airport logos; or the second UI includes a plurality of the second UI objects, each of which is associated with a corresponding one of a plurality of flight certificate printing templates, wherein each of the plurality of flight certificates has one or more printing templates; or when the third UI is displayed in response to receiving the second input, the third UI includes a second area, wherein the third UI object is set to empty.

[0014] In some embodiments, the second UI includes a selectable tenth UI object associated with a method of printing a flight certificate, and the method includes: receiving an eleventh input corresponding to a selection of the tenth UI object; and in response to receiving the eleventh input corresponding to a selection of the tenth UI object, setting a printing template of the flight certificate that is pre-set to be associated with the selected tenth UI object to be non-empty.

[0015] In some embodiments, the flight proof is selected from the group consisting of a boarding pass, a delay certificate, and a baggage tag.

[0016] According to a second aspect of the present disclosure, a device for editing a flight certificate online is provided, comprising: one or more processors; and a memory storing computer executable instructions, wherein when the computer executable instructions are executed by the one or more processors, the one or more processors execute a method for editing a flight certificate online according to any embodiment of the first aspect of the present disclosure.

[0017] According to a third aspect of the present disclosure, there is provided a non-volatile storage medium having computer executable instructions stored thereon, which, when executed by one or more processors, causes the one or more processors to execute a method for online editing of a flight certificate according to any embodiment of the first aspect of the present disclosure.

[0018] According to a fourth aspect of the present disclosure, a computer program product is provided, the computer program product comprising instructions, which, when executed by a processor, implement the method for online editing of a flight certificate according to any embodiment of the first aspect of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0019] The foregoing and other features and advantages of the present disclosure will become apparent from the following description of the embodiments of the present disclosure in conjunction with the accompanying drawings. The accompanying drawings are incorporated herein and form a part of the specification, and are further used to explain the principles of the present disclosure and enable those skilled in the art to make and use the present disclosure. Among them:

[0020] Figure 1 is a flow chart illustrating a method of editing a flight certificate online according to some embodiments of the present disclosure;

[0021] Figure 2 is a flow chart illustrating a non-limiting example process in which a method of editing a flight certificate online according to the present disclosure may be applied;

[0022] Figure 3 A non-limiting example of a Scalable Vector Graphics (SVG) data stream is shown;

[0023] Figures 4 to 6 A non-limiting example of a first user interface (UI) is shown;

[0024] Figure 7 A non-limiting example of a second UI is shown;

[0025] Figures 8 to 19 A non-limiting example of a third UI is shown;

[0026] Fig. 20 is a schematic block diagram showing a device for online editing of flight certificates according to some embodiments of the present disclosure;

[0027] Fig.21 is a schematic block diagram showing a computer system in which an embodiment according to the present disclosure can be implemented.

[0028] Note that in the embodiments described below, sometimes the same reference numerals are used in common between different drawings to represent the same parts or parts with the same functions, and their repeated descriptions are omitted. In some cases, similar numbers and letters are used to represent similar items, so once an item is defined in one drawing, it does not need to be further discussed in subsequent drawings.

[0029] For ease of understanding, the position, size, range, etc. of each structure shown in the drawings and the like may not represent the actual position, size, range, etc. Therefore, the present disclosure is not limited to the position, size, range, etc. disclosed in the drawings and the like. DETAILED DESCRIPTION

[0030] Various exemplary embodiments of the present disclosure will be described in detail below with reference to the accompanying drawings. It should be noted that unless otherwise specifically stated, the relative arrangement of components and steps, numerical expressions and numerical values ​​set forth in these embodiments do not limit the scope of the present disclosure.

[0031] The following description of at least one exemplary embodiment is in fact merely illustrative and is in no way intended to limit the present disclosure and its application or use. That is, the structures and methods herein are shown in an exemplary manner to illustrate different embodiments of the structures and methods in the present disclosure. However, those skilled in the art will appreciate that they merely illustrate exemplary ways of the present disclosure that can be implemented, rather than exhaustive ways. In addition, the drawings need not be drawn to scale, and some features may be enlarged to illustrate the details of specific components.

[0032] In addition, technologies, methods, and equipment known to ordinary technicians in the relevant art may not be discussed in detail, but where appropriate, the technologies, methods, and equipment should be considered as part of the specification.

[0033] In all examples shown and discussed herein, any specific values ​​should be interpreted as merely exemplary and not as limiting. Therefore, other examples of the exemplary embodiments may have different values.

[0034] In the related art, when a system administrator or developer wants to modify the appearance of a printed flight certificate, he or she needs to repeatedly modify the SVG data stream of the flight certificate and then test it (for example, print out the SVG data stream). The desired modification can only be completed after the test achieves the expected effect and is released by the system. Figure 3 An example of an SVG data stream is shown. Figure 3 It can be seen that SVG data streams are cumbersome and complex. People who are not familiar with SVG data streams may not be able to easily learn to modify SVG data streams. Even for people who are familiar with SVG data streams, they need to rely on experience to make repeated modifications and tests, which is time-consuming and laborious. This method of modifying the appearance of the printed flight certificate by directly modifying the SVG data stream requires cumbersome operations and a high level of professionalism. It is impossible to accurately add or delete elements or modify the position, style, content, etc. of elements in the printed flight certificate. It is also inefficient because it cannot take effect in real time due to the long publishing process.

[0035] To this end, the present invention provides a method for online editing of flight certificates, which can present the SVG data stream of the flight certificate in a graphical manner, so that the SVG data stream of the flight certificate can be quickly and accurately generated or modified in real time. The method disclosed in the present invention can greatly reduce the workload of repeated modification and testing through convenient visual editing, and significantly improve the modification efficiency.

[0036] The following will describe in detail the method for online editing of flight certificates according to various embodiments of the present disclosure in conjunction with the accompanying drawings. It should be understood that the actual method may also include other steps, and in order to avoid blurring the main points of the present disclosure, these other steps are not discussed herein and are not shown in the accompanying drawings. In addition, for reference purposes only, "first", "second", "third", "fourth" and other similar terms may also be used herein, and are not intended to be limiting. For example, unless the context clearly indicates, the words "first", "second", "third", "fourth" and other such numerical words referring to structures or elements do not imply an order or sequence.

[0037] Figure 1 A method 100 for editing flight certificates online according to some embodiments of the present disclosure is shown. Figure 1 As shown, the method 100 includes steps S102 to S118.

[0038] In step S102 , a first UI is displayed, where the first UI includes a selectable first UI object associated with an airport logo.

[0039] In step S104 , a first input corresponding to a selection of a first UI object is received.

[0040] In step S106, in response to receiving the first input, an SVG data stream corresponding to the airport logo associated with the selected first UI object is obtained from the first database, and a second UI is displayed, the second UI including a selectable second UI object associated with a printing template of a flight certificate, the second UI object being associated with the SVG data stream corresponding to the printing template of the flight certificate in the obtained SVG data stream.

[0041] In step S108 , a second input corresponding to selection of a second UI object is received.

[0042] In step S110, in response to receiving the second input, a third UI is displayed, wherein the third UI includes a first area, the first area including a graphical representation of an SVG data stream associated with the selected second UI object, wherein each tag contained in the SVG data stream is assigned a unique identification ID and is bound to a corresponding click event.

[0043] In step S112 , a third input corresponding to triggering of a click event is received.

[0044] In step S114, in response to receiving a third input, a label is obtained according to the ID associated with the triggered click event, and an updated third UI is displayed to further include a second area associated with the obtained label, the second area including an editable third UI object for setting one or more of the position, style, and content of the element associated with the triggered click event in the graphical representation of the SVG data stream and set according to the obtained label.

[0045] In step S116 , a fourth input corresponding to editing of the third UI object is received.

[0046] In step S118 , in response to receiving the fourth input, an updated third UI is displayed so that the graphical representation of the SVG data stream is updated based on the editing of the third UI object.

[0047] For non-limiting illustrative purposes, Figures 4 to 19 Examples of the first UI 1000, the second UI 2000, and the third UI 3000 are shown respectively. Figures 4 to 19 Various embodiments of method 100 are described. It should be understood that although Figures 4 to 19The flight certificate is illustrated by taking a boarding pass as an example, but this is merely exemplary and not restrictive, and the present disclosure can also be applied to various other flight certificates such as delay certificates, baggage tags, etc. It should also be understood that the first UI 1000, the second UI 2000, and the third UI 3000 can be displayed on the same screen (for example, placed overlapping or non-overlapping with each other), or displayed in different screens (for example, each substantially occupies the entire screen in the corresponding screen), and this is not particularly limited herein.

[0048] like Figure 4 As shown, a first UI 1000 is displayed, which includes a selectable first UI object 1010 associated with an airport logo. In some embodiments, the first UI may include multiple first UI objects, each of which is associated with a corresponding one of the multiple airport logos. Figure 4 As shown, the first UI 1000 includes a plurality of first UI objects 1010, each of which is used to select a corresponding airport to modify the template. Figure 4 In the example, the three-letter airport code is used as the airport identifier, but those skilled in the art will understand that other suitable airport identifiers are also feasible. Figure 4 The printing methods of each airport and its flight certificate (here shown as boarding pass and delay certificate) are displayed in the form of a list to help the user decide whether to change the corresponding airport. In some embodiments, these printing methods may not be displayed in the first UI 1000.

[0049] The user can scroll through the list by pulling the slider to find the airport to which the change is desired (referred to as the target airport). Figure 5 As shown, the user can also enter the airport ID of the target airport in the text box about "Terminal" or select the airport ID of the target airport from the drop-down menu of the text input box to fill in the text box. If the current list does not contain the target airport, you can click the "Add" button to add a row about the target airport to the list. After adding, find the target airport in the above manner. For example, if the text box has "XIY", you can click the "Search" button. In response to this, the first UI 1000 becomes as follows Figure 6 As shown in FIG. 1 , only the row related to “XIY” is left in the list. At this time, by selecting the first UI object 1010 associated with “XIY”, Figure 7 The second UI 2000 shown is displayed. In addition, in response to the selection, the backend obtains the SVG data stream corresponding to "XIY" from the first database. The first database can be configured to store the SVG data streams of various airports. The first database may also be referred to as an SVG database in this article.

[0050] like Figure 7 As shown, the second UI 2000 includes a selectable second UI object 2020 associated with a print template for a flight certificate. In some embodiments, the second UI includes a plurality of second UI objects, each second UI object being associated with a corresponding one of a plurality of print templates for flight certificates. In some embodiments, each of the plurality of flight certificates has one or more print templates. For example, Figure 7 There are two printing templates for boarding passes, "Platform Boarding Pass SVG Template" and "Airline Boarding Pass SVG Template", two printing templates for delay certificates, "English Delay Certificate SVG Template" and "Chinese Delay Certificate SVG Template", and one printing template for luggage tags, "Luggage Tags SVG Template". These templates all have an associated second UI object 2020, which can be selected to enter specific changes to the corresponding template. Each airport can have multiple SVG data streams, each SVG data stream corresponding to a corresponding printing template for a corresponding flight certificate of the airport. Thus, if Figure 7 As shown, a text box about the printing template of the flight certificate can also be set, which can display the SVG data stream selected from the SVG data stream of "XIY" obtained from the SVG database for the printing template of the corresponding flight certificate. In some embodiments, such a text box can be editable, for example, it can receive the SVG data stream of the printing template for the corresponding flight certificate. That is, such a text box can support the flight certificate editing method of directly modifying the SVG data stream in the related art. For example, by selecting the second UI object 2020 associated with the "Airline Boarding Pass SVG Template", such as Figure 8 As shown a third UI 3000 is displayed.

[0051] like Figure 8As shown, the third UI 3000 includes a first area 3100, which includes a graphical representation 3110 of an SVG data stream associated with the selected second UI object 2020 associated with the "airline boarding pass SVG template". In some embodiments, the graphical representation of the SVG data stream can be obtained by embedding the SVG data stream into HyperText Markup Language (HTML). Each tag contained in the SVG data stream can be assigned a unique identification (ID) and bound to a corresponding click event. In some embodiments, jQuery can be used to traverse each tag contained in the SVG data stream and assign an ID to it. The "click event" can be an event triggered when a user clicks on an element in the graphical representation 3110. It can be understood that "click" can have different forms depending on the specific input device, for example, the user can control the cursor to click the element with a mouse or touchpad, or directly click the element with a finger on the touch display panel, or click the element by the user's gaze, etc., which is not particularly limited herein. The click event bound to each tag may be an event triggered when a user clicks an element associated with the tag in the graphical representation 3110 , and the event may be to obtain the tag according to the ID and display the second area according to the tag.

[0052] In some embodiments, displaying the graphical representation 3110 of the SVG data stream in the third UI 3000 includes, for each tag included in the SVG data stream, determining the type of content in the tag, and: in response to the content in the tag belonging to the image type content, retrieving the image corresponding to the content in the tag according to the first comparison table, and displaying the image according to the position and style in the tag; or in response to the content in the tag belonging to the text type static content, rendering the text indicated by the content in the tag in a first rendering mode, and displaying the text according to the position and style in the tag; or in response to the content in the tag belonging to the text type dynamic content, rendering the text translated from the content in the tag according to the second comparison table in a second rendering mode different from the first rendering mode, and displaying the text according to the position and style in the tag. In some embodiments, the first rendering mode and the second rendering mode can be the same type of text styles among multiple types of available text styles, for example, both belong to the color of the text but use different colors, or both belong to the bold but use different thicknesses, etc. For example, the rendering mode can select a style not included in the text type tag to avoid the rendering effect being affected by the tag.

[0053] For example, picture-type content may include a picture name (for example, its suffix is ​​expressed as an image file format), and the tag including picture-type content also includes picture location (for example, coordinates (such as X coordinates and Y coordinates)) and picture style (for example, one or more of size (such as width and height), transparency, color saturation, hue, etc.). Text-type static content may include template text. The template text may be the same in a printout of a sample flight certificate and a printout of a real flight certificate. Text-type dynamic content may include dynamic text. Dynamic text may generally be different in a printout of a sample flight certificate and a printout of a real flight certificate. The tag including text-type content also includes text location (for example, coordinates (such as X coordinates and Y coordinates)) and text style (for example, one or more of font, font size, font color, bold, italic, etc.). It can be understood that the graphical representation 3110 of the SVG data stream associated with the printing template of the flight certificate can show a print preview of the sample flight certificate, and in the printout of the actual flight certificate, the template text remains unchanged, while the dynamic text will change based on the actual flight information, for example, the sample passenger name "Zhang San" will become the actual passenger name.

[0054] like Figure 8 As shown, the element in the upper left portion of the graphical representation 3110 is the airline logo, and the element in the lower left portion is the barcode, which are associated with picture-type content. A picture library storing multiple pictures and a first comparison table storing the mapping relationship between picture names and picture libraries can be pre-set, and then the corresponding pictures are retrieved and obtained according to the picture names to be displayed in the graphical representation 3110. In addition, in the graphical representation 3110, dynamic text is rendered in bold font, while template text is rendered in non-bold font. In other embodiments, dynamic text and template text can be displayed in different font colors. The text-type dynamic content in the label can be translated into relatively easy-to-understand text according to the pre-set comparison table, for example, the seat number "${Seat33A}" is translated into the seat number "33A".

[0055] like Fig. 9As shown, by selecting the airline logo, the corresponding click event is triggered, and the label is obtained according to the associated ID. At this time, the third UI 3000 also includes a second area 3200, which includes a third UI object 3030 for setting the position (i.e., X coordinate and Y coordinate), style (i.e., width and height) and content (i.e., picture name) of the element (i.e., airline logo) associated with the triggered click event in the graphical representation 3110 and set according to the obtained label. Specifically, according to the obtained label, the X coordinate is 60, the Y coordinate is 20, the width is 500, the height is 100, and the picture name is "ABCAirlines-LOGO.JPG". In the illustrated example, the upper left corner of the graphical representation 3110 is taken as the origin, the right direction of the paper is taken as the X axis, and the downward direction of the paper is taken as the Y axis.

[0056] like Fig.10 As shown, by selecting the template text "flight", a corresponding click event is triggered, and a label is obtained according to the associated ID. At this time, the second area 3200 includes a third UI object 3030 for setting the position (i.e., X coordinate and Y coordinate), style (i.e., font and font size) and content (i.e., template text) of the element (i.e., template text "flight") associated with the triggered click event in the graphical representation 3110 and setting it according to the obtained label. Specifically, according to the obtained label, the X coordinate is 2010, the Y coordinate is 160, the font is Songti, the font size is 33, and the template text is "flight".

[0057] like Fig.11 As shown, by selecting the dynamic text "D", a corresponding click event is triggered, and a label is obtained according to the associated ID. At this time, the second area 3200 includes a third UI object 3030 for setting the position (i.e., X coordinate and Y coordinate), style (i.e., font and font size), and content (i.e., dynamic text) of the element (i.e., dynamic text "D") associated with the triggered click event in the graphical representation 3110 and setting it according to the obtained label. Specifically, according to the obtained label, the X coordinate is 1423, the Y coordinate is 505, the font is Arial, the font size is 66, and the dynamic text is "D". In some embodiments, when the content in the label belongs to text-type dynamic content, the second area associated therewith may include a fourth UI object for prompting the original corresponding object of the translated text. For example, see Fig.11 , the fourth UI object 3040 is used to prompt the original corresponding object "${boardingSequence}" of the dynamic text "D".

[0058] The fourth input corresponding to the editing of the position of the element can be implemented, for example, by moving the arrow keys, dragging the cursor, or directly inputting the coordinate values. When the position of the element is changed by moving the arrow keys or dragging the cursor without directly inputting the coordinate values, the coordinate values ​​in the second area 3200 can be updated accordingly. The fourth input corresponding to the editing of the style or content of the element can be implemented, for example, by directly inputting the corresponding value or text.

[0059] In some embodiments, the editing of dynamic text may be different from the editing of template text. As mentioned above, dynamic text may involve text-based dynamic content that needs to be translated according to the second comparison table, so the dynamic text can be edited with the content before translation, and the fourth UI object 3040 can be used to prompt the user to input according to the format of the original corresponding object. In contrast, template text can be directly edited.

[0060] For example, compared to Fig.10 ,like Fig.12 As shown, in the text box about "Template Text" in the second area 3200, "Flight" is edited to "Flight Number", and the graphical representation 3110 is updated based on the editing of the third UI object. It can be seen that the word "Flight" in the graphical representation 3110 has been changed to "Flight Number".

[0061] For example, compared to Fig.11 ,like Fig.13 As shown, in the text box of "Dynamic Text" in the second area 3200, "D" is edited to "${boardingSequenceF}". If "${boardingSequenceF}" exists in the second comparison table, "${boardingSequenceF}" is translated to "F" according to the second comparison table. Then, Fig.14 As shown, the content displayed in the text box about "dynamic text" is updated to "F", and the boarding order in the graphical representation 3110 is also changed from "D" to "F".

[0062] In the case where the content in the tag belongs to text-type dynamic content, in some embodiments, when the fourth input corresponds to the editing of the third UI object for setting the content of the element, the graphical representation of the SVG data stream is updated based on the editing of the third UI object in response to determining that the content of the edited element is acceptable based on the second comparison table. For example, it can be updated based on the editing in response to the input content being present in the second comparison table, or it can be updated without the editing in response to the input content not being present in the second comparison table. In some embodiments, the second comparison table is created based on flight data from a second database. The second database can be configured to store various flight information, such as but not limited to passenger information, aircraft information, flight schedule information, airport scheduling information, etc. The second database may also be referred to as a flight information database in this article. Since the dynamic text is associated with the flight information, if the variable name of the input content cannot be queried in the flight information database, the input is an illegal input, and updating based on the editing can be prohibited at this time. If the variable name of the input content can be queried in the flight information database, the input is a legal input, and updating based on the editing can be allowed at this time. As a result, the modification usability can be enhanced, the verification burden can be reduced, the error rate can be reduced, and the modification efficiency can be improved. In some embodiments, the flight information can be queried in the second database based on the original corresponding object to determine whether the content of the edited element is acceptable. The original corresponding object can have the same variable name as the item in the second database, so that the query efficiency can be improved. In some embodiments, the second database is a database separate from the first database. In some embodiments, the second database belongs to the same database as the first database.

[0063] In some embodiments, the third UI may include a selectable fifth UI object for saving edits to the third UI object. In some embodiments, method 100 may include: receiving a fifth input corresponding to a selection of the fifth UI object; and in response to receiving the fifth input, reverse translating the graphical representation of the edited SVG data stream into the SVG data stream. For example, in the illustrated example, the third UI 3000 includes a fifth UI object 3050, which is depicted as a "Save" button. In response to the save operation, the HTML data, for example, of the graphical representation 3110 may be reverse translated into the SVG data stream.

[0064] In some embodiments, the third UI includes a selectable sixth UI object for confirming the graphical representation of the SVG data stream currently displayed in the third UI, and / or the second UI includes another selectable sixth UI object for confirming the SVG data stream of the print template of the flight certificate currently displayed in the second UI. In some embodiments, method 100 may include: receiving a sixth input corresponding to a selection of the sixth UI object; and in response to receiving the sixth input, updating the SVG database with the reverse-translated SVG data stream. For example, Figure 7 As shown, the second UI 2000 includes a sixth UI object 2060, which is depicted as a "Submit" button. Similarly, a sixth UI object such as a "Submit" button can be provided in the third UI 3000 in addition or alternatively. In response to the submission operation, the SVG data stream obtained by the reverse translation can be immediately updated to the SVG database. As a result, the corresponding airport "XIY" will print the flight certificate with the updated SVG data stream.

[0065] refer to Fig.15 In some embodiments, the third UI 3000 includes a third area 3300 associated with the graphical representation 3110 of the SVG data stream, and the third area 3300 includes a textual representation 3310 of the SVG data stream. In some embodiments, the third area 3300 is hideable, and the third UI 3000 may include an activatable seventh UI object 3070 for displaying the third area 3300. In some embodiments, the method 100 may include: receiving a seventh input corresponding to activation of the seventh UI object 3070, and displaying the third area 3300 in response to receiving the seventh input; or receiving an eighth input corresponding to deactivation of the seventh UI object 3070, and hiding the third area 3300 in response to receiving the eighth input. In the illustrated example, the seventh UI object 3070 is depicted as a "Details" button. The third area 3300 is not visible when the "Details" button is deactivated (e.g., Fig.14 ), and is visible when the Details button is activated (as Fig.15 as shown).

[0066] In addition, in Fig.15 In the third UI 3000 shown, the second area 3200 is empty, and no element is selected in the graphical representation 3110 at this time. In some embodiments, when the third UI is displayed in response to receiving the second input, the third UI includes the second area, in which the third UI object is set to empty. In other words, when the third UI is just displayed, the first area 3100 and the second area 3200 can be displayed at the same time, but because no element is selected at this time, the second area 3200 is displayed as empty. After selecting an element, for example, Fig.16As shown, after selecting "D", the second area 3200 is filled in according to the corresponding tag content. In some embodiments, in the third area, the line associated with the second area in the text representation of the SVG data stream is displayed in a manner different from other lines of the text representation of the SVG data stream. For example, referring to Fig.16 In the text representation 3310 of the SVG data stream displayed in the third area 3300, each line is a text representation of a corresponding label, wherein the second area 3200 is currently associated with "D", and accordingly the line associated with "D" in the third area 3300 is highlighted.

[0067] In some embodiments, in response to receiving a fourth input corresponding to an edit to the third UI object 3030, the text representation 3310 of the SVG data stream is updated based on the edit to the third UI object. Fig.17 , in the text box for "dynamic text" in the second area 3200, "D" is edited to "${boardingSequenceF}", which is then translated to "F" according to the second lookup table. At this time, not only the graphical representation 3110 is updated based on the edit of the third UI object, but also the text representation 3310 is updated based on the edit of the third UI object. It can be seen that the " <text x="1423" y="505" font-family="Arial" font-size="66" id="dynamic_text48" fill="#7a00ff">"D< / text" becomes " <text x="1423" y="505" font-family="Arial" font-size="66" id="dynamic_text48" fill="#7a00ff">Note that the text representation 3310 of the SVG data stream is different from the SVG data stream, and further includes an ID field, etc.

[0068] In some embodiments, the text representation 3310 of the SVG data stream may be editable. For example, one or more lines (corresponding to one or more tags) in the text representation 3310 can be deleted, one or more lines (corresponding to one or more tags) can be added to the text representation 3310, or a part or all of each line in one or more lines (corresponding to one or more tags) in the text representation 3310 can be modified. In some embodiments, in response to receiving an input corresponding to an edit to the text representation 3310 of the SVG data stream in the third region 3300, the graphical representation 3110 of the SVG data stream is updated based on the edit to the text representation 3310 of the SVG data stream. Accordingly, the second region 3200 can also be updated accordingly.

[0069] In some embodiments, the second region may include a selectable eighth UI object for adding a copy of an existing element or a new element. In some embodiments, the method 100 may include receiving a ninth input corresponding to a selection of the eighth UI object, and in response to receiving the ninth input, displaying a copy of the existing element near the existing element in the graphical representation of the SVG data stream or displaying the new element in the graphical representation of the SVG data stream.

[0070] In the illustrated example, the eighth UI object 3080 is depicted as an "Add" button. Refer to Fig.11 , the currently selected element is "D". In response to selecting the "Add" button, the third UI 3000 becomes as Fig.18 shown, where a new "D" is added next to the previous "D" (the X coordinate and Y coordinate are each increased by 20, and the font, font size, and content of the dynamic text remain the same).

[0071] In addition, refer to Fig.19 , if it is selected to add a picture corresponding to the picture name "NoSmoking.JPG" with a width of 80 and a height of 80 at the position where the X coordinate is 930 and the Y coordinate is 20, then the corresponding information can be filled in the empty second region 3200 (for example, the second region 3200 can be cleared by clicking on the blank area of the graphical representation 3110), and then the "Add" button can be selected. In response to selecting the "Add" button, a no-smoking sign with a width of 80 and a height of 80 is newly added at the position where the X coordinate is 930 and the Y coordinate is 20.

[0072] The present disclosure can also be used to generate flight certificates from scratch. For example, at the beginning, the first area 3100, the second area 3200, and the third area 3300 of the third UI 3000 can all be empty. For each element that you want to display in the flight certificate, you can fill in the corresponding information in the second area 3200 and select the eighth UI object 3080 to display the corresponding element in the first area 3100 and display the corresponding line of the text representation of the corresponding SVG data stream in the third area 3300. When all the desired elements are performed, select the fifth UI element 3050 to save the edits made and reverse translate the graphical representation currently displayed in the first area 3100 into an SVG data stream. Then, select the sixth UI element 2060 to add the reverse-translated SVG data stream to the SVG database.

[0073] In some embodiments, the second area may include a selectable ninth UI object for deleting the element. In some embodiments, method 100 may include receiving a tenth input corresponding to a selection of the ninth UI object, and in response to receiving the tenth input, eliminating the display of the element in the graphical representation of the SVG data stream. In the illustrated example, ninth UI object 3090 is depicted as a “delete” button.

[0074] In some embodiments, the second UI may include a selectable tenth UI object associated with a printing method for a flight certificate. In some embodiments, method 100 may include: receiving an eleventh input corresponding to a selection of the tenth UI object; and in response to receiving the eleventh input corresponding to a selection of the tenth UI object, setting a printing template of a flight certificate that is pre-set to be associated with the selected tenth UI object to be non-empty (in other words, required). Return to reference Figure 7 , the second UI 2000 also includes a tenth UI object 2100 associated with the printing method of the flight certificate (such as "boarding pass printing method" and "delay certificate printing method"). For example, for the boarding pass printing method, it can be set that: if SVG is selected, the platform boarding pass SVG template is required; if MUSVG is selected, the airline boarding pass SVG template is required; if TravelSkySVG is selected, the platform boarding pass SVG template is required. Whether to fill in the printing template can be detected by detecting whether the text box about the printing template is empty. Submission can be prohibited in response to detecting that the required items are empty. In some embodiments, these pre-set filling rules can be prompted in the second UI 2000, for example Figure 7 shown.

[0075] Figure 2 1 is a flowchart showing a non-limiting example process 200 in which the method 100 for online editing of flight certificates according to the present disclosure can be applied. At S202, the SVG data stream of the specified airport is obtained from the SVG database. At S204, the SVG data stream of the specified flight certificate printing template is filtered out from the obtained SVG data stream. At S206, the filtered SVG data stream is embedded in HTML to make it graphical. At S208, jQuery is used to traverse each tag of the filtered SVG data stream and assign an ID to it and bind a click event. At S210, the type of content in the tag is determined. At S212, the image-type content is replaced with the corresponding image according to the first comparison table, the text-type static content is directly rendered in black font color, and the text-type dynamic content is translated according to the second comparison table and rendered in purple font color. At S214, a graphical representation of the filtered SVG data stream is displayed. At S216, it is determined whether a click event is detected. In response to detecting the click event, in S218, the corresponding tag is obtained according to the ID and the editing function of the position, style, content, etc. is implemented (refer to the description of the third UI above). In S220, the HTML data is reverse translated into an SVG data stream when saving. In S222, after confirmation, the reverse translated SVG data stream is updated to the SVG database. Thus, each airport (for example, but not limited to its Common Use Self-Service (CUSS) system) can access the updated SVG database to obtain the SVG data stream therefrom to print the flight certificate.

[0076] The present disclosure can encapsulate an application programming interface (API) for adding, deleting, modifying, querying, and other operations on SVG data streams, and adopts an interface call method to replace the mode of modifying the configuration file and then publishing it in the related technology. After being graphed, the SVG data stream becomes intuitive, and the corresponding editing operations also become convenient. This not only greatly reduces the workload of repeated modification and testing (instantly updating the graphical representation without printing), reduces the difficulty of maintenance so that people with insufficient experience in modifying SVG data streams can also easily master it, but also improves the publishing efficiency, and once submitted, it takes effect in real time. The present disclosure can also easily realize the personalized management of the flight certificate SVG data stream of each airport.

[0077] refer to Fig. 20 , which shows a schematic block diagram of a device 500 for online editing of flight certificates according to some embodiments of the present disclosure. Fig. 20 As shown, the device 500 includes (one or more) processors 502, and a memory 504 storing computer executable instructions, which, when executed by (one or more) processors 502, cause (one or more) processors 502 to perform the method 100 according to any of the aforementioned embodiments. The processor 502 may be, for example, a central processing unit (CPU) of the device 500. The processor 502 may be any type of general-purpose processor, or may be a processor specifically designed for online editing of flight certificates, such as an application-specific integrated circuit ("ASIC"). The memory 504 may be coupled to the processor 502 and may include various computer-readable media accessible by the processor 502. In various embodiments, the memory 504 described herein may include volatile and non-volatile media, removable and non-removable media. For example, the memory 504 may include any combination of the following: random access memory ("RAM"), dynamic RAM ("DRAM"), static RAM ("SRAM"), read-only memory ("ROM"), flash memory, cache memory, and / or any other type of non-transitory computer-readable media. The memory 504 may store instructions that, when executed by the processor 502 , enable the processor 502 to perform the method 100 according to any of the aforementioned embodiments of the present disclosure.

[0078] The device 500 is configured to execute the method 100 described in any of the aforementioned embodiments, and therefore reference may be made to the aforementioned descriptions of the various embodiments of the method 100, which will not be repeated herein.

[0079] The present disclosure also provides a non-transitory storage medium having computer executable instructions stored thereon, which, when executed by a processor, causes the processor to execute the method for online editing of flight certificates according to any of the aforementioned embodiments of the present disclosure.

[0080] The present disclosure also provides a computer program product, which may include instructions, and when the instructions are executed by a processor, the method for online editing of flight certificates according to any of the aforementioned embodiments of the present disclosure can be implemented. The instructions may be any set of instructions to be directly executed by the processor, such as machine code, or any set of instructions to be indirectly executed, such as a script. The instructions may be stored in an object code format for direct processing by the processor, or stored in any other computer language, including a script or collection of independent source code modules that are interpreted on demand or compiled in advance.

[0081] Fig.21 A schematic block diagram of a computer system 700 on which an embodiment of the present disclosure may be implemented is shown. The computer system 700 includes a bus 702 or other communication mechanism for transmitting information, and a processing device 704 coupled to the bus 702 for processing information. The computer system 700 also includes a memory 706 coupled to the bus 702 for storing instructions to be executed by the processing device 704, which may be a random access memory (RAM) or other dynamic storage device. The memory 706 may also be used to store temporary variables or other intermediate information during the execution of instructions to be executed by the processing device 704. The computer system 700 also includes a read-only memory (ROM) 708 or other static storage device coupled to the bus 702 for storing static information and instructions for the processing device 704. A storage device 710 such as a magnetic disk or optical disk is provided and coupled to the bus 702 for storing information and instructions. The computer system 700 may be coupled to an output device 712 via the bus 702 for providing output to a user, such as, but not limited to, a display (such as a cathode ray tube (CRT) or a liquid crystal display (LCD)), a speaker, etc. An input device 714 such as a keyboard, a mouse, a microphone, a gaze tracker, etc. is coupled to the bus 702 for transmitting information and command selections to the processing device 704. In some implementations, the input device 714 and the output device 712 may be integrated together, such as a touch display panel, etc. The computer system 700 may perform embodiments of the present disclosure. Consistent with certain implementations of the present disclosure, the computer system 700 provides a result in response to the processing device 704 executing one or more sequences of one or more instructions contained in the memory 706. Such instructions may be read into the memory 706 from another computer-readable medium such as the storage device 710. The execution of the sequence of instructions contained in the memory 706 causes the processing device 704 to perform the method described herein. Alternatively, a hard-wired circuit system may be used instead of software instructions or in combination with software instructions to implement the present teachings. Therefore, the implementation of the present disclosure is not limited to any specific combination of hardware circuitry and software. In various embodiments, the computer system 700 can be connected to one or more other computer systems such as the computer system 700 across a network via a network interface 716 to form a networked system. The network may include a private network or a public network such as the Internet. In a networked system, one or more computer systems may store data and supply data to other computer systems. The term "computer-readable medium" as used herein refers to any medium that participates in providing instructions to the processing device 704 for execution. This medium can take many forms, including but not limited to non-volatile media, volatile media, and transmission media. Non-volatile media include, for example, optical disks or disks such as storage devices 710.Volatile media include dynamic memory such as memory 706. Transmission media include coaxial cables, copper wires, and optical fibers, including the wiring that contains bus 702. Common forms of computer-readable media or computer program products include, for example, floppy disks, flexible disks, hard disks, tapes, or any other magnetic media, CD-ROMs, digital video disks (DVDs), Blu-ray disks, any other optical media, thumb drives, memory cards, RAMs, PROMs and EPROMs, flash EPROMs, any other memory chips or boxes, or any other tangible media from which a computer can read. Various forms of computer-readable media can be involved when carrying one or more sequences of one or more instructions to processing device 704 for execution. For example, the instructions may initially be carried on a disk of a remote computer. The remote computer may load the instructions into its dynamic memory and send the instructions over a telephone line using a modem. A modem local to computer system 700 may receive data on the telephone line and convert the data into an infrared signal using an infrared transmitter. An infrared detector coupled to bus 702 may receive the data carried in the infrared signal and place the data on bus 702. Bus 702 carries the data to memory 706, from which processing device 704 retrieves and executes the instructions. Optionally, the instructions received by memory 706 may be stored on storage device 710 either before or after execution by processing device 704.

[0082] According to various embodiments, instructions configured to be executed by a processing device to perform a method are stored on a computer-readable medium. A computer-readable medium may be a device that stores digital information. For example, a computer-readable medium includes a compact disk read-only memory (CD-ROM) as known in the art for storing software. The computer-readable medium is accessed by a processor adapted to execute the instructions configured to be executed.

[0083] One or more exemplary embodiments of the present disclosure are described above. Other embodiments are within the scope of the appended claims. In some cases, the actions or steps recorded in the claims can be performed in an order different from that in the embodiments and still achieve the desired results. In addition, the processes depicted in the drawings do not necessarily require the specific order or continuous order shown to achieve the desired results. In some embodiments, multitasking and parallel processing are also possible or may be advantageous.

[0084] The systems, devices, modules or units described in the above embodiments may be implemented by computer chips or entities, or by products with certain functions. A typical implementation device is a server system. Of course, the present disclosure does not exclude that with the development of computer technology in the future, the computer that implements the functions of the above embodiments may be, for example, a personal computer, a laptop computer, a vehicle-mounted human-computer interaction device, a cellular phone, a camera phone, a smart phone, a personal digital assistant, a media player, a navigation device, an email device, a game console, a tablet computer, a wearable device, or a combination of any of these devices.

[0085] Although one or more embodiments of the present disclosure provide method operation steps as described in the embodiments or flowcharts, more or fewer operation steps may be included based on conventional or non-creative means. The order of steps listed in the embodiments is only one way of executing the order of many steps and does not represent the only execution order. When the device or terminal product in practice is executed, it can be executed in sequence or in parallel according to the method shown in the embodiments or the drawings (for example, in a parallel processor or multi-threaded processing environment, or even a distributed data processing environment).

[0086] The terms "comprises", "includes" or any other variations thereof are intended to cover non-exclusive inclusion, so that a process, method, product or apparatus comprising a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, product or apparatus. In the absence of further restrictions, it is not excluded that there are other identical or equivalent elements in the process, method, product or apparatus comprising the elements. For example, if the words "first", "second" and the like are used to indicate names, they do not indicate any particular order.

[0087] For the convenience of description, the above devices are described in various modules according to their functions. Of course, when implementing one or more embodiments of the present disclosure, the functions of each module can be implemented in the same or more software and / or hardware, or the module implementing the same function can be implemented by a combination of multiple sub-modules or sub-units, etc. The device embodiments described above are only schematic. For example, the division of the units is only a logical function division. There may be other division methods in actual implementation. For example, multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.

[0088] The present disclosure is described with reference to the flowchart and / or block diagram of the method, device (system), and computer program product according to the embodiment of the present disclosure. It should be understood that each process and / or box in the flowchart and / or block diagram, as well as the combination of the process and / or box in the flowchart and / or block diagram can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor or other programmable data processing device to produce a machine, so that the instructions executed by the processor of the computer or other programmable data processing device produce a device for implementing the functions specified in one process or multiple processes in the flowchart and / or one box or multiple boxes in the block diagram.

[0089] These computer program instructions may also be stored in a computer-readable memory capable of directing a computer or other programmable data processing device to operate in a particular manner, so that the instructions stored in the computer-readable memory produce an article of manufacture including an instruction device that implements the functions specified in one or more flows of a flowchart and / or one or more blocks of a block diagram. These computer program instructions may also be loaded onto a computer or other programmable data processing device so that a series of operating steps are performed on the computer or other programmable device to produce a computer-implemented process, so that the instructions executed on the computer or other programmable device provide steps for implementing the functions specified in one or more flows of a flowchart and / or one or more blocks of a block diagram.

[0090] Those skilled in the art should understand that one or more embodiments of the present disclosure may be in the form of a complete hardware embodiment, a complete software embodiment, or an embodiment combining software and hardware. Moreover, one or more embodiments of the present disclosure may be in the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to disk storage, CD-ROM, optical storage, etc.) containing computer-usable program codes.

[0091] One or more embodiments of the present disclosure may be described in the general context of computer-executable instructions executed by a computer, such as program modules. Generally, program modules include routines, programs, objects, components, data structures, etc. that perform specific tasks or implement specific abstract data types. One or more embodiments of the present disclosure may also be practiced in distributed computing environments where tasks are performed by remote processing devices connected through a communications network. In a distributed computing environment, program modules may be located in local and remote computer storage media, including storage devices.

[0092] The same or similar parts between the various embodiments of the present disclosure can refer to each other, and each embodiment focuses on the differences from other embodiments. In particular, for the device embodiment, since it is basically similar to the method embodiment, the description is relatively simple, and the relevant parts refer to the partial description of the method embodiment. In the description of the present disclosure, the description of the reference term "one embodiment", "some embodiments", "example", "specific example", or "some examples" means that the specific features, structures, materials or characteristics described in conjunction with the embodiment or example are included in at least one embodiment or example of the present disclosure. In the present disclosure, the schematic representation of the above terms does not necessarily target the same embodiment or example. Moreover, the specific features, structures, materials or characteristics described can be combined in any one or more embodiments or examples in a suitable manner. In addition, in the absence of mutual contradiction, those skilled in the art can combine and combine the different embodiments or examples described in the present disclosure and the features of the different embodiments or examples.

[0093] In addition, when used in the present disclosure, the words "herein," "above," "below," "hereunder," "above," and words of similar meaning shall refer to the present disclosure as a whole and not to any particular portion of the present disclosure. Furthermore, unless expressly stated otherwise or otherwise understood in the context of use, conditional language used herein, such as "may," "might," "for example," "such as," and the like, is generally intended to express that certain embodiments include, while other embodiments do not include, certain features, elements, and / or states. Thus, such conditional language is generally not intended to imply that one or more embodiments require features, elements, and / or states in any way, or whether such features, elements, and / or states are included or performed in any particular embodiment.

[0094] The above description is only an example of one or more embodiments of the present disclosure, and is not intended to limit one or more embodiments of the present disclosure. For those skilled in the art, one or more embodiments of the present disclosure may have various changes and variations. Any modification, equivalent substitution, improvement, etc. made within the spirit and principle of the present disclosure shall be included in the scope of the claims.< / text> < / text>

Claims

1. A method for editing a flight certificate online, comprising: Displaying a first user interface UI, the first UI including a selectable first UI object associated with an airport logo; receiving a first input corresponding to a selection of a first UI object; In response to receiving the first input, acquiring from the first database a scalable vector graphics SVG data stream corresponding to the airport logo associated with the selected first UI object, and displaying a second UI, the second UI including a selectable second UI object associated with a print template of a flight certificate, the second UI object being associated with an SVG data stream corresponding to the print template of the flight certificate in the acquired SVG data stream; receiving a second input corresponding to a selection of a second UI object; In response to receiving the second input, displaying a third UI, the third UI including a first area, the first area including a graphical representation of an SVG data stream associated with the selected second UI object, wherein each tag included in the SVG data stream is assigned a unique identification ID and is bound to a corresponding click event; receiving a third input corresponding to triggering of the click event; In response to receiving a third input, obtaining a label according to an ID associated with the triggered click event, and displaying an updated third UI to further include a second area associated with the obtained label, the second area including an editable third UI object for setting one or more of a position, a style, and a content of an element associated with the triggered click event in the graphical representation of the SVG data stream and set according to the obtained label; receiving a fourth input corresponding to editing of the third UI object; and In response to receiving the fourth input, an updated third UI is displayed such that the graphical representation of the SVG data stream is updated based on the edits to the third UI object.

2. The method according to claim 1, wherein: The graphical representation of the SVG data stream is obtained by embedding the SVG data stream into a hypertext markup language HTML, and / or traversing each tag contained in the SVG data stream using jQuery and assigning an ID thereto.

3. The method according to claim 1, wherein: Displaying the graphical representation of the SVG data stream in the third UI includes, for each tag included in the SVG data stream, determining the type of content in the tag, and: In response to the content in the tag belonging to picture content, searching for a picture corresponding to the content in the tag according to the first comparison table, and displaying the picture according to the position and style in the tag; or In response to the content in the tag being text-type static content, rendering the text indicated by the content in the tag in a first rendering manner, and displaying the text according to the position and style in the tag; or In response to the content in the tag being text-type dynamic content, the text translated from the content in the tag according to the second comparison table is rendered in a second rendering mode different from the first rendering mode, and the text is displayed according to the position and style in the tag.

4. The method according to claim 3, wherein: When the content in the tag is text-based dynamic content, at least one of the following conditions is met: The second area associated therewith includes a fourth UI object for prompting an original corresponding object of the translated text; or When the fourth input corresponds to editing of a third UI object for setting content of the element, in response to determining that the edited content of the element is acceptable based on the second lookup table, the graphical representation of the SVG data stream is updated based on the editing of the third UI object.

5. The method according to claim 1, wherein: The third UI includes a selectable fifth UI object for saving edits to the third UI object, and the method includes: receiving a fifth input corresponding to selection of a fifth UI object; and In response to receiving the fifth input, the edited graphical representation of the SVG data stream is reverse translated into the SVG data stream.

6. The method according to claim 5, wherein: the third UI includes a selectable sixth UI object for confirming the graphical representation of the SVG data stream currently displayed in the third UI, and / or the second UI includes another selectable sixth UI object for confirming the SVG data stream of the print template of the flight certificate currently displayed in the second UI, And wherein the method comprises: receiving a sixth input corresponding to selection of a sixth UI object; and In response to receiving the sixth input, the first database is updated with the reverse translated SVG data stream.

7. The method according to claim 1, wherein: The third UI includes a third area associated with the graphical representation of the SVG data stream, the third area includes a textual representation of the SVG data stream, and the method includes at least one of: In response to receiving a fourth input, causing the textual representation of the SVG data stream to be updated based on the edits to the third UI object; or In response to receiving input corresponding to an edit to the textual representation of the SVG data stream in the third region, the graphical representation of the SVG data stream is updated based on the edit to the textual representation of the SVG data stream.

8. The method according to claim 7, wherein: The third area is hideable, the third UI includes an activatable seventh UI object for displaying the third area, and the method includes: receiving a seventh input corresponding to activation of a seventh UI object, and in response to receiving the seventh input, displaying the third area; or An eighth input corresponding to deactivation of the seventh UI object is received, and in response to receiving the eighth input, the third region is hidden.

9. The method according to claim 7, wherein: In the third region, lines of the text representation of the SVG data stream that are associated with the second region are displayed differently than other lines of the text representation of the SVG data stream.

10. The method according to claim 1, wherein: Satisfy at least one of the following: the second area includes a selectable eighth UI object for adding a copy of the element or a new element, the method including receiving a ninth input corresponding to a selection of the eighth UI object, and in response to receiving the ninth input, displaying a copy of the element near the element in the graphical representation of the SVG data stream or displaying the new element in the graphical representation of the SVG data stream; or the second area includes a selectable ninth UI object for deleting the element, the method including receiving a tenth input corresponding to a selection of the ninth UI object, and in response to receiving the tenth input, eliminating display of the element in the graphical representation of the SVG data stream; or The first UI includes a plurality of the first UI objects, each of the first UI objects being associated with a corresponding one of the plurality of airport identifiers; or The second UI includes a plurality of the second UI objects, each of the second UI objects being associated with a corresponding one of a plurality of flight certificate printing templates, wherein each of the plurality of flight certificates has one or more printing templates; or When the third UI is displayed in response to receiving the second input, the third UI includes a second area in which the third UI object is set to empty.

11. The method according to claim 1, wherein: The second UI includes a selectable tenth UI object associated with a printing method of a flight certificate, and the method includes: receiving an eleventh input corresponding to selection of a tenth UI object; and In response to receiving an eleventh input corresponding to selection of the tenth UI object, a print template of a flight certificate previously set to be associated with the selected tenth UI object is set to be non-empty.

12. The method according to any one of claims 1 to 11, wherein: The flight proof is selected from the group consisting of a boarding pass, a delay certificate, and a baggage tag.

13. A device for editing flight certificates online, comprising: one or more processors; as well as A memory storing computer executable instructions which, when executed by the one or more processors, cause the one or more processors to perform the method for online editing of flight certification according to any one of claims 1 to 12.

14. A non-transitory storage medium having computer executable instructions stored thereon, which when executed by one or more processors cause the one or more processors to perform the method for online editing of flight certification according to any one of claims 1 to 12.

15. A computer program product, comprising instructions, which, when executed by a processor, implement the method for online editing of flight certification according to any one of claims 1 to 12.

Images