A real-time interactive operating system based on a scalable floating ball user interface

Abstract

The present invention discloses a user interface real-time interactive operating system based on a scalable floating ball, which relates to the field of human-computer interaction terminal display technology, including: an authorization login module, which is used to obtain a code through an enterprise WeChat authorization interface and obtain a token through a back-end login interface, and the back-end interface is used to verify the validity of the code and determine whether the user is an authorized enterprise employee; a floating ball display module, which creates a transparent or translucent floating ball window for applying for permission to float at the top layer; a position adjustment module, which is used to monitor the user's touch operation of the floating ball, calculate the position change of the floating ball, and apply the new position to the floating ball to achieve a drag effect; the present invention adopts an intuitive user interface design, which allows users to easily get started without learning, thereby lowering the threshold for use. In addition, the floating ball is always within the user's line of sight, and there is no need to frequently switch applications, which greatly improves the convenience of operation and improves work efficiency.

Description

Technical Field

[0001] The present invention relates to the technical field of human-computer interaction terminal display, in particular to a real-time interactive operating system for a user interface based on a scalable floating ball. Background Art

[0002] In today's business environment, script library tools have become standard in sales, customer service, marketing, and other fields. These tools primarily manage and provide standardized communication scripts, aiming to enhance the professionalism and efficiency of customer interactions through pre-built, efficient communication templates. Traditional script library tools are often integrated into SCRM (social customer relationship management) systems. While this integration approach meets internal enterprise management needs to a certain extent, it still has certain limitations.

[0003] Specifically, most existing SCRM script library tools require use within the WeChat Work platform, which is inconvenient for users who primarily use personal WeChat or other software for business communications. To access the script library, users must switch to WeChat Work, copy the required script from the SCRM system, and then paste and send it back to their personal WeChat or software. This cumbersome process not only reduces work efficiency but also impacts the user experience.

[0004] Therefore, we propose a real-time interactive operating system with a user interface based on a scalable floating ball to solve the above problems. Summary of the Invention

[0005] The purpose of the present invention is to provide a real-time interactive operating system based on a scalable floating ball user interface. Through an innovative user interface and operation mode, it enables users to manage and copy conversation content to the WeChat chat box in a more efficient and intuitive manner, thereby significantly improving communication efficiency and user experience. This is to solve the current market problems raised by the above-mentioned background technology.

[0006] To achieve the above object, the present invention provides the following technical solutions:

[0007] A real-time interactive operating system with a user interface based on a scalable floating ball, including: an authorized login module, used to obtain a code through the enterprise WeChat authorization interface and obtain a token through the back-end login interface. The back-end interface is used to verify the validity of the code and determine whether the user is an authorized enterprise employee;

[0008] The floating ball display module creates a transparent or semi-transparent floating ball window to apply for permission to float at the top level;

[0009] The position adjustment module is used to monitor the user's touch operation on the floating ball, calculate the position change of the floating ball, and apply the new position to the floating ball to achieve the drag effect;

[0010] The interface expansion module is used to monitor the user's click on the floating ball, and after detecting the click event, expand the floating list window and display it below the floating ball.

[0011] As a further optimization solution of the present invention, in the authorization login module, the application corresponding to the operating system calls the enterprise WeChat authorization interface to obtain the code, and then calls the back-end login interface through the code to obtain the token. The back-end interface verifies the validity of the code and determines whether the user is an authorized enterprise employee. The obtained token is stored in the local cache for subsequent interactive authentication with the back-end interface.

[0012] As a further optimization solution of the present invention, in the floating ball display module, the application corresponding to the operating system applies for permission to float at the top layer, ensures that the floating ball is displayed above other applications, and uses Android development technology to create a translucent floating ball window.

[0013] As a further optimization solution of the present invention, the specific steps of creating a translucent floating ball window using Android development technology are as follows:

[0014] Step 1: Create a service responsible for managing the floating ball and define its behavior and interactions;

[0015] Step 2: Configure the size, position, type and transparency parameters of the floating ball window;

[0016] Step 3: Design the view of the floating ball, use an ImageView to set a translucent background for it, and define this view in the layout file;

[0017] Step 4: In the service, get an instance of WindowManager and use it to add the floating ball view to the screen.

[0018] As a further optimization scheme of the present invention, in the position adjustment module, after creating the view of the floating ball in the Android project, add the SYSTEM_ALERT_WINDOW permission in the AndroidManifest.xml file, create a touch listener to capture and process the user's touch events, call the setOnTouchListener() method to set the touch listener to the floating ball view, and in the listener, process the ACTION_DOWN (touch start), ACTION_MOVE (touch move) and ACTION_UP (touch end) events. When the user touches and moves the floating ball, the position of the floating ball is updated.

[0019] As a further optimization solution of the present invention, in the interface expansion module, the specific steps for monitoring the user clicking on the content item are:

[0020] Use the findViewById method to get a button reference using the button ID defined in the layout file. Implement this interface by creating a new OnClickListener, set the listener to the button, and use the button's setOnClickListener method to set the listener.

[0021] As a further optimization solution of the present invention, it also includes: a content browsing module for sending data requests to the back-end interface, having data request, data display, search and classification screening functions;

[0022] The content selection module is used to display the title and summary information of the content item, monitor the user's click operation on the content item, display the content details and provide copy and download buttons;

[0023] The operation execution module is used to perform the copy operation to copy the content of the speech to the system clipboard, and to perform the download operation to download the posters, articles, and documents to the local storage;

[0024] The window management module is used to determine whether the user has completed the copy or download operation and automatically close the floating list window after the operation is completed;

[0025] The sending module is used to paste the content in the clipboard into the WeChat chat box and send the content in the chat box to the other party.

[0026] As a further optimization solution of the present invention, in the content browsing module, an http request is sent to the back-end interface to request the data of speech, posters, articles, and documents. The data returned by the back-end is displayed in the form of a list in a floating list window. A search box is provided to enter keywords for fuzzy search to quickly find the required content. Speech, posters, articles, and document buttons are provided, and users can filter content according to their needs.

[0027] As a further optimization solution of the present invention, in the window management module, the specific steps for automatically closing the floating list window after the operation is completed are: sending an HTTP request to the back-end interface, the back-end interface uses the token to determine whether to release the request, and after releasing it, querying the MySQL database file and returning the corresponding data content.

[0028] Compared with the prior art, the present invention has the following beneficial effects:

[0029] This invention uses an intuitive user interface design that allows users to easily get started without any learning curve, lowering the barrier to entry. Furthermore, the floating ball is always within the user's field of view, eliminating the need to frequently switch between applications, greatly improving operational convenience and work efficiency.

[0030] This invention integrates a script library into a standalone app, allowing users to access script content anytime, anywhere without logging into other platforms. This is convenient and fast, and it also provides a convenient search function. Users only need to enter keywords to quickly find relevant scripts, saving a lot of time and improving work efficiency. It also has a one-click copy function. Users only need to click on the script content to copy it to the clipboard and then paste it directly into the WeChat chat box or other applications. This is convenient and efficient, saving time. Furthermore, after clicking the copy / download button, the floating list window automatically closes. This feature can be applied to various scenarios such as sales, customer service, customer relationship management, and education and training, and has broad application value.

[0031] The above summary is for illustrative purposes only and is not intended to be limiting in any way. In addition to the illustrative aspects, embodiments and features described above, further aspects, embodiments and features of the present invention will be readily apparent by reference to the accompanying drawings and the following detailed description. BRIEF DESCRIPTION OF THE DRAWINGS

[0032] Figure 1 This is a module block diagram of the real-time interactive operating system for the user interface of the present invention;

[0033] Figure 2 This is a flow chart for creating a floating ball window in the present invention;

[0034] Figure 3 This is a flow chart of touch event monitoring in the present invention. DETAILED DESCRIPTION

[0035] The following will clearly and completely describe the technical solutions in the embodiments of the present invention in conjunction with the accompanying drawings. Obviously, the described embodiments are only part of the embodiments of the present invention, not all of the embodiments. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in this field without making creative efforts are within the scope of protection of the present invention.

[0036] Example 1

[0037] See also Figure 1 , a real-time interactive operating system with a user interface based on a scalable floating ball, including: an authorized login module, used to obtain a code through the enterprise WeChat authorization interface and obtain a token through the back-end login interface. The back-end interface is used to verify the validity of the code and determine whether the user is an authorized enterprise employee;

[0038] Specifically, in the authorization login module, the application corresponding to the operating system calls the enterprise WeChat authorization interface to obtain the code, and then calls the back-end login interface through the code to obtain the token. The back-end interface verifies the validity of the code and determines whether the user is an authorized enterprise employee. The obtained token is stored in the local cache for subsequent interactive authentication with the back-end interface.

[0039] The floating ball display module creates a transparent or semi-transparent floating ball window to apply for permission to float at the top level;

[0040] Specifically, in the floating ball display module, the application corresponding to the operating system applies for permission to float on the top layer, ensures that the floating ball is displayed above other applications, and uses Android development technology to create a translucent floating ball window.

[0041] See also Figure 2 The specific steps to create a translucent floating ball window using Android development technology are:

[0042] Step 1: Create a service responsible for managing the floating ball and define its behavior and interactions;

[0043] Step 2: Configure the size, position, type and transparency parameters of the floating ball window;

[0044] Step 3: Design the view of the floating ball, use ImageView to set a translucent background for it, and define this view in the layout file;

[0045] Step 4: In the service, get an instance of WindowManager and use it to add the floating ball view to the screen.

[0046] Further steps are:

[0047] Step 1: Create a new Service class named FloatingBallService. In the Service class, define the behavior and interaction of the floating ball, set the click event and drag event of the floating ball, and register the FloatingBallService in the AndroidManifest.xml file.

[0048] Step 2: Configure the size, position, type, and transparency of the floating ball window through the WindowManager.LayoutParams object. Use TYPE_APPLICATION_OVERLAY to indicate that the floating ball type is an application window. FLAG_NOT_FOCUSABLE indicates that the floating ball cannot obtain focus to avoid affecting the input of other applications. FLAG_LAYOUT_IN_SCREEN indicates that the floating ball can be dragged full screen. PixelFormat.TRANSLUCENT indicates that the floating ball is transparent.

[0049] Step 3: Use ImageView to create a floating ball view, set its image and transparency, and use windowManager.addView() to add the floating ball view to the screen.

[0050] The position adjustment module is used to monitor the user's touch operation on the floating ball, calculate the position change of the floating ball, and apply the new position to the floating ball to achieve the drag effect;

[0051] See also Figure 3 In the position adjustment module, after creating the floating ball view in the Android project, add the SYSTEM_ALERT_WINDOW permission in the AndroidManifest file, create a touch listener to capture and process user touch events, call the setOnTouchListener() method to set the touch listener to the floating ball view, and in the listener, handle the ACTION_DOWN (touch start), ACTION_MOVE (touch move), and ACTION_UP (touch end) events. When the user touches and moves the floating ball, update the position of the floating ball;

[0052] When the user first touches the floating ball, the current X and Y coordinates of the floating ball and the X and Y coordinates of the touch point are recorded. When the user moves their finger, the difference between the new position of the touch point and the initial touch position is calculated as the distance the floating ball needs to move. The calculated difference is used to update the X and Y coordinates of the floating ball so that it moves with the user's touch. When the user lifts their finger, additional logic is added.

[0053] Specifically, when the user touches the floating ball, it starts to monitor touch events and record the current position of the floating ball and the exact position where the user's finger touches the screen.

[0054] As the user's finger slides across the screen, the movement of the touch point is continuously tracked. Whenever the touch point moves, the amount it has moved relative to the initial touch position is calculated, and the movement amount is applied to the floating ball. By updating the X and Y coordinates of the floating ball, it follows the user's touch movement on the screen.

[0055] Finally, when the user stops touching the screen, stop updating the hoverball's position and perform additional actions as needed.

[0056] Additional logic includes:

[0057] Copy or Download Success Check: Checks whether the clipboard has successfully copied content or whether the downloaded file has been saved locally. Error Handling: Checks for network connection failures, file download failures, and other situations, and provides the user with corresponding prompts. User Experience Optimization: Displays animation effects or prompts after a successful copy, and displays download progress after a download is complete. Security Considerations: Consider the security of the floating list window to prevent malicious apps from exploiting it. Compatibility Testing: Conducts compatibility testing on different operating system versions and phone models to ensure the proper functioning of the floating list window. Performance Optimization: Optimizes the performance of the floating list window to ensure smooth operation and avoid issues such as lag or delays. Localization Support: Ensures localization support for the floating list window for multilingual users, ensuring that text in different languages ​​is correctly displayed. Data Update Mechanism: Adds a script library data update mechanism to ensure that the data in the floating list window is always up to date. User Permission Management: Configures user permission management to ensure that only authorized users can use the floating list window. Personalization: Allows users to customize the style and position of the floating list window.

[0058] The interface expansion module is used to monitor the user's click on the floating ball, and after detecting the click event, expand the floating list window and display it below the floating ball.

[0059] In the interface expansion module, the specific steps for monitoring user clicks on content items are as follows:

[0060] Use the findViewById method to get a button reference using the button ID defined in the layout file. Implement this interface by creating a new OnClickListener and set the listener to the button. Use the button's setOnClickListener method to set the listener.

[0061] The content browsing module is used to send data requests to the backend interface and has functions of data request, data display, search, and classification filtering;

[0062] Specifically, in the content browsing module, an HTTP request is sent to the backend interface to request for getting data of scripts, posters, articles, and documents. The data returned by the backend is displayed in the floating list window in the form of a list. A search box is provided, and keywords are input for fuzzy search to quickly find the required content. Buttons for scripts, posters, articles, and documents are provided, and users can filter the content according to their needs.

[0063] The content selection module is used to display the title and abstract information of the content item, listen to the user's operation of clicking on the content item, display the content details, and provide copy and download buttons;

[0064] The operation execution module is used to execute the copy operation to copy the script content to the system clipboard and execute the download operation to download posters, articles, and documents to the local storage;

[0065] The window management module is used to judge whether the user has completed the copy or download operation and automatically collapse the floating list window after the operation is completed;

[0066] Specifically, the specific steps for automatically collapsing the floating list window after the operation is completed are as follows: send an HTTP request to the backend interface, and the backend interface judges whether to allow the request through the token. After allowing it, query the MySQL database file and return the corresponding data content. Specifically, in Android, use the WindowManager method to set the visible state of the floating list window to false, and decide whether to display the window according to this state in the rendering or display logic.

[0067] The sending module is used to paste the content in the clipboard into the WeChat chat box and send the content in the chat box to the other party.

[0068] The specific steps for the usage method of the real-time interactive operating system based on the user interface are as follows:

[0069] Step 1: Open the APP, enter the home page interface, and click the "Enterprise WeChat Login" button to start the login process.

[0070] Step 2: Click the "Enterprise WeChat Authorization" button, a authorization window will pop up. After confirming the authorization, you can log in successfully and return to the APP home page.

[0071] Step 3: Click the "Open Floating Window" button on the home page, and a floating ball in the shape of the character "话" appears in the upper right corner of the mobile phone. The floating ball is semi-transparent and does not block the content below, and the permission to float on the topmost application needs to be obtained.

[0072] Step 4: Press and hold the floating ball and drag it to any position on the screen to adjust its position for easy viewing and use.

[0073] Step 5: Click the floating ball. The list of scripts will pop up. The page will float above all apps and below the floating ball. On the list page, you can click buttons to copy, download, and other operations, or click the floating ball again to close the list.

[0074] Step 6: The floating list supports up and down scrolling, and data is loaded in pages as it slides down, providing a smooth scrolling experience. A search window is located above the list, allowing you to enter keywords for a fuzzy search and quickly find the content you need. At the top are four buttons corresponding to the four types of content: sales pitch, posters, articles, and files. Clicking a button switches the list content.

[0075] Step 7: Click on the content in the script list and choose to copy or download it. This will copy the script content directly to your clipboard for easy pasting into WeChat chat or other apps. Posters, articles, and files can also be downloaded locally for easy viewing and use at any time.

[0076] Step 8: After clicking the Copy or Download button, the floating list window will automatically close and will not interfere with the user's other operations.

[0077] Step 9: Paste the copied content into a WeChat chat or other conversation for easy delivery to your customers. Downloaded posters, articles, and files can also be shared or sent via WeChat or other apps.

[0078] Example 2

[0079] A real-time interactive operating system for a user interface based on a scalable floating ball includes: a main interface module for starting an APP, performing user login, and controlling the appearance, disappearance, and position adjustment of a floating ball.

[0080] Floating ball module: used to implement a scalable circular floating ball, supports dragging operations, and has a built-in shortcut menu to facilitate users to quickly access main functions.

[0081] Content management module: used to provide classified viewing functions for dialogue texts, posters, articles and documents, as well as download functions for posters and documents, and help users quickly find the content they need through the search function.

[0082] User interaction module: used to design an intuitive user interface, support gesture operations and voice control, improve user experience, and facilitate users to perform operations such as content selection, copying, and downloading.

[0083] It should be understood that various parts of the present invention can be implemented using hardware, software, firmware, or a combination thereof. In the above-described embodiments, multiple steps or methods can be implemented using software or firmware stored in a memory and executed by a suitable instruction execution system. For example, if implemented using hardware, as in another embodiment, any one of the following technologies known in the art or a combination thereof can be used: a discrete logic circuit having a logic gate circuit for implementing a logic function on a data signal, an application-specific integrated circuit having a suitable combination of logic gate circuits, a programmable gate array (PGA), a field programmable gate array (FPGA), etc.

[0084] Those skilled in the art will understand that all or part of the steps in the method of the above embodiment can be completed by instructing related hardware through a program, and the program can be stored in a computer-readable storage medium. When the program is executed, it includes one or a combination of the steps of the method embodiment.

[0085] In addition, the functional units in the various embodiments of the present invention may be integrated into a single processing module, or each unit may exist physically separately, or two or more units may be integrated into a single module. The aforementioned integrated modules may be implemented in the form of hardware or in the form of software functional modules. If the integrated modules are implemented in the form of software functional modules and sold or used as independent products, they may also be stored in a computer-readable storage medium.

[0086] Although the embodiments of the present invention have been shown and described above, it will be understood that the above embodiments are illustrative and are not to be construed as limitations on the present invention. A person skilled in the art may change, modify, replace and modify the above embodiments within the scope of the present invention.

Claims

1. A real-time interactive operating system based on a scalable floating ball user interface, characterized in that: Includes: Authorization login module, used to obtain the code through the enterprise WeChat authorization interface and obtain the token through the back-end login interface. The back-end interface is used to verify the validity of the code and determine whether the user is an authorized enterprise employee; The floating ball display module creates a transparent or semi-transparent floating ball window to apply for permission to float at the top level; The position adjustment module is used to monitor the user's touch operation on the floating ball, calculate the position change of the floating ball, and apply the new position to the floating ball to achieve the drag effect; After creating a floating ball view in the Android project, add the SYSTEM_ALERT_WINDOW permission in the AndroidManifest.xml file, create a touch listener to capture and process user touch events, call the setOnTouchListener() method to set the touch listener to the floating ball view, and in the listener, handle ACTION_DOWN (touch start), ACTION_MOVE (touch move), and ACTION_UP (touch end) events. When the user touches and moves the floating ball, update the position of the floating ball. When the user first touches the floating ball, the current X and Y coordinates of the floating ball and the X and Y coordinates of the touch point are recorded. When the user moves their finger, the difference between the new position of the touch point and the initial touch position is calculated as the distance the floating ball needs to move. The calculated difference is used to update the X and Y coordinates of the floating ball so that it follows the user's touch. When the user lifts their finger, the following steps are performed: add, copy, or download success judgment, error handling, user experience optimization, security considerations, compatibility testing, performance optimization, localization support, data update mechanism, user rights management, and personalized settings logic; The interface expansion module is used to monitor the user's click on the floating ball, and after detecting the click event, expand the floating list window and display it below the floating ball; The specific steps for monitoring the user clicking on the content item in the floating list window are as follows: Use the findViewById method to get the button reference by the button ID defined in the layout file, implement this interface by creating a new OnClickListener, set the listener to the button, and use the button's setOnClickListener method to set the listener; The content browsing module is used to send data requests to the back-end interface and has the functions of data request, data display, search and classification screening; The content selection module is used to display the title and summary information of the content item, monitor the user's click operation on the content item, display the content details and provide copy and download buttons; The operation execution module is used to perform the copy operation to copy the content of the speech to the system clipboard, and to perform the download operation to download the posters, articles, and documents to the local storage; The window management module is used to determine whether the user has completed the copy or download operation and automatically close the floating list window after the operation is completed; The sending module is used to paste the content in the clipboard into the WeChat chat box and send the content in the chat box to the other party.

2. The user interface real-time interactive operating system based on a scalable floating ball according to claim 1, characterized in that: In the authorized login module, the application corresponding to the operating system calls the enterprise WeChat authorization interface to obtain a code, and then calls the backend login interface through the code to obtain a token. The backend interface verifies the validity of the code and determines whether the user is an authorized enterprise employee. The obtained token is stored in the local cache for subsequent interactive authentication with the backend interface.

3. The user interface real-time interactive operating system based on a scalable floating ball according to claim 1, characterized in that: In the floating ball display module, the application corresponding to the operating system applies for permission to float on the top layer, ensures that the floating ball is displayed above other applications, and uses Android development technology to create a translucent floating ball window.

4. The user interface real-time interactive operating system based on a scalable floating ball according to claim 3, characterized in that: The specific steps to create a translucent floating ball window using Android development technology are: Step 1: Create a service responsible for managing the floating ball and define its behavior and interactions; Step 2: Configure the size, position, type and transparency parameters of the floating ball window; Step 3: Design the view of the floating ball, use an ImageView to set a translucent background for it, and define this view in the layout file; Step 4: In the service, get an instance of WindowManager and use it to add the floating ball view to the screen.

5. The real-time interactive operating system for a user interface based on a scalable floating ball according to claim 1, characterized in that: In the content browsing module, an http request is sent to the back-end interface to request the data of speech, posters, articles, and documents. The data returned by the back-end is displayed in a list in a floating list window. A search box is provided to enter keywords for fuzzy search to quickly find the required content. Buttons for speech, posters, articles, and documents are provided, and users can filter content as needed.

6. The real-time interactive operating system for a user interface based on a scalable floating ball according to claim 1, characterized in that: In the window management module, the specific steps for automatically closing the floating list window after the operation is completed are: sending an HTTP request to the back-end interface, the back-end interface uses the token to determine whether to allow the request, and after allowing it, querying the MySQL database file and returning the corresponding data content.

Images