TW201928718A - Method and system of page layout - Google Patents

Abstract

A method and a system of page layout are provided. The method of page layout includes the following steps. An attitude of the handheld electronic device is obtained. A layout for the page is chosen according to the attitude of the handheld electronic device. The layout for the page is output to the connection interface of the handheld electronic device.

Description

Page layout method and page layout system

The present invention relates to a page layout method and a page layout system, and more particularly to a page layout method and a page layout system for displaying a connection interface of a handheld electronic device.

With the advancement of technology, the use of handheld electronic devices is becoming more and more common, and people often browse the required information through handheld electronic devices from time to time.

At present, handheld devices (such as smart phones, tablets, etc.) are mostly developed with large-size screens. However, for some users with small palm sizes, they cannot be used smoothly and comfortably in situations where they must be operated and viewed with one hand.

The invention relates to a page layout method and a page layout system. According to the posture of the handheld electronic device, it can be determined that the user currently operates the handheld electronic device with one hand or two hands, thereby changing the layout of the connection interface, so as to facilitate The user operates with one hand.

According to an aspect of the present invention, a page layout method is proposed. The page layout method includes the following steps. Get the attitude of the handheld electronic device. Select the layout facet corresponding to the pose. Output the layout interface to the interface of the handheld electronic device.

According to another aspect of the present invention, a page layout system is proposed. The page layout system includes a handheld electronic device and a servo host. The handheld electronic device includes a bonding interface. The servo host includes a detecting unit, a typesetting unit and a page output unit. The detecting unit is configured to obtain a posture of the handheld electronic device. The typesetting unit is configured to select one of the layout faces corresponding to the gesture. The page output unit is used to output the layout face to the link interface.

In order to better understand the above and other aspects of the present invention, the following detailed description of the embodiments and the accompanying drawings

The various embodiments are described in detail below, however, the examples are intended to be illustrative only and not to limit the scope of the invention. Further, the drawings in the embodiments omits some of the elements to clearly show the technical features of the present invention.

Please refer to FIG. 1 , which illustrates a page layout system 100 in accordance with an embodiment of the present invention. In the illustration of FIG. 1 , the page layout system 100 includes a servo host 110 and a handheld electronic device 120 . The servo host 110 is, for example, a file server having a computing capability, a database server, an application server, a cloud server, a workstation, or a personal computer. The handheld electronic device 120 is, for example, an electronic device that can be operated with one hand and two hands, such as a smart phone, a tablet computer, or a personal digital assistant.

The handheld electronic device 120 includes a bonding interface 122. The connection interface 122 is, for example, a software application or a browser, and can be connected to the server 110 via a network such as a mobile network or a wireless network. For example, the user can enable the connection interface 122 to issue a connection request to the server host 110 by executing the connection interface 122 of the handheld electronic device 120, for example, by clicking on the software application or entering the website address of the website in the browser.

The server host 110 includes a detecting unit 111, a typesetting unit surface 112, a storage unit 113, and a page output unit 114. The storage unit 113 is, for example, a hard disk, a memory, a memory card, a CD, or a cloud data center, and is configured to store a database containing a plurality of layout faces, and the layout faces include a combination of a plurality of objects. Such objects include various electronic files or information, such as pictures, buttons, text, web pages, menus, audio and video information, etc., presented in various forms. The detecting unit 111, the typesetting unit surface 112 and the page output unit 114 can be, for example, by using a wafer, a circuit block in the wafer, a firmware circuit, a circuit board containing a plurality of electronic components and wires, or a storage complex array. The storage medium of the program code can be realized by executing the corresponding software or program by using an electronic device such as a computer system or a server.

The detecting unit 111 is coupled to the typesetting unit 112 and can be used to obtain a gesture of the handheld electronic device 120. The typesetting unit 112 is coupled to the storage unit 113 and the page output unit 114, and can be used to select one of the gestures corresponding to the gesture of the handheld electronic device 120 from the storage unit 113. The page output unit 114 can be used to output the selected layout facet to the link interface 122.

The handheld electronic device 120 further includes an attitude sensing unit 121. The attitude sensing unit 121 is, for example, a gyroscope, an electronic compass, a gravity sensor, or the like, and a combination thereof for detecting a change in state of the handheld electronic device 120, for example, a tilt angle, a rotation angle, and the like of the handheld electronic device 120. .

The following is a detailed description of the operation of the above components. Referring to FIG. 2, a flow chart of a page layout method according to an embodiment of the present invention is shown. In step S210, the connection interface 122 issues a connection request to the server 110.

Next, in step S220, when the server 110 receives the connection request from the connection interface 122, the detection unit 111 determines the type of the device that issued the connection request. In this step, when it is determined that the device that issues the connection request is the handheld electronic device 120, then step S222 is performed.

In step S222, the detecting unit 111 sends a reminder message to the linking interface 122. Next, in step S224, the link interface 122 displays a reminder message for the user to confirm whether to accept the reminder message. When the user confirms to accept the reminder message, step S230 is performed.

In step S230, when the detecting unit 111 determines that the reminder message is accepted, the gesture sensing unit 121 detects the current state change of the handheld electronic device 120. In this step, the connection interface 122 can obtain the current state change of the handheld electronic device 120 detected by the gesture sensing unit 121 through an application programming interface (API). The application interface can obtain the current state change of the handheld electronic device 120 detected by the gesture sensing unit 121 through the embedded code (for example, JavaScript).

Next, in step S240, the gesture sensing unit 121 returns the detected state back to the servo host 110, so that the detecting unit 111 obtains the gesture of the handheld electronic device 120, as in step S250.

In steps S220, S222, S224, S230, S240, and S250 described above, the gesture of the handheld electronic device 120 is requested to be displayed before the reminder message is displayed in the connection interface 122. During the current state change of the handheld electronic device 120 in step S230, the state of the handheld electronic device 120 changes during the period in which the reminder message is accepted, so that the user can confirm the reminder message by clicking. It is determined whether the user operates the handheld electronic device 120 with one hand and the handheld electronic device 120 with the left or right hand. However, the disclosure is not limited thereto. In other embodiments, when it is determined that the device that issues the connection request is the handheld electronic device 120, step S230 may be directly performed. For example, the gesture of the handheld electronic device 120 corresponding to the state change detected by the gesture sensing unit 121 can be found through a previously established comparison table to determine whether the user operates the handheld with one hand. The electronic device 120, and the handheld electronic device 120 is operated with a left or right hand.

Next, in step S260, the typesetting unit 112 selects a layout facet corresponding to the gesture from the storage unit 113. Here, the layout surface may include an arrangement of a plurality of objects.

Next, in step S270, the page output unit 114 outputs the layout facet to the link interface 122, and causes the link interface 122 to display the layout facet including the arrangement combination of the plurality of objects, as by step S280.

Therefore, the page layout system 100 and the page layout method described above can determine that the user is currently operating the handheld electronic device 120 with two hands or one hand according to the posture of the handheld electronic device 120, thereby changing the layout of the connection interface 122. So that the user can operate with one hand. Thereby, the user can easily and comfortably operate the handheld electronic device 120 with one hand. This will be further described below in terms of various embodiments.

Please refer to FIG. 3, which illustrates a flow chart of a page layout method according to an embodiment of the present invention. First, in step S310, the detecting unit 111 determines whether to receive the link request issued by the link interface 122. If the connection request issued by the connection interface 122 is received, the process proceeds to step S320.

In step S320, the detecting unit 111 determines whether the device that issues the connection request is the handheld electronic device 120. If the type of the device is not the handheld electronic device 120, the process proceeds to step S390, the detecting unit 111 causes the typesetting unit 112 to select the original layout surface S0 from the storage unit 113, and causes the page output unit 114 to output the selected original layout surface S0. To the connection interface 122. The original layout type surface S0 will be described later.

In step S320, if the type of the device is the handheld electronic device 120, the process proceeds to step S330. In step S330, the detecting unit 111 sends a reminder message to the link interface 122 for the user to confirm whether to accept the reminder message.

Next, in step S340, the detecting unit 111 determines whether the reminder message is accepted. If the reminder message is not accepted by the user, proceeding to step S390, the detecting unit 111 causes the typesetting unit 112 to select the original layout type surface S0 from the storage unit 113, and causes the page output unit 114 to output the selected original layout type surface S0 to the link. Interface 122.

If the reminder message is accepted by the user, the process proceeds to step S350. In step S350, the detecting unit 111 obtains the posture of the handheld electronic device 120. In an embodiment, the posture obtained by the detecting unit 111 may be the rotation angle of the handheld electronic device 120.

Referring to FIG. 4, a schematic diagram of a handheld electronic device 120 in accordance with an embodiment of the present invention is shown. The handheld electronic device 120 includes a screen 123 having a long axis (ie, a Y axis) and a short axis (ie, an X axis). In an embodiment, the posture obtained by the detecting unit 111 may be the rotation angle R of the handheld electronic device 120 along the long axis (ie, the Y axis). However, the disclosure is not limited to this. For example, the posture acquired by the detecting unit 111 may also be a change in the tilt angle or the like of the handheld electronic device 120.

Please refer to Figure 3. Next, in step S360, the detecting unit 111 determines whether the handheld electronic device 120 is rotated according to the rotation angle R. When the handheld electronic device 120 is not rotated, the process proceeds to step S390. The detecting unit 111 causes the typesetting unit 112 to select the original layout surface S0 from the storage unit 113, and causes the page output unit 114 to output the selected original layout surface S0 to the link. Interface 122. When the handheld electronic device 120 is rotated to the left, the process proceeds to step S370. The detecting unit 111 causes the typesetting unit 112 to select the first typesetting surface S1 from the storage unit 113, and causes the page output unit 114 to output the selected first typesetting surface. S1 to the connection interface 122. When the handheld electronic device 120 is rotated to the right, the process proceeds to step S380. The detecting unit 111 causes the typesetting unit 112 to select the second typesetting surface S2 from the storage unit 113, and causes the page output unit 114 to output the selected second typesetting surface. S2 to the connection interface 122.

Please refer to FIGS. 5A-5C , which are schematic diagrams showing the connection interface 122 of the handheld electronic device 120 according to various embodiments of the present invention, which are displayed on the original layout surface S0, the first layout surface S1, and the second layout surface S2.

As shown in FIG. 5A, when the handheld electronic device 120 is not rotated, it indicates that the user is currently operating with two hands, or the handheld electronic device 120 is in a resting state, and the screen 123 is displayed in the original layout surface S0. Link interface 122. The original layout surface S0 includes a plurality of original objects 132 and 134. In an embodiment, the original object 132 may be any text without a URL link, such as plain text, pure picture, pure audio and video, and/or information that is not available for the user to click on. The original object 134 can be any information with a URL link and/or a menu for the user to click on. If the original object 134 is information with a URL link, such as a text, a picture, a button, and the like with a URL link, when the original object 134 is clicked, it will be linked to the designated website via the Internet.

For example, in the case where the linking interface 122 is a software application of a shopping website, the original object 132 may be a pure picture showing the item, and the original item 134 may be a purchase button and/or a menu. Under the layout of the original layout surface S0, the original object 132 and the original object 134 may be arranged symmetrically in a left-right direction, as shown in FIG. 5A.

As shown in FIG. 5B, when the handheld electronic device 120 is rotated to the left, it indicates that the user is currently operating with one hand with the left hand, and the screen 123 displays the connection interface 122 presented by the first layout surface S1. The first typesetting surface S1 includes a plurality of first objects 232 and 234. In an embodiment, the first object 232 can be any text without a URL link, such as plain text, a pure picture, a pure video, and the like, and/or information that is not available for the user to click. The first item 234 can be any information with a URL link and/or a menu for the user to click on. If the first object 234 is information with a URL link, for example, a text, a picture, a button, and the like with a URL link, when the first object 234 is clicked, the first object 234 can be connected to the designated website via the network.

For example, in the case where the linking interface 122 is a software application of a shopping website, the first object 232 may be a pure picture showing an item, and the first item 234 may be a purchase button and/or a menu. In the layout of the first typesetting surface S1, the first object 232 is displayed on the right side of the connecting interface 122, and the first object 234 is displayed on the left side of the connecting interface 122, so that the user can operate with one hand with the left hand.

As shown in FIG. 5C, when the handheld electronic device 120 is rotated to the right, it indicates that the user is currently operating with one hand with the right hand, and the screen 123 displays the connection interface 122 presented by the second layout surface S2. The second typesetting surface S2 includes a plurality of second objects 332 and 334. In an embodiment, the second object 332 may be any text without a URL link, such as plain text, pure picture, pure audio and video, and/or information that is not available for the user to click on. The second item 334 can be any information with a URL link and/or a menu for the user to click on. If the second object 334 is information with a URL link, such as text, a picture, a button, and the like with a URL link, when the second object 334 is clicked, the second object 334 can be connected to the designated website via the network.

For example, in the case where the linking interface 122 is a software application of a shopping website, the second object 332 may be a pure picture displaying an item, and the second item 334 may be a purchase button and/or a menu. In the layout of the second typesetting surface S2, the second object 332 is displayed on the left side of the joint interface 122, and the second object 334 is displayed on the right side of the joint interface 122, so that the user can operate with one hand with the right hand.

The page layout method and the page layout system of the above embodiments can determine whether the user currently operates the handheld electronic device with one hand or both hands according to the posture of the handheld electronic device, thereby changing the layout of the connection interface for use. One-handed operation. In one embodiment, a reminder message is displayed in the link interface to determine whether the user operates the handheld electronic device with one hand and the left or right hand by the action of the user confirming the reminder message by clicking. The handheld electronic device is operated to determine whether there is a need to change the layout of the interface.

In conclusion, the present invention has been disclosed in the above embodiments, but it is not intended to limit the present invention. A person skilled in the art can make various changes and modifications without departing from the spirit and scope of the invention. Therefore, the scope of the invention is defined by the scope of the appended claims.

100‧‧‧ page typesetting system

110‧‧‧Servo host

111‧‧‧Detection unit

112‧‧‧ typesetting unit

113‧‧‧ storage unit

114‧‧‧Page Output Unit

120‧‧‧Handheld electronic devices

121‧‧‧ attitude sensing unit

122‧‧‧Link interface

123‧‧‧ screen

132, 134‧‧‧ original objects

232, 234‧‧‧ first object

332, 334‧‧‧ second object

S210, S220, S222, S224, S230, S240, S250, S260, S270, S280, S310, S320, S330, S340, S350, S360, S370, S380, S390‧‧

R‧‧‧Rotation angle

S0‧‧‧ original layout

S1‧‧‧ first edition layout

S2‧‧‧Second edition layout

FIG. 1 illustrates a page layout system according to an embodiment of the present invention. FIG. 2 is a flow chart of a page layout method according to an embodiment of the invention. FIG. 3 is a flow chart of a page layout method according to an embodiment of the invention. FIG. 4 is a schematic diagram of a handheld electronic device according to an embodiment of the invention. FIG. 5A is a schematic diagram showing the connection interface of the handheld electronic device in an original layout according to an embodiment of the invention. FIG. 5B is a schematic diagram showing the connection interface of the handheld electronic device according to an embodiment of the present invention. FIG. 5C is a schematic diagram showing the connection interface of the handheld electronic device in a second layout according to an embodiment of the invention.

Claims (10)

A page layout method for displaying a connection interface of a handheld electronic device, comprising: obtaining a gesture of the handheld electronic device; selecting a layout surface corresponding to the gesture; and outputting the layout interface to the connection interface. The page layout method of claim 1 further includes: sending a reminder message to the link interface; and determining whether the reminder message is accepted; detecting the handheld electronic device when the reminder message is accepted One of the current states changes to obtain the gesture of the handheld electronic device. The page layout method of claim 1, wherein the handheld electronic device comprises a screen having a long axis and a short axis, the posture is that the handheld electronic device rotates along one of the long axes angle. The page layout method of claim 3, wherein the step of selecting the layout surface corresponding to the gesture comprises: determining, according to the rotation angle, whether the handheld electronic device is rotated; when the handheld electronic device determines When rotating to the left, selecting a first typesetting surface as the typesetting surface, wherein the first typesetting surface includes a plurality of first objects, wherein the first objects are linked with a web address and/or at least one first object including a menu Displayed on the left side of the link interface. The page layout method according to claim 4, wherein when the handheld electronic device determines to rotate to the right, selecting a second typesetting facet is the typesetting face, wherein the second typesetting facets comprise a plurality of second faces. And an object, wherein the second object is linked to the website and/or the at least one second item including the menu is displayed on the right side of the connecting interface. A page layout system, comprising: a handheld electronic device, comprising a connection interface; and a servo host, comprising: a detection unit for obtaining a gesture of the handheld electronic device; and a typesetting unit for selecting a corresponding Forming a typesetting surface in one of the gestures; and a page output unit for outputting the typesetting surface to the linking interface. The page typesetting system of claim 6, wherein the handheld electronic device further comprises a gesture sensing unit, wherein the detecting unit is further configured to send a reminder message to the linking interface, and determine whether the reminding message is When the detecting unit determines that the reminder message is accepted, the gesture sensing unit detects a change in state of the handheld electronic device to enable the detecting unit to obtain the gesture of the handheld electronic device. The page typesetting system of claim 6, wherein the handheld electronic device further comprises a screen having a long axis and a short axis, the posture being one of the long axis of the handheld electronic device Rotation angle. The page typesetting system of claim 8, wherein the detecting unit is further configured to determine whether the handheld electronic device is rotated according to the rotation angle; and when the detecting unit determines that the handheld electronic device is left-handed In turn, the typesetting unit selects a first typesetting facet for the typeset facet, wherein the first typeset facet comprises a plurality of first objects, and the first object is linked with a web address and/or at least one first object including a menu It is displayed on the left side of the link interface. The page layout system of claim 9, wherein when the detecting unit determines that the handheld electronic device is rotated to the right, the typesetting unit selects a second typesetting surface as the typesetting surface, wherein the second type The layout surface includes a plurality of second objects, and the at least one second object to which the second object is linked and/or the menu item is displayed on the right side of the connection interface.