KR20110028041A - Mobile terminal with touch screen and webpage drag method thereof - Google Patents
Mobile terminal with touch screen and webpage drag method thereof Download PDFInfo
- Publication number
- KR20110028041A KR20110028041A KR1020090085945A KR20090085945A KR20110028041A KR 20110028041 A KR20110028041 A KR 20110028041A KR 1020090085945 A KR1020090085945 A KR 1020090085945A KR 20090085945 A KR20090085945 A KR 20090085945A KR 20110028041 A KR20110028041 A KR 20110028041A
- Authority
- KR
- South Korea
- Prior art keywords
- web page
- image data
- touch screen
- mobile terminal
- web
- Prior art date
Links
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04W—WIRELESS COMMUNICATION NETWORKS
- H04W88/00—Devices specially adapted for wireless communication networks, e.g. terminals, base stations or access point devices
- H04W88/02—Terminal devices
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
- G06F1/16—Constructional details or arrangements
- G06F1/1613—Constructional details or arrangements for portable computers
- G06F1/1626—Constructional details or arrangements for portable computers with a single-body enclosure integrating a flat display, e.g. Personal Digital Assistants [PDAs]
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
- G06F1/16—Constructional details or arrangements
- G06F1/1613—Constructional details or arrangements for portable computers
- G06F1/1633—Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
- G06F1/1637—Details related to the display arrangement, including those related to the mounting of the display in the housing
- G06F1/1643—Details related to the display arrangement, including those related to the mounting of the display in the housing the display being associated to a digitizer, e.g. laptops that can be used as penpads
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/03—Arrangements for converting the position or the displacement of a member into a coded form
- G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04M—TELEPHONIC COMMUNICATION
- H04M1/00—Substation equipment, e.g. for use by subscribers
- H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
- H04M1/724—User interfaces specially adapted for cordless or mobile telephones
- H04M1/72469—User interfaces specially adapted for cordless or mobile telephones for operating the device by selecting functions from two or more displayed items, e.g. menus or icons
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Computer Hardware Design (AREA)
- Computer Networks & Wireless Communication (AREA)
- Signal Processing (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
Description
본 발명은 터치스크린을 구비한 모바일 단말에서 웹 페이지를 구성하는 프레임을 부분적으로 드래그할 수 있도록 하는 터치스크린을 구비한 모바일 단말 및 그의 웹 페이지 드래그 방법에 관한 것이다. The present invention relates to a mobile terminal having a touch screen and a method of dragging the web page thereof, which partially drag a frame constituting a web page in a mobile terminal having a touch screen.
인터넷 사용이 늘어나면서 컴퓨터, 노트북과 같은 통신단말을 이용해 원하는 정보를 얻거나, 서핑을 하는 사람들이 많다. As the use of the Internet increases, many people use a communication terminal such as a computer or a laptop to get information or surf.
목적지를 찾아 갈 경우에도, 인터넷을 통해 지도를 확인하고 출발하는 경우가 많다. Even when you are looking for a destination, you often see maps and depart from the Internet.
한편, 근래에는 화면 크기가 큰 터치스크린을 구비한 모바일 단말이 출시되고, 많이 사용되면서 모바일 단말에 탑재된 인터넷 기능을 이용하는 사용자가 늘고 있다. 특히, 모바일 단말은 언제 어디서나 인터넷을 이용할 수 있다는 장점이 있어 사용자가 원할 때 원하는 정보를 획득할 수 있게 되었다. On the other hand, in recent years, a mobile terminal having a touch screen having a large screen size has been released, and as a lot of users are used, more and more users are using the Internet function mounted on the mobile terminal. In particular, the mobile terminal has the advantage of using the Internet anytime, anywhere, so that the user can obtain the desired information when they want.
소정 URL에 대응되는 웹 사이트에 따라 웹 페이지를 구성하는 프레임 수와 프레임의 구성 형태가 다르기 때문에 사용자는 모바일 단말을 통해 자신이 선호하는 웹 사이트에 접속하여 원하는 정보를 획득한다. Since the number of frames constituting the web page and the configuration of the frames are different according to the web site corresponding to the predetermined URL, the user accesses the web site of his / her preferred through the mobile terminal to obtain desired information.
그러나, 모바일 단말의 터치스크린에 표시되는 웹 페이지는 겉으로는 컴퓨터와 유사하게 표시되지만, 웹 페이지를 제어하기 위한 처리에 있어서는 제약이 따르는 문제점이 생겼다. However, the web page displayed on the touch screen of the mobile terminal is displayed similarly to a computer, but there is a problem in that the process for controlling the web page is restricted.
이를 보다 상세히 설명하기 위해, 종래 모바일 단말의 터치스크린에 표시되는 웹 페이지를 예를 들어 보여주는 도 1을 참조하면, 사용자가 지도 검색을 할 경우, 웹 페이지(100)는 메뉴를 포함하는 메인 프레임(10)과, 텍스트를 포함하는 텍스트 프레임(20) 및 지도에 해당되는 지도 이미지 데이터(35)가 포함된 아이프레임(30)으로 구성된다. To describe this in more detail, referring to FIG. 1, which shows, for example, a web page displayed on a touch screen of a conventional mobile terminal, when a user searches a map, the
컴퓨터 또는 노트북과 같은 통신단말에서는, 아이프레임에 포함된 지도 이미지 데이터를 선택(클릭)하여 지도 이미지 데이터만을 드래그하여 이동시킬 수 있다. In a communication terminal such as a computer or a notebook computer, only map image data can be dragged and moved by selecting (clicking) map image data included in an iframe.
그러나, 모바일 단말에서는, 사용자가 터치스크린에 표시된 아이프레임(30)의 지도 이미지 데이터가 표시된 위치를 터치한다하여도 메인 프레임(10)과 텍스트 프레임(20) 및 아이프레임(30) 전체가 함께 드래그되어 이동되는 문제점이 생겼다. 즉, 아이프레임(30)의 지도 이미지 데이터(35)만을 터치하여 드래그할 수 없는 것이다. However, in the mobile terminal, even if the user touches the location where the map image data of the
컴퓨터 또는 노트북에서는 입력장치로 사용되는 마우스 또는 마우스 패드가 객체 위에 위치하게 될 때, 마우스 커서가 클릭(click)될 수 있도록 하는 마우스오버(Mouse-Over) 기능을 제공하기 때문에 마우스 또는 마우스 패드를 통해 마우스 커서를 아이프레임의 지도 이미지 데이터에 위치시키고, 지도 이미지 데이터를 선택하여 스크롤 또는 드래그하면, 아이프레임의 지도 이미지 데이터만을 이동시킬 수 있게 된다. Computers and laptops provide a mouse-over feature that allows the mouse cursor to click when the mouse or mouse pad used as an input device is placed over an object. When the mouse cursor is positioned on the map image data of the iframe and the map image data is selected and scrolled or dragged, only the map image data of the iframe can be moved.
한편, 모바일 단말의 터치스크린은 압력(Press)에 의한 터치, 이동(Move) 및 터치 해제(Release)의 세가지 터치 이벤트를 입력으로 하는데, 모바일 단말에서는 웹 페이지 자체를 하나의 프레임으로 인식하여 마우스오버 기능과 같이 아이프레임 내에 포함된 이미지 데이터(객체)를 인식할 수 있도록 하는 기능을 제공하지 않기 때문에 아이프레임(30)에 포함된 이미지 데이터(35)를 드래그할 수 없는 것이다. On the other hand, the touch screen of the mobile terminal receives three touch events such as touch, move, and release according to pressure, and the mobile terminal recognizes the web page itself as a frame and mouses over it. Since it does not provide a function for recognizing image data (object) included in the iframe like the function, the
따라서, 상기와 같은 문제점을 해결하기 위한, 본 발명의 목적은, 모바일 단말의 터치스크린에 표시된 웹 페이지에 마우스오버기능이 적용될 수 있도록 하여 아이프레임에 포함된 이미지 데이터만을 제어(드래그)할 수 있도록 하는 터치스크린을 구비한 모바일 단말 및 그의 웹 페이지 드래그 방법을 제공하는데 있다. Accordingly, an object of the present invention, to solve the above problems, so that the mouseover function can be applied to the web page displayed on the touch screen of the mobile terminal to control (drag) only the image data included in the iframe. A mobile terminal having a touch screen and a web page drag method thereof are provided.
본 발명의 다른 목적은, 터치스크린을 구비한 모바일 단말이 마우스오버기능을 이용할 수 있도록 사용자 인터페이스(UI)를 제공하는 터치스크린을 구비한 모바일 단말 및 그의 웹 페이지 드래그 방법을 제공하는데 있다. Another object of the present invention is to provide a mobile terminal having a touch screen and a web page drag method thereof, which provides a user interface (UI) so that a mobile terminal having a touch screen can use a mouseover function.
따라서, 본 발명에 따른 터치스크린을 구비한 모바일 단말은, 웹 기반의 웹 페이지 데이터를 상기 터치스크린에 디스플레이하기 위한 웹 페이지로 생성하고, 상기 웹 페이지를 구성하는 프레임에 이미지 데이터가 포함된 아이프레임이 존재하는지를 판단하는 웹 브라우저부; 및 상기 이미지 데이터가 터치되면, 터치된 위치에 드래그를 위한 아이콘이 표시되도록 하고, 상기 아이콘이 드래그되면, 드래그된 방향으로 상기 이미지 데이터를 이동하며, 상기 이동에 따른 상기 이미지 데이터가 표시되도록 상기 웹 브라우저부를 제어하는 제어부;를 포함한다. Accordingly, the mobile terminal having a touch screen according to the present invention generates an web page for displaying web-based web page data on the touch screen, and an iframe including image data in a frame constituting the web page. A web browser unit for determining whether or not there is; And when the image data is touched, an icon for dragging is displayed at the touched position, and when the icon is dragged, the image data is moved in the dragged direction, and the web is displayed so that the image data according to the movement is displayed. And a control unit for controlling the browser unit.
상기 웹 브라우저부는 상기 웹 페이지 데이터를 분석하여 상기 웹 페이지를 구성하는 프레임을 분류하고, 분류된 프레임 중 이미지 데이터가 포함된 아이프레임이 존재하는지를 판단하는 영역 구별부를 더 포함하는 것을 특징으로 한다.The web browser unit may further include an area discriminating unit configured to classify the frames constituting the web page by analyzing the web page data, and determine whether there is an iframe including image data among the classified frames.
상기 웹 페이지를 제어하기 위한 메뉴 또는 상기 이미지 데이터를 상기 드래그하기 위한 마우스오버메뉴를 제공하는 메뉴 제공부를 더 포함하는 것을 특징으로 한다.And a menu providing unit that provides a menu for controlling the web page or a mouse-over menu for dragging the image data.
상기 웹 브라우저부는 풀 브라우징 방식의 웹 브라우저인 것을 특징으로 한다.The web browser unit may be a full browser type web browser.
상기 이동에 따른 상기 이미지 데이터는 상기 아이프레임의 영역 내에서 표시되는 것을 특징으로 한다.The image data according to the movement is displayed in the area of the eye frame.
한편, 본 발명에 따른 터치스크린을 구비한 모바일 단말의 웹 페이지 드래그 방법은, 웹 기반의 웹 페이지 데이터를 상기 터치스크린에 디스플레이하기 위한 웹 페이지로 생성하고, 상기 웹 페이지를 구성하는 프레임에 이미지 데이터가 포함된 아이프레임이 존재하는지를 판단하는 제1단계; 상기 아이프레임이 존재하고, 상기 이미지 데이터가 터치되면, 터치된 위치에 드래그를 위한 아이콘을 표시하는 제2단계; 및 상기 아이콘이 드래그되면, 드래그된 방향으로 상기 이미지 데이터를 이동하며, 상기 이동에 따른 상기 이미지 데이터를 표시하는 제3단계;를 포함한다.Meanwhile, in the method of dragging a web page of a mobile terminal having a touch screen according to the present invention, web-based web page data is generated as a web page for displaying on the touch screen, and image data is stored in a frame constituting the web page. A first step of determining whether an iframe including a; Displaying the icon for dragging at the touched position when the iframe is present and the image data is touched; And a third step of moving the image data in the dragged direction when the icon is dragged and displaying the image data according to the movement.
인터넷 상의 웹 서버로 접속하여 상기 웹 페이지 데이터를 수신하는 단계를 더 포함하는 것을 특징으로 한다.Receiving the web page data by accessing a web server on the Internet.
상기 제1단계는 상기 웹 페이지를 구성하는 프레임을 분류하는 단계를 더 포함하는 것을 특징으로 한다.The first step may further include classifying a frame constituting the web page.
메뉴표시명령에 따라 상기 이미지 데이터를 드래그하기 위한 마우스오버메뉴를 표시하는 단계를 더 포함하는 것을 특징으로 한다.The method may further include displaying a mouseover menu for dragging the image data according to a menu display command.
종래에는 모바일 단말의 터치스크린에 표시된 웹 페이지의 특정 위치를 터치하여 드래그하면 웹 페이지에 포함된 프레임 전체가 같이 이동되었으나, 본 발명에 따르면 웹 페이지에 포함된 아이프레임의 이미지 데이터만을 선택하여 드래그할 수 있게 된다. 즉, 마우스의 마우스오버(Mouse-Over) 기능처럼 모바일 단말에서도 웹 페이지에 포함된 이미지 객체를 인식하여 선택하고, 드래그할 수 있게 되는 것이 다. Conventionally, when touching and dragging a specific position of a web page displayed on a touch screen of a mobile terminal, the entire frame included in the web page has moved together, but according to the present invention, only the image data of the iframe included in the web page can be selected and dragged. It becomes possible. That is, like a mouse-over function of a mouse, a mobile terminal can recognize, select, and drag an image object included in a web page.
이하, 첨부한 도면을 참조하여 본 발명을 상세히 설명하도록 하겠다.Hereinafter, the present invention will be described in detail with reference to the accompanying drawings.
다만, 본 발명을 설명함에 있어, 관련된 공지 기능 혹은 구성에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우 그에 대한 상세한 설명은 생략한다. However, in describing the present invention, when it is determined that a detailed description of a related known function or configuration may unnecessarily obscure the subject matter of the present invention, a detailed description thereof will be omitted.
도 2는 본 발명에 따른 터치스크린을 구비한 모바일 단말의 구성을 보여주는 블럭도이다. Figure 2 is a block diagram showing the configuration of a mobile terminal having a touch screen according to the present invention.
도 2를 참조하면, 모바일 단말(200)은, 무선 통신부(210)와, 아날로그 음성처리부(220)와, 터치 스크린부(230)와, 메뉴 제공부(240)와, 웹 브라우저부(250) 및 제어부(260)를 포함한다. 2, the
무선 통신부(210)는 무선으로 신호를 송수신하는 부로, 도면에 도시되지 않았지만, 듀플렉서와 송신부 및 수신부를 포함한다. 구체적으로 살펴보면, 듀플렉서는 안테나를 통해 무선으로 송수신되는 신호를 분리하고, 송신부는 소정의 중간주파수 신호를 무선주파수로 변환하여 상기 듀플렉서로 출력하며, 수신부는 안테나를 통해 수신되는 무선신호를 상기 듀플렉서를 통해 입력받아 소정의 중간주파수 신호로 변환하여 출력한다. The
아날로그 음성처리부(220)는 디지털 음성신호를 아날로그 음성신호로 변환하고 증폭하여 스피커(SPK)(223)로 출력하거나, 마이크(MIC)(221)로부터 입력되는 아 날로그 음성신호를 증폭하여 디지털 음성신호로 변환한다.The analog
터치 스크린부(230)는 터치패널(231)과, 위치 검출부(233) 및 디스플레이부(235)를 포함하는데, 디스플레이부(235)에 터치패널(231)이 장착되어 각종 메뉴를 화면에 표시하고, 화면에 접촉이 발생될 경우에 위치 검출부(233)를 통해 접촉이 발생된 위치의 좌표 정보를 검출하여 출력한다. 상기 터치 스크린부(230)의 터치패널(231)은 저항 방식, 정전용량 방식 또는 적외선 방식으로 구현될 수 있다. The
한편, 터치 스크린부(230)를 구비한 모바일 단말의 경우, 터치 스크린부(230)에서의 접촉을 인식 또는 인식하지 못하도록 터치 기능의 잠금 또는 해제를 할 수 있는 별도의 키(미도시)를 구비하여 평상시에는 터치 기능을 잠금 상태로 설정하고, 모바일 단말(200)의 소정 기능을 실행하고자할 경우에 터치 기능의 잠금 상태를 해제 설정할 수 있도록 한다. 이에 따라, 본 발명의 터치 스크린부(230)는 터치 기능의 잠금 설정이 해제된 상태에서만 터치패널(231)에서 선택된 포인트의 좌표 정보를 검출함이 바람직하다.On the other hand, in the case of a mobile terminal having a
메뉴 제공부(240)는 모바일 단말(200)에 탑재된 애플리케이션을 제어하기 위한 메뉴를 제공한다. The
본 발명에 따른 메뉴 제공부(240)는 웹 브라우저부(250)가 실행된 경우, 웹 페이지를 제어할 수 있는 메뉴(뒤로 가기, 앞으로 가기, 창 닫기, 새로 고침, 다음 탭 보기 및 이전 탭 보기) 또는 웹 페이지를 구성하는 아이프레임을 제어할 수 있는 마우스오버메뉴를 제공하는 것을 특징으로 한다. 마우스오버(Mouse-Over)는 컴퓨터 또는 노트북과 같은 통신단말에서 제공하는 기능으로, 화면에 표시된 객체 위 에 마우스 커서가 위치하게 될 때, 마우스 커서가 클릭(click)될 수 있도록 하는 것이다. When the
웹 브라우저부(250)는 사용자가 웹 주소(URL)를 입력하면, 입력된 웹 주소에 해당되는 웹 페이지 데이터를 인터넷 상의 웹 서버(미도시)로 요청하고, 웹 서버로부터 수신되는 웹 페이지 데이터를 처리하여 디스플레이부(235)에 디스플레이하기 위한 웹 페이지로 생성한다. 웹 페이지 데이터는 테이블값, HTML(HyperText Markup Language), XML(Extensible Markup Language), CSS(Cascading Style Sheets) 및 자바스크립트(Javascript) 중 하나 이상을 포함한다. When the user inputs a web address (URL), the
이러한, 웹 브라우저부(250)는 인터넷망 상의 웹 서버가 제공하는 웹 페이지 데이터를 그대로 화면 상에 디스플레이할 수 있는 플 브라우징(Full Browsing) 방식의 웹 브라우저로, 웹 서버로부터 수신받은 웹 페이지 데이터를 렌더링(Rendering) 및 파싱(Parsing) 처리를 통해 웹 페이지 데이터를 분석하여 인터넷 익스플로러(Internet Explorer)와 같이 웹 문서 포맷으로 웹 페이지가 화면에 디스플레이될 수 있도록 한다. The
랜더링은 웹 페이지 데이터에 포함된 콘텐츠와 포맷 정보를 디스플레이될 수 있도록 정리하는 것이고, 파싱은 웹 페이지 데이터에 포함된 테이블값, HTML, XML, CSS 및 페이지 프레임 구조를 포함한 페이지 구성을 분석하여 웹 페이지의 구성을 결정하는 것이다. Rendering organizes the content and format information contained in the web page data so that it can be displayed. Parsing analyzes the page composition, including the table values, HTML, XML, CSS, and page frame structures contained in the web page data. To determine the composition of the.
영역 구별부(251)는 웹 브라우저부(250)에서 렌더링 및 파싱 처리에 의해 웹 페이지 구성이 파악되면, 웹 페이지를 구성하는 프레임을 분류하고, 분류된 프레임 중 이미지 데이터를 포함하는 아이프레임이 존재하는지를 판단한다. When the
아이프레임(Iframe)은 하이퍼텍스트 생성 언어인 HTML 문서에서 글 중의 임의 위치에 또 다른 HTML 문서를 보여주는 내부 프레임(Inline Frame) 태그로, 이미지 태그로 그림 또는 이미지 파일을 문서에 포함시키는 것과 유사하다.An Iframe is an Inline Frame tag that shows another HTML document anywhere in a text in an HTML document, a hypertext generation language, similar to including a picture or image file in a document with an image tag.
제어부(260)는 상기 각 부를 제어한다. The
또한, 본 발명에 따른 제어부(260)는 웹 브라우저부(250)가 실행되어 아이프레임이 포함된 웹 페이지가 표시된 상태에서 단축메뉴 표시 명령이 입력되면, 마우스오버메뉴가 디스플레이부(235)에 표시되도록 메뉴 제공부(240)을 제어한다. 이때, 단축메뉴 표시 명령에 따라 표시되는 메뉴는 마우스오버메뉴 이외에, 도 4a에 도시된 바와 같이 텍스트 보기메뉴, 아이콘숨김메뉴를 더 포함할 수 있다. In addition, the
그리고, 제어부(260)는 상기 메뉴제공부(240)가 제공하는 마우스오버메뉴가 선택되고, 디스플레이부(235)의 아이프레임에 포함된 이미지 데이터가 터치되면, 드래그를 위한 아이콘이 터치된 위치에 표시되도록 한다. If the mouse-over menu provided by the
상기 아이콘은 웹 페이지에 포함된 아이프레임의 이미지 데이터를 제어(드래그)하기 위한 것으로, 제어부(260)는 이미지 데이터가 터치되면, 아이프레임에 포함된 이미지 데이터만을 제어할 수 있도록 이미지 데이터를 활성화시킨다. The icon is for controlling (drag) image data of an iframe included in a web page. When the image data is touched, the
한편, 마우스오버메뉴는 아이프레임에 포함된 이미지 데이터를 제어하기 위한 것으로, 사용자가 마우스오버메뉴를 선택하고, 디스플레이부(235)에 표시된 아이프레임의 이미지 데이터를 제외한 프레임(메뉴 프레임 또는 텍스트 프레임)의 어느 한 지점을 터치하면, 아이콘은 표시되지 않음이 바람직하다. Meanwhile, the mouseover menu is for controlling image data included in the iframe, and the user selects the mouseover menu and excludes the image data of the iframe displayed on the display unit 235 (menu frame or text frame). When touching any point of, it is preferable that the icon is not displayed.
제어부(260)는 디스플레이부(235)에 표시된 아이콘이 터치되어 드래그되면, 드래그된 방향으로 이미지 데이터를 이동하며, 이동에 따른 이미지 데이터가 아이프레임 영역 내에 표시되도록 한다. When the icon displayed on the
이하에서는, 도 3과 도 4a 내지 도 4c를 참조하여 모바일 단말(200)의 동작을 예를 들어 설명하도록 하겠다. Hereinafter, the operation of the
도 3을 참조하면, 모바일 단말(200)의 디스플레이부(235)에 표시된 웹 페이지(300)는 메뉴가 포함된 메뉴 프레임(310)과, 텍스트가 포함되는 텍스트 프레임(320), 플래쉬 동영상과 같은 광고 동영상이 포함되는 광고프레임(330) 및 지도 이미지 데이터(345)가 포함된 아이프레임(340)으로 구성된다. 이러한, 구성은 소정 URL에 대응되는 웹 사이트마다 웹 페이지를 구성하는 프레임의 수와 프레임의 구성 형태가 다르므로, 이에 한정되지 않고 다양하게 변형될 수 있다. Referring to FIG. 3, the
도 4a에 도시된 바와 같이, 터치스크린에 표시된 웹 페이지(300)에 단축메뉴(400)가 표시된 상태에서 사용자가 단축메뉴(400) 중 "마우스오버"메뉴를 선택하고 아이프레임(340)의 지도 이미지 데이터(345)를 터치하면, 제어부(260)는 도 4b에 도시된 바와 같이 지도 이미지 데이터(345)가 터치된 위치에 지도 이미지 데이터(345)를 선택할 수 있는 손가락 모양의 아이콘(410)이 표시되도록 한다. 아이콘(410)은 도시된 손가락 모양 이외에 화살표 모양과 같이 다양한 모양을 적용할 수 있다.As shown in FIG. 4A, when the
그리고, 사용자가 도 4c에 도시된 바와 같이, 터치스크린의 지도 이미지 데 이터(345)에 표시된 아이콘(410)을 터치한 상태로 왼쪽(441), 위쪽(443), 오른쪽(445) 또는 아래쪽(447)으로 드래그하면, 제어부(260)는 지도 이미지 데이터(345)를 드래그된 방향(왼쪽(441), 위쪽(443), 오른쪽(445) 또는 아래쪽(447))으로 이동하여 이동된 지도 이미지 데이터(345)가 터치스크린의 아이프레임(340) 영역 내에서 표시되도록 한다. And, as shown in Figure 4c, the user touches the
도 5는 본 발명에 따른 터치스크린을 구비한 모바일 단말의 웹 페이지 드래그 방법을 보여주는 흐름도이다. 5 is a flowchart illustrating a web page dragging method of a mobile terminal having a touch screen according to the present invention.
모바일 단말(100)은 사용자에 의해 웹 브라우저가 실행되고, 웹 주소가 입력되면, 입력된 웹 주소에 해당되는 인터넷 상의 웹 서버로 웹 페이지를 요청하고(S501), 웹 서버로부터 웹 페이지 데이터를 수신한다(S503). When a web browser is executed by a user and a web address is input, the
모바일 단말(100)은 수신된 웹 페이지 데이터를 분석하여 웹 페이지를 생성하고(S505), 생성된 웹 페이지를 터치스크린에 표시하는데, 웹 페이지를 구성하는 프레임 중에 이미지 데이터를 포함한 아이프레임이 존재하는지를 판단한다(S507). The
상기 S507단계의 판단결과, 아이프레임이 존재하고, 사용자가 단축메뉴 표시 명령을 입력하면, 모바일 단말(100)은 마우스오버메뉴를 터치스크린에 표시한다(S509). As a result of the determination in step S507, if an iframe exists and the user inputs a shortcut menu display command, the
그 후, 표시된 마우스오버메뉴가 선택되고, 이미지 데이터가 터치되면(S511), 모바일 단말(100)은 터치된 위치에 드래그를 위한 아이콘을 표시하며(S513), 아이콘이 터치되고 드래그되면(S515), 드래그된 방향으로 이미지 데이터 를 이동하며, 이동에 따른 이미지 데이터를 아이프레임의 영역내에서 표시한다(S517). Thereafter, when the displayed mouseover menu is selected and the image data is touched (S511), the
이상에서는 본 발명을 특정의 바람직한 실시 예에 관련하여 도시하고 설명하였으나, 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자는 상술한 실시 예에 대하여 본 발명의 범주에서 벗어나지 않는 한도 내에서 다양하게 개조 및 변화될 수 있다는 것을 용이하게 알 수 있다. 그러므로 본 발명의 권리범위는 설명된 실시 예에 국한되어 정해져서는 안 되며, 후술하는 특허청구범위뿐만 아니라 이 특허청구범위와 균등한 것들에 의해 정해져야 한다.While the invention has been shown and described with reference to certain preferred embodiments, it will be apparent to those skilled in the art that various modifications may be made without departing from the scope of the invention with respect to the embodiments described above. And can be varied. Therefore, the scope of the present invention should not be limited to the described embodiments, but should be defined by the claims below and equivalents thereof.
도 1은 종래 모바일 단말의 터치스크린에 표시되는 웹 페이지를 예를 들어 보여주는 도면,1 is a view showing an example of a web page displayed on the touch screen of a conventional mobile terminal,
도 2는 본 발명에 따른 터치스크린을 구비한 모바일 단말의 구성을 보여주는 블럭도, 2 is a block diagram showing the configuration of a mobile terminal having a touch screen according to the present invention;
도 3은 본 발명을 설명하기 위해 모바일 단말의 터치스크린에 표시되는 웹 페이지를 예를 들어 보여주는 도면, 3 is a view showing an example of a web page displayed on the touch screen of a mobile terminal to illustrate the present invention;
도 4a 및 도 4b는 본 발명에서 제공하는 메뉴와 아이콘을 예를 들어 보여주는 도면, 4A and 4B illustrate examples of menus and icons provided by the present invention;
도 4c는 본 발명에 따라 아이프레임에 포함된 이미지 데이터를 드래그하는 경우를 예를 들어 보여주는 도면, 4C is a diagram illustrating an example of dragging image data included in an iframe according to the present invention;
도 5는 본 발명에 따른 터치스크린을 구비한 모바일 단말의 동작방법을 보여주는 흐름도이다. 5 is a flowchart illustrating a method of operating a mobile terminal having a touch screen according to the present invention.
* 도면의 주요 부호에 대한 설명* Description of the main symbols in the drawing
200 : 모바일 단말 230 : 터치스크린부200: mobile terminal 230: touch screen unit
240 : 메뉴 제공부 250 : 웹 브라우저부240: menu providing unit 250: web browser unit
251 : 영역 구별부 260 : 제어부 251
Claims (11)
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020090085945A KR101618152B1 (en) | 2009-09-11 | 2009-09-11 | Mobile terminal with touch screen and webpage drag method thereof |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
KR1020090085945A KR101618152B1 (en) | 2009-09-11 | 2009-09-11 | Mobile terminal with touch screen and webpage drag method thereof |
Publications (2)
Publication Number | Publication Date |
---|---|
KR20110028041A true KR20110028041A (en) | 2011-03-17 |
KR101618152B1 KR101618152B1 (en) | 2016-05-04 |
Family
ID=43934553
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
KR1020090085945A KR101618152B1 (en) | 2009-09-11 | 2009-09-11 | Mobile terminal with touch screen and webpage drag method thereof |
Country Status (1)
Country | Link |
---|---|
KR (1) | KR101618152B1 (en) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP2506310A2 (en) | 2011-03-29 | 2012-10-03 | Lg Electronics Inc. | Bifacial solar cell |
CN111274156A (en) * | 2020-02-25 | 2020-06-12 | 中信银行股份有限公司 | Automatic identification method and device compatible with multi-frame page |
Family Cites Families (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR100801089B1 (en) * | 2005-12-13 | 2008-02-05 | 삼성전자주식회사 | Mobile device and operation method control available for using touch and drag |
KR101179890B1 (en) * | 2006-02-09 | 2012-09-06 | 삼성전자주식회사 | Method and apparatus for digital image displaying on a portable terminal |
KR20080047695A (en) * | 2006-11-27 | 2008-05-30 | 엘지전자 주식회사 | Method for displaying a web page and mobile communication device of using the same |
KR101361691B1 (en) * | 2007-02-21 | 2014-02-13 | 삼성전자주식회사 | Method for obtaining partial image of portable terminal having touch screen |
KR20090008976A (en) * | 2007-07-19 | 2009-01-22 | 삼성전자주식회사 | Map scrolling method in navigation terminal and the navigation terminal thereof |
KR100929236B1 (en) * | 2007-09-18 | 2009-12-01 | 엘지전자 주식회사 | Portable terminal with touch screen and operation control method thereof |
KR20090065990A (en) * | 2007-12-18 | 2009-06-23 | 노정훈 | System for supplying for map information and method thereof |
KR101481511B1 (en) * | 2007-12-26 | 2015-01-13 | 엘지전자 주식회사 | Terminal and method for controlling the same |
-
2009
- 2009-09-11 KR KR1020090085945A patent/KR101618152B1/en active IP Right Grant
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP2506310A2 (en) | 2011-03-29 | 2012-10-03 | Lg Electronics Inc. | Bifacial solar cell |
CN111274156A (en) * | 2020-02-25 | 2020-06-12 | 中信银行股份有限公司 | Automatic identification method and device compatible with multi-frame page |
Also Published As
Publication number | Publication date |
---|---|
KR101618152B1 (en) | 2016-05-04 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
KR102230708B1 (en) | User termincal device for supporting user interaxion and methods thereof | |
US20210019028A1 (en) | Method, device, and graphical user interface for tabbed and private browsing | |
US10831337B2 (en) | Device, method, and graphical user interface for a radial menu system | |
US8307279B1 (en) | Smooth zooming in web applications | |
US20200220914A1 (en) | User interfaces for content streaming | |
US20140289597A1 (en) | Method and device for displaying preview screen of hyperlink | |
US20150347358A1 (en) | Concurrent display of webpage icon categories in content browser | |
US11112959B2 (en) | Linking multiple windows in a user interface display | |
KR20130004857A (en) | Method and apparatus for providing user interface for internet service | |
US20020051018A1 (en) | Apparatus and method for browser interface operation | |
US20100199179A1 (en) | Portable information terminal | |
US10331297B2 (en) | Device, method, and graphical user interface for navigating a content hierarchy | |
KR20120135694A (en) | Apparatus and method for providing web browser interface using gesture in device | |
JP6439266B2 (en) | Text input method and apparatus in electronic device with touch screen | |
KR20140097820A (en) | Method and apparatus for adjusting attribute of specific object in web page in electronic device | |
US20140123036A1 (en) | Touch screen display process | |
US20160142662A1 (en) | Display apparatus and control method thereof | |
GB2516029A (en) | Touchscreen keyboard | |
US20160026309A1 (en) | Controller | |
US20150067546A1 (en) | Electronic apparatus, method and storage medium | |
EP2746918B1 (en) | Fragmented scrolling of a page | |
KR101618152B1 (en) | Mobile terminal with touch screen and webpage drag method thereof | |
US20200333925A1 (en) | System and method for navigating interfaces using touch gesture inputs | |
KR102157078B1 (en) | Method and apparatus for creating electronic documents in the mobile terminal | |
US11321357B2 (en) | Generating preferred metadata for content items |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
A201 | Request for examination | ||
E902 | Notification of reason for refusal | ||
E701 | Decision to grant or registration of patent right | ||
GRNT | Written decision to grant | ||
FPAY | Annual fee payment |
Payment date: 20190312 Year of fee payment: 6 |