A personalized homepage generation method, device, electronic device and storage medium

Abstract

The present application discloses a personalized homepage generation method, device, electronic device and storage medium, which obtains the instruction information of the user setting the homepage; modularizes the homepage content according to the instruction information to generate at least one display module; obtains the user's adjustment information of the display module, performs corresponding adjustment processing on the display module according to the adjustment information, and generates and displays the personalized homepage according to the adjusted display module. By applying the technical solution of the present application, a personalized personal homepage setting solution is realized, and the user can flexibly adjust each display module in the homepage, providing the user with a personal homepage that can be based on personal preferences and has a high degree of freedom, which greatly improves the user experience.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to a method, device, electronic device and storage medium for generating a personalized homepage. Background Art

[0002] A personal homepage refers to a webpage or website created on the Internet for people to browse by an individual, group, studio, etc. based on their own interests or values ​​in order to show themselves and communicate with others. With the maturity and development of Internet technology, more and more companies, groups, educational institutions, etc. provide users with personal homepages in order to achieve a certain project or function. However, the existing personal homepage settings are too simple. For example: the homepage of Baidu website only provides a navigation button that can link to a third-party webpage, but the navigation button can only be set in a specific position on the homepage, and the template is fixed and cannot be changed. The form is simple and single. Summary of the invention

[0003] In view of this, the purpose of the present application is to propose a personalized homepage generation method, device, electronic device and storage medium to solve the problem that the existing personal homepage setting form is too simple and cannot be personalized.

[0004] Based on the above objectives, in a first aspect, the present application provides a method for generating a personalized homepage, comprising:

[0005] Get the instruction information of the user setting the homepage;

[0006] Modularize the homepage content according to the instruction information to generate at least one display module;

[0007] The user's adjustment information for the display module is obtained, the display module is adjusted accordingly according to the adjustment information, and a personalized homepage is generated and displayed according to the adjusted display module.

[0008] In some implementations, the obtaining of user adjustment information on the display module and performing corresponding adjustment processing on the display module according to the adjustment information includes:

[0009] The user's click operation on the frame of the display module is obtained, the frame side that the user wants to adjust is determined according to the click operation, and the frame is adjusted according to the user's move operation input on the frame side.

[0010] In some implementations, adjusting the border according to a movement operation input by the user on the edge of the frame specifically includes:

[0011] Obtaining the length and width information of the current browser where the homepage is located, dividing the length and width information equally to generate number of copies information, obtaining the specific number of copies of the display module in the direction corresponding to the frame side according to the number of copies information, and calculating the specific value corresponding to the specific number of copies according to a preset specific value calculation method;

[0012] The moving distance of the moving operation is detected, and when the moving distance is compared with the specific value and satisfies a specific condition, the display module is changed by a certain number in the direction.

[0013] In some implementations, the obtaining of user adjustment information on the display module and performing corresponding adjustment processing on the display module according to the adjustment information includes:

[0014] Acquire a user's dragging operation on the display module, and determine an end position of the dragging operation according to the dragging operation;

[0015] The display module is positioned at the end position.

[0016] In some implementations, obtaining the user's dragging operation on the display module specifically includes:

[0017] The dragging track of the user is determined according to the dragging operation, so that the display module moves along the dragging track.

[0018] In some embodiments, the display module includes: a third party unit;

[0019] The method further comprises:

[0020] Acquire a user's click operation on the third-party unit, and pop up an operation frame according to the click operation;

[0021] Acquire a target webpage address determined by the user through the operation frame, access the target webpage address and acquire content information corresponding to the target webpage address;

[0022] The content information is displayed in the third-party unit.

[0023] In some embodiments, the display module includes: a default unit;

[0024] The method further comprises:

[0025] Acquire user specified information for the default unit, and determine the display resource required by the user according to the specified information;

[0026] The display resource is acquired, and the display resource is displayed in the default unit.

[0027] In some implementations, displaying the display resource in the default unit specifically includes:

[0028] When the preset update time is reached, the display resource is updated.

[0029] In some implementations, before obtaining the instruction information of the user to set the homepage, the method further includes:

[0030] Obtaining the user's login information, and determining whether to enter the adjustment mode according to the login information;

[0031] If the adjustment mode is entered, the instruction information is further obtained.

[0032] In some implementations, obtaining login information of the user and determining whether to enter the adjustment mode according to the login information specifically includes:

[0033] Determine whether the user is accessing the homepage for the first time based on the login information;

[0034] If yes, directly enter the adjustment mode;

[0035] If not, the configuration file of the homepage is obtained, the homepage is configured according to the configuration file to generate a personalized homepage, and an adjustment guide key is generated on the personalized homepage; the adjustment guide key is used to enter the adjustment mode when selected by the user.

[0036] In some embodiments, it further comprises:

[0037] Receive the user's instruction to change the theme;

[0038] The corresponding theme package is retrieved according to the theme change instruction, and at least one of the homepage background image, display module background image, font, font size, font color and display module border style of the personalized homepage is adjusted according to the theme package.

[0039] In a second aspect, the present application also provides a personalized homepage generation device, including:

[0040] Get module to get the instruction information of user setting homepage;

[0041] A generating module, which performs modular processing on the homepage content according to the instruction information to generate at least one display module;

[0042] The execution module obtains the user's adjustment information on the display module, performs corresponding adjustment processing on the display module according to the adjustment information, and generates and displays a personalized homepage according to the adjusted display module.

[0043] In a third aspect, the present application also provides an electronic device, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor implements the personalized homepage generation method as described above when executing the program.

[0044] In a fourth aspect, the present application further provides a computer-readable storage medium, wherein the computer-readable storage medium stores instructions, and when the instructions are executed on a terminal device, the terminal device executes the personalized homepage generation method as described above.

[0045] From the above, it can be seen that the personalized homepage generation method, device, electronic device and storage medium provided by the present application obtain the instruction information of the user setting the homepage; modularize the homepage content according to the instruction information to generate at least one display module; obtain the user's adjustment information of the display module, perform corresponding adjustment processing on the display module according to the adjustment information, and generate and display a personalized homepage according to the adjusted display module. By applying the technical solution of the present application, a personalized personal homepage setting solution is realized, and the user can flexibly adjust each display module in the homepage, providing the user with a personal homepage that can be based on personal preferences and has a high degree of freedom, which greatly improves the user experience. BRIEF DESCRIPTION OF THE DRAWINGS

[0046] In order to more clearly illustrate the embodiments of the present application or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.

[0047] Figure 1 A flowchart of a personalized homepage generation method proposed in an embodiment of the present application;

[0048] Figure 2 A schematic diagram of a specific personal homepage style proposed in an embodiment of the present application;

[0049] Figure 3 A schematic diagram of a process for setting a weather condition unit proposed in an embodiment of the present application;

[0050] Figure 4 A schematic diagram of a learning attendance unit proposed in an embodiment of the present application;

[0051] Figure 5 A schematic diagram of the process of setting up a learning attendance unit proposed in an embodiment of the present application;

[0052] Figure 6A schematic diagram of a personal timetable unit proposed in an embodiment of the present application;

[0053] Figure 7 A schematic diagram of a process for setting a personal timetable unit proposed in an embodiment of the present application;

[0054] Figure 8 A schematic diagram of a process of performing zoom adjustment for a specific display module proposed in an embodiment of the present application;

[0055] Fig. 9 A schematic diagram of a specific personal homepage setting process proposed in an embodiment of the present application;

[0056] Fig.10 A schematic diagram of a homepage theme proposed in an embodiment of the present application;

[0057] Fig.11 A schematic diagram of another homepage theme proposed in an embodiment of the present application;

[0058] Fig.12 A schematic diagram of the structure of a personalized homepage generation device proposed in an embodiment of the present application;

[0059] Fig.13 This is a schematic diagram of the structure of an electronic device proposed in an embodiment of the present application. DETAILED DESCRIPTION

[0060] In order to make the objectives, technical solutions and advantages of the present application more clearly understood, the present application is further described in detail below in combination with specific embodiments and with reference to the accompanying drawings.

[0061] It should be noted that, unless otherwise defined, the technical terms or scientific terms used in the embodiments of the present application should be understood by people with ordinary skills in the field to which the present disclosure belongs. The "first", "second" and similar words used in the present disclosure do not represent any order, quantity or importance, but are only used to distinguish different components. "Include" or "comprising" and similar words mean that the elements, objects or method steps appearing before the word cover the elements, objects or method steps listed after the word and their equivalents, without excluding other elements, objects or method steps.

[0062] As mentioned in the background art, the setting form of the personal homepage in the prior art is too simple, and it is impossible for users to freely set and layout the various units in the personal homepage according to their own preferences. When existing enterprises or institutions carry out certain large-scale projects, in order to improve user experience and attract more users, they urgently need a personal homepage with a high degree of freedom that can freely adjust the content of the homepage according to user preferences.

[0063] To this end, the present application designs and implements a modularized and customizable personal homepage. First, modularization: in the personal homepage, each function is presented by a display module; customization: users can adjust the display module at will according to their own preferences. By applying the technical solution of the present application, a personalized personal homepage setting solution is implemented, and users can flexibly adjust the various display modules in the homepage, providing users with a personal homepage that can be based on personal preferences and has a high degree of freedom, which greatly improves the user experience.

[0064] The technical solutions provided by the embodiments of this specification are described in detail below in conjunction with the accompanying drawings.

[0065] like Figure 1 FIG. 1 is a flow chart of a method for generating a personalized homepage according to an embodiment of the present invention. The method specifically includes the following steps:

[0066] Step 101, obtaining instruction information for setting a homepage of a user.

[0067] This step aims to obtain the instruction information of the user to set the homepage. The instruction information is triggered when the user logs in to the homepage or when the user wants to set the homepage. The instruction information refers to the trigger information for the user to set the homepage. After receiving the instruction information, the system will determine that the user wants to enter the setting mode of the homepage.

[0068] The instruction information may be in the form of information directly generated when the user logs into the homepage for the first time, that is, the user is directly allowed to set the homepage for the first login; it may also be user selection information in which a pop-up box is displayed each time the user logs into the homepage, asking the user whether he wants to set the homepage; it may also be user selection information in which the user thinks that the homepage needs to be set or modified while browsing the homepage, and then selects a specific option or button to set the homepage function.

[0069] As for the acquisition method, it can be click information of an input device (mouse or stylus, etc.); it can also be the touch operation of the user in the touch equipment; it can also be the user instructing the device to set the homepage through voice information, etc.

[0070] Step 102: Modularize the homepage content according to the instruction information to generate at least one display module.

[0071] This step aims to convert the homepage content into a display module so that the display module can reflect the entire content of the homepage. Figure 2As shown, it is a schematic diagram of a specific personal homepage style proposed by the present application. When the device receives the instruction information, it determines that the user needs to set up the homepage, and then modularizes the homepage. Among them, when the user logs in to the homepage, the system will read all the functions in the homepage and modularize the homepage according to the preset conversion method. Generally, during the design process of the homepage, the homepage will be divided into areas according to different functions, and then the system can convert the entire area into a display module according to the area when the homepage is set. Specifically, the entire homepage can be set as a display module; or the entire category can generate a display module, for example: all navigation links are set as a display module; or each specific function can be set with a display module, for example: each navigation link is set with a display module, and so on.

[0072] The display module is a module used to display relevant content on the homepage and to achieve relevant functions. It can have various forms of expression, such as: a third-party unit for jumping to a third-party link, a default unit for displaying user information, and a personalized unit freely set by the user.

[0073] Specifically, for a third-party unit, the user can set a third-party unit that can directly jump to the target web page. An input box can be popped up according to the user's click operation on the third-party unit to input the target web page address; or according to the user's single-click operation, preset recommended web page link information can be directly popped up for the user to select, etc., and then the target web page is visited and information that can intuitively reflect the target web page is extracted, such as: target website name, target website logo, target website title icon, etc., and finally this information is displayed in the third-party unit, so that the user can intuitively know the target web page to which the third-party unit links after seeing the third-party unit.

[0074] For the default unit, it can be a weather unit that displays the weather conditions of the corresponding location according to the user's location or the login location of the user's login homepage, or a map unit that displays a map around the corresponding location, etc. If the user is an employee, it can also be the attendance information or the user's work task information obtained based on the user's employee information; if the user is a student, such as Figure 5 and Figure 7 As shown, it can also be a user study attendance unit obtained based on the user's academic information, or a user's personal timetable unit, etc. The default unit can obtain the corresponding information by directly calling the data resources for display through the user's personal information or setting information, for example: the weather condition unit obtains the user's location information or the location specified by the user, and queries the weather information of the corresponding location, such as Figure 4 Finally, the specific content of the data resource is displayed in the default unit.

[0075] For the personality unit, it can be an audio unit, video unit, picture unit, etc. that the user can freely set. The content in the unit can be freely set according to the needs of the user. At the same time, the homepage server stores the user's settings for the personality unit, and can directly retrieve the stored audio, video, picture, etc. and play them directly in the personality unit when the user enters the homepage later. The stored content can be uploaded by the user himself or obtained from a third party.

[0076] Obviously, there may be more specific display module types. In specific implementation, the display module may be flexibly set according to the specific homepage content and the user's own wishes. Those skilled in the art may make adjustments according to the specific implementation scenario.

[0077] In specific application scenarios, in the displayed personal homepage, the display modules can be divided into at least two categories:

[0078] 1. A third-party unit, which is the entrance to a third-party web page. Click it to enter the third-party web page;

[0079] 2. One is the default unit. If the user is a student, the default unit can be a weather unit, a personal class schedule unit, a study attendance unit, etc., which is used to display weather conditions, personal class schedules, personal attendance, etc. At the same time, for the default unit, the system sets a time to automatically update to prevent the default unit from failing to obtain the latest information in time.

[0080] Here is an example of the default unit and a detailed introduction:

[0081] 1. Weather Condition Unit:

[0082] The specific forms of expression in the unit may be: displaying the name of the city or region, the weather conditions of the city or region, the weather conditions of the city or region in the next few days, etc.

[0083] like Figure 3 As shown, the specific implementation method can be: when opening the personal homepage, determine the address information (i.e., specified information) required by the user, which can be the address information determined by locating the user; or the city or address that the user actively sets to know. Determine the weather information (i.e., display resources) of the city or region that the user needs to obtain based on the address information, and obtain the weather information. The acquisition method can be: directly input the address information into a third-party database to query the corresponding data; or directly upload the address information to a third-party database in the cloud, and the cloud returns the corresponding weather information, etc. Finally, display the weather information in the weather condition unit.

[0084] 2. Study attendance unit:

[0085] The specific form can be Figure 4 shown.

[0086] like Figure 5 As shown, the specific implementation method can be: similar to the weather condition unit, first determine the user's personal information (i.e., specified information), determine the required personal attendance information (i.e., display resources) based on the personal information, and obtain the personal attendance information. The acquisition method can be: the personal homepage provides the interface for obtaining attendance data to the display resource provider, and the provider calls the interface to transmit and store the personal attendance information. When the personal homepage is opened, the personal attendance data (date, class, subject, attendance time, attendance status, etc.) is obtained, and the data is displayed in the learning attendance unit.

[0087] 3. Personal timetable unit:

[0088] The specific form can be Figure 6 shown.

[0089] like Figure 7 As shown, the specific implementation method can be: similar to the learning attendance unit, first determine the user's personal information (i.e., designated information), determine the required personal schedule information (i.e., display resources) based on the personal information, and obtain the personal schedule information. The acquisition method can be: the personal homepage provides the interface for obtaining the schedule data to the display resource provider, the provider sets the user to obtain the schedule information, calls the interface, transmits the schedule information and stores it. When the personal homepage is opened, the personal schedule data (week, teacher name, class section, date, classroom, etc.) is obtained, and the data is displayed in the personal schedule unit.

[0090] Step 103, obtaining the user's adjustment information on the display module, performing corresponding adjustment processing on the display module according to the adjustment information, and generating and displaying a personalized homepage according to the adjusted display module.

[0091] This step aims to adjust the display module accordingly according to the information input by the user, and finally generate a personalized homepage and output it for display. The adjustment information is a general term for various operations performed by the user on the display module, which can be drag operations, copy and delete operations, point operations, etc. on the display module by the user. At the same time, the user input method can be an input operation performed using an external device, such as a mouse, an electronic pen, etc.; it can also be an input operation converted according to the user's touch operation, such as finger touch sliding, defining single-point or multi-point gestures as different operation instructions and then converting them into corresponding specific operations, etc.

[0092] For adjustment processing, it is a corresponding operation performed according to the adjustment information, for example: if the user inputs a drag operation, a move instruction is executed for the selected display module, which can be a move instruction following the drag operation, or directly moving the display module to the end point of the drag operation when the drag operation is completed, etc.; if the user inputs a copy operation, such as: right-clicking the mouse to select the copy option, using shortcut keys, performing corresponding copying through specific gestures, etc., a copy instruction is executed for the selected display module, and the new display module generated by the copy can be generated next to the original display module, or at the position where the mouse or gesture last stopped, etc.; similarly, if the user inputs a delete operation, a delete instruction is executed for the selected display module to delete the selected display module; Figure 8 As shown, the user inputs a click operation on the border of the display module, which can be recognized as the user wanting to adjust the size of the display module, and then continue to recognize the user's drag operation, and execute expansion or reduction of the border according to the drag operation.

[0093] It can be seen that there are many ways to adjust the processing, which can be specifically set according to the specific scenario. Those skilled in the art can flexibly specify the adjustment information that the user can input and correspond to different adjustment processing.

[0094] Afterwards, a personalized homepage is generated based on the adjusted display module, which may include a saving step. The saving process may be to save once after each adjustment by the user, to save once after all adjustments are completed by the user, or to automatically save once at a specific interval, etc.

[0095] Finally, the personalized homepage is output and displayed. According to different application scenarios and implementation needs, the specific output method for the personalized homepage can be flexibly selected.

[0096] For example, for the application scenario in which the method of this embodiment is executed on a single device, the personalized homepage can be directly output in a displayed manner on the display component (display, projector, etc.) of the current device, so that the operator of the current device can directly see the content of the personalized homepage from the display component.

[0097] For another example, in an application scenario where the method of this embodiment is executed on a system composed of multiple devices, the personalized homepage can be sent to other preset devices as receivers in the system through any data communication method (wired connection, NFC, Bluetooth, wifi, cellular mobile network, etc.), so that the preset device that receives the personalized homepage can perform subsequent processing on it. Optionally, the preset device can be a preset server, which is generally set up in the cloud as a data processing and storage center, which can store and distribute the personalized homepage.

[0098] For another example, in an application scenario where the method of this embodiment is executed on a system composed of multiple devices, the personalized homepage can be directly sent to a preset terminal device through any data communication method, and the terminal device can be one or more of the ones listed in the preceding paragraphs.

[0099] In a specific application scenario, the specific steps of adjustment may be:

[0100] 1. First, set up the configuration file that records the default location information of the display module

[0101] If the user logs in for the first time or the layout is initialized, the page is displayed according to the initial configuration file.

[0102] In the configuration file, the display module information recorded can be: a. System name (English): the identification of the display module; b. Horizontal coordinate: records the horizontal coordinate position of the display module displayed on the homepage; c. Vertical coordinate: records the vertical coordinate position of the display module displayed on the homepage; d. Width: records the width of the display module displayed on the homepage; e. Height: records the height of the display module displayed on the homepage; f. Minimum width: records the minimum width of the display module; g. Minimum height: records the minimum height of the display module; h. Application type: records the type of the display module, hyperlink type or display information type; i. Whether it can be deleted: records the display module in Whether it can be deleted from the homepage; j. Whether it can be dragged: records whether the display module can be dragged on the homepage; k. Whether it can be scaled: records whether the display module can be scaled on the homepage; l. Application status: records whether the display module is displayed on the homepage; m. Chinese name: records the title of the display module; n. Background color: records the background color of the display module; o. Application icon: records the icon (icon) of the display module; p. Application version number: records the version number information of the display module; q. Application introduction: records the introduction information of the display module; r. Application jump link: if the display module is a hyperlink type, record the jump leveling.

[0103] 2. Establish a corresponding display module information table and associate it with the user's personal information to ensure the personalization of each user. The fields in the information table are consistent with the display module information recorded in the configuration file.

[0104] 3. Render the display module according to the returned display module information. By querying the display module information table, the relevant information of each display module is returned in the form of an array, and each display module is visually displayed on the page. Every time the display module information is changed, the display module information table is changed, so that the display module information is recorded and stored.

[0105] By applying the technical solution of the present application, the solution obtains the instruction information of the user setting the homepage; modularizes the homepage content according to the instruction information to generate at least one display module; obtains the user's adjustment information of the display module, performs corresponding adjustment processing on the display module according to the adjustment information, and generates and displays a personalized homepage according to the adjusted display module. By applying the technical solution of the present application, a personalized personal homepage setting solution is realized, and the user can flexibly adjust each display module in the homepage, providing the user with a personal homepage that can be based on personal preferences and has a high degree of freedom, which greatly improves the user experience.

[0106] In an optional embodiment of the present application, in order to allow the user to flexibly adjust the size of the display module, the step of obtaining the user's adjustment information on the display module and performing corresponding adjustment processing on the display module according to the adjustment information includes:

[0107] The user's click operation on the frame of the display module is obtained, the frame side that the user wants to adjust is determined according to the click operation, and the frame is adjusted according to the user's move operation input on the frame side.

[0108] Among them, the frame edge refers to each edge used to form a frame. The selection of the frame can fall on the frame edge or on the intersection of two frame edges. When the user clicks on a frame edge of the frame of the display module, the system can determine that the user has selected this frame edge, and adjust the size of the entire frame by the user's movement of this frame edge, that is, adjust the entire frame by extending or shortening the length of the two adjacent edges of this frame edge. For example: a rectangular display module with a length of 4cm and a width of 2cm, the user clicks on the short side on the right, that is, the user selects the frame edge on the right side of the display module and moves this edge to the right by 2cm. When the positions of other frame edges remain unchanged, the four frame edges are reconnected to form a new display module (that is, the lengths of the upper and lower frame edges adjacent to this frame edge are respectively extended by 2cm), and the frame of this display module becomes a rectangle with a length of 6cm and a width of 2cm. At the same time, when the user clicks on the intersection of two frame edges of the border of the display module, the system can determine that the user wants to adjust the two frame edges that constitute the intersection. The user then adjusts the positions of the two frame edges by moving the intersection, thereby adjusting the size of the entire border. For example: a rectangular display module with a length of 4cm and a width of 2cm, the user clicks on the intersection in the lower right corner, and the system determines that the user wants to adjust the frame edges on the right and bottom of the display module. The intersection is moved 3cm to the right and 2cm downward, then the right side is moved 3cm to the right and the bottom side is moved 2cm downward. While the positions of the other two frame edges remain unchanged, the four frame edges are reconnected to form a new display module (that is, the upper and lower sides adjacent to the right are extended by 3cm respectively, and the left and right sides adjacent to the bottom are extended by 2cm respectively). Then the border of this display module becomes a rectangle with a length of 7cm and a width of 4cm.

[0109] In an optional embodiment of the present application, in order to more accurately adjust the size of the display module and make the size of each display module meet a certain ratio during adjustment, it is convenient for the user to arrange the display modules and prompt the overall aesthetics. The adjustment of the frame according to the movement operation input by the user on the frame edge specifically includes:

[0110] Obtaining the length and width information of the current browser where the homepage is located, dividing the length and width information equally to generate number of copies information, obtaining the specific number of copies of the display module in the direction corresponding to the frame side according to the number of copies information, and calculating the specific value corresponding to the specific number of copies according to a preset specific value calculation method;

[0111] The moving distance of the moving operation is detected, and when the moving distance is compared with the specific value and satisfies a specific condition, the display module is changed by a certain number in the direction.

[0112] Among them, in the specific implementation, the length and width information can be the length and width of the bottom canvas of the entire homepage, or the length and width of the displayed homepage, or the length and width of the entire homepage, or the length and width of the browser currently used to display the homepage, etc., and ordinary technicians in this field can flexibly adjust according to actual conditions. Here, the length and width information in this application is the current length and width information of the browser used to display the homepage, which can dynamically change the length and width information according to the size of the browser. After that, the length or width is divided equally, and can be divided into different numbers of parts according to actual needs, such as 2 or 5 equal divisions for a length of 10cm. The number of copies information refers to the specific number of copies of the length or width, for example, the number of copies information is 5 for a length of 10cm. After that, the specific number of copies of the display module in the direction corresponding to the frame side is determined, for example: a rectangular display module with a length of 4cm and a width of 2cm, the user selects the short side and the corresponding direction is the length direction, that is, the user wants to adjust the length of the display module by adjusting the position of the short side, and then determine how many copies the length of this display module is. Then determine the specific value, for example: if the current length is 1, then the specific value is (2 size - 1 size) / 2; if the current length is 2, then the specific value is (3 size - 2 size) / 2; and so on.

[0113] Finally, the display modules are changed in size one at a time, thereby ensuring that all display modules meet a certain proportional relationship.

[0114] In this specific embodiment, adjustments are made to each display module, such as Figure 8 FIG. 1 is a flow chart of a specific display module performing zoom adjustment proposed in the present application. The zoom adjustment is described in detail below:

[0115] 1. For the overall process. The scaling adjustment is for each display module. Taking the computer side as an example, when the mouse slides over the module, an area that can control the module scaling will appear on the display module (for example: each frame edge and each intersection of the module frame). Click the left mouse button to determine the frame edge that needs to be adjusted, drag the mouse (do not release the left button) and then drag the selected frame edge or intersection to drag the display module and then scale it. Lift the left mouse button to complete the scaling adjustment.

[0116] 2. Restrictions on resizing. For example, the current width of the browser used to display the homepage is divided into 12 equal parts, and the width of the display module is a multiple of the minimum number of parts, such as 1 part, 2 parts... 11 parts, 12 parts. The height and width of the display module are set in a similar way. The purpose of this method is to allow the display module to adapt to the current size of the browser; the width and height are based on the minimum number of parts, which will not cause the sizes of each display module to be different, and it is convenient to arrange and beautiful.

[0117] 3. Specific calculation process for scaling adjustment. During the module scaling process, taking zooming in as an example, the width and height of the display module are monitored in real time. If the width or height of the display module is enlarged by a size greater than a certain specific value during the scaling process, the width or height is increased by one number. For example: If the width of the display module is currently 1 and it is expected to be adjusted to 2, the specific value of the zoom adjustment is: (2 sizes - 1 size) / 2. If it is greater than this specific value, the width of the display module is increased by one. The logic for zooming out is similar. If a number has been enlarged or reduced during the scaling process, the changed number will be used as the basic number. For example: The width of the display module has been expanded from 1 size to 2 sizes, and the mouse has not been lifted at this time, it will continue to expand, and the specific value at this time has become (3 sizes - 2 sizes) / 2. When the user lifts the mouse, if the expansion range does not exceed the new specific value, the final width size is still two sizes.

[0118] The specific implementation of scaling adjustment is as follows:

[0119] 1. Record the current width and height of the display module, initialize the module, and render the module size according to the initial data.

[0120] 2. When scaling a display module, create a temporary variable for the display module, for example, the width (w) is 1, the height (h) is 1, etc. During the scaling process, the width and height are judged in real time. If the width is greater than a specific value, w becomes 2; if the height is greater than a specific value, h becomes 2. When the expansion continues, if the width is greater than the new specific value again, or the width is greater than the new specific value again, w becomes 3, or h becomes 3. At this time, if the user lifts the left mouse button, it is determined that the scaling adjustment is completed, and the new w and h of this display module are recorded and stored.

[0121] In an optional embodiment of the present application, in order to facilitate the user to set the specific position of each display module, the step of obtaining the user's adjustment information on the display module and performing corresponding adjustment processing on the display module according to the adjustment information includes:

[0122] Acquire a user's dragging operation on the display module, and determine an end position of the dragging operation according to the dragging operation;

[0123] The display module is positioned at the end position.

[0124] In an optional embodiment of the present application, in order to enable the user to intuitively observe the user's movement of the display module, the obtaining of the user's dragging operation on the display module specifically includes:

[0125] The dragging track of the user is determined according to the dragging operation, so that the display module moves along the dragging track.

[0126] In an optional embodiment of the present application, in order to divide each unit into fine parts according to its function and to quickly set the jump navigation unit, and to enable the user to intuitively know the specific web page corresponding to the unit, the display module includes: a third-party unit;

[0127] The method further comprises:

[0128] Acquire a user's click operation on the third-party unit, and pop up an operation frame according to the click operation;

[0129] Acquire a target webpage address determined by the user through the operation frame, access the target webpage address and acquire content information corresponding to the target webpage address;

[0130] The content information is displayed in the third-party unit.

[0131] The click operation refers to the user clicking the entire module through the mouse or touch. The target webpage address is the target URL. The pop-up operation box can be an input box for the user to directly enter the URL, or a selection box for the user to choose, etc. The subsequent content information refers to information that can clearly reflect the characteristics of the target website, such as: the target webpage name, the target webpage logo, the target webpage title icon, etc.

[0132] In an optional embodiment of the present application, in order to divide each unit into fine divisions according to functions, and to target the unit for which the user wants to directly obtain specific content, so as to facilitate the user to directly read the information he wants. The display module includes: a default unit;

[0133] The method further comprises:

[0134] Acquire user specified information for the default unit, and determine the display resource required by the user according to the specified information;

[0135] The display resource is acquired, and the display resource is displayed in the default unit.

[0136] Among them, the default unit can be a weather condition unit, a map information unit, etc.; if the user is an employee, it can also be a work attendance unit, a work task unit, etc.; if the user is a student, it can also be a study attendance unit, a personal timetable unit, etc. The default unit can be flexibly set according to the different identities of the user. The corresponding specified information is login location information, employee information, academic information, etc., and the display resource is the corresponding information. The system will directly obtain the corresponding information through a specific acquisition channel based on the user's specified information, and display it directly in the default unit. For example: in the weather condition unit, the current and recent weather of the user's location is visually displayed.

[0137] In an optional embodiment of the present application, in order to refresh the content in the default unit in real time and ensure that the content is in the latest state, the display resource is displayed in the default unit, specifically including:

[0138] When the preset update time is reached, the display resource is updated.

[0139] Among them, the update time can be an update time determined according to the interval set by the user, for example: the user sets the update of third-party resources every 6 hours; it can also be an update time automatically set by the system itself, for example: third-party resources are updated at 12:00 am every day, etc.

[0140] In an optional embodiment of the present application, in order to accurately determine the identity of the user, before obtaining the instruction information of the user to set the homepage, it also includes:

[0141] Obtaining the user's login information, and determining whether to enter the adjustment mode according to the login information;

[0142] If the adjustment mode is entered, the instruction information is further obtained.

[0143] The login information is obtained or generated during the process of the user logging into the homepage, and the login information refers to the relevant information required by the user to log into the homepage.

[0144] The relevant information may include the user's personal information, such as name, gender, telephone number, etc. If the user is a student, it may also include student status, student ID, grade, school location, etc. It may also include the user's login details, such as login location, login times, login time, etc. It can be seen that based on the above content included in the login information, it can reflect the user's personal identity information or academic information, or factors such as login time, location, and number of times.

[0145] As for the method of obtaining the information, the user may actively fill in the personal information; or the corresponding login information may be queried and retrieved based on the login name input by the user; or the corresponding login information may be determined and retrieved based on the active scanning of the system, such as fingerprint recognition, facial feature recognition, etc.

[0146] Meanwhile, the adjustment mode refers to a state mode that allows the user to flexibly adjust the display module. As can be seen from the foregoing, the login information may contain various types of content, and the method for determining whether to enter the adjustment mode may also be various types, for example, whether the user can enter the adjustment mode may be determined based on the number of logins of the user, or based on the user's account type, etc.

[0147] Specifically, the adjustment mode can be entered based on the number of login times. If this is the first time for the user to log in to the homepage, the user will directly enter the adjustment mode. If this is not the first time for the user to log in to the homepage, the homepage will be displayed directly according to the previously stored homepage format. The adjustment mode will only be entered when the user chooses to enter the adjustment mode. It can also be that if this is the first time for the user to log in to the homepage, the user will be asked whether to enter the adjustment mode. If this is not the first time for the user to log in to the homepage, only the previously adjusted homepage will be displayed, and so on.

[0148] Entering adjustment mode based on account type: if the user is an administrator type, the user can enter adjustment mode according to the user's choice, but if the user is only a visitor type, the user cannot enter adjustment mode; the user can also directly enter adjustment mode based on the user's administrator type, but when the user is a visitor type, the user must obtain the consent of the administrator type user before entering adjustment mode, and so on.

[0149] In an optional embodiment of the present application, in order to facilitate the user to set the homepage, and to be able to directly see the previously set personalized homepage when logging in to the homepage later, and to facilitate the user to further adjust the personalized homepage. The obtaining of the user's login information and determining whether to enter the adjustment mode according to the login information specifically includes:

[0150] Determine whether the user is accessing the homepage for the first time based on the login information;

[0151] If yes, directly enter the adjustment mode;

[0152] If not, the configuration file of the homepage is obtained, the homepage is configured according to the configuration file to generate a personalized homepage, and an adjustment guide key is generated on the personalized homepage; the adjustment guide key is used to enter the adjustment mode when selected by the user.

[0153] Among them, Fig. 9As shown, it is a flowchart of a specific personal homepage setting proposed in this application. The configuration file refers to a storage file generated after the user adjusts the homepage, which stores all the adjustment steps and the specific format of the homepage after the adjustment is completed. The system can completely restore the entire personalized homepage by reading this file. The adjustment guide key refers to a selection button, icon or option, etc. The user can select this adjustment guide key to enter the adjustment mode. In addition, the way to enter the adjustment mode can be by clicking the adjustment guide key, or by voice control, speaking a specific pronunciation to enter, or by entering through a specific gesture or a specific mouse or touch movement trajectory.

[0154] In an optional embodiment of the present application, in order to allow the background theme of the entire homepage to be changed according to the user's choice, reflecting the personalization of the entire homepage theme, the method further includes:

[0155] Receive the user's instruction to change the theme;

[0156] The corresponding theme package is retrieved according to the theme change instruction, and at least one of the homepage background image, display module background image, font, font size, font color and display module border style of the personalized homepage is adjusted according to the theme package.

[0157] The command to change the theme may be a click of a specific button or icon by the user, or a specific gesture or motion track input by the user to determine that the user has input the command to change the theme.

[0158] In specific application scenarios, such as Fig.10 and Fig.11 The figure shows a schematic diagram of the personal homepage theme proposed in this application. The theme setting method can be: a theme setting function key is set on the homepage, and a variety of themes can be selected. When the user clicks the theme setting function key and selects the favorite theme (i.e., generates a theme change instruction), the homepage background and the background color and layout of each display module are automatically adjusted according to the theme. The specific implementation method can be: the personal homepage has multiple sets of themes built in, which can be abstracted into multiple objects. After the theme setting is triggered, the object corresponding to the selected theme is immediately taken out, and the page is redrawn according to the object and displayed to the user.

[0159] Based on the same application concept, the embodiment of the present application also provides a personalized homepage generation device, such as Fig.12 As shown, including:

[0160] Acquisition module 1201, acquiring instruction information of user setting homepage;

[0161] A generating module 1202 performs modular processing on the homepage content according to the instruction information to generate at least one display module;

[0162] The execution module 1203 obtains the user's adjustment information on the display module, performs corresponding adjustment processing on the display module according to the adjustment information, and generates and displays a personalized homepage according to the adjusted display module.

[0163] In an optional embodiment, the execution module 1203 obtains the user's adjustment information on the display module, and performs corresponding adjustment processing on the display module according to the adjustment information, including:

[0164] The user's click operation on the frame of the display module is obtained, the frame side that the user wants to adjust is determined according to the click operation, and the frame is adjusted according to the user's move operation input on the frame side.

[0165] In an optional embodiment, the execution module 1203 adjusts the frame according to the moving operation input by the user on the frame edge, specifically including:

[0166] Obtaining the length and width information of the current browser where the homepage is located, dividing the length and width information equally to generate number of copies information, obtaining the specific number of copies of the display module in the direction corresponding to the frame side according to the number of copies information, and calculating the specific value corresponding to the specific number of copies according to a preset specific value calculation method;

[0167] The moving distance of the moving operation is detected, and when the moving distance is compared with the specific value and satisfies a specific condition, the display module is changed by a certain number in the direction.

[0168] In an optional embodiment, the execution module 1203 obtains the user's adjustment information on the display module, and performs corresponding adjustment processing on the display module according to the adjustment information, including:

[0169] Acquire a user's dragging operation on the display module, and determine an end position of the dragging operation according to the dragging operation;

[0170] The display module is positioned at the end position.

[0171] In an optional embodiment, the execution module 1203 obtains the user's drag operation on the display module, specifically including:

[0172] The dragging track of the user is determined according to the dragging operation, so that the display module moves along the dragging track.

[0173] In an optional embodiment, the display module includes: a third-party unit;

[0174] The execution module 1203 further includes:

[0175] Acquire a user's click operation on the third-party unit, and pop up an operation frame according to the click operation;

[0176] Acquire a target webpage address determined by the user through the operation frame, access the target webpage address and acquire content information corresponding to the target webpage address;

[0177] The content information is displayed in the third-party unit.

[0178] In an optional embodiment, the display module includes: a default unit;

[0179] The execution module 1203 further includes:

[0180] Acquire user specified information for the default unit, and determine the display resource required by the user according to the specified information;

[0181] The display resource is acquired, and the display resource is displayed in the default unit.

[0182] In an optional embodiment, the execution module 1203 displays the display resource in the default unit, specifically including:

[0183] When the preset update time is reached, the display resource is updated.

[0184] In an optional embodiment, before the obtaining module 1201 obtains the instruction information of the user to set the homepage, it also includes:

[0185] Obtaining the user's login information, and determining whether to enter the adjustment mode according to the login information;

[0186] If the adjustment mode is entered, the instruction information is further obtained.

[0187] In an optional embodiment, the acquisition module 1201 acquires the user's login information, and determines whether to enter the adjustment mode according to the login information, specifically including:

[0188] Determine whether the user is accessing the homepage for the first time based on the login information;

[0189] If yes, directly enter the adjustment mode;

[0190] If not, the configuration file of the homepage is obtained, the homepage is configured according to the configuration file to generate a personalized homepage, and an adjustment guide key is generated on the personalized homepage; the adjustment guide key is used to enter the adjustment mode when selected by the user.

[0191] In an optional embodiment, the device further includes: a theme module 1204;

[0192] Receive the user's instruction to change the theme;

[0193] The corresponding theme package is retrieved according to the theme change instruction, and at least one of the homepage background image, display module background image, font, font size, font color and display module border style of the personalized homepage is adjusted according to the theme package.

[0194] The devices in the above embodiments are used to implement the corresponding methods in the above embodiments, and have the beneficial effects of the corresponding method embodiments, which will not be described in detail here.

[0195] Based on the same application concept, an embodiment of the present application also provides an electronic device, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein when the processor executes the program, the method described in any one of the above embodiments is implemented.

[0196] Fig.13 A more specific schematic diagram of the hardware structure of an electronic device provided in this embodiment is shown, and the device may include: a processor 1310, a memory 1320, an input / output interface 1330, a communication interface 1340, and a bus 1350. The processor 1310, the memory 1320, the input / output interface 1330, and the communication interface 1340 are connected to each other through the bus 1350 in the device.

[0197] The processor 1310 can be implemented by a general-purpose CPU (Central Processing Unit), a microprocessor, an application-specific integrated circuit (ASIC), or one or more integrated circuits, and is used to execute relevant programs to implement the technical solutions provided in the embodiments of this specification.

[0198] The memory 1320 may be implemented in the form of ROM (Read Only Memory), RAM (Random Access Memory), static storage device, dynamic storage device, etc. The memory 1320 may store an operating system and other application programs. When the technical solutions provided in the embodiments of this specification are implemented by software or firmware, the relevant program codes are stored in the memory 1320 and are called and executed by the processor 1310.

[0199] The input / output interface 1330 is used to connect the input / output module to realize information input and output. The input / output module can be configured in the device as a component (not shown in the figure), or it can be externally connected to the device to provide corresponding functions. The input device may include a keyboard, a mouse, a touch screen, a microphone, various sensors, etc., and the output device may include a display, a speaker, a vibrator, an indicator light, etc.

[0200] The communication interface 1340 is used to connect a communication module (not shown) to realize communication interaction between the device and other devices. The communication module can realize communication through a wired mode (such as USB, network cable, etc.) or a wireless mode (such as mobile network, WIFI, Bluetooth, etc.).

[0201] The bus 1350 includes a path that transmits information between the various components of the device (eg, the processor 1310 , the memory 1320 , the input / output interface 1330 , and the communication interface 1340 ).

[0202] It should be noted that, although the above device only shows the processor 1310, the memory 1320, the input / output interface 1330, the communication interface 1340 and the bus 1350, in the specific implementation process, the device may also include other components necessary for normal operation. In addition, it can be understood by those skilled in the art that the above device may also only include the components necessary for implementing the embodiments of the present specification, and does not necessarily include all the components shown in the figure.

[0203] The electronic device of the above embodiment is used to implement the corresponding method in the above embodiment, and has the beneficial effects of the corresponding method embodiment, which will not be described in detail here.

[0204] Based on the same application concept, an embodiment of the present application further provides a computer-readable storage medium, in which instructions are stored. When the instructions are executed on a terminal device, the terminal device executes the method described in any of the above embodiments.

[0205] The computer-readable storage media of this embodiment include permanent and non-permanent, removable and non-removable media, and information storage can be implemented by any method or technology. Information can be computer-readable instructions, data structures, modules of programs, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technology, read-only compact disk read-only memory (CD-ROM), digital versatile disk (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices or any other non-transmission media that can be used to store information that can be accessed by a computing device.

[0206] The storage medium of the above-mentioned embodiment is used to implement the corresponding method in the above-mentioned embodiment, and has the beneficial effects of the corresponding method embodiment, which will not be described in detail here.

[0207] Those skilled in the art should understand that the discussion of any of the above embodiments is merely illustrative and is not intended to imply that the scope of the present disclosure (including the claims) is limited to these examples. In line with the concept of the present application, the technical features in the above embodiments or different embodiments may be combined, the steps may be implemented in any order, and there are many other variations of the different aspects of the present application as described above, which are not provided in detail for the sake of simplicity.

[0208] In addition, to simplify the description and discussion, and in order not to make the present application difficult to understand, the known power / ground connections to the integrated circuit (IC) chip and other components may or may not be shown in the provided drawings. In addition, the device can be shown in the form of a block diagram to avoid making the present application difficult to understand, and this also takes into account the fact that the details of the implementation of these block diagram devices are highly dependent on the platform on which the present application will be implemented (that is, these details should be fully within the scope of understanding of those skilled in the art). Where specific details (e.g., circuits) are set forth to describe exemplary embodiments of the present application, it is apparent to those skilled in the art that the present application can be implemented without these specific details or with changes in these specific details. Therefore, these descriptions should be considered illustrative rather than restrictive.

[0209] Although the present application has been described in conjunction with specific embodiments of the present application, many replacements, modifications and variations of these embodiments will be apparent to those skilled in the art from the foregoing description. For example, other memory architectures (e.g., dynamic RAM (DRAM)) may use the embodiments discussed.

[0210] The embodiments of the present application are intended to cover all such substitutions, modifications and variations that fall within the broad scope of the appended claims. Therefore, any omissions, modifications, equivalent substitutions, improvements, etc. made within the spirit and principles of the present application should be included in the protection scope of the present application.

Claims

1. A method for generating a personalized homepage, characterized in that: include: Get the instruction information of the user setting the homepage; Modularizing the homepage content according to the instruction information to generate at least one display module; when a user logs in to the homepage, all functions in the homepage are read, and the homepage is modularized according to a preset conversion method, and in the design process of the homepage, the homepage is divided into multiple areas according to different functions, and the entire homepage is converted into a display module according to the area when the homepage is designed; Acquiring user adjustment information of the display module, performing corresponding adjustment processing on the display module according to the adjustment information, and generating and displaying a personalized homepage according to the adjusted display module; The obtaining the user's adjustment information on the display module, and performing corresponding adjustment processing on the display module according to the adjustment information, includes: Acquire a user's click operation on the frame of the display module, determine a frame side that the user wants to adjust according to the click operation, and adjust the frame according to a move operation input by the user on the frame side; The step of adjusting the frame according to a movement operation input by the user on the frame edge includes: Obtaining the length and width information of the current browser where the homepage is located, dividing the length and width information equally to generate number of copies information, obtaining the specific number of copies of the display module in the direction corresponding to the frame side according to the number of copies information, and calculating the specific value corresponding to the specific number of copies according to a preset specific value calculation method; wherein the specific value is obtained according to the size of the specific number of copies; The moving distance of the moving operation is detected, and when the moving distance is compared with the specific value and satisfies a specific condition, the display module is changed by a certain number in the direction.

2. The method according to claim 1, characterized in that The obtaining the user's adjustment information on the display module, and performing corresponding adjustment processing on the display module according to the adjustment information, includes: Acquire a user's dragging operation on the display module, and determine an end position of the dragging operation according to the dragging operation; The display module is positioned at the end position.

3. The method according to claim 2, characterized in that The obtaining of the user's dragging operation on the display module specifically includes: The dragging track of the user is determined according to the dragging operation, so that the display module moves along the dragging track.

4. The method according to claim 1, characterized in that: The display module includes: a third-party unit; The method further comprises: Acquire a user's click operation on the third-party unit, and pop up an operation frame according to the click operation; Acquire a target webpage address determined by the user through the operation frame, access the target webpage address and acquire content information corresponding to the target webpage address; The content information is displayed in the third-party unit.

5. The method according to claim 1, characterized in that The display module includes: a default unit; The method further comprises: Acquire user specified information for the default unit, and determine the display resource required by the user according to the specified information; The display resource is acquired, and the display resource is displayed in the default unit.

6. The method according to claim 5, characterized in that The displaying of the display resource in the default unit specifically includes: When the preset update time is reached, the display resource is updated.

7. The method according to claim 1, characterized in that Before obtaining the instruction information of the user to set the homepage, the method further includes: Obtaining the user's login information, and determining whether to enter the adjustment mode according to the login information; If the adjustment mode is entered, the instruction information is further obtained.

8. The method according to claim 7, characterized in that The obtaining of user login information and determining whether to enter the adjustment mode according to the login information specifically includes: Determine whether the user is accessing the homepage for the first time based on the login information; If yes, directly enter the adjustment mode; If not, the configuration file of the homepage is obtained, the homepage is configured according to the configuration file to generate a personalized homepage, and an adjustment guide key is generated on the personalized homepage; the adjustment guide key is used to enter the adjustment mode when selected by the user.

9. The method according to any one of claims 1 to 8, characterized in that: Also includes: Receive the user's instruction to change the theme; The corresponding theme package is retrieved according to the theme change instruction, and at least one of the homepage background image, display module background image, font, font size, font color and display module border style of the personalized homepage is adjusted according to the theme package.

10. A personalized homepage generation device, characterized in that: include: Get module to get the instruction information of user setting homepage; A generating module, which performs modular processing on the homepage content according to the instruction information to generate at least one display module; wherein, when a user logs in to the homepage, all functions in the homepage are read, and the homepage is modularized according to a preset conversion method, and in the design process of the homepage, the homepage is divided into multiple areas according to different functions, and the entire homepage is converted into a display module according to the area when the homepage is designed; An execution module is configured to obtain adjustment information of the display module by the user, perform corresponding adjustment processing on the display module according to the adjustment information, and generate and display a personalized homepage according to the adjusted display module; The obtaining the user's adjustment information on the display module, and performing corresponding adjustment processing on the display module according to the adjustment information, includes: Acquire a user's click operation on the frame of the display module, determine a frame side that the user wants to adjust according to the click operation, and adjust the frame according to a move operation input by the user on the frame side; The step of adjusting the frame according to a movement operation input by the user on the frame edge includes: Obtaining the length and width information of the current browser where the homepage is located, dividing the length and width information equally to generate number of copies information, obtaining the specific number of copies of the display module in the direction corresponding to the frame side according to the number of copies information, and calculating the specific value corresponding to the specific number of copies according to a preset specific value calculation method; wherein the specific value is obtained according to the size of the specific number of copies; The moving distance of the moving operation is detected, and when the moving distance is compared with the specific value and satisfies a specific condition, the display module is changed by a certain number in the direction.

11. An electronic device comprising a memory, a processor, and a computer program stored in the memory and executable on the processor, characterized in that: When the processor executes the program, the personalized homepage generation method according to any one of claims 1 to 9 is implemented.

12. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores instructions, and when the instructions are executed on a terminal device, the terminal device executes the personalized homepage generation method according to any one of claims 1 to 9.

Images