Portable electronic device for providing application-related information

Abstract

There is provided a portable electronic device comprising: a touch-sensitive display; a wireless communication circuit; a processor operably connected to the display and the wireless communication circuitry; and a memory operatively connected to the processor. The memory may store instructions that, when executed by the processor, drive the portable electronic device to: display a taskbar and an execution screen of a first application on the display; obtaining notification information related to the second application through the wireless communication circuit; configuring a size of the notification information to be smaller than a size of an execution screen of the first application, and setting the notification information as a first layer; setting an execution screen of the first application to a second layer with a display priority lower than that of the first layer; generating a first frame by combining the notification information determined as the first layer and an execution screen of the first application set as the second layer, and displaying the first frame on a display; and setting an execution screen of the second application instead of the notification information as a first layer based on a user input of receiving the notification information through the display and a configuration of providing an icon corresponding to the second application through the taskbar, and configuring a size of the execution screen of the second application to be smaller than a size of an execution screen of the first application, a second frame is generated by combining the execution screen of the second application set as the first layer and the execution screen of the first application set as the second layer, and the second frame is displayed on the display.

Description

Technical Field

[0001] Embodiments of this disclosure relate to portable electronic devices for providing application-related information. Background Technology

[0002] Portable electronic devices (e.g., smartphones) can receive messages related to installed applications (e.g., push notifications) from external devices via wireless communication circuits. For example, a portable electronic device can notify a user that a message has been received via a pop-up window.

[0003] The above information is provided as relevant technology to aid in understanding this disclosure. No claim or determination is made as to whether any of the foregoing descriptions apply to the prior art relating to this disclosure. Summary of the Invention

[0004] Technical issues In various embodiments of this disclosure, portable electronic devices can be configured to provide a user experience (UX) environment for seamless interaction between applications and users via messaging. The technical problems to be solved in this disclosure are not limited to those described above, and other technical problems not mentioned herein will be clearly understood by those skilled in the art to which this disclosure pertains based on the following description.

[0005] Solution to the problem According to an embodiment, a portable electronic device includes: a touch-sensitive display, a wireless communication circuit, a processor operatively connected to the display and the wireless communication circuit, and a memory operatively connected to the processor. The memory may store instructions that, when executed by the processor, cause the portable electronic device to display a taskbar and an execution screen of a first application on the display. The instructions may cause the portable electronic device to obtain notification information associated with a second application via the wireless communication circuit. The instructions may cause the portable electronic device to configure the notification information to be smaller than the size of the execution screen of the first application and to identify the notification information as a first layer. The instructions may cause the portable electronic device to identify the execution screen of the first application as a second layer with a lower display priority than the first layer. The instructions may cause the portable electronic device to generate a first frame by synthesizing the notification information identified as the first layer and the execution screen of the first application identified as the second layer, and to display the first frame on the display. This instruction enables a portable electronic device to determine the execution screen of the second application, rather than the notification information, as the first layer based on user input about the notification information received through the display and an icon corresponding to the second application provided through the taskbar. The execution screen of the second application is configured to be smaller than the execution screen of the first application. A second frame is generated by compositing the execution screen of the second application determined as the first layer and the execution screen of the first application determined as the second layer, and the second frame is displayed on the display.

[0006] According to an embodiment, a portable electronic device includes: a touch-sensitive display, a wireless communication circuit, a processor operatively connected to the display and the wireless communication circuit, and a memory operatively connected to the processor. The memory may store instructions that, when executed by the processor, cause the portable electronic device to display a main screen on the display. The instructions may cause the portable electronic device to obtain notification information associated with an application via the wireless communication circuit. The instructions may cause the portable electronic device to configure the notification information to be smaller than the size of the main screen and to identify the notification information as a first layer. The instructions may cause the portable electronic device to identify the main screen as a second layer with a lower display priority than the first layer. The instructions may cause the portable electronic device to generate a first frame by combining the notification information identified as the first layer and the main screen identified as the second layer, and to display the first frame on the display. The instructions may cause the portable electronic device to identify the application's execution screen, rather than the notification information, as the first layer based on user input received via the display regarding the notification information and an icon corresponding to the application provided on the main screen, configure the application's execution screen to be smaller than the size of the main screen, generate a second frame by combining the application's execution screen identified as the first layer and the main screen identified as the second layer, and to display the second frame on the display.

[0007] According to an embodiment, a portable electronic device includes: a touch-sensitive display, wireless communication circuitry, a processor operatively connected to the display and the wireless communication circuitry, and a memory operatively connected to the processor. The memory may store instructions that, when executed by the processor, cause the portable electronic device to display a taskbar on a first layer or on a second layer having a lower display priority than the first layer, and to display a first execution screen of a first application on the second layer. The instructions may cause the portable electronic device to receive first user input from the display regarding an icon located on the taskbar. The instructions may cause the portable electronic device to determine, based on the first user input, a second execution screen of a second application corresponding to the icon, instead of the first execution screen, as the second layer, configure the second execution screen of the first application to be smaller than the size of the second application's execution screen, and determine the second execution screen of the first application as the first layer. The instructions may cause the portable electronic device to generate a first frame by combining the second execution screen determined as the first layer and the second application's execution screen determined as the second layer, and to display the first frame on the display. The instructions may cause the portable electronic device to receive second user input from the display regarding the second execution screen. This instruction enables a portable electronic device to determine the third execution screen of a first application, instead of the second execution screen, as the first layer based on a first user input, and to configure the third execution screen of the first application to be smaller than the execution screen of the second application. This instruction also enables the portable electronic device to generate a second frame by combining the third execution screen determined to be the first layer and the execution screen of the second application determined to be the second layer, and to display the second frame on a display.

[0008] According to an embodiment, a portable electronic device includes: a touch-sensitive display, a wireless communication circuit, a processor operatively connected to the display and the wireless communication circuit, and a memory operatively connected to the processor. The memory may store instructions that, when executed by the processor, cause the portable electronic device to generate a first frame by combining a taskbar and an execution screen of a first application, and to display the first frame on the display. The instructions may cause the portable electronic device to obtain notification information associated with a second application via the wireless communication circuit. The instructions may cause the portable electronic device to configure the notification information to be smaller than the size of the execution screen of the first application, and to identify the notification information as a first layer. The instructions may cause the portable electronic device to identify the execution screen of the first application as a second layer with a lower display priority than the first layer. The instructions may cause the portable electronic device to generate a second frame by combining the notification information identified as the first layer and the execution screen of the first application identified as the second layer with the taskbar, and to display the second frame on the display. This instruction enables a portable electronic device to determine the execution screen of the second application as the first layer based on user input about notification information received through the display and an icon corresponding to the second application provided through the taskbar. The execution screen of the second application is configured to be smaller than the execution screen of the first application. A third frame is generated by combining the execution screen of the second application determined as the first layer and the execution screen of the first application determined as the second layer with the taskbar, and the third frame is displayed on the display.

[0009] According to an embodiment, a non-transitory recording medium is provided, configured to store process-readable instructions from a portable electronic device. When executed by a processor, the instructions cause the portable electronic device to generate a first frame by combining a taskbar and the execution screen of a first application, and to display the first frame on a display. The instructions also cause the portable electronic device to acquire notification information associated with a second application via a wireless communication circuit. Furthermore, the instructions cause the portable electronic device to configure the notification information to be smaller than the size of the execution screen of the first application, and to identify the notification information as a first layer. Finally, the instructions cause the portable electronic device to identify the execution screen of the first application as a second layer with a lower display priority than the first layer. Finally, the instructions cause the portable electronic device to generate a second frame by combining the notification information identified as the first layer and the execution screen of the first application identified as the second layer with the taskbar, and to display the second frame on a display. This instruction enables a portable electronic device to determine the execution screen of the second application as the first layer based on user input about notification information received through the display and an icon corresponding to the second application provided through the taskbar. The execution screen of the second application is configured to be smaller than the execution screen of the first application. A third frame is generated by combining the execution screen of the second application determined as the first layer and the execution screen of the first application determined as the second layer with the taskbar, and the third frame is displayed on the display.

[0010] Advantages of the present invention According to the embodiments described above, the electronic device can provide a user experience (UX) environment for seamless interaction between the application and the user via messages. Various other advantages and effects explicitly or implicitly identified through this disclosure can also be provided. Attached Figure Description

[0011] Figure 1 This is a block diagram of an electronic device in a network environment according to various embodiments.

[0012] Figure 2 This is a block diagram of a portable electronic device configured to provide a UX environment (e.g., a graphical user interface (GUI)) for seamless interaction between an application and a user, according to an embodiment.

[0013] Figure 3a , Figure 3b and Figure 3c This is a diagram used to describe the operation of managing the screen based on notification information and user input in a portable electronic device according to an embodiment.

[0014] Figure 4a , Figure 4b and Figure 4c This is a diagram used to describe the operation of managing the screen based on notification information and user input in a portable electronic device according to an embodiment.

[0015] Figure 5a , Figure 5b , Figure 5c and Figure 5d This is a diagram used to describe the operation of managing the screen based on notification information and user input in a portable electronic device according to an embodiment.

[0016] Figure 6a , Figure 6b and Figure 6c This is a diagram used to describe the operation of managing the screen based on notification information and user input in a portable electronic device according to an embodiment.

[0017] Figure 7a , Figure 7b , Figure 7c and Figure 7d This is a diagram used to describe the operation of managing the screen based on user input in a portable electronic device according to an embodiment.

[0018] Figure 8a , Figure 8b and Figure 8c This is a diagram used to describe the operation of managing the screen based on user input in a portable electronic device according to an embodiment.

[0019] Figure 9a , Figure 9b and Figure 9c This is a diagram used to describe the operation of managing the screen based on user input in a portable electronic device according to an embodiment.

[0020] Figure 10 This is a flowchart describing the operation of managing a screen in a portable electronic device according to an embodiment.

[0021] Figure 11 This is a flowchart describing the operation of a processor for managing a screen in a portable electronic device according to an embodiment.

[0022] Figure 12 This is a flowchart describing the operation of managing a screen in a portable electronic device according to an embodiment.

[0023] In the following, embodiments of the present disclosure will be described in detail with reference to the accompanying drawings, enabling those skilled in the art to readily implement the present disclosure. However, the present disclosure can be implemented in various different forms and is not limited to the embodiments described herein. In conjunction with the description of the accompanying drawings, the same or similar components may be given the same or similar reference numerals. Furthermore, in the accompanying drawings and related descriptions, descriptions of known functions and configurations may be omitted for clarity and brevity. Detailed Implementation

[0024] Figure 1This is a block diagram illustrating an electronic device 101 in a network environment 100 according to various embodiments. (Refer to...) Figure 1 In network environment 100, electronic device 101 can communicate with electronic device 102 via a first network 198 (e.g., a short-range wireless communication network), or with at least one of electronic device 104 or server 108 via a second network 199 (e.g., a long-range wireless communication network). According to an embodiment, electronic device 101 can communicate with electronic device 104 via server 108. According to an embodiment, electronic device 101 may include a processor 120, memory 130, input module 150, sound output module 155, display module 160, audio module 170, sensor module 176, interface 177, connection terminal 178, haptic module 179, camera module 180, power management module 188, battery 189, communication module 190, user identification module (SIM) 196, or antenna module 197. In some embodiments, at least one of the above components (e.g., connection terminal 178) may be omitted from electronic device 101, or one or more other components may be added to electronic device 101. In some embodiments, some of the components described above (e.g., sensor module 176, camera module 180, or antenna module 197) may be implemented as a single integrated component (e.g., display module 160).

[0025] Processor 120 may run software (e.g., program 140) to control at least one other component (e.g., hardware or software component) of electronic device 101 connected to processor 120, and may perform various data processing or calculations. According to one embodiment, as at least part of the data processing or calculation, processor 120 may store commands or data received from another component (e.g., sensor module 176 or communication module 190) in volatile memory 132, process the commands or data stored in volatile memory 132, and store the resulting data in non-volatile memory 134. According to embodiments, processor 120 may include a main processor 121 (e.g., central processing unit (CPU) or application processor (AP)) or an auxiliary processor 123 (e.g., graphics processing unit (GPU), neural processing unit (NPU), image signal processor (ISP), sensor central processor, or communication processor (CP)) that is operationally independent of or combined with the main processor 121. For example, when electronic device 101 includes a main processor 121 and an auxiliary processor 123, the auxiliary processor 123 may be adapted to consume less power than the main processor 121, or to be dedicated to a specific function. The auxiliary processor 123 may be implemented separately from the main processor 121, or may be implemented as part of the main processor 121.

[0026] When the main processor 121 is inactive (e.g., in sleep) state, the auxiliary processor 123 (rather than the main processor 121) can control at least some of the functions or states associated with at least one component of the electronic device 101 (e.g., display module 160, sensor module 176, or communication module 190), or when the main processor 121 is active (e.g., running an application), the auxiliary processor 123 can work with the main processor 121 to control at least some of the functions or states associated with at least one component of the electronic device 101 (e.g., display module 160, sensor module 176, or communication module 190). According to embodiments, the auxiliary processor 123 (e.g., an image signal processor or a communication processor) may be implemented as part of another component (e.g., camera module 180 or communication module 190) functionally associated with the auxiliary processor 123. According to embodiments, the auxiliary processor 123 (e.g., a neural processing unit) may include hardware architecture dedicated to artificial intelligence model processing. Artificial intelligence models can be generated through machine learning. For example, such learning can be performed via electronic device 101 where artificial intelligence is performed or via a separate server (e.g., server 108). The learning algorithm may include, but is not limited to, supervised learning, unsupervised learning, semi-supervised learning, or reinforcement learning. The artificial intelligence model may include multiple layers of artificial neural networks. The artificial neural network may be a deep neural network (DNN), a convolutional neural network (CNN), a recurrent neural network (RNN), a restricted Boltzmann machine (RBM), a deep belief network (DBN), a bidirectional recurrent deep neural network (BRDNN), or a deep Q-network, or a combination of two or more thereof, but is not limited thereto. Additionally or optionally, the artificial intelligence model may include software structures in addition to hardware structures.

[0027] Memory 130 may store various data used by at least one component of electronic device 101 (e.g., processor 120 or sensor module 176). The various data may include, for example, software (e.g., program 140) and input or output data for commands associated with it. Memory 130 may include volatile memory 132 or non-volatile memory 134.

[0028] The program 140 may be stored as software in the memory 130, and the program 140 may include, for example, an operating system (OS) 142, middleware 144, or application 146.

[0029] The input module 150 can receive commands or data from outside the electronic device 101 (e.g., a user) that will be used by other components of the electronic device 101 (e.g., processor 120). The input module 150 may include, for example, a microphone, mouse, keyboard, keys (e.g., buttons), or digital pen (e.g., stylus).

[0030] The sound output module 155 can output sound signals to the outside of the electronic device 101. The sound output module 155 may include, for example, a speaker or a receiver. The speaker can be used for general purposes such as playing multimedia or playing records. The receiver can be used to receive incoming calls. According to an embodiment, the receiver can be implemented separately from the speaker or as part of the speaker.

[0031] Display module 160 can visually provide information to the outside of electronic device 101 (e.g., to a user). Display device 160 may include, for example, a display, a holographic device, or a projector, and control circuitry for controlling a respective one of the display, holographic device, and projector. According to an embodiment, display module 160 may include a touch sensor adapted to detect touch or a pressure sensor adapted to measure the intensity of the force caused by touch.

[0032] The audio module 170 can convert sound into electrical signals and vice versa. According to an embodiment, the audio module 170 can obtain sound via the input module 150, or output sound via the sound output module 155 or headphones of an external electronic device (e.g., electronic device 102) that is directly (e.g., wired) or wirelessly connected to the electronic device 101.

[0033] Sensor module 176 can detect the operating state of electronic device 101 (e.g., power or temperature) or the environmental state outside electronic device 101 (e.g., user state), and then generate an electrical signal or data value corresponding to the detected state. According to embodiments, sensor module 176 may include, for example, a gesture sensor, gyroscope sensor, atmospheric pressure sensor, magnetic sensor, accelerometer, grip sensor, proximity sensor, color sensor, infrared (IR) sensor, biometric sensor, temperature sensor, humidity sensor, or illuminance sensor.

[0034] Interface 177 may support one or more specific protocols used to enable electronic device 101 to connect directly (e.g., wired) or wirelessly to external electronic devices (e.g., electronic device 102). According to embodiments, interface 177 may include, for example, a High Definition Multimedia Interface (HDMI), a Universal Serial Bus (USB) interface, a Secure Digital Card (SD) interface, or an audio interface.

[0035] Connection 178 may include a connector, through which electronic device 101 may be physically connected to an external electronic device (e.g., electronic device 102). According to embodiments, connection 178 may include, for example, an HDMI connector, a USB connector, an SD card connector, or an audio connector (e.g., a headphone connector).

[0036] The haptic module 179 can convert electrical signals into mechanical stimuli (e.g., vibration or motion) or electrical stimuli that can be recognized by a user through his touch or kinesthesia. According to an embodiment, the haptic module 179 may include, for example, a motor, a piezoelectric element, or an electrical stimulator.

[0037] Camera module 180 can capture still or moving images. According to an embodiment, camera module 180 may include one or more lenses, an image sensor, an image signal processor, or a flash.

[0038] The power management module 188 manages the power supply to the electronic device 101. According to an embodiment, the power management module 188 may be implemented as at least part of, for example, a power management integrated circuit (PMIC).

[0039] Battery 189 can power at least one component of electronic device 101. According to an embodiment, battery 189 may include, for example, a non-rechargeable primary battery, a rechargeable rechargeable battery, or a fuel cell.

[0040] Communication module 190 can support the establishment of a direct (e.g., wired) or wireless communication channel between electronic device 101 and external electronic devices (e.g., electronic device 102, electronic device 104, or server 108), and perform communication via the established communication channel. Communication module 190 may include one or more communication processors capable of operating independently of processor 120 (e.g., application processor (AP)) and support direct (e.g., wired) or wireless communication. According to embodiments, communication module 190 may include wireless communication module 192 (e.g., cellular communication module, short-range wireless communication module, or Global Navigation Satellite System (GNSS) communication module) or wired communication module 194 (e.g., local area network (LAN) communication module or power line communication (PLC) module). One of these communication modules can communicate with an external electronic device via a first network 198 (e.g., a short-range communication network such as Bluetooth, Wi-Fi Direct, or Infrared Data Association (IrDA)) or a second network 199 (e.g., a long-range communication network such as a traditional cellular network, 5G network, next-generation communication network, the Internet, or a computer network (e.g., a LAN or a wide area network (WAN))). These various types of communication modules can be implemented as a single component (e.g., a single chip) or as multiple components separate from each other (e.g., multiple chips). The wireless communication module 192 can identify and verify the electronic device 101 in the communication network (such as the first network 198 or the second network 199) using user information (e.g., the International Mobile Subscriber Identity (IMSI)) stored in the user identification module 196.

[0041] Wireless communication module 192 can support 5G networks following 4G networks and next-generation communication technologies (such as new radio (NR) access technologies). NR access technologies can support enhanced mobile broadband (eMBB), massive machine-type communication (mMTC), or ultra-reliable low-latency communication (URLLC). Wireless communication module 192 can support high-frequency bands (e.g., millimeter-wave bands) to achieve, for example, high data transmission rates. Wireless communication module 192 can support various technologies used to ensure performance in high-frequency bands, such as, for example, beamforming, massive MIMO, full-dimensional MIMO (FD-MIMO), array antennas, analog beamforming, or massive antennas. Wireless communication module 192 can support various requirements specified in electronic device 101, external electronic devices (e.g., electronic device 104), or network systems (e.g., second network 199). According to an embodiment, the wireless communication module 192 may support peak data rates (e.g., 20 Gbps or greater) for implementing eMBB, lost coverage (e.g., 164 dB or less) for implementing mMTC, or U-plane latency (e.g., 0.5 ms or less for each of the downlink (DL) and uplink (UL), or 1 ms or less round trip) for implementing URLLC.

[0042] Antenna module 197 can transmit or receive signals or power to or from the exterior of electronic device 101 (e.g., external electronic device). According to an embodiment, antenna module 197 may include an antenna comprising a radiating element formed of a conductive material or conductive pattern formed in or on a substrate (e.g., a printed circuit board (PCB)). According to an embodiment, antenna module 197 may include multiple antennas (e.g., an array antenna). In this case, at least one antenna suitable for a communication scheme used in a communication network (such as a first network 198 or a second network 199) can be selected from the multiple antennas by, for example, communication module 190 (e.g., wireless communication module 192). Signals or power can then be transmitted or received between communication module 190 and the external electronic device via the selected at least one antenna. According to an embodiment, additional components besides the radiating element (e.g., a radio frequency integrated circuit (RFIC)) may be additionally incorporated into antenna module 197.

[0043] According to various embodiments, antenna module 197 may form a millimeter-wave antenna module. According to embodiments, the millimeter-wave antenna module may include a printed circuit board, a radio frequency integrated circuit (RFIC), and multiple antennas (e.g., an array antenna), wherein the RFIC is disposed on or adjacent to a first surface (e.g., a bottom surface) of the printed circuit board and is capable of supporting a specified high-frequency band (e.g., a millimeter-wave band), and the multiple antennas are disposed on or adjacent to a second surface (e.g., a top surface or a side surface) of the printed circuit board and are capable of transmitting or receiving signals in the specified high-frequency band.

[0044] At least some of the aforementioned components can be interconnected and communicate signals (e.g., commands or data) between them via an inter-peripheral communication scheme (e.g., bus, general purpose input / output (GPIO), serial peripheral interface (SPI), or mobile industrial processor interface (MIPI)).

[0045] According to an embodiment, commands or data can be sent or received between electronic device 101 and external electronic device 104 via server 108 connected to a second network 199. Each of electronic device 102 or electronic device 104 can be a device of the same type as electronic device 101, or a device of a different type. According to an embodiment, all or some operations that would be performed on electronic device 101 can be performed on one or more of external electronic devices 102, external electronic devices 104, or server 108. For example, if electronic device 101 is required to automatically perform a function or service, or is required to perform a function or service in response to a request from a user or another device, electronic device 101 may request the one or more external electronic devices to perform at least a portion of the function or service, instead of running the function or service, or electronic device 101 may request the one or more external electronic devices to perform at least a portion of the function or service in addition to running the function or service. Upon receiving the request, one or more external electronic devices may perform at least a portion of the requested function or service, or perform additional functions or services related to the request, and transmit the result of the execution to electronic device 101. Electronic device 101 may provide the result as at least a partial response to the request, with or without further processing of the result. For this purpose, technologies such as cloud computing, distributed computing, mobile edge computing (MEC), or client-server computing may be used. Electronic device 101 may use, for example, distributed computing or mobile edge computing to provide ultra-low latency services. In another embodiment, external electronic device 104 may include an Internet of Things (IoT) device. Server 108 may be an intelligent server using machine learning and / or neural networks. According to embodiments, external electronic device 104 or server 108 may be included in a second network 199. Electronic device 101 may be applied to intelligent services based on 5G communication technology or IoT-related technologies (e.g., smart homes, smart cities, smart cars, or healthcare).

[0046] The strip-shaped housing structure can be applied to an electronic device (e.g., a smartphone or tablet PC) 101. For example, the strip-shaped housing structure may include a plate (or cover) configured to form the front surface of the electronic device 101, a plate configured to form the rear surface of the electronic device 101, and a bezel structure configured to form side surfaces surrounding the front and rear surfaces. A display may be disposed on the front surface.

[0047] The foldable housing structure can be applied to an electronic device (e.g., a smartphone, tablet PC, or laptop PC) 101. For example, the electronic device 101 can have a foldable housing structure that divides into two housings around a folding axis. A first display area of ​​a display (e.g., a flexible display) can be disposed on the first housing, and a second display area of ​​the display can be disposed on the second housing. The foldable housing structure can be implemented in an in-folding type, such that when the electronic device 101 is in a folded state, the first display area and the second display area face each other. Alternatively, the foldable housing structure can be implemented in an out-folding type, such that when the electronic device 101 is in a folded state, the first display area and the second display area face opposite directions.

[0048] A slidable (or rollable) housing structure can be applied to an electronic device (e.g., a smartphone, tablet PC, or laptop PC) 101. The electronic device 101 may include: a slidable housing comprising a housing (or a first housing) and a sliding portion (or a second housing); a guide rail structure (e.g., a guide rail structure based on gear coupling between a rack gear and a pinion gear) configured to allow the sliding portion to move into and out of the housing; and a rollable display (e.g., a flexible display). The sliding portion may be divided into a portion that can move into the housing (hereinafter referred to as the inwardly movable portion) and a portion that remains exposed to the outside. In the slid-out state, where the inwardly movable portion of the sliding portion has completely moved out of the housing (in other words, in the first state, in the open state, in the extended state, or in the unfolded state), the entire display (or a large portion of the display area) can be exposed to the outside through the front surface. When the inwardly movable portion of the sliding portion moves into the housing, the display can also move into the housing. The display can be divided into a portion that remains exposed to the outside (e.g., a first display area or a first section) and a portion that can move into the housing (e.g., a second display area, a second section, or a flexible section). When the state transitions to a slide-in state, where the inwardly movable portion of the sliding part has completely moved into the housing (in other words, the second state, the closed state, the reduced state, or the rolled-up state), the entire second display area of ​​the display can move into the housing. In an embodiment, when transitioning from a slide-out state to a slide-in state, a portion of the display (e.g., the second display area) can be moved from the side surface to the rear surface and disposed thereon, rather than moving into the housing. As described above, the electronic device 101 can have a sliding structure in which a portion of the display moves into the housing, or a sliding structure in which a portion of the display moves from the front surface to the rear surface and is disposed thereon. Only the portion of the display exposed through the front surface can be identified as an active display area (hereinafter referred to as an active area) for displaying visual information. The portion of the display that moves into the housing or moves to the rear surface and is disposed thereon can be identified as an inactive area that does not display visual information.

[0049] Figure 2 This is a block diagram of a portable electronic device 200 configured to provide a UX environment (e.g., a graphical user interface (GUI)) for seamless interaction between an application and a user, according to an embodiment.

[0050] refer to Figure 2 Portable electronic device 200 (e.g., Figure 1The electronic device 101 may include a wireless communication circuit 210, a touch-sensitive display 220, a screen manager 230, an application 240, a memory 288, and / or a processor 299. The wireless communication circuit 210, display 220, memory 288, and processor 299 may be respectively connected to… Figure 1 The wireless communication module 192, display module 160, memory 130 and processor 120 are implemented in a basically identical manner, thereby performing the same functions.

[0051] Screen Manager 230 (for example, Figure 1 The middleware 144 or application 146 can be configured to determine the components and layout of the screen to be displayed on the display 220. As an example, the screen manager 230 can divide the active area for displaying visual information on the display 220 into a first display area (or upper area), a second display area (middle area), and a third display area (or lower area). The screen manager 230 can provide a status bar (in other words, a status display bar) so that the user can identify the operating status of the portable electronic device 200 through the first display area. For example, the status bar can be configured to include time, network connection status, remaining battery power, and notification icons. The screen manager 230 can provide execution screens (e.g., home screen, message screen, call screen, and playback screen) for the application 240 through a second display area (e.g., application window area). The screen manager 230 can provide a navigation bar for navigating between execution screens through a third display area. Processes residing in volatile memory (e.g., RAM) and currently executing or in standby mode can be divided into background processes and foreground processes (or top-level processes and non-background processes). For example, processes corresponding to application execution screens displayed on screen 220 and thus interactive with the user can be categorized as foreground processes. Processes that are hierarchically located below the foreground processes and therefore not displayed on display 220 can be categorized as background processes. A navigation bar is a user interface that allows navigation to the application execution screens corresponding to background processes, and can be configured with buttons for navigating to recently used applications, buttons for navigating from other execution screens to the main screen, and buttons for navigating to previous screens. Screen manager 230 can provide a taskbar (or dock) via a third display area. The taskbar can be configured with application icons corresponding to specified applications (e.g., frequently executed or user-selected applications).

[0052] Screen manager 230 and application 240 can be configured by instructions that can be stored in memory 288 and executed by processor 299. Processor 299 can store data in memory 288 that is available when screen manager 230 and application 240 are executed. For example, processor 299 can store card information 250, map information 260, and contact information 270 in memory 288, and can allow screen manager 230 and application 240 to access information 250, 260, and 270. Processor 299 can also store data generated or acquired by screen manager 230 or other components (e.g., application 240) of portable electronic device 200 (e.g., messages or push notifications received via wireless communication circuitry 210) in memory 288.

[0053] Application 240 may include: a main application 241 configured to provide basic UI elements (e.g., status bar, taskbar, navigation bar, and home screen) for interaction between the user and the portable electronic device 200; a media player 242 configured to support streaming music or video via wireless communication circuit 210; a messaging application 243 configured to support sending / receiving messages via wireless communication circuit 210; and a calling application 244 configured to support voice or video calls via wireless communication circuit 210. Application 240 may also include a card application 245. Card application 245 may provide various card company-specific card information 250 (e.g., card number, CVC, expiry date, and card image) for online financial services (e.g., payments, online banking, and account transfers) or services related to online finance (e.g., membership subscriptions and discounts).

[0054] According to an embodiment, screen manager 230 can display the taskbar and the first application execution screen on the first layer (in other words, the foreground) of display 220. As used herein, layers can be determined as display priorities for user interaction with portable electronic device 200. For example, visual information designated as the first layer (top layer) can have a higher display priority than visual information designated as the second layer. Therefore, a portion of the visual information designated as the second layer can be covered by the visual information designated as the first layer. Alternatively, the entire visual information designated as the second layer may not be displayed on display 220 because of the visual information designated as the first layer. Screen manager 230 can recognize that while the taskbar and the first application execution screen are displayed, there is notification information related to a second application (e.g., media player 242, messaging application 243, calling application 244, or card application 245) corresponding to the icon located on the taskbar, to be provided to the user. As an example, processor 299 can receive messages from an external device via wireless communication circuitry 210. Screen manager 230 can determine that the message reception is a notification associated with messaging application 243. Screen manager 230 can generate notification information based on received messages. As another example, wireless communication circuit 210 may include, for example, a GNSS communication circuit as a communication circuit for identifying geographic location. Processor 299 can identify the user's location (e.g., a store) using location data obtained from the GNSS communication circuit. For example, processor 299 can transmit location data to an external device (e.g., a map service server) via wireless communication circuit 210. Figure 1The processor 299 can receive map information (260) corresponding to location data (e.g., information about the corresponding locations of stores within a specified radius around the user's location) from an external device via wireless communication circuitry 210, and can store it in memory 288. The processor 299 can retrieve information about the store where the user is located (e.g., store name) from the map information 260 stored in memory 288. The screen manager 230 can determine, based on the identified location and dwell time meeting specified conditions (e.g., if it is identified that the user is in a specified store and has stayed in the store for a specified time or longer), that the card-related message received from the external device via wireless communication circuitry 210 and stored in memory 288 in association with the card application 245 is the notification information to be provided to the user. The screen manager 230 can generate the notification information based on the card-related message. Based on the identified notification information, screen manager 230 can configure the first application execution screen as a surface (in other words, an image) to be displayed on the second layer (or lower layer), configure the notification information to be smaller than the size of the second layer surface (e.g., the first application execution screen), and configure it as a surface to be displayed on the first layer (or upper layer). Screen manager 230 can combine the first layer surface and the second layer surface into a single frame and display the composite frame on display 220. Therefore, the user can experience a visual effect where the notification information (the first layer surface) suddenly appears outside the existing screen (e.g., the first application execution screen configured as the second layer). Screen manager 230 can receive user touch input regarding the notification information from display 220. Based on the received touch input and the icon corresponding to the second application provided via the taskbar, screen manager 230 can configure the second application execution screen, instead of the notification information, as a surface to be displayed on the first layer. Screen manager 230 can combine the second layer surface (the first application execution screen) and the first layer surface (the second application execution screen) into a single frame and display the composite frame on display 220. Therefore, users can experience a visual effect where, while the first application execution screen remains on display, the notification information is changed to the second application execution screen.

[0055] According to an embodiment, screen manager 230 can designate a home screen including multiple application icons as a first layer or a second layer, and can display it on display 220. Screen manager 230 can recognize that, while the home screen is displayed, there are notification messages (e.g., conversation-related messages, card-related messages, or streaming media-related messages) related to applications (e.g., media player 242, messaging application 243, calling application 244, or card application 245) corresponding to icons located on the home screen, and that are to be provided to the user. Based on the recognized notification messages, screen manager 230 can configure the home screen as a surface to be displayed on the second layer, configure the notification messages to be smaller than the size of the second layer surface, and configure them to be the same as the surface to be displayed on the first layer. Screen manager 230 can combine the first layer surface and the second layer surface into a single frame, and can display the combined frame on display 220. Screen manager 230 can receive user touch input regarding the notification messages from display 220. Based on the received touch input and the icon corresponding to the application configured to provide notification information on the main screen, the screen manager 230 can configure the execution screen of the corresponding application instead of the notification information as the first layer surface, and can configure it to be smaller than the size of the main screen. The screen manager 230 can combine the main screen (second layer surface) and the application execution screen (first layer surface) into a single frame, and can display the combined frame on the display 220.

[0056] According to an embodiment, screen manager 230 can display a first application execution screen on a second layer. Screen manager 230 can receive user touch input from display 220 regarding icons located on a taskbar designated as the first (or second) layer. In response to the touch input, screen manager 230 can configure the second application execution screen corresponding to the touched icon as a surface to be displayed on the second layer. Screen manager 230 can configure content related to the first application (e.g., streaming video or video call screen) to be smaller than the size of the second layer surface and can configure it as a surface to be displayed on the first layer. Screen manager 230 can combine the first layer surface (content) and the second layer surface (second application execution screen) into a single frame and can display the composite frame on display 220. Therefore, the user can experience a visual effect where objects displayed on the second layer switch from the first application execution screen to the second application execution screen, and content related to the first application appears to float above the second application execution screen. Screen manager 230 can display an image related to the floating content (e.g., an image showing a profile of a streaming video or an image showing a profile of the video call counterpart obtained from contact information 270) on the taskbar instead of the selected icon. Screen manager 230 can receive user touch input about the floating content from display 220. In response to the touch input, screen manager 230 can configure a first application execution screen (or content details) instead of the content as a first layer surface, and can configure it to be smaller than the size of a second application execution screen (second layer surface). Screen manager 230 can combine the second layer surface (second application execution screen) and the first layer surface (first application execution screen or content details) into a single frame, and can display the combined frame on display 220.

[0057] Figure 3a , Figure 3b and Figure 3c This is a diagram illustrating the operation of managing the screen based on notification information and user input in a portable electronic device 200 according to an embodiment.

[0058] refer to Figure 3aApplication 240 can display multiple surfaces on display 220 and store them in surface buffer 290. For example, main application 241 can generate status bar 311, home screen, task bar 312, and navigation bar 313, and store them in surface buffer 290. Media player 242 can generate playback screen 320 as the execution screen of media player 242, and store it in surface buffer 290. The aforementioned surface buffer 290 is a repository for storing surfaces generated by application 240, and a portion of memory 288 (e.g., volatile memory 132) can be allocated as surface buffer 290. Processor 299 can obtain surfaces to be displayed on display 220 from surface buffer 290 and can combine the obtained surfaces into a frame. For example, based on media player 242 being determined as the foreground process, processor 299 can obtain status bar 311, playback screen 320, task bar 312, and navigation bar 313 from surface buffer 290, and can specify the layer and position of each of the obtained surfaces. Processor 299 can specify positions such that surfaces classified as belonging to the same layer do not overlap. For example, processor 299 can specify playback screen 320 as the surface to be displayed on the second layer, and can specify status bar 311, task bar 312, and navigation bar 313 as the surfaces to be displayed on the first layer. Processor 299 can specify the display position of playback screen 320 on the second layer as the center of the screen. Alternatively, processor 299 can configure the entire active area configured to display visual information on display 220 as the area to display playback screen 320. Processor 299 can specify the display position of status bar 311 on the first layer as the top of the screen at a certain distance from the center of the screen, and can specify the display positions of task bar 312 and navigation bar 313 on the first layer as the bottom of the screen at a certain distance from the center of the screen. Based on this specification, processor 299 can combine the first layer surfaces and the second layer surfaces into a first frame 301, and can write it into frame buffer 221. Frame buffer 221 is a repository for storing frames to be displayed on display 220, and for example, memory installed in display 220 (e.g., memory in display driver IC (DDI)) can be allocated as frame buffer 221. Display 220 can scan frame buffer 221 to acquire and display the first frame 301. Taskbar 312 may include an icon 312a corresponding to messaging application 243. In the above example, the display positions of status bar 311 and navigation bar 313 can be the left and right sides of the screen, respectively.

[0059] refer to Figure 3bThe processor 299 can receive conversation-related messages (341) (e.g., direct messages, SMS, MMS, or chat) from an external device via the wireless communication circuit 210. The processor 299 can identify the received messages as notification information to be visually presented to the user. The processor 299 can generate notification information 341 based on the content of the received messages, and can designate the notification information 341, along with the status bar 311, task bar 312, and navigation bar 313 previously categorized as first-layer surfaces, as a first-layer surface. Based on this designation, the processor 299 can combine the first-layer surface and the second-layer surface into a second frame 302, and can write it into the frame buffer 221. The display 220 can scan the frame buffer 221 to acquire and display the second frame 302. The processor 299 can display the icon 312a (see reference) of the message application 243 configured to receive messages displayed via the task bar 312. Figure 3a The processor 299 can retrieve a profile image 351 showing the recipient of a message sent from contact information 270, and can display the retrieved profile image 351 on the taskbar 312 instead of the icon 312a. The processor 299 can generate... Figure 3b The message box shown is a rectangular shape with rounded corners (this is not limiting, and as another example, the message box may have the shape of a balloon or cloud), and notification information 341 can be displayed on the first layer while being contained within the message box. Processor 299 can receive user touch input from display 220 regarding the notification information 341 displayed on the first layer. Processor 299 can display a profile image 351 while displaying notification information 341. If no touch input is received within a specified time, thus ending the display of message 341, processor 299 can end the display of profile image 351 and can display icon 312a again at the corresponding location.

[0060] refer to Figure 3cThe processor 299 can, based on received touch input regarding notification information 341 displayed on the first layer and the icon 312a corresponding to the message application 243 configured to receive messages and provided via the taskbar 312, keep the layer of the playback screen 320 unchanged or change it to a lower layer. The first message screen 360, which serves as the execution screen for the message application 243, can be configured to be smaller than the size of the playback screen 320, and the first message screen 360 can be designated as a layer higher than the layer designated for the playback screen 320 (e.g., the first layer). The processor 299 can designate the status bar 311, taskbar 312, and navigation bar 313 as layers higher than those designated for the playback screen 320. For example, if the first message screen 360 is designated as the first layer and the playback screen 320 is designated as the third layer, the status bar 311, taskbar 312, and navigation bar 313 can be designated as the second layer. The processor 299 can composite the designated layer surfaces into a third frame 303 and write it into the frame buffer 221. Display 220 can scan frame buffer 221 to acquire and display the third frame 303. When the display of message screen 360 ends, processor 299 can end the display of profile image 351.

[0061] Unlike the embodiments described above, the messaging application 243 may not be configured to be available via the taskbar 312, and therefore does not have an icon 312a. Figure 3a The message screen 242 can exist on the taskbar 312. In this case, the processor 299 can display the second message screen of the message application 243 instead of the playback screen 320. For example, the processor 299 can designate the media player 242 as a background process and the message application 243 as a foreground process. Based on this designation, the processor 299 can designate the second message screen as the surface to be displayed on the second layer, and can designate the status bar 311, taskbar 312, and navigation bar 313 as the surfaces to be displayed on the first layer. The second message screen can be larger than the first message screen 360 (e.g., it can have the same size as the playback screen 320). Based on this designation, the processor 299 can combine the first layer surface and the second layer surface into a fourth frame and write it into the frame buffer 221. The display 220 can scan the frame buffer 221 to acquire and display the fourth frame.

[0062] According to an embodiment, processor 299 can determine the display position of message screen 360 based on the location where the corresponding notification information 341 is displayed. For example, processor 299 can display message screen 360 at or near the location where notification information 341 is displayed. According to an embodiment, processor 299 can determine the display position of message screen 360 based on user input. For example, processor 299 can receive touch input from display 220 as a user response to the display of notification information 341. Processor 299 can display message screen 360 at the location where touch input occurs on display 220.

[0063] In the following description of the operation of processor 299, references will be omitted or simplified. Figure 3a , Figure 3b and Figure 3c The description is the same as the description given.

[0064] Figure 4a , Figure 4b and Figure 4c This is a diagram illustrating the operation of managing the screen based on notification information and user input in a portable electronic device 200 according to an embodiment.

[0065] refer to Figure 4a The main application 241 can generate a status bar 411, a home screen 420, and a navigation bar 413, and store them in a surface buffer 290. Based on the main application 241 being identified as the foreground process, the processor 299 can obtain the status bar 411, home screen 420, and navigation bar 413 from the surface buffer 290. Based on layout information, the processor 299 can combine the obtained surfaces 411, 413, and 420 into a first frame 401. For example, based on the layout information obtained from the main application 241, the processor 299 can generate a first frame 401 configured such that the status bar 411 is at the top of the screen, the navigation bar 413 is at the bottom of the screen, and the home screen 420 is in the center of the screen, and can write this to a frame buffer 221. The display 220 can scan the frame buffer 221 to obtain and display the first frame 401.

[0066] refer to Figure 4bThe processor 299 can receive dialogue-related messages from an external device via the wireless communication circuit 210. The processor 299 can identify the received messages as notification information to be visually presented to the user, and can generate notification information 441 based on the message content. The processor 299 can designate the notification information 441 as a first-layer surface. The processor 299 can designate the main screen 420 as a second-layer surface. The processor 299 can designate the status bar 411 as either a first-layer surface or a second-layer surface. The processor 299 can designate the navigation bar 413 as either a first-layer surface or a second-layer surface. Based on this designation, the processor 299 can combine the first-layer surface and the second-layer surface into a second frame 402, and can write it into the frame buffer 221. The display 220 can scan the frame buffer 221 to acquire and display the second frame 402. The processor 299 can acquire a profile image 451 showing the recipient of a message from contact information 270 based on the icon 412a of a messaging application 243 configured to receive messages displayed via the main screen 420, and can display the acquired profile image 451 adjacent to the icon 412a (e.g., overlapping the icon 412a as shown). The processor 299 can receive user touch input from the display 220 regarding notification information 441 displayed on the first layer. The processor 299 can display the profile image 451 while displaying the notification information 441. If no touch input is received within a specified time, thus ending the display of the notification information 441, the processor 299 can end the display of the profile image 451.

[0067] refer to Figure 4c Based on received touch input regarding notification information 441 displayed on the first layer, and an icon 412a corresponding to the messaging application 243 configured to receive messages, provided via the main screen 420, the processor 299 can configure the message screen 460 of the messaging application 243 to be smaller than the size of the main screen 420, and can designate the message screen 460 as a layer higher than the layer designated by the main screen 420 (e.g., the first layer). The processor 299 can designate the status bar 411 and navigation bar 413 as layers equal to or higher than the layer designated by the main screen 420. For example, if the message screen 460 is designated as the first layer and the main screen 420 is designated as the second layer, the status bar 411 and navigation bar 413 can be designated as either the first or second layer. The processor 299 can composite the designated layer surfaces into a third frame 303 and write it into the frame buffer 221. The display 220 can scan the frame buffer 221 to acquire and display the third frame 403. The processor 299 can display a profile image 451 while displaying the message screen 460. When the display of message screen 460 ends, processor 299 can end the display of profile image 451.

[0068] According to an embodiment, processor 299 can determine the display position of message screen 460 based on the location where the corresponding notification information 441 is displayed. For example, processor 299 can display message screen 460 at or near the location where message 441 is displayed. According to an embodiment, processor 299 can determine the display position of message screen 460 based on user input. For example, processor 299 can receive touch input from display 220 as a user response to the display of notification information 441. Processor 299 can display message screen 460 at the location on display 220 where touch input has occurred.

[0069] Figure 5a , Figure 5b , Figure 5c and Figure 5d This is a diagram illustrating the operation of managing the screen based on notification information and user input in a portable electronic device 200 according to an embodiment.

[0070] refer to Figure 5a The processor 299 can designate the playback screen 520 as the surface to be displayed on the second layer, and can designate the status bar 511, task bar 512, and navigation bar 513 as the surfaces to be displayed on the first layer. The processor 299 can designate the display position of the playback screen 520 on the second layer as the center of the screen. Alternatively, the processor 299 can designate the entire display area of ​​the display 220 as the area to display the playback screen 520. The processor 299 can designate the display position of the status bar 511 on the first layer as the top of the screen at a certain distance from the center, and can designate the display positions of the task bar 512 and navigation bar 513 on the first layer as the bottom of the screen at a certain distance from the center. Based on this designation, the processor 299 can combine the first layer surface and the second layer surface into a first frame 501, and can write it into the frame buffer 221. The display 220 can scan the frame buffer 221 to acquire and display the first frame 501. The task bar 512 can include an icon 512a corresponding to the card application 245.

[0071] Processor 299 can identify the user's location using wireless communication circuit 210. Based on the identified location and the duration of stay at that location meeting specified conditions, processor 299 can determine that card-related messages (e.g., messages recommending cards offering discounts to the user during shopping at the current store) are notification information to be provided to the user. For example, processor 299 can receive card-related messages as push notifications from a card company's server supporting online services via wireless communication circuit 210, generate notification information based on the content of the received messages, and store them in memory 288. Based on the identified location and the duration of stay at that location meeting specified conditions, processor 299 can retrieve the card-related messages from memory 288.

[0072] refer to Figure 5b The processor 299 can designate the notification information 541, along with the status bar 511, task bar 512, and navigation bar 513, which have previously been categorized as belonging to the first-layer surface, as the first-layer surface. Based on this designation, the processor 299 can combine the first-layer surface with the second-layer surface (playback screen 520) into a second frame 502, and can write it into the frame buffer 221. The display 220 can scan the frame buffer 221 to acquire and display the second frame 502. Based on the first icon 512a representing the card application 245 displayed through the task bar 512 (see reference...), the display 299 can further define the second frame 502. Figure 5a The processor 299 may display a second icon 551 (e.g., an icon with the basic shape of a square card) on the taskbar 512, having a different shape from the first icon 512a (e.g., an icon including the word "payment"), instead of the first icon 512a. The processor 299 may receive user touch input from the display 220 regarding notification information 541 displayed on the first layer. The processor 299 may display the second icon 551 while displaying notification information 541. If no touch input is received within a specified time, thus ending the display of notification information 541, the processor 299 may end the display of the second icon 551 and may re-display the first icon 512a in the corresponding position.

[0073] refer to Figure 5c Based on the received notification information 441 displayed on the first layer Figure 5bThe processor 299 can obtain a card image specified for the corresponding card number stored in the memory 288 from the card information 250, based on user touch input and an icon 512a configured to receive messages for the card application 245 provided via the taskbar 512. Additionally, the processor 299 can designate the first card screen 560, instead of the notification information 541, as the execution screen for the card application 245, along with the status bar 511, taskbar 512, and navigation bar 513, which have previously been categorized as belonging to the first layer surface. The processor 299 can include the card image obtained from the card information 250 on the first card screen 560. Based on this designation, the processor 299 can combine the first layer surface and the second layer surface into a third frame 503 and write it into the frame buffer 221. The display 220 can scan the frame buffer 221 to obtain and display the third frame 503. The processor 299 can receive touch input from the display 220 regarding a specific card image on the first card screen 560. The processor 299 can display the second icon 551 while displaying the first card screen 560. If no touch input is received within a specified time, thus ending the display of the first card screen 560, the processor 299 can end the display of the second icon 551 and can display the first icon 512a again in the corresponding position.

[0074] refer to Figure 5d Based on touch input regarding a specific card image received on the first card screen 560, and an icon 512a corresponding to the card application 245 provided via the taskbar 512. Figure 5a The processor 299 can either keep the layers of the playback screen 520 unchanged or change them to a lower layer. Additionally, the processor 299 can configure the second card screen 570 to be smaller than the playback screen 520, and can designate the second card screen 570 as a higher layer than the layer designated for the playback screen 520 (e.g., the first layer). The processor 299 can designate the status bar 511, task bar 512, and navigation bar 513 as higher layers than the layer designated for the playback screen 520. For example, if the second card screen 570 is designated as the first layer and the playback screen 520 is designated as the third layer, the status bar 511, task bar 512, and navigation bar 513 can be designated as the second layer. The processor 299 can composite the designated layer surfaces into a fourth frame 504 and write it into the frame buffer 221. The display 220 can scan the frame buffer 221 to acquire and display the fourth frame 504. The processor 299 can display the second icon 551 while displaying the second card screen 570. When the display of the second card screen 570 ends, the processor 299 can end the display of the second icon 551 and can display the first icon 512a again in the corresponding position.

[0075] Unlike the embodiments described above, the icon 512a corresponding to card application 245 ( Figure 5a ) can be left unconfigured to be provided via taskbar 512, and therefore icon 512a may not be present on taskbar 512. Figure 5a In this scenario, processor 299 can display the third card screen of card application 245 at the corresponding location, instead of playback screen 520. For example, processor 299 can designate media player 242 as a background process and card application 245 as a foreground process. Based on this designation, processor 299 can designate the third card screen as the surface to be displayed on the second layer, and can designate status bar 511, task bar 512, and navigation bar 513 as the surfaces to be displayed on the first layer. The third card screen is larger than the second card screen 570 (e.g., has the same size as playback screen 520). Based on this designation, processor 299 can combine the first layer surface and the second layer surface into a fifth frame and write it into frame buffer 221. Display 220 can scan frame buffer 221 to acquire and display the fifth frame.

[0076] According to an embodiment, the processor 299 can determine the display position of the first card screen 560 based on the location where the corresponding notification information 541 is displayed. For example, the processor 299 can display the first card screen 560 at or near the location where the notification information 541 is displayed. According to an embodiment, the processor 299 can determine the display position of the first card screen 560 based on user input. For example, the processor 299 can receive touch input from the display 220 as a user response to the display of the notification information 541. The processor 299 can then display the first card screen 560 at the location on the display 220 where touch input has occurred.

[0077] Figure 6a , Figure 6b and Figure 6c This is a diagram illustrating the operation of managing the screen based on notification information and user input in a portable electronic device 200 according to an embodiment.

[0078] refer to Figure 6aProcessor 299 can receive streaming media-related messages (e.g., thumbnails 641 and summaries 642 related to newly uploaded videos from subscribed video channels) from an external device (e.g., a streaming media support server) via wireless communication circuitry 210. Processor 299 can identify the received messages as notification information to be visually presented to the user and can generate notification information 640 based on the content of the messages. Processor 299 can designate notification information 640, along with status bar 611, task bar 612, and navigation bar 613, as a first-layer surface. Based on this designation, processor 299 can combine the first-layer surface and the second-layer surface (message screen 620) into a first frame 601 and can write it into frame buffer 221. Display 220 can scan frame buffer 221 to acquire and display the first frame 601. Processor 299 can receive user touch input from display 220 regarding the thumbnails 641 or summaries 642 in notification information 640.

[0079] refer to Figure 6b Based on the thumbnail 641 in the notification information 640 received from the display 220 Figure 6a Based on user touch input and an icon 612a corresponding to the media player 242 provided via the taskbar 612, the processor 299 can receive video streaming data corresponding to the notification information 640 from an external device via the wireless communication circuit 210 using the media player 242. The processor 299 can decompress the video streaming data using a video codec to generate a streaming image 650 instead of a thumbnail 641 to be displayed at the corresponding location. Furthermore, the processor 299 can designate the streaming image 650, along with the previously categorized summary 642, status bar 611, taskbar 612, and navigation bar 613, as a first-layer surface. Based on this designation, the processor 299 can combine the first-layer surface and the second-layer surface (message screen 620) into a second frame 602 and write it into the frame buffer 221. The display 220 can scan the frame buffer 221 to acquire and display the second frame 602.

[0080] refer to Figure 6c The processor 299 can use the media player 242, based on the summary 642 in the notification information 640 displayed on the first layer. Figure 6aThe processor 299 receives video streaming data and a detailed description 660 corresponding to notification information 640 from an external device via wireless communication circuit 210, and can decompress the video streaming data using a video codec to generate a streaming image 650. The processor 299 can designate the streaming image 650 and the detailed description 660 together with the status bar 611, task bar 612, and navigation bar 613, which have been previously classified as belonging to the first layer, as a first-layer surface. Based on this designation, the processor 299 can combine the first-layer surface and the second-layer surface (message screen 620) into a third frame 603, and can write it into the frame buffer 221. The display 220 can scan the frame buffer (221) to acquire and display the third frame 603.

[0081] According to an embodiment, processor 299 can determine the display position of streaming media image 650 based on the location where the corresponding notification information 640 is displayed. For example, processor 299 can display streaming media image 650 at or near the location where the notification information 640 is displayed. According to an embodiment, processor 299 can determine the display position of streaming media image 650 based on user input. For example, processor 299 can receive touch input from display 220 as a user response to the display of notification information 640. Processor 299 can display streaming media image 650 at the location on display 220 where touch input has occurred.

[0082] Figure 7a , Figure 7b , Figure 7c and Figure 7d This is a diagram used to describe the operation of managing the screen based on user input in a portable electronic device 200 according to an embodiment.

[0083] refer to Figure 7aThe processor 299 can designate the first playback screen 720 of the media player 242 for playing (e.g., streaming) video received from an external device (e.g., a video providing server) via the wireless communication circuit 210 as the surface to be displayed on the second layer, and can designate the status bar 711, task bar 712, and navigation bar 713 as the surfaces to be displayed on the first layer. The processor 299 can designate the display position of the first playback screen 720 on the second layer as the center of the screen. Alternatively, the processor 299 can designate the entire display area of ​​the display 220 as the area to display the first playback screen 720. The processor 299 can designate the display position of the status bar 711 on the first layer as the top of the screen at a certain distance from the center, and can designate the display positions of the task bar 712 and navigation bar 713 on the first layer as the bottom of the screen at a certain distance from the center. Based on this designation, the processor 299 can combine the first layer surface and the second layer surface into a first frame 701, and can write it into the frame buffer 221. Display 220 can scan frame buffer 221 to acquire and display the first frame 701. Taskbar 712 may include a first icon 712a corresponding to messaging application 243 and a second icon 712b corresponding to media player 242. Processor 299 can receive user touch input from display 220 regarding the first icon 712a on taskbar 712.

[0084] refer to Figure 7b The processor 299 can designate the message screen 730 of the messaging application 243, instead of the first playback screen 720, as the surface to be displayed on the second layer based on user touch input about the first icon 712a on the taskbar 712. The processor 299 can configure the second playback screen 741 of the media player 242 to be smaller than the message screen 730 and can designate it as the first layer surface. The processor 299 can combine the first layer surface (status bar 711, taskbar 712, navigation bar 713, and second playback screen 741) and the second layer surface (message screen 730) into a second frame 702 and can write it into the frame buffer 221. The display 220 can scan the frame buffer 221 to acquire and display the second frame 702. Additionally, the processor 299 can display a content-related image 742 (e.g., an image showing a profile of a subscribed video channel) on the taskbar 712 instead of the second icon 712b. Figure 7a ).

[0085] refer to Figure 7c Based on the second playback screen 741 ( Figure 7bOnce the playback of the corresponding video is complete, the processor 299 can obtain the first content 751 (e.g., a summary of a recommended video) related to the media player 242 to be displayed on the first layer from an external device via the wireless communication circuit 210, instead of the second playback screen 741. The processor 299 can combine the first layer surface (status bar 711, task bar 712, navigation bar 713, and first content 751) and the second layer surface (message screen 730) into a third frame 703, and can write it into the frame buffer 221. The display 220 can scan the frame buffer 221 to obtain and display the third frame 703. Additionally, the processor 299 can display a second icon 712b on the task bar 712 instead of the image 742. Figure 7b The processor 299 can receive user touch input about the first content 751 from the display 220.

[0086] refer to Figure 7d Based on the first content 751 ( Figure 7c Upon user touch input, processor 299 can obtain, via wireless communication circuitry 210, second content 752 (e.g., a summary of a recommended video) related to media player 242 to be displayed on the first layer, instead of the first content 751, from an external device. Processor 299 can combine the first layer surfaces (status bar 711, task bar 712, navigation bar 713, and second content 752) and the second layer surface (message screen 730) into a fourth frame 704, and write it into frame buffer 221. Display 220 can scan frame buffer 221 to obtain and display the fourth frame 704.

[0087] Figure 8a , Figure 8b and Figure 8c This is a diagram used to describe the operation of managing the screen based on user input in a portable electronic device 200 according to an embodiment.

[0088] refer to Figure 8aThe processor 299 may designate a first call screen 820 (e.g., a video call screen), which serves as the execution screen for a call application 244 supporting calls between an external device and a user via wireless communication circuitry 210, as the surface to be displayed on the second layer. The processor 299 may designate a status bar 811, a task bar 812, and a navigation bar 813 as the surfaces to be displayed on the first layer. Furthermore, the processor 299 may designate UI elements 821 configured to support call-related user interactions as the first layer surfaces. The processor 299 may designate the display position of the first call screen 820 on the second layer as the center of the screen. Alternatively, the processor 299 may designate the entire display area of ​​the display 220 as the area where the first call screen 820 is displayed. The processor 299 may designate the display position of the status bar 811 on the first layer as the top of the screen at a distance from the screen center, and may designate the display positions of the task bar 812 and navigation bar 813 on the first layer as the bottom of the screen at a distance from the screen center. Processor 299 can specify the display position of UI element 821 so as not to overlap with other first-layer surfaces (status bar 811, taskbar 812, and navigation bar 813). Based on this specification, processor 299 can combine the first-layer and second-layer surfaces into a first frame 801 and write it into frame buffer 221. Display 220 can scan frame buffer 221 to acquire and display the first frame 801. Taskbar 812 may include a first icon 812a corresponding to messaging application 243 and a second icon 812b corresponding to calling application 244. Processor 299 can receive user touch input from display 220 regarding the first icon 812a on taskbar 812.

[0089] refer to Figure 8b The processor 299 can designate the message screen 830 of the messaging application 243, instead of the first call screen 820, as a second surface based on user touch input about the first icon 812a on the taskbar 812. The processor 299 can also designate the second call screen 840 to be smaller than the message screen 830, wherein UI elements 821 configured to support call-related user interactions are omitted from the second call screen 840. Figure 8a The processor 299 can designate the second call screen 840 as the first layer surface. The processor 299 can combine the first layer surface (status bar 811, task bar 812, navigation bar 813, and second call screen 840) and the second layer surface (message screen 830) into a second frame 802, and can write it into the frame buffer 221. The display 220 can scan the frame buffer 221 to acquire and display the second frame 802. Alternatively, the processor 299 can display a call-related image 851 (e.g., an image showing the profile of the caller) on the task bar 812 instead of the second icon 812b. Figure 8a The processor 299 can receive user touch input regarding the second call screen 840 from the display 220. If the call ends, the processor 299 can end the display of the second call screen 840 and the image 851, and can display the second icon 812b at the location where the image 851 was displayed.

[0090] refer to Figure 8c The processor 299 can generate a third call screen 860 based on user touch input regarding the second call screen 840. The third call screen 860 again includes UI elements 821 configured to be displayed on the first layer instead of the second call screen 840, and has a smaller size than the first call screen 820. The processor 299 can composite the first layer surfaces (status bar 811, task bar 812, navigation bar 813, and third call screen 860) and the second layer surface (message screen 830) into a third frame 803, and can write it into the frame buffer 221. The display 220 can scan the frame buffer 221 to acquire and display the third frame 803. If the call ends, the processor 299 can end the display of the third call screen 860 and image 851, and can display a second icon 812b at the location where image 851 was displayed.

[0091] Figure 9a , Figure 9b and Figure 9c This is a diagram used to describe the operation of managing the screen based on user input in a portable electronic device 200 according to an embodiment.

[0092] refer to Figure 9aThe processor 299 can designate a first call screen 920 (e.g., a group video call screen) as a surface to be displayed on the second layer. The first call screen 920 is an execution screen for a call application 244 that supports calls between an external device and a user via wireless communication circuitry 210. The processor 299 can configure the first call screen 920 to include a user window 921 for displaying a video call image transmitted from portable electronic device 200 to an external device via wireless communication circuitry 210, call counterparty windows 922, 923, and 924 for displaying a video call image received from the external device via wireless communication circuitry 210 from portable electronic device 200, and UI elements 925 configured to support call-related user interactions. The processor 299 can designate a status bar 911, a task bar 912, and a navigation bar 913 as surfaces to be displayed on the first layer. The processor 299 can designate the display position of the first call screen 920 on the second layer as the center of the screen. Alternatively, the processor 299 can designate the entire display area of ​​display 220 as the area where the first call screen 920 will be displayed. The processor 299 can specify the display position of the status bar 911 on the first layer as the top of the screen at a certain distance from the center of the screen, and can specify the display positions of the task bar 912 and navigation bar 913 on the first layer as the bottom of the screen at a certain distance from the center of the screen. Based on this specification, the processor 299 can combine the first layer surface and the second layer surface into a first frame 901, and can write it into the frame buffer 221. The display 220 can scan the frame buffer 221 to obtain and display the first frame 901. The task bar 912 can include a first icon 912a corresponding to the messaging application 243 and a second icon 912b corresponding to the calling application 244. The processor 299 can receive user touch input from the display 220 regarding the first icon 912a on the task bar 912.

[0093] refer to Figure 9b The processor 299 can designate the message screen 930 of the messaging application 243, instead of the first call screen 920, as the second-layer surface based on user touch input about the first icon 912a on the taskbar 912. The processor 299 can omit UI element 925 ( Figure 9a ) and user window 921 ( Figure 9aThe second call screen 940 is configured to be smaller than the message screen 930 and can be designated as the first layer surface to be displayed on the first layer. The processor 299 can combine the first layer surface (status bar 911, task bar 912, navigation bar 913, and second call screen 940) and the second layer surface (message screen 930) into a second frame 902 and can write it into the frame buffer 221. The display 220 can scan the frame buffer 221 to acquire and display the second frame 902. Alternatively, the processor 299 can display a call-related image 951 (e.g., an image showing contact information) on the task bar 912 instead of the second icon 912b. Figure 9a The processor 299 can receive user touch input from the display 220 regarding a specific corresponding window 941 on the second call screen 940. If the call ends, the processor 299 can terminate the display of the second call screen 940 and the image 951, and can display a second icon 912b at the location where the image 951 was displayed.

[0094] refer to Figure 9c Based on user feedback on the second call screen 940 ( Figure 9b ) Add a specific counterparty to the window 941 of the calling counterparty. Figure 9b Upon touch input selection, processor 299 can generate a third call screen 960, which again includes UI elements 925 configured to be displayed on the first layer instead of the second call screen 940. The third call screen 960 is configured such that the selected corresponding window 961 is larger than other windows and smaller than the first call screen 920. Processor 299 can combine the first layer surfaces (status bar 911, task bar 912, navigation bar 913, and third call screen 960) and the second layer surface (message screen 930) into a third frame 903 and write it into frame buffer 221. Display 220 can scan frame buffer 221 to acquire and display the third frame 903. If the call ends, processor 299 can end the display of the third call screen 960 and image 951, and can display a second icon 912b at the location where image 951 was displayed.

[0095] Figure 10 This is a flowchart describing the operation of managing the screen in a portable electronic device 200 according to an embodiment.

[0096] In operation 1010, processor 299 may display the taskbar and the execution screen of the first application (hereinafter referred to as "app") (e.g., playback screen 320 or 520 or message screen 620).

[0097] In operation 1020, processor 299 may acquire notification information associated with the second application (e.g., notification information 341, 541, or 640).

[0098] In operation 1030, the processor 299 can configure the notification information to be smaller than the size of the execution screen of the first app, which can be identified as the first layer, and the execution screen of the first app can be identified as the second layer, which has a lower display priority than the first layer.

[0099] In operation 1040, processor 299 can synthesize notification information identified as the first layer and execution screen of the first app identified as the second layer to generate a first frame (e.g., first frame 601 or second frame 302 or 502), and can display the first frame on display 220.

[0100] In operation 1050, processor 299 can receive user input about notification information from display 220.

[0101] In operation 1060, based on user input regarding the received notification information and an icon corresponding to the second app configured to be provided via the taskbar, the processor 299 may determine the execution screen of the second app (e.g., the first message screen 360, card screen 560 or 570, or streaming image 650) instead of the notification information as the first layer, and may configure it to be smaller than the size of the execution screen of the first app.

[0102] In operation 1070, processor 299 can synthesize the execution screen of the second app determined to be the first layer and the execution screen of the first app determined to be the second layer, thereby generating a second frame (e.g., second frame 602, third frame 303, 503 or 603, or fourth frame 504), and can display the second frame on display 220.

[0103] Figure 11 This is a flowchart describing the operation of managing the screen in a portable electronic device 200 according to an embodiment.

[0104] In operation 1110, processor 299 may display the main screen (e.g., main screen 420) on display 220.

[0105] In operation 1120, processor 299 can obtain notification information associated with the app (e.g., message 441).

[0106] In operation 1130, processor 299 can configure notification information to be smaller than the size of the main screen, which can be designated as the first layer, and the main screen can be designated as the second layer with a lower display priority than the first layer.

[0107] In operation 1140, processor 299 can synthesize notification information identified as the first layer and main screen identified as the second layer to generate a first frame (e.g., second frame 402), and can display the first frame on display 220.

[0108] At operation 1150, processor 299 can receive user input about notification information from display 220.

[0109] In operation 1160, based on the received user input and the icon corresponding to the application configured to be provided via the home screen, the processor 299 can determine the app's execution screen (e.g., message screen 460) instead of notification information as the first layer, and can configure it to be smaller than the size of the home screen.

[0110] In operation 1170, processor 299 can synthesize the execution screen of the app determined to be the first layer and the main screen determined to be the second layer, thereby generating a second frame (e.g., a third frame 403), and can display the second frame on display 220.

[0111] Figure 12 This is a flowchart describing the operation of managing the screen in a portable electronic device 200 according to an embodiment.

[0112] In operation 1210, processor 299 may display the taskbar on a first layer or a second layer with a lower display priority than the first layer, and may display the first execution screen of the first app (e.g., the first playback screen 720 or the first call screen 820 or 920) on the second layer.

[0113] At operation 1220, processor 299 can receive first user input from display 220 regarding an icon located on the taskbar.

[0114] In operation 1230, the processor 299 determines the execution screen of the second app corresponding to the icon (e.g., message screen 730, 830, or 930) instead of the first execution screen of the first app as the second layer based on the first user input. The second execution screen of the first app (e.g., second playback screen 741 or second call screen 840 or 940) can be configured to be smaller than the size of the execution screen of the second app and can be determined as the first layer.

[0115] In operation 1240, processor 299 can synthesize a second execution screen of a first app determined to be a first layer and an execution screen of a second app determined to be a second layer, thereby generating a first frame (e.g., a second frame 702, 802, or 902), and can display the first frame on display 220.

[0116] In operation 1250, processor 299 can receive second user input from display 220 regarding the second execution screen of the first app.

[0117] In operation 1260, processor 299 may determine the third execution screen of the first app (e.g., first content 751, second content 752, or third call screen 860 or 960) instead of the second execution screen of the first app as the first layer based on the second user input, and may configure it to be smaller than the size of the execution screen of the second app.

[0118] In operation 1270, processor 299 can synthesize a third execution screen of a first app determined to be a first layer and an execution screen of a second app determined to be a second layer, thereby generating a second frame (e.g., a third frame 703, 803, or 903 or a fourth frame 704), and can display the second frame on display 220.

[0119] According to an embodiment, a portable electronic device includes: a touch-sensitive display, wireless communication circuitry, a processor operatively connected to the display and the wireless communication circuitry, and a memory operatively connected to the processor. The memory may store instructions that, when executed by the processor, cause the portable electronic device to display a taskbar and an execution screen of a first application (e.g., playback screen 320 or 520 or message screen 620) on the display. The instructions may cause the portable electronic device to obtain notification information associated with a second application (e.g., 341, 541, or 640) via the wireless communication circuitry. The instructions may cause the portable electronic device to configure the notification information to be smaller than the size of the execution screen of the first application and to identify the notification information as a first layer. The instructions may cause the portable electronic device to identify the execution screen of the first application as a second layer with a lower display priority than the first layer. The instructions may cause the portable electronic device to generate a first frame by combining the notification information identified as the first layer and the execution screen of the first application identified as the second layer, and to display the first frame on the display. This instruction enables a portable electronic device to determine the execution screen of the second application (e.g., a first message screen 360, card screen 560 or 570, or streaming media image 650) as the first layer based on user input about notification information received through the display and an icon corresponding to the second application provided by the taskbar, rather than the notification information. The execution screen of the second application is configured to be smaller than the execution screen of the first application. A second frame is generated by compositing the execution screen of the second application determined as the first layer and the execution screen of the first application determined as the second layer, and the second frame is displayed on the display.

[0120] This instruction enables portable electronic devices to receive conversation-related messages from external devices via wireless communication circuits and to identify the received messages as notification information to be provided to the user.

[0121] This instruction enables a portable electronic device to identify its location using a wireless communication circuit, and to determine card-related messages as notification information based on the identified location and the duration of stay at that location, provided that specified conditions are met.

[0122] This instruction enables portable electronic devices to receive streaming media-related messages from external devices via wireless communication circuits and to identify the received messages as notification information to be provided to the user.

[0123] This command allows portable electronic devices to display an image instead of an icon on the taskbar when a notification is shown.

[0124] This command allows portable electronic devices to stop displaying notification information and images, and to restore the display of icons.

[0125] According to an embodiment, a portable electronic device includes: a touch-sensitive display, a wireless communication circuit, a processor operatively connected to the display and the wireless communication circuit, and a memory operatively connected to the processor. The memory may store instructions that, when executed by the processor, cause the portable electronic device to display a main screen on the display. The instructions may cause the portable electronic device to obtain application-related notification information (e.g., message 441) via the wireless communication circuit. The instructions may cause the portable electronic device to configure the notification information to be smaller than the size of the main screen and to identify the notification information as a first layer. The instructions may cause the portable electronic device to identify the main screen as a second layer with a lower display priority than the first layer. The instructions may cause the portable electronic device to generate a first frame by combining the notification information identified as the first layer and the main screen identified as the second layer, and to display the first frame on the display. This instruction enables a portable electronic device to determine the application's execution screen (e.g., message screen 460) instead of the notification information as the first layer based on user input about notification information received through the display and an icon corresponding to the application provided through the main screen. The application's execution screen is configured to be smaller than the size of the main screen. A second frame is generated by combining the application's execution screen determined as the first layer and the main screen determined as the second layer, and the second frame is displayed on the display.

[0126] This instruction enables portable electronic devices to receive conversation-related messages from external devices via wireless communication circuits and to identify the received messages as notification information to be provided to the user.

[0127] This instruction enables a portable electronic device to identify its location using a wireless communication circuit, and to determine card-related messages as notification information based on the identified location and the duration of stay at that location meeting specified conditions.

[0128] This instruction enables portable electronic devices to receive streaming media-related messages from external devices via wireless communication circuits and to identify the received messages as notification information to be provided to the user.

[0129] This command allows portable electronic devices to display an image instead of an icon on the taskbar when displaying notification information, which is related to the received message.

[0130] This command allows portable electronic devices to stop displaying notification information and images, and to restore the display of icons.

[0131] According to an embodiment, a portable electronic device includes: a touch-sensitive display, wireless communication circuitry, a processor operatively connected to the display and the wireless communication circuitry, and a memory operatively connected to the processor. The memory may store instructions that, when executed by the processor, cause the portable electronic device to display a taskbar on a first layer or on a second layer having a lower display priority than the first layer, and to display a first execution screen (e.g., 720, 820, or 920) of a first application on the second layer. The instructions may cause the portable electronic device to receive first user input from the display regarding an icon located on the taskbar. The instructions may also cause the portable electronic device to determine, based on the first user input, a second execution screen (e.g., a message screen 730, 830, or 930) of a second application corresponding to the icon, instead of the first execution screen, as the second layer; configure the second execution screen of the first application (e.g., a second playback screen 741 or a second call screen 840 or 940) to be smaller than the size of the second application's execution screen; and determine the second execution screen of the first application as the first layer. This instruction enables a portable electronic device to generate a first frame by combining a second execution screen determined to be a first layer and an execution screen of a second application determined to be a second layer, and to display the first frame on a display. This instruction also enables the portable electronic device to receive second user input from the display regarding the second execution screen. Furthermore, this instruction enables the portable electronic device to determine a third execution screen of the first application (e.g., first content 751, second content 752, or third call screen 860 or 960) as the first layer based on the first user input, instead of the second execution screen, and to configure the third execution screen of the first application to be smaller than the size of the execution screen of the second application. Finally, this instruction enables the portable electronic device to generate a second frame by combining a third execution screen determined to be a first layer and an execution screen of a second application determined to be a second layer, and to display the second frame on a display.

[0132] This instruction can cause the portable electronic device to display a first playback screen of a media player for playing video received from an external device via the wireless communication circuit, as the first execution screen. This instruction can also cause the portable electronic device to display a message screen of a messaging application as the execution screen of a second application. This instruction can further cause the portable electronic device to display a second playback screen, smaller than the message screen, as the second execution screen. Finally, this instruction can cause the portable electronic device to display video-related content as a third execution screen.

[0133] This instruction enables a portable electronic device to display a first call screen for a call application that supports calls to external devices via wireless communication circuitry as a first execution screen. This instruction enables a portable electronic device to display a message screen for a messaging application as an execution screen for a second application. This instruction enables a portable electronic device to display a second call screen, which has a smaller size than the message screen, as a second execution screen. This instruction enables a portable electronic device to display a third call screen, which includes UI elements configured to support call-related user interactions and has a smaller size than the message screen, as a third execution screen.

[0134] According to an embodiment, a portable electronic device may include: a touch-sensitive display, a wireless communication circuit, a processor operatively connected to the display and the wireless communication circuit, and a memory operatively connected to the processor. The memory may store instructions that, when executed by the processor, cause the portable electronic device to generate a first frame by combining a taskbar and the execution screen of a first application, and to display the first frame on the display. The instructions may cause the portable electronic device to obtain notification information associated with a second application via the wireless communication circuit. The instructions may cause the portable electronic device to configure the notification information to be smaller than the size of the execution screen of the first application, and to identify the notification information as a first layer. The instructions may cause the portable electronic device to identify the execution screen of the first application as a second layer with a lower display priority than the first layer. The instructions may cause the portable electronic device to generate a second frame by combining the notification information identified as the first layer and the execution screen of the first application identified as the second layer with the taskbar, and to display the second frame on the display. This instruction enables a portable electronic device to determine the execution screen of the second application as the first layer based on user input about notification information received through the display and an icon corresponding to the second application provided through the taskbar. The execution screen of the second application is configured to be smaller than the execution screen of the first application. A third frame is generated by combining the execution screen of the second application determined as the first layer and the execution screen of the first application determined as the second layer with the taskbar, and the third frame is displayed on the display.

[0135] This instruction enables portable electronic devices to configure notification information based on icons provided by the taskbar (e.g., 341, 441, 541, or 640), displaying an image related to the received message on the taskbar instead of an icon, and displaying the notification information in a position adjacent to the taskbar.

[0136] According to an embodiment, a non-transitory recording medium is provided, configured to store process-readable instructions from a portable electronic device. When executed by a processor, the instructions cause the portable electronic device to generate a first frame by combining a taskbar and the execution screen of a first application, and to display the first frame on a display. The instructions also cause the portable electronic device to acquire notification information associated with a second application via a wireless communication circuit. Furthermore, the instructions cause the portable electronic device to configure the notification information to be smaller than the size of the execution screen of the first application, and to identify the notification information as a first layer. Finally, the instructions cause the portable electronic device to identify the execution screen of the first application as a second layer with a lower display priority than the first layer. Finally, the instructions cause the portable electronic device to generate a second frame by combining the notification information identified as the first layer and the execution screen of the first application identified as the second layer with the taskbar, and to display the second frame on a display. This instruction enables a portable electronic device to determine the execution screen of the second application as the first layer based on user input about notification information received through the display and an icon corresponding to the second application provided through the taskbar. The execution screen of the second application is configured to be smaller than the execution screen of the first application. A third frame is generated by combining the execution screen of the second application determined as the first layer and the execution screen of the first application determined as the second layer with the taskbar, and the third frame is displayed on the display.

[0137] The electronic device according to various embodiments can be one of a variety of types of electronic devices. Electronic devices may include, for example, portable communication devices (e.g., smartphones), computer devices, portable multimedia devices, portable medical devices, cameras, wearable devices, or home appliances. According to embodiments of this disclosure, the electronic device is not limited to those described above.

[0138] It should be understood that the various embodiments of this disclosure and the terminology used therein are not intended to limit the technical features set forth herein to the specific embodiments, but rather to include various changes, equivalents, or substitutions to the respective embodiments. In the description of the drawings, similar reference numerals may be used to refer to similar or related elements. It will be understood that nouns in the singular form corresponding to terms may include one or more things unless the relevant context clearly indicates otherwise. As used herein, each of the phrases such as “A or B,” “at least one of A and B,” “at least one of A or B,” “A, B, or C,” “at least one of A, B, and C,” and “at least one of A, B, or C” may include any one or all possible combinations of the items enumerated together with the corresponding phrase among the plurality of phrases. As used herein, terms such as “first” and “second” or “first” and “second” may be used to simply distinguish the respective component from another component and do not limit the component in other respects (e.g., importance or order). It will be understood that, whether the terms “operably” or “communically” are used or not, if an element (e.g., a first element) is referred to as “combined with another element (e.g., a second element),” “combined to another element (e.g., a second element),” “connected to another element (e.g., a second element),” or “connected to another element (e.g., a second element)”, it means that the element can be directly (e.g., wiredly) connected to the other element, wirelessly connected to the other element, or connected to the other element via a third element.

[0139] As used in connection with various embodiments of this disclosure, the term "module" may include a unit implemented in hardware, software, or firmware, and may be used interchangeably with other terms such as "logic," "logic block," "part," or "circuit." A module may be a single integrated component adapted to perform one or more functions, or the smallest unit or part of such a single integrated component. For example, according to embodiments, a module may be implemented in the form of an application-specific integrated circuit (ASIC).

[0140] The various embodiments set forth herein can be implemented as software (e.g., program 140) containing one or more instructions readable by a machine (e.g., electronic device 101) stored in a storage medium (e.g., internal memory 136 or external memory 138). For example, under the control of a processor, the processor (e.g., processor 120) of the machine (e.g., electronic device 101) can invoke and execute at least one of the one or more instructions stored in the storage medium, with or without the use of one or more other components. This enables the machine to operate to perform at least one function according to the invoked at least one instruction. The one or more instructions may include code generated by a compiler or code executable by an interpreter. Machine-readable storage media may be provided in the form of non-transitory storage media. The term "non-transitory" simply means that the storage medium is a tangible device and does not include signals (e.g., electromagnetic waves), but this term does not distinguish between data being stored semi-permanently in the storage medium and data being temporarily stored in the storage medium.

[0141] According to embodiments, methods according to various embodiments of this disclosure may be included and provided in a computer program product. The computer program product may be traded as a product between a seller and a buyer. The computer program product may be distributed in the form of a machine-readable storage medium (e.g., a compact disk read-only memory (CD-ROM)), or may be distributed online (e.g., downloaded or uploaded) via an app store (e.g., the Play Store™), or may be distributed directly between two user devices (e.g., smartphones) (e.g., downloaded or uploaded). If distributed online, at least a portion of the computer program product may be temporarily generated, or at least a portion of the computer program product may be stored at least temporarily in a machine-readable storage medium (such as the memory of a manufacturer's server, an app store's server, or a forwarding server).

[0142] According to various embodiments, each of the above-described components (e.g., a module or program) may include a single entity or multiple entities, and some of the multiple entities may be separately disposed in different components. According to various embodiments, one or more of the above-described components may be omitted, or one or more other components may be added. Optionally or additionally, multiple components (e.g., modules or programs) may be integrated into a single component. In this case, according to various embodiments, the integrated component may still perform the one or more functions of each of the multiple components in the same or similar manner as the corresponding component of the multiple components performed one or more functions before integration. According to various embodiments, the operations performed by a module, program, or other component may be performed sequentially, in parallel, repeatedly, or heuristically, or one or more of the operations may be run in a different order or omitted, or one or more other operations may be added.

Claims

1. A portable electronic device, the portable electronic device comprising: Touch-sensitive display; Wireless communication circuits; A processor operatively connected to the display and the wireless communication circuitry; as well as A memory operatively connected to the processor. The memory is configured to store instructions that, when executed by the processor, cause the portable electronic device to: The first frame is generated by compositing the execution screen and taskbar of the first application, and the first frame is displayed on the display. The wireless communication circuit acquires messages associated with the second application. The notification information associated with the received message is configured to be smaller than the size of the execution screen of the first application, and the notification information is identified as the first layer; The execution screen of the first application is determined as a second layer with a lower display priority than the first layer; A second frame is generated by combining the notification information identified as the first layer and the execution screen of the first application identified as the second layer with the taskbar, and the second frame is displayed on the display. Based on user input regarding the notification information received via the display and the icon corresponding to the second application configured to be displayed via the taskbar: The execution screen of the second application is determined to be the first layer, and the execution screen of the second application is configured to be smaller than the size of the execution screen of the first application; and A third frame is generated by combining the execution screen of the second application identified as the first layer and the execution screen of the first application identified as the second layer with the taskbar, and the third frame is displayed on the display.

2. The portable electronic device according to claim 1, wherein, The instruction causes the portable electronic device to: Receive dialogue-related messages from external devices via the wireless communication circuit; as well as The received message is identified as the notification information to be provided to the user.

3. The portable electronic device according to claim 1, wherein, The instruction causes the portable electronic device to: The location of the portable electronic device is identified by using the wireless communication circuit. as well as Based on the identified location and the time spent at the location meeting specified conditions, the card-related message is determined as the notification information.

4. The portable electronic device according to claim 1, wherein, The instruction causes the portable electronic device to: Receive streaming media-related messages from external devices via the wireless communication circuit; as well as The received message is identified as the notification information to be provided to the user.

5. The portable electronic device according to claim 1, wherein, The instruction causes the portable electronic device to display an image related to the received message instead of the icon on the taskbar when displaying the notification information.

6. The portable electronic device according to claim 1, wherein, The instructions cause the portable electronic device to configure the notification information based on the icon provided by the taskbar, display an image related to the received message on the taskbar instead of the icon, and display the notification information in a position adjacent to the taskbar.

7. A portable electronic device, the portable electronic device comprising: Touch-sensitive display; Wireless communication circuits; A processor operatively connected to the display and the wireless communication circuitry; as well as A memory operatively connected to the processor. The memory is configured to store instructions that, when executed by the processor, cause the portable electronic device to: The main screen is displayed on the monitor; The wireless communication circuit obtains notification information associated with the application. Configure the notification information to be smaller than the size of the main screen, and define the notification information as the first layer; The main screen is determined to be a second layer with a lower display priority than the first layer; A first frame is generated by synthesizing the notification information identified as the first layer and the main screen identified as the second layer, and the first frame is displayed on the display. Based on user input regarding the notification information received via the display, and the icon corresponding to the application configured to be displayed on the home screen: The application's execution screen, rather than the notification information, is identified as the first layer, and the application's execution screen is configured to be smaller than the size of the main screen; and A second frame is generated by combining the execution screen of the application identified as the first layer and the main screen identified as the second layer, and the second frame is displayed on the display.

8. The portable electronic device according to claim 7, wherein, The instruction causes the portable electronic device to: Receive dialogue-related messages from external devices via the wireless communication circuit; as well as The received message is identified as the notification information to be provided to the user.

9. The portable electronic device according to claim 7, wherein, The instruction causes the portable electronic device to: The location of the portable electronic device is identified by using the wireless communication circuit. as well as Based on the identified location and the time spent at the location meeting specified conditions, the card-related message is determined as the notification information.

10. The portable electronic device according to claim 7, wherein, The instruction causes the portable electronic device to: Receive streaming media-related messages from external devices via the wireless communication circuit; as well as The received message is identified as the notification information to be provided to the user.

11. The portable electronic device according to claim 7, wherein, The instruction causes the portable electronic device to display an image related to the received message instead of the icon on the taskbar when displaying the notification information.

12. The portable electronic device according to claim 11, wherein, The instruction causes the portable electronic device to stop displaying the image while simultaneously ending the display of the notification information, and to restore the display of the icon.

13. A portable electronic device, the portable electronic device comprising: Touch-sensitive display; Wireless communication circuits; A processor operatively connected to the display and the wireless communication circuitry; as well as A memory operatively connected to the processor. The memory is configured to store instructions that, when executed by the processor, cause the portable electronic device to: The taskbar is displayed on the first layer or on the second layer, which has a lower display priority than the first layer, and the first execution screen of the first application is displayed on the second layer; Receive first user input from the display regarding the icon located on the taskbar; Based on the first user input, the execution screen of the second application corresponding to the icon, instead of the first execution screen, is determined as the second layer. The second execution screen of the first application is configured to be smaller than the size of the execution screen of the second application, and the second execution screen of the first application is determined as the first layer. A first frame is generated by synthesizing the second execution screen identified as the first layer and the execution screen of the second application identified as the second layer, and the first frame is displayed on the display. Receive second user input regarding the second execution screen from the display; Based on the first user input, the third execution screen of the first application, instead of the second execution screen, is determined as the first layer, and the third execution screen of the first application is configured to be smaller than the size of the execution screen of the second application; and A second frame is generated by synthesizing the third execution screen identified as the first layer and the execution screen of the second application identified as the second layer, and the second frame is displayed on the display.

14. The portable electronic device according to claim 13, wherein, The instruction causes the portable electronic device to: The first playback screen of the media player, which is used to play video received from an external device via the wireless communication circuit, is displayed as the first execution screen. The message screen of the messaging application is displayed as the execution screen of the second application; Displaying a second playback screen with a smaller size than the message screen as the second execution screen; and The video-related content is displayed on the third execution screen.

15. A non-transitory recording medium configured to store instructions readable by a portable electronic device, the instructions causing the portable electronic device, when executed by the processor, to: The first frame is generated by compositing the execution screen and taskbar of the first application, and the first frame is displayed on the display. The wireless communication circuit acquires messages associated with the second application. The notification information associated with the received message is configured to be smaller than the size of the execution screen of the first application, and the notification information is identified as the first layer; The execution screen of the first application is determined as a second layer with a lower display priority than the first layer; A second frame is generated by combining the notification information identified as the first layer and the execution screen of the first application identified as the second layer with the taskbar, and the second frame is displayed on the display. Based on user input regarding the notification information received via the display and the icon corresponding to the second application configured to be displayed via the taskbar: The execution screen of the second application is determined as the first layer, and the execution screen of the second application is configured to be smaller than the size of the execution screen of the first application; as well as A third frame is generated by combining the execution screen of the second application identified as the first layer and the execution screen of the first application identified as the second layer with the taskbar, and the third frame is displayed on the display.

Images