1. Name of the product in this design: Electronic device with
graphical user interface for deploying
smart campus map beacons. 2. Intended use of this design: for use in an electronic device. 3. The key design features of this product are its
graphical user interface. 4. The image or photograph that best illustrates the design'
s key points: the front view. 5. Electronic devices are designed in a conventional way, so the rear view, left and right views and the top and bottom views are omitted. 6. Purpose of the
graphical user interface: It is used by park managers to manage maps and bind beacons via mobile devices. 7. Human-computer
interaction method of graphical
user interface: The main view is the initial login interface. After selecting any item in the
list in the main view, it jumps to the interface change
state diagram 1; after selecting any building in the
list in the interface change
state diagram 1, it jumps to the interface change
state diagram 2, which displays the floor map of that building. Different floor maps can be switched. The map can be zoomed in and out using gestures. The device icon is displayed on the map; after clicking the device icon (i.e., the teardrop icon) on the map in the interface change state diagram 2, it jumps to the interface change state diagram 3, where
beacon information can be popped up and modified or deleted; after clicking the add
beacon button "⊕", clicking on a map area will show a gray icon, as shown in the interface change state diagram 4. You can click on other map areas again, and the gray icon will follow until you confirm and the
beacon position will be fixed, completing the addition; clicking the search icon in the lower right corner is shown in the interface change state diagram 5.