Patent Publication Number: US-2018052647-A1

Title: Electronic device and method for controlling the same

Description:
TECHNICAL FIELD 
     Embodiments of the invention relate to an electronic device capable of detecting the body of a web page and a method for controlling the same. 
     BACKGROUND ART 
     Electronic device may be generally classified as mobile/portable electronic devices or stationary terminals according to their mobility. Electronic devices may also be classified as handheld devices or vehicle mounted devices according to whether or not a user can directly carry the electronic device. 
     Electronic devices have become increasingly more functional. Examples of such functions include data and voice communications, capturing images and video via a camera, recording audio, playing music files via a speaker system, and displaying images and video on a display. Some electronic devices include additional functionality which supports game playing, while other devices are configured as multimedia players. More recently, electronic devices have been configured to receive broadcast and multicast signals which permit viewing of content such as videos and television programs. 
     Efforts are ongoing to support and increase the functionality of electronic devices. Such efforts include software and hardware improvements, as well as changes and improvements in the structural components. 
     In particular, when a rendered web page is displayed on a display unit of an electronic device, the web page includes dynamically changing tags or objects having non-standard alignment information. Therefore, there is a limit in extracting the body of the web page using only the tag information of the web page. 
     DISCLOSURE OF INVENTION 
     Technical Problem 
     Accordingly, one aspect of the present invention is to address the above-described problems and other problems. 
     Another aspect of the present invention is to provide an electronic device for rendering and displaying a web page, receiving a specific input, and detecting the body of the web page satisfying a predetermined condition, to which a visual recognition method is applied, based on alignment information of objects of the web page, and a method for controlling the same. 
     Solution to Problem 
     In one aspect, there is an electronic device comprising a display unit and a controller configured to render a web page, display the rendered web page on the display unit, and detect the body of the web page satisfying a predetermined condition, to which a visual recognition method is applied, based on alignment information of objects of the web page when receiving a specific input through the display unit. 
     The controller may be configured to determine the predetermined condition using at least one of main page extraction, lazy loading process, header and footer extraction, link object extraction, grouping of link objects, grouping of comment and reply blocks, removal of objects between grouped elements, or removal of grouped objects. 
     The controller may be configured to search a DOM (Document Object Model) object included in the web page corresponding to a center area of the display unit when the rendered web page is displayed on the display unit, expand the DOM object to a boundary of the display unit, and extract the main page. 
     The controller may be configured to perform the lazy loading process for comparing tag information of a lazy loading component obtained by compulsively scrolling up and down the web page with tag information of the rendered web page and processing an object of the lazy loading component in the same manner as the object of the rendered web page. 
     The controller may be configured to perform the header and footer extraction and the link object extraction based on tag information of the alignment information of the objects of the web page. 
     The controller may be configured to differentiate a header block, a footer block, a menu block, and a body clock from one another at different layers. 
     The controller may be configured to integrate link object blocks into one layer to perform the grouping of link objects and perform the grouping of the comment and reply blocks using the tag information of the rendered web page. 
     The controller may be configured to remove the object between the grouped blocks to remove the object between grouped elements, remove the grouped objects, on which the removal of the object between the grouped elements is performed, from the main page, and extract the body of the web page. 
     The controller may be configured to store the detected body and display the detected body on the display unit using a pop-up window. 
     In another aspect, there is a method for controlling an electronic device comprising rendering a web page and displaying the rendered web page on a display unit, receiving a specific input through the display unit, and detecting the body of the web page satisfying a predetermined condition, to which a visual recognition method is applied, based on alignment information of objects of the web page. 
     Advantageous Effects of Invention 
     Effects of an electronic device and a method for controlling the same according to exemplary embodiments of the invention are described below. 
     At least one embodiment of the invention can extract the body from a non-standard web page and improve the accuracy of the detection of the body of the web page in consideration of a visual recognition method. 
     At least one embodiment of the invention can decide whether or not objects of the web page, which are not rendered in conformity with a network speed, are detected as the body of the web page. 
     Further scope of applicability of the present invention will become apparent from the detailed description given hereinafter. However, it should be understood that the detailed description and specific examples, while indicating preferred embodiments of the invention, are given by illustration only, since various changes and modifications within the spirit and scope of the invention will become apparent to those skilled in the art from this detailed description. 
    
    
     
       BRIEF DESCRIPTION OF DRAWINGS 
       The present invention will become more fully understood from the detailed description given herein below and the accompanying drawings, which are given by illustration only, and thus are not limitative of the present invention, and wherein: 
         FIG. 1 a    is a block diagram of an electronic device according to the present disclosure. 
         FIGS. 1 b  and 1 c    are conceptual views of one example of the electronic device, viewed from different directions. 
         FIG. 2  is a flow chart showing an example of a method for controlling the electronic device according to an exemplary embodiment of the invention. 
         FIGS. 3 through 13  show various examples of a method for controlling the electronic device according to an exemplary embodiment of the invention. 
     
    
    
     MODE FOR THE INVENTION 
     Description will now be given in detail according to exemplary embodiments disclosed herein, with reference to the accompanying drawings. For the sake of brief description with reference to the drawings, the same or equivalent components may be provided with the same reference numbers, and description thereof will not be repeated. In general, a suffix such as “module” and “unit” may be used to refer to elements or components. Use of such a suffix herein is merely intended to facilitate description of the specification, and the suffix itself is not intended to give any special meaning or function. In the present disclosure, that which is well-known to one of ordinary skill in the relevant art has generally been omitted for the sake of brevity. The accompanying drawings are used to help easily understand various technical features and it should be understood that the embodiments presented herein are not limited by the accompanying drawings. As such, the present disclosure should be construed to extend to any alterations, equivalents and substitutes in addition to those which are particularly set out in the accompanying drawings. 
     It will be understood that although the terms first, second, etc. may be used herein to describe various elements, these elements should not be limited by these terms. These terms are generally only used to distinguish one element from another. 
     It will be understood that when an element is referred to as being connected with another element, the element can be connected with the other element or intervening elements may also be present. In contrast, when an element is referred to as being directly connected with another element, there are no intervening elements present. 
     A singular representation may include a plural representation unless it represents a definitely different meaning from the context. Terms such as include or has are used herein and should be understood that they are intended to indicate an existence of several components, functions or steps, disclosed in the specification, and it is also understood that greater or fewer components, functions, or steps may likewise be utilized. 
     Electronic devices presented herein may be implemented using a variety of different types of devices. Examples of such devices include cellular phones, smart phones, user equipment, laptop computers, digital broadcast terminals, personal digital assistants (PDAs), portable multimedia players (PMPs), navigators, portable computers (PCs), slate PCs, tablet PCs, ultra books, wearable devices (for example, smart watches, smart glasses, head mounted displays (HMDs)), and the like. 
     By way of non-limiting example only, further description will be made with reference to particular types of electronic devices. However, such teachings apply equally to other types of devices, such as those types noted above. In addition, these teachings may also be applied to stationary devices such as digital TV, desktop computers, and the like. 
     Reference is now made to  FIGS. 1 a -1 c   , where  FIG. 1 a    is a block diagram of an electronic device in accordance with the present disclosure, and  FIGS. 1 b  and 1 c    are conceptual views of one example of the electronic device, viewed from different directions. 
     The electronic device  100  is shown having components such as a wireless communication unit  110 , an input unit  120 , a sensing unit  140 , an output unit  150 , an interface unit  160 , a memory  170 , a controller  180 , and a power supply unit  190 . It is understood that implementing all of the illustrated components is not a requirement, and that greater or fewer components may alternatively be implemented. 
     Referring now to  FIG. 1 a   , the electronic device  100  is shown having wireless communication unit  110  configured with several commonly implemented components. For instance, the wireless communication unit  110  typically includes one or more components which permit wireless communication between the electronic device  100  and a wireless communication system or network within which the electronic device is located. 
     The wireless communication unit  110  typically includes one or more modules which permit communications such as wireless communications between the electronic device  100  and a wireless communication system, communications between the electronic device  100  and another electronic device, communications between the electronic device  100  and an external server. Further, the wireless communication unit  110  typically includes one or more modules which connect the electronic device  100  to one or more networks. To facilitate such communications, the wireless communication unit  110  includes one or more of a broadcast receiving module  111 , a mobile communication module  112 , a wireless Internet module  113 , a short-range communication module  114 , and a location information module  115 . 
     The input unit  120  includes a camera  121  for obtaining images or video, a microphone  122 , which is one type of audio input device for inputting an audio signal, and a user input unit  123  (for example, a touch key, a push key, a mechanical key, a soft key, and the like) for allowing a user to input information. Data (for example, audio, video, image, and the like) is obtained by the input unit  120  and may be analyzed and processed by the controller  180  according to device parameters, user commands, and combinations thereof. 
     The sensing unit  140  is typically implemented using one or more sensors configured to sense internal information of the electronic device, the surrounding environment of the electronic device, user information, and the like. For example, in  FIG. 1 a   , the sensing unit  140  is shown having a proximity sensor  141  and an illumination sensor  142 . 
     If desired, the sensing unit  140  may alternatively or additionally include other types of sensors or devices, such as a touch sensor, an acceleration sensor, a magnetic sensor, a G-sensor, a gyroscope sensor, a motion sensor, an RGB sensor, an infrared (IR) sensor, a finger scan sensor, a ultrasonic sensor, an optical sensor (for example, camera  121 ), a microphone  122 , a battery gauge, an environment sensor (for example, a barometer, a hygrometer, a thermometer, a radiation detection sensor, a thermal sensor, and a gas sensor, among others), and a chemical sensor (for example, an electronic nose, a health care sensor, a biometric sensor, and the like), to name a few. The electronic device  100  may be configured to utilize information obtained from sensing unit  140 , and in particular, information obtained from one or more sensors of the sensing unit  140 , and combinations thereof. 
     The output unit  150  is typically configured to output various types of information, such as audio, video, tactile output, and the like. The output unit  150  is shown having a display unit  151 , an audio output module  152 , a haptic module  153 , and an optical output module  154 . 
     The display unit  151  may have an inter-layered structure or an integrated structure with a touch sensor in order to facilitate a touch screen. The touch screen may provide an output interface between the electronic device  100  and a user, as well as function as the user input unit  123  which provides an input interface between the electronic device  100  and the user. 
     The interface unit  160  serves as an interface with various types of external devices that can be coupled to the electronic device  100 . The interface unit  160 , for example, may include any of wired or wireless ports, external power supply ports, wired or wireless data ports, memory card ports, ports for connecting a device having an identification module, audio input/output (I/O) ports, video I/O ports, earphone ports, and the like. In some cases, the electronic device  100  may perform assorted control functions associated with a connected external device, in response to the external device being connected to the interface unit  160 . 
     The memory  170  is typically implemented to store data to support various functions or features of the electronic device  100 . For instance, the memory  170  may be configured to store application programs executed in the electronic device  100 , data or instructions for operations of the electronic device  100 , and the like. Some of these application programs may be downloaded from an external server via wireless communication. Other application programs may be installed within the electronic device  100  at time of manufacturing or shipping, which is typically the case for basic functions of the electronic device  100  (for example, receiving a call, placing a call, receiving a message, sending a message, and the like). It is common for application programs to be stored in the memory  170 , installed in the electronic device  100 , and executed by the controller  180  to perform an operation (or function) for the electronic device  100 . 
     The controller  180  typically functions to control overall operation of the electronic device  100 , in addition to the operations associated with the application programs. The controller  180  may provide or process information or functions appropriate for a user by processing signals, data, information and the like, which are input or output by the various components depicted in  FIG. 1 a   , or activating application programs stored in the memory  170 . As one example, the controller  180  controls some or all of the components illustrated in  FIGS. 1 a -1 c    according to the execution of an application program that have been stored in the memory  170 . 
     The power supply unit  190  can be configured to receive external power or provide internal power in order to supply appropriate power required for operating elements and components included in the electronic device  100 . The power supply unit  190  may include a battery, and the battery may be configured to be embedded in the device body, or configured to be detachable from the device body. 
     Referring still to  FIG. 1 a   , various components depicted in this figure will now be described in more detail. Regarding the wireless communication unit  110 , the broadcast receiving module  111  is typically configured to receive a broadcast signal and/or broadcast associated information from an external broadcast managing entity via a broadcast channel. The broadcast channel may include a satellite channel, a terrestrial channel, or both. In some embodiments, two or more broadcast receiving modules  111  may be utilized to facilitate simultaneously receiving of two or more broadcast channels, or to support switching among broadcast channels. 
     The mobile communication module  112  can transmit and/or receive wireless signals to and from one or more network entities. Typical examples of a network entity include a base station, an external electronic device, a server, and the like. Such network entities form part of a mobile communication network, which is constructed according to technical standards or communication methods for mobile communications (for example, Global System for Mobile Communication (GSM), Code Division Multi Access (CDMA), CDMA2000 (Code Division Multi Access 2000), EVDO (Enhanced Voice-Data Optimized or Enhanced Voice-Data Only), Wideband CDMA (WCDMA), High Speed Downlink Packet access (HSDPA), HSUPA (High Speed Uplink Packet Access), Long Term Evolution (LTE), LTE-A (Long Term Evolution-Advanced), and the like). Examples of wireless signals transmitted and/or received via the mobile communication module  112  include audio call signals, video (telephony) call signals, or various formats of data to support communication of text and multimedia messages. 
     The wireless Internet module  113  is configured to facilitate wireless Internet access. This module may be internally or externally coupled to the electronic device  100 . The wireless Internet module  113  may transmit and/or receive wireless signals via communication networks according to wireless Internet technologies. 
     Examples of such wireless Internet access include Wireless LAN (WLAN), Wireless Fidelity (Wi-Fi), Wi-Fi Direct, Digital Living Network Alliance (DLNA), Wireless Broadband (WiBro), Worldwide Interoperability for Microwave Access (WiMAX), High Speed Downlink Packet Access (HSDPA), HSUPA (High Speed Uplink Packet Access), Long Term Evolution (LTE), LTE-A (Long Term Evolution-Advanced), and the like. The wireless Internet module  113  may transmit/receive data according to one or more of such wireless Internet technologies, and other Internet technologies as well. 
     In some embodiments, when the wireless Internet access is implemented according to, for example, WiBro, HSDPA, HSUPA, GSM, CDMA, WCDMA, LTE, LTE-A and the like, as part of a mobile communication network, the wireless Internet module  113  performs such wireless Internet access. As such, the Internet module  113  may cooperate with, or function as, the mobile communication module  112 . 
     The short-range communication module  114  is configured to facilitate short-range communications. Suitable technologies for implementing such short-range communications include BLUETOOTH™, Radio Frequency IDentification (RFID), Infrared Data Association (IrDA), Ultra-WideBand (UWB), ZigBee, Near Field Communication (NFC), Wireless-Fidelity (Wi-Fi), Wi-Fi Direct, Wireless USB (Wireless Universal Serial Bus), and the like. The short-range communication module  114  in general supports wireless communications between the electronic device  100  and a wireless communication system, communications between the electronic device  100  and another electronic device  100 , or communications between the electronic device and a network where another electronic device  100  (or an external server) is located, via wireless area networks. One example of the wireless area networks is a wireless personal area networks. 
     In some embodiments, another electronic device (which may be configured similarly to electronic device  100 ) may be a wearable device, for example, a smart watch, a smart glass or a head mounted display (HMD), which is able to exchange data with the electronic device  100  (or otherwise cooperate with the electronic device  100 ). The short-range communication module  114  may sense or recognize the wearable device, and permit communication between the wearable device and the electronic device  100 . In addition, when the sensed wearable device is a device which is authenticated to communicate with the electronic device  100 , the controller  180 , for example, may cause transmission of data processed in the electronic device  100  to the wearable device via the short-range communication module  114 . Hence, a user of the wearable device may use the data processed in the electronic device  100  on the wearable device. For example, when a call is received in the electronic device  100 , the user may answer the call using the wearable device. Also, when a message is received in the electronic device  100 , the user can check the received message using the wearable device. 
     The location information module  115  is generally configured to detect, calculate, derive or otherwise identify a position of the electronic device. As an example, the location information module  115  includes a Global Position System (GPS) module, a Wi-Fi module, or both. If desired, the location information module  115  may alternatively or additionally function with any of the other modules of the wireless communication unit  110  to obtain data related to the position of the electronic device. 
     As one example, when the electronic device uses a GPS module, a position of the electronic device may be acquired using a signal sent from a GPS satellite. As another example, when the electronic device uses the Wi-Fi module, a position of the electronic device can be acquired based on information related to a wireless access point (AP) which transmits or receives a wireless signal to or from the Wi-Fi module. 
     The input unit  120  may be configured to permit various types of input to the electronic device  120 . Examples of such input include audio, image, video, data, and user input. Image and video input is often obtained using one or more cameras  121 . Such cameras  121  may process image frames of still pictures or video obtained by image sensors in a video or image capture mode. The processed image frames can be displayed on the display unit  151  or stored in memory  170 . In some cases, the cameras  121  may be arranged in a matrix configuration to permit a plurality of images having various angles or focal points to be input to the electronic device  100 . As another example, the cameras  121  may be located in a stereoscopic arrangement to acquire left and right images for implementing a stereoscopic image. 
     The microphone  122  is generally implemented to permit audio input to the electronic device  100 . The audio input can be processed in various manners according to a function being executed in the electronic device  100 . If desired, the microphone  122  may include assorted noise removing algorithms to remove unwanted noise generated in the course of receiving the external audio. 
     The user input unit  123  is a component that permits input by a user. Such user input may enable the controller  180  to control operation of the electronic device  100 . The user input unit  123  may include one or more of a mechanical input element (for example, a key, a button located on a front and/or rear surface or a side surface of the electronic device  100 , a dome switch, a jog wheel, a jog switch, and the like), or a touch-sensitive input, among others. As one example, the touch-sensitive input may be a virtual key or a soft key, which is displayed on a touch screen through software processing, or a touch key which is located on the electronic device at a location that is other than the touch screen. On the other hand, the virtual key or the visual key may be displayed on the touch screen in various shapes, for example, graphic, text, icon, video, or a combination thereof. 
     The sensing unit  140  is generally configured to sense one or more of internal information of the electronic device, surrounding environment information of the electronic device, user information, or the like. The controller  180  generally cooperates with the sending unit  140  to control operation of the electronic device  100  or execute data processing, a function or an operation associated with an application program installed in the electronic device based on the sensing provided by the sensing unit  140 . The sensing unit  140  may be implemented using any of a variety of sensors, some of which will now be described in more detail. 
     The proximity sensor  141  may include a sensor to sense presence or absence of an object approaching a surface, or an object located near a surface, by using an electromagnetic field, infrared rays, or the like without a mechanical contact. The proximity sensor  141  may be arranged at an inner region of the electronic device covered by the touch screen, or near the touch screen. 
     The proximity sensor  141 , for example, may include any of a transmissive type photoelectric sensor, a direct reflective type photoelectric sensor, a mirror reflective type photoelectric sensor, a high-frequency oscillation proximity sensor, a capacitance type proximity sensor, a magnetic type proximity sensor, an infrared rays proximity sensor, and the like. When the touch screen is implemented as a capacitance type, the proximity sensor  141  can sense proximity of a pointer relative to the touch screen by changes of an electromagnetic field, which is responsive to an approach of an object with conductivity. In this case, the touch screen (touch sensor) may also be categorized as a proximity sensor. 
     The term proximity touch will often be referred to herein to denote the scenario in which a pointer is positioned to be proximate to the touch screen without contacting the touch screen. The term contact touch will often be referred to herein to denote the scenario in which a pointer makes physical contact with the touch screen. For the position corresponding to the proximity touch of the pointer relative to the touch screen, such position will correspond to a position where the pointer is perpendicular to the touch screen. The proximity sensor  141  may sense proximity touch, and proximity touch patterns (for example, distance, direction, speed, time, position, moving status, and the like). 
     In general, controller  180  processes data corresponding to proximity touches and proximity touch patterns sensed by the proximity sensor  141 , and cause output of visual information on the touch screen. In addition, the controller  180  can control the electronic device  100  to execute different operations or process different data according to whether a touch with respect to a point on the touch screen is either a proximity touch or a contact touch. 
     A touch sensor can sense a touch applied to the touch screen, such as display unit  151 , using any of a variety of touch methods. Examples of such touch methods include a resistive type, a capacitive type, an infrared type, and a magnetic field type, among others. 
     As one example, the touch sensor may be configured to convert changes of pressure applied to a specific part of the display unit  151 , or convert capacitance occurring at a specific part of the display unit  151 , into electric input signals. The touch sensor may also be configured to sense not only a touched position and a touched area, but also touch pressure and/or touch capacitance. A touch object is generally used to apply a touch input to the touch sensor. Examples of typical touch objects include a finger, a touch pen, a stylus pen, a pointer, or the like. 
     When a touch input is sensed by a touch sensor, corresponding signals may be transmitted to a touch controller. The touch controller may process the received signals, and then transmit corresponding data to the controller  180 . Accordingly, the controller  180  may sense which region of the display unit  151  has been touched. Here, the touch controller may be a component separate from the controller  180 , the controller  180 , and combinations thereof. 
     In some embodiments, the controller  180  may execute the same or different controls according to a type of touch object that touches the touch screen or a touch key provided in addition to the touch screen. Whether to execute the same or different control according to the object which provides a touch input may be decided based on a current operating state of the electronic device  100  or a currently executed application program, for example. 
     The touch sensor and the proximity sensor may be implemented individually, or in combination, to sense various types of touches. Such touches includes a short (or tap) touch, a long touch, a multi-touch, a drag touch, a flick touch, a pinch-in touch, a pinch-out touch, a swipe touch, a hovering touch, and the like. 
     If desired, an ultrasonic sensor may be implemented to recognize position information relating to a touch object using ultrasonic waves. The controller  180 , for example, may calculate a position of a wave generation source based on information sensed by an illumination sensor and a plurality of ultrasonic sensors. Since light is much faster than ultrasonic waves, the time for which the light reaches the optical sensor is much shorter than the time for which the ultrasonic wave reaches the ultrasonic sensor. The position of the wave generation source may be calculated using this fact. For instance, the position of the wave generation source may be calculated using the time difference from the time that the ultrasonic wave reaches the sensor based on the light as a reference signal. 
     The camera  121  typically includes at least one a camera sensor (CCD, CMOS etc.), a photo sensor (or image sensors), and a laser sensor. 
     Implementing the camera  121  with a laser sensor may allow detection of a touch of a physical object with respect to a 3D stereoscopic image. The photo sensor may be laminated on, or overlapped with, the display device. The photo sensor may be configured to scan movement of the physical object in proximity to the touch screen. In more detail, the photo sensor may include photo diodes and transistors at rows and columns to scan content received at the photo sensor using an electrical signal which changes according to the quantity of applied light. Namely, the photo sensor may calculate the coordinates of the physical object according to variation of light to thus obtain position information of the physical object. 
     The display unit  151  is generally configured to output information processed in the electronic device  100 . For example, the display unit  151  may display execution screen information of an application program executing at the electronic device  100  or user interface (UI) and graphic user interface (GUI) information in response to the execution screen information. 
     In some embodiments, the display unit  151  may be implemented as a stereoscopic display unit for displaying stereoscopic images. A typical stereoscopic display unit may employ a stereoscopic display scheme such as a stereoscopic scheme (a glass scheme), an auto-stereoscopic scheme (glassless scheme), a projection scheme (holographic scheme), or the like. 
     The audio output module  152  is generally configured to output audio data. Such audio data may be obtained from any of a number of different sources, such that the audio data may be received from the wireless communication unit  110  or may have been stored in the memory  170 . The audio data may be output during modes such as a signal reception mode, a call mode, a record mode, a voice recognition mode, a broadcast reception mode, and the like. The audio output module  152  can provide audible output related to a particular function (e.g., a call signal reception sound, a message reception sound, etc.) performed by the electronic device  100 . The audio output module  152  may also be implemented as a receiver, a speaker, a buzzer, or the like. 
     A haptic module  153  can be configured to generate various tactile effects that a user feels, perceive, or otherwise experience. A typical example of a tactile effect generated by the haptic module  153  is vibration. The strength, pattern and the like of the vibration generated by the haptic module  153  can be controlled by user selection or setting by the controller. For example, the haptic module  153  may output different vibrations in a combining manner or a sequential manner. 
     Besides vibration, the haptic module  153  can generate various other tactile effects, including an effect by stimulation such as a pin arrangement vertically moving to contact skin, a spray force or suction force of air through a jet orifice or a suction opening, a touch to the skin, a contact of an electrode, electrostatic force, an effect by reproducing the sense of cold and warmth using an element that can absorb or generate heat, and the like. 
     The haptic module  153  can also be implemented to allow the user to feel a tactile effect through a muscle sensation such as the user&#39;s fingers or arm, as well as transferring the tactile effect through direct contact. Two or more haptic modules  153  may be provided according to the particular configuration of the electronic device  100 . 
     An optical output module  154  can output a signal for indicating an event generation using light of a light source. Examples of events generated in the electronic device  100  may include message reception, call signal reception, a missed call, an alarm, a schedule notice, an email reception, information reception through an application, and the like. 
     A signal output by the optical output module  154  may be implemented in such a manner that the electronic device emits monochromatic light or light with a plurality of colors. The signal output may be terminated as the electronic device senses that a user has checked the generated event, for example. 
     The interface unit  160  serves as an interface for external devices to be connected with the electronic device  100 . For example, the interface unit  160  can receive data transmitted from an external device, receive power to transfer to elements and components within the electronic device  100 , or transmit internal data of the electronic device  100  to such external device. The interface unit  160  may include wired or wireless headset ports, external power supply ports, wired or wireless data ports, memory card ports, ports for connecting a device having an identification module, audio input/output (I/O) ports, video I/O ports, earphone ports, or the like. 
     The identification module may be a chip that stores various information for authenticating authority of using the electronic device  100  and may include a user identity module (UIM), a subscriber identity module (SIM), a universal subscriber identity module (USIM), and the like. In addition, the device having the identification module (also referred to herein as an identifying device) may take the form of a smart card. Accordingly, the identifying device can be connected with the device  100  via the interface unit  160 . 
     When the electronic device  100  is connected with an external cradle, the interface unit  160  can serve as a passage to allow power from the cradle to be supplied to the electronic device  100  or may serve as a passage to allow various command signals input by the user from the cradle to be transferred to the electronic device there through. Various command signals or power input from the cradle may operate as signals for recognizing that the electronic device is properly mounted on the cradle. 
     The memory  170  can store programs to support operations of the controller  180  and store input/output data (for example, phonebook, messages, still images, videos, etc.). The memory  170  may store data related to various patterns of vibrations and audio which are output in response to touch inputs on the touch screen. 
     The memory  170  may include one or more types of storage mediums including a Flash memory, a hard disk, a solid state disk, a silicon disk, a multimedia card micro type, a card-type memory (e.g., SD or DX memory, etc), a Random Access Memory (RAM), a Static Random Access Memory (SRAM), a Read-Only Memory (ROM), an Electrically Erasable Programmable Read-Only Memory (EEPROM), a Programmable Read-Only memory (PROM), a magnetic memory, a magnetic disk, an optical disk, and the like. The electronic device  100  may also be operated in relation to a network storage device that performs the storage function of the memory  170  over a network, such as the Internet. 
     The controller  180  may typically control the general operations of the electronic device  100 . For example, the controller  180  may set or release a lock state for restricting a user from inputting a control command with respect to applications when a status of the electronic device meets a preset condition. 
     The controller  180  can also perform the controlling and processing associated with voice calls, data communications, video calls, and the like, or perform pattern recognition processing to recognize a handwriting input or a picture drawing input performed on the touch screen as characters or images, respectively. In addition, the controller  180  can control one or a combination of those components in order to implement various exemplary embodiments disclosed herein. 
     The power supply unit  190  receives external power or provide internal power and supply the appropriate power required for operating respective elements and components included in the electronic device  100 . The power supply unit  190  may include a battery, which is typically rechargeable or be detachably coupled to the device body for charging. 
     The power supply unit  190  may include a connection port. The connection port may be configured as one example of the interface unit  160  to which an external charger for supplying power to recharge the battery is electrically connected. 
     As another example, the power supply unit  190  may be configured to recharge the battery in a wireless manner without use of the connection port. In this example, the power supply unit  190  can receive power, transferred from an external wireless power transmitter, using at least one of an inductive coupling method which is based on magnetic induction or a magnetic resonance coupling method which is based on electromagnetic resonance. 
     Various embodiments described herein may be implemented in a computer-readable medium, a machine-readable medium, or similar medium using, for example, software, hardware, or any combination thereof. 
     Referring now to  FIGS. 1B and 1C , the electronic device  100  is described with reference to a bar-type device body. However, the electronic device  100  may alternatively be implemented in any of a variety of different configurations. Examples of such configurations include watch-type, clip-type, glasses-type, or as a folder-type, flip-type, slide-type, swing-type, and swivel-type in which two and more bodies are combined with each other in a relatively movable manner, and combinations thereof. Discussion herein will often relate to a particular type of electronic device (for example, bar-type, watch-type, glasses-type, and the like). However, such teachings with regard to a particular type of electronic device will generally apply to other types of electronic devices as well. 
     The electronic device  100  will generally include a case (for example, frame, housing, cover, and the like) forming the appearance of the device. In this embodiment, the case is formed using a front case  101  and a rear case  102 . Various electronic components are incorporated into a space formed between the front case  101  and the rear case  102 . At least one middle case may be additionally positioned between the front case  101  and the rear case  102 . 
     The display unit  151  is shown located on the front side of the device body to output information. As illustrated, a window  151   a  of the display unit  151  may be mounted to the front case  101  to form the front surface of the device body together with the front case  101 . 
     In some embodiments, electronic components may also be mounted to the rear case  102 . Examples of such electronic components include a detachable battery  191 , an identification module, a memory card, and the like. Rear cover  103  is shown covering the electronic components, and this cover may be detachably coupled to the rear case  102 . Therefore, when the rear cover  103  is detached from the rear case  102 , the electronic components mounted to the rear case  102  are externally exposed. 
     As illustrated, when the rear cover  103  is coupled to the rear case  102 , a side surface of the rear case  102  is partially exposed. In some cases, upon the coupling, the rear case  102  may also be completely shielded by the rear cover  103 . In some embodiments, the rear cover  103  may include an opening for externally exposing a camera  121   b  or an audio output module  152   b.    
     The cases  101 ,  102 ,  103  may be formed by injection-molding synthetic resin or may be formed of a metal, for example, stainless steel (STS), aluminum (Al), titanium (Ti), or the like. 
     As an alternative to the example in which the plurality of cases form an inner space for accommodating components, the electronic device  100  may be configured such that one case forms the inner space. In this example, an electronic device  100  having a unibody is formed in such a manner that synthetic resin or metal extends from a side surface to a rear surface. 
     If desired, the electronic device  100  may include a waterproofing unit (not shown) for preventing introduction of water into the device body. For example, the waterproofing unit may include a waterproofing member which is located between the window  151   a  and the front case  101 , between the front case  101  and the rear case  102 , or between the rear case  102  and the rear cover  103 , to hermetically seal an inner space when those cases are coupled. 
       FIGS. 1B and 1C  depict certain components as arranged on the electronic device. However, it is to be understood that alternative arrangements are possible and within the teachings of the instant disclosure. Some components may be omitted or rearranged. For example, the first manipulation unit  123   a  may be located on another surface of the device body, and the second audio output module  152   b  may be located on the side surface of the device body. 
     The display unit  151  outputs information processed in the electronic device  100 . The display unit  151  may be implemented using one or more suitable display devices. Examples of such suitable display devices include a liquid crystal display (LCD), a thin film transistor-liquid crystal display (TFT-LCD), an organic light emitting diode (OLED), a flexible display, a 3-dimensional (3D) display, an e-ink display, and combinations thereof. 
     The display unit  151  may be implemented using two display devices, which can implement the same or different display technology. For instance, a plurality of the display units  151  may be arranged on one side, either spaced apart from each other, or these devices may be integrated, or these devices may be arranged on different surfaces. 
     The display unit  151  may also include a touch sensor which senses a touch input received at the display unit. When a touch is input to the display unit  151 , the touch sensor may be configured to sense this touch and the controller  180 , for example, may generate a control command or other signal corresponding to the touch. The content which is input in the touching manner may be a text or numerical value, or a menu item which can be indicated or designated in various modes. 
     The touch sensor may be configured in a form of a film having a touch pattern, disposed between the window  151   a  and a display on a rear surface of the window  151   a , or a metal wire which is patterned directly on the rear surface of the window  151   a . Alternatively, the touch sensor may be integrally formed with the display. For example, the touch sensor may be disposed on a substrate of the display or within the display. 
     The display unit  151  may also form a touch screen together with the touch sensor. Here, the touch screen may serve as the user input unit  123  (see  FIG. 1 a   ). Therefore, the touch screen may replace at least some of the functions of the first manipulation unit  123   a.    
     The first audio output module  152   a  may be implemented in the form of a speaker to output voice audio, alarm sounds, multimedia audio reproduction, and the like. 
     The window  151   a  of the display unit  151  will typically include an aperture to permit audio generated by the first audio output module  152   a  to pass. One alternative is to allow audio to be released along an assembly gap between the structural bodies (for example, a gap between the window  151   a  and the front case  101 ). In this case, a hole independently formed to output audio sounds may not be seen or is otherwise hidden in terms of appearance, thereby further simplifying the appearance and manufacturing of the electronic device  100 . 
     The optical output module  154  can be configured to output light for indicating an event generation. Examples of such events include a message reception, a call signal reception, a missed call, an alarm, a schedule notice, an email reception, information reception through an application, and the like. When a user has checked a generated event, the controller can control the optical output unit  154  to stop the light output. 
     The first camera  121   a  can process image frames such as still or moving images obtained by the image sensor in a capture mode or a video call mode. The processed image frames can then be displayed on the display unit  151  or stored in the memory  170 . 
     The first and second manipulation units  123   a  and  123   b  are examples of the user input unit  123 , which may be manipulated by a user to provide input to the electronic device  100 . The first and second manipulation units  123   a  and  123   b  may also be commonly referred to as a manipulating portion, and may employ any tactile method that allows the user to perform manipulation such as touch, push, scroll, or the like. The first and second manipulation units  123   a  and  123   b  may also employ any non-tactile method that allows the user to perform manipulation such as proximity touch, hovering, or the like. 
       FIG. 1 b    illustrates the first manipulation unit  123   a  as a touch key, but possible alternatives include a mechanical key, a push key, a touch key, and combinations thereof. 
     Input received at the first and second manipulation units  123   a  and  123   b  may be used in various ways. For example, the first manipulation unit  123   a  may be used by the user to provide an input to a menu, home key, cancel, search, or the like, and the second manipulation unit  123   b  may be used by the user to provide an input to control a volume level being output from the first or second audio output modules  152   a  or  152   b , to switch to a touch recognition mode of the display unit  151 , or the like. 
     As another example of the user input unit  123 , a rear input unit (not shown) may be located on the rear surface of the device body. The rear input unit can be manipulated by a user to provide input to the electronic device  100 . The input may be used in a variety of different ways. For example, the rear input unit may be used by the user to provide an input for power on/off, start, end, scroll, control volume level being output from the first or second audio output modules  152   a  or  152   b , switch to a touch recognition mode of the display unit  151 , and the like. The rear input unit may be configured to permit touch input, a push input, or combinations thereof. 
     The rear input unit may be located to overlap the display unit  151  of the front side in a thickness direction of the device body. As one example, the rear input unit may be located on an upper end portion of the rear side of the device body such that a user can easily manipulate it using a forefinger when the user grabs the device body with one hand. Alternatively, the rear input unit can be positioned at most any location of the rear side of the device body. 
     Embodiments that include the rear input unit may implement some or all of the functionality of the first manipulation unit  123   a  in the rear input unit. As such, in situations where the first manipulation unit  123   a  is omitted from the front side, the display unit  151  can have a larger screen. 
     As a further alternative, the electronic device  100  may include a finger scan sensor which scans a user&#39;s fingerprint. The controller  180  can then use fingerprint information sensed by the finger scan sensor as part of an authentication procedure. The finger scan sensor may also be installed in the display unit  151  or implemented in the user input unit  123 . 
     The microphone  122  is shown located at an end of the electronic device  100 , but other locations are possible. If desired, multiple microphones may be implemented, with such an arrangement permitting the receiving of stereo sounds. 
     The interface unit  160  may serve as a path allowing the electronic device  100  to interface with external devices. For example, the interface unit  160  may include one or more of a connection device for connecting to another device (for example, an earphone, an external speaker, or the like), a port for near field communication (for example, an Infrared Data Association (IrDA) port, a Bluetooth port, a wireless LAN port, and the like), or a power supply terminal for supplying power to the electronic device  100 . The interface unit  160  may be implemented in the form of a socket for accommodating an external card, such as Subscriber Identification Module (SIM), User Identity Module (UIM), or a memory card for information storage. 
     The second camera  121   b  is shown located at the rear side of the device body and includes an image capturing direction that is substantially opposite to the image capturing direction of the first camera unit  121   a . If desired, second camera  121   a  may alternatively be located at other locations, or made to be moveable, in order to have a different image capturing direction from that which is shown. 
     The second camera  121   b  can include a plurality of lenses arranged along at least one line. The plurality of lenses may also be arranged in a matrix configuration. The cameras may be referred to as an array camera. When the second camera  121   b  is implemented as an array camera, images may be captured in various manners using the plurality of lenses and images with better qualities. 
     As shown in  FIG. 1 c   , a flash  124  is shown adjacent to the second camera  121   b . When an image of a subject is captured with the camera  121   b , the flash  124  may illuminate the subject. 
     As shown in  FIG. 1 b   , the second audio output module  152   b  can be located on the device body. The second audio output module  152   b  may implement stereophonic sound functions in conjunction with the first audio output module  152   a , and may be also used for implementing a speaker phone mode for call communication. 
     At least one antenna for wireless communication may be located on the device body. The antenna may be installed in the device body or formed by the case. For example, an antenna which configures a part of the broadcast receiving module  111  may be retractable into the device body. Alternatively, an antenna may be formed using a film attached to an inner surface of the rear cover  103 , or a case that includes a conductive material. 
     A power supply unit  190  for supplying power to the electronic device  100  may include a battery  191 , which is mounted in the device body or detachably coupled to an outside of the device body. The battery  191  may receive power via a power source cable connected to the interface unit  160 . Also, the battery  191  can be recharged in a wireless manner using a wireless charger. Wireless charging may be implemented by magnetic induction or electromagnetic resonance. 
     The rear cover  103  is shown coupled to the rear case  102  for shielding the battery  191 , to prevent separation of the battery  191 , and to protect the battery  191  from an external impact or from foreign material. When the battery  191  is detachable from the device body, the rear case  103  may be detachably coupled to the rear case  102 . 
     An accessory for protecting an appearance or assisting or extending the functions of the electronic device  100  can also be provided on the electronic device  100 . As one example of an accessory, a cover or pouch for covering or accommodating at least one surface of the electronic device  100  may be provided. The cover or pouch may cooperate with the display unit  151  to extend the function of the electronic device  100 . Another example of the accessory is a touch pen for assisting or extending a touch input to a touch screen. 
     Further preferred embodiments will be described in more detail with reference to additional drawing figures. It is understood by those skilled in the art that the present features can be embodied in several forms without departing from the characteristics thereof. 
       FIG. 2  is a flow chart showing an example of a method for controlling the electronic device according to the embodiment of the invention, and  FIGS. 3 through 13  show various examples of a method for controlling the electronic device according to the embodiment of the invention. 
     As shown in  FIG. 2 , the controller  180  of the electronic device may render a web page and display the web page on the display unit  151  in step S 110 . 
     The controller  180  may execute the web browser, render a basic web page or a web page of an inputted address, and display it on the display unit  151 . In this instance, the controller  180  may load and display all of the contents included in the web page, or may display a portion of the contents included in the web page in a state where a portion of the contents is not loaded. Further, the controller  180  may include an object dynamically changing depending on characteristics of the web page. 
     The controller  180  of the electronic device may receive a specific input through the display unit  151  in step S 130 . In the embodiment disclosed herein, the specific input may include a series touch input including a touch input, a flicking input, a pinch in/out input, etc. of one area of the display unit  151 , a touch input drawing a specific pattern on the display unit  151 , and the like. 
     When the controller  180  of the electronic device receives the specific input, the controller  180  may detect the body of the web page based on the alignment information of the objects in step S 150 . 
     The controller  180  may detect the body of the web page satisfying a predetermined condition, to which a visual recognition method is applied, among a plurality of objects displayed on the web page based on the alignment information of the objects of the rendered web page. 
     More specifically, the controller  180  may determine the predetermined condition using at least one of main page extraction, lazy loading process, header and footer extraction, link object extraction, grouping of link objects, grouping of comment and reply blocks, removal of objects between grouped elements, or removal of grouped objects. 
     The controller  180  may select at least one of the above conditions and determine the predetermined condition using the selected condition in parallel or sequentially using the selected condition. 
     When the controller  180  renders the web page and displays the web page on the display unit  151 , the controller  180  may search a DOM (Document Object Model) object included in the web page corresponding to a center area of the display unit  151  and expand the DOM object to a boundary of the display unit  151 , thereby extracting the main page. Namely, the controller  180  may gradually reduce a weight value applied to the DOM object in a direction from a center point of the web page displayed on the display unit  151  toward the boundary of the display unit  151  and extract the main page. 
     The controller  180  may perform the lazy loading process for comparing tag information of a lazy loading component obtained by compulsively scrolling up and down the web page with tag information of the rendered web page and processing an object of the lazy loading component in the same manner as the object of the rendered web page. In a general mobile environment, that uses small-sized display devices and depends on a network speed, only the objects of the web page may be first displayed on the display unit, and objects of an area appearing by the scrolling may represent only representative tag information. In this instance, the controller  180  may perform the lazy loading process on the objects displayed on the display unit through the scrolling, so that the objects through the scrolling can be detected as the body of the web page. 
     The controller  180  may perform the header and footer extraction and the link object extraction based on the tag information of the object alignment information of the web page. The controller  180  may differentiate a header block, a footer block, a menu block, and a body clock from one another at different layers. 
     Next, the controller  180  may integrate the link object blocks into one layer and perform the grouping of link objects. The controller  180  may perform the grouping of the comment and reply blocks using the tag information of the rendered web page. 
     Finally, the controller  180  may remove the object between the grouped blocks to remove objects between grouped elements. The controller  180  may remove the grouped objects, on which the removal of the objects between the grouped elements is performed, from the main page, thereby extracting the body of the web page. 
     The controller  180  may store the detected body and display the detected body on the display unit  151  using a pop-up window. When the detection of the body is completed, the controller  180  may store the detected body in the clipboard or the notepad. 
     Referring to  FIG. 3 , the controller  180  of the electronic device may extract a body area (A) from the web page displayed on the display unit  151  based on the visual recognition method. 
     When the extraction of the body area (A) is completed, the controller  180  may store objects included in the body area (A) and overlappingly display the objects on the pop-up window. The body area (A) indicates an area including the contents, such as a text and an image, having a high need of the user at the web page. An unnecessary area such as a comment icon and a blank space may exist in the body area (A). 
     Referring to  FIG. 4 , the controller  180  of the electronic device may search HTML configuration composing the web page displayed on the display unit  151 , so as to detect the body of the web page. 
     More specifically, the controller  180  may divide the HTML configuration of the body area (A) of the web page displayed on the display unit  151  into an advertisement area, a menu area, a title area, a comment icon area, a body text area, a related link area, a comment area, etc. 
     Referring to  FIG. 5 , the controller  180  of the electronic device may search a DOM (Document Object Model) object included in the web page corresponding to the center area of the display unit  151  and expand the DOM object to a boundary of the display unit  151 , thereby extracting a main page MP. 
     The controller  180  may search the DOM object in a direction from a center point of the web page displayed on the display unit  151  toward the boundary of the display unit  151  and expand an object related to the searched DOM object to the boundary, thereby extracting the main page MP. 
     Referring to  FIG. 6 , the controller  180  of the electronic device may display objects B 1  to B 11  at different layers based on the object alignment information of the main page MP. 
     The controller  180  may display objects at different layers L 1  to L 11  based on alignment information of the objects, that can be displayed by scrolling up and down the web page, as well as the web page displayed on the display unit  151 . 
     Namely, the controller  180  may perform the lazy loading process for comparing tag information of a lazy loading component obtained by compulsively scrolling up and down the web page with tag information of the rendered web page and processing an object of the lazy loading component in the same manner as the object of the rendered web page, thereby confirming alignment information of all of the objects included in the related web page. 
     Although not shown, the controller  180  may configure the objects (B 5  and B 9 , for example) having the same tag information as each other at the same layer. 
     Referring to  FIGS. 7 and 8 , the controller  180  of the electronic device may extract a header block HB, a footer block FB, and the link objects L 1  to L 4  in reference to the tag information of the object alignment information of the web page. 
     After the controller  180  goes through the above process, the controller  180  may again divide the web page divided into the plurality of layers into the header block, the footer block, the menu block, and the body block at the different layers. 
     Referring to  FIG. 9 , the controller  180  of the electronic device may integrate the link object blocks into one layer and perform the grouping of link objects. 
     More specifically, the controller  180  may group the link object blocks B 2 , B 3 , B 4 , B 7 , and B 10  to the same layer. 
     Referring to  FIG. 10 , the controller  180  of the electronic device may perform the grouping of the comment and reply blocks using the tag information of the rendered web page. 
     More specifically, the controller  180  may group the comment and reply blocks B 5  and B 9  to the same layer. 
     Referring to  FIG. 11 , the controller  180  of the electronic device may remove the object between the grouped blocks to remove objects between the grouped elements. The controller  180  may remove the grouped objects, on which the removal of the objects between the grouped elements is performed, from the main page, thereby detecting the body of the web page. 
     The controller  180  may delete the object blocks B 1 , B 2 , B 3 , B 4 , B 5 , B 9 , B 10 , and B 11  included in the main page and may detect the remaining object blocks as the body of the web page. 
     The embodiment of the invention may delete the menu area, the advertisement area, the comment area, etc. and extract only the title, the body text, and the image as the body of the web page using the alignment information of the objects displayed on the web page irrespective of the standard of the web page. 
     Referring to  FIG. 12 , the controller  180  of the electronic device may apply the visual recognition method based on the alignment information of the objects of the web page and extract the DOM object close to a center point C of the display unit  151 , thereby detecting the body of the web page. 
     Referring to  FIG. 13 , when the detection of the body of the web page is completed, the controller  180  of the electronic device may store the detected body and display the detected body on the display unit  151  using the pop-up window W. The controller  180  may store the detected body in the clipboard or the notepad. The controller  180  may open the body stored in the clipboard or the notepad and use it, if desired or necessary. 
     The foregoing embodiments are merely exemplary and are not to be considered as limiting the present disclosure. The present teachings can be readily applied to other types of methods and apparatuses. This description is intended to be illustrative, and not to limit the scope of the claims. Many alternatives, modifications, and variations will be apparent to those skilled in the art. The features, structures, methods, and other characteristics of the exemplary embodiments described herein may be combined in various ways to obtain additional and/or alternative exemplary embodiments. 
     As the present features may be embodied in several forms without departing from the characteristics thereof, it should also be understood that the above-described embodiments are not limited by any of the details of the foregoing description, unless otherwise specified, but rather should be considered broadly within its scope as defined in the appended claims, and therefore all changes and modifications that fall within the metes and bounds of the claims, or equivalents of such metes and bounds, are therefore intended to be embraced by the appended claims.