KR101782249B1 - 웹페이지 표시방법 - Google Patents

웹페이지 표시방법 Download PDF

Info

Publication number
KR101782249B1
KR101782249B1 KR1020160023428A KR20160023428A KR101782249B1 KR 101782249 B1 KR101782249 B1 KR 101782249B1 KR 1020160023428 A KR1020160023428 A KR 1020160023428A KR 20160023428 A KR20160023428 A KR 20160023428A KR 101782249 B1 KR101782249 B1 KR 101782249B1
Authority
KR
South Korea
Prior art keywords
data
insertion area
data insertion
user terminal
content
Prior art date
Application number
KR1020160023428A
Other languages
English (en)
Other versions
KR20170100927A (ko
Inventor
지범수
Original Assignee
지범수
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 지범수 filed Critical 지범수
Priority to KR1020160023428A priority Critical patent/KR101782249B1/ko
Publication of KR20170100927A publication Critical patent/KR20170100927A/ko
Application granted granted Critical
Publication of KR101782249B1 publication Critical patent/KR101782249B1/ko

Links

Images

Classifications

    • G06F17/211—
    • G06F17/3005—
    • 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/0485—Scrolling or panning

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

본 발명은 기존 페이징 방식의 경우 임의로 나눈 페이지를 클릭해서 다른 페이지로 넘어가야 다음 내용의 리스트들을 볼 수 있는데 그런 페이지 이동이 없이 최초 한번으로 영역을 미리 나누어 놓고 스크롤 이동 시마다 필요한 콘텐츠의 데이터들을 불러오는 방식으로 하나의 화면 안에서 모든 내용을 열람하는데 있어, 데이터 끊김이나 로딩속도의 저하를 최소화시켜주는 웹페이지 표시방법에 관한 것으로, 사용자단말(100)에서, 요청서비스 제공서버(200)에 접속하여 사용자가 원하는 콘텐츠를 요청하는 단계(S100)와; 상기 요청서비스 제공서버(200)에서, 상기 사용자단말(100)로 요청된 콘텐츠를 전송하는 단계(S110)와; 상기 사용자단말(100)에서, 상기 콘텐츠를 전송받고, 그 전송된 콘텐츠를 이루는 데이터들을 참조하여, 출력 페이지에 삽입될 데이터의 개수 및 해당 데이터의 높이값을 설정하고, 그 설정된 데이터의 개수 및 데이터의 높이값을 토대로 출력 페이지의 높이값을 설정하는 단계(S120)와; 상기 사용자단말(100)에서, 상기 콘텐츠를 이루는 데이터들을 설정된 상기 출력 페이지에 삽입될 데이터의 개수로 구분하여 출력될 출력 페이지의 총 개수를 연산하는 단계(S130)와; 상기 사용자단말(100)에서, 연산된 상기 출력 페이지의 총 개수 만큼의 데이터 삽입영역을 나타낸 전체 데이터 삽입영역부(300)을 갖는 콘텐츠 출력화면을 생성하는 단계(S140)와; 상기 사용자단말(100)에서, 기설정된 정보로서, 사용자가 콘텐츠를 이루는 데이터들이 삽입된 출력 페이지를 열람시, 그 열람되는 출력 페이지의 개수를 나타내는 쾌속 유지용 데이터 삽입구간정보를 참조하여, 상기 콘텐츠 출력화면의 전체 데이터 삽입영역부(300) 중 기설정된 개수 만큼의 데이터 삽입영역(310,320,330,340,350)에 상기 콘텐츠에서 설정된 상기 데이터의 개수를 각각 추출하여 삽입하고, 이를 사용자단말(100)의 정보출력부(110)에 출력하는 단계(S150);로 이루어진다.

Description

웹페이지 표시방법{Method of web page display}
본 발명은 기존 페이징 방식의 경우 임의로 나눈 페이지를 클릭해서 다른 페이지로 넘어가야 다음 내용의 리스트들을 볼 수 있는데 그런 페이지 이동이 없이 최초 한번으로 영역을 미리 나누어 놓고 스크롤 이동 시마다 필요한 콘텐츠의 데이터들을 불러오는 방식으로 하나의 화면 안에서 모든 내용을 열람하는데 있어, 데이터 끊김이나 로딩속도의 저하를 최소화시켜주는 웹페이지 표시방법에 관한 것이다.
컴퓨터, 정보, 전자 통신 산업이 비약적으로 발전하면서 사용자에게 인터넷 기반의 카페, 블로그, 정보검색 및 웹툰 등 다양한 콘텐츠가 웹페이지를 통해 제공되고 있다.
개인용 컴퓨터(PC)의 인터넷 브라우저를 통해 서비스 되었던 다양한 정보의 안내를 스마트폰과 같은 이동통신단말에서 서비스 받고자 할 경우 인터넷 웹 페이지에서 제공되는 동영상 및 오디오가 포함된 콘텐츠는 이동통신단말에 내장된 동영상 및 오디오 플레이어와 호환되지 않는 경우가 종종 발생하는 문제점이 있었다.
즉, 사용자가 무선 인터넷 브라우저를 통해 특정 사이트에 접속하여 동영상을 재생하더라도, 코덱 호환 문제 등으로 인하여 이동통신단말에서 동영상이 재생되지 않는 경우가 발생한다. 이와 같은 상황은, 이동통신단말의 카메라로 촬영된 동영상(예로, k3g 확장자 파일)이 개인용 컴퓨터의 동영상 플레이어(예로, 윈도우 미디어 플레이어 등)로는 재생되지 않고, 특정 소프트웨어를 통해서만 재생되기 때문에 모바일 인터넷에 대한 불편함을 느끼게 되고, 이는 모바일 인터넷 사용률을 저하시키는 원인이 된다.
이러한, 이동통신단말에서 웹 페이지의 오디오 또는 동영상이 제대로 동작되지 않는 문제점은 이동통신단말에 적용 가능한 형태로 변환된 인터넷 웹 페이지를 무선통신 단말로 제공하는 방법 및 시스템(특허문헌 1 참조)을 통해 해소되었다.
한편, 개인용 컴퓨터(PC) 및 이동통신단말을 포함하는 사용자단말은 요청서비스 제공서버에 접속하여 사용자가 원하는 콘텐츠를 요청하면, 요청서비스 제공서버는 사용자가 요청한 콘텐츠를 이루는 전체 페이지 중 전송되는 전송 페이지를 사용자단말로 전송한다.
사용자단말은 요청서비스 제공서버에서 전송된 전송 페이지를 정보표시부를 통해 출력표시하여 사용자가 열람할 수 있게 제공한다.
이후, 사용자는 다음 페이지의 열람을 위해 사용자단말을 조작하여 다음 페이지의 전송을 요청하고, 요청서비스 제공서버는 그 요청에 의해, 사용자가 요청한 콘텐츠를 이루는 전체 페이지 중 요청한 다음번째 전송 페이지를 사용자단말로 전송한다.
사용자단말은 요청서비스 제공서버에서 전송된 다음번째 전송 페이지를 정보표시부를 통해 출력표시하여 사용자가 열람할 수 있게 제공하며, 이와 같은 과정의 반복을 통해 사용자가 요청한 콘텐츠를 이루는 전체 페이지를 사용자의 요청에 의해 계속 전송하여 열람할 수 있게 제공한다.
그런데 이와 같은, 종래의 웹페이지 표시방법은 사용자가 열람하고자 하는 콘텐츠의 페이지들을 요청서비스 제공서버에 지속적으로 요청해야만 열람이 가능한 방법이기 때문에 데이터 끊김이나 로딩속도가 저하되는 문제점이 있다.
특허문헌 1 : 대한민국특허청 등록특허공보 10-0901654호(등록일자 : 2009년06월01일)
본 발명은 상기 종래기술의 문제점을 해결하기 위한 것으로, 본 발명의 목적은 기존 페이징 방식의 경우 임의로 나눈 페이지를 클릭해서 다른 페이지로 넘어가야 다음 내용의 리스트들을 볼 수 있는데 그런 페이지 이동이 없이 최초 한번으로 영역을 미리 나누어 놓고 스크롤 이동 시마다 필요한 콘텐츠의 데이터들을 불러오는 방식으로 하나의 화면 안에서 모든 내용을 열람하는데 있어, 데이터 끊김이나 로딩속도의 저하를 최소화시켜주는 웹페이지 표시방법을 제공하는데 있다.
본 발명을 달성하기 위한 기술적 사상으로 본 발명의 웹페이지 표시방법은, 사용자단말에서, 요청서비스 제공서버에 접속하여 사용자가 원하는 콘텐츠를 요청하는 단계와; 상기 요청서비스 제공서버에서, 상기 사용자단말로 요청된 콘텐츠를 전송하는 단계와; 상기 사용자단말에서, 상기 콘텐츠를 전송받고, 그 전송된 콘텐츠를 이루는 데이터들을 참조하여, 출력 페이지에 삽입될 데이터의 개수 및 해당 데이터의 높이값을 설정하고, 그 설정된 데이터의 개수 및 데이터의 높이값을 토대로 출력 페이지의 높이값을 설정하는 단계와; 상기 사용자단말에서, 상기 콘텐츠를 이루는 데이터들을 설정된 상기 출력 페이지에 삽입될 데이터의 개수로 구분하여 출력될 출력 페이지의 총 개수를 연산하는 단계와; 상기 사용자단말에서, 연산된 상기 출력 페이지의 총 개수 만큼의 데이터 삽입영역을 나타낸 전체 데이터 삽입영역부을 갖는 콘텐츠 출력화면을 생성하는 단계와; 상기 사용자단말에서, 기설정된 정보로서, 사용자가 콘텐츠를 이루는 데이터들이 삽입된 출력 페이지를 열람시, 그 열람되는 출력 페이지의 개수를 나타내는 쾌속 유지용 데이터 삽입구간정보를 참조하여, 상기 콘텐츠 출력화면의 전체 데이터 삽입영역부 중 기설정된 개수 만큼의 데이터 삽입영역에 상기 콘텐츠에서 설정된 상기 데이터의 개수를 각각 추출하여 삽입하고, 이를 사용자단말의 정보표시부에 출력하는 단계;로 이루어진다.
상기 쾌속 유지용 데이터 삽입구간정보의 출력 페이지의 개수는 상기 정보표시부에 표시된 콘텐츠 출력화면의 전체 데이터 삽입영역부 중 스크롤 바가 위치하는 데이터 삽입영역 및 그 스크롤 바가 위치하는 데이터 삽입영역을 중심으로 전후(前後)의 데이터 삽입영역인 것을 특징으로 한다.
본 발명의 웹페이지 표시방법은, 상기 사용자단말에서, 상기 정보표시부에 표시된 콘텐츠 출력화면의 데이터 삽입영역에 포함된 스크롤 바가 전(前) 또는 후(後)의 데이터 삽입영역으로 이동되었는지 확인하는 단계와; 상기 정보표시부에 표시된 콘텐츠 출력화면의 데이터 삽입영역에 포함된 스크롤 바가 전(前) 또는 후(後)의 데이터 삽입영역으로 이동된 경우 상기 사용자단말에서, 상기 스크롤 바가 이동된 방향 쪽의 데이터 삽입영역들 중 상기 콘텐츠의 데이터가 삽입된 끝단의 데이터 삽입영역의 다음 단에 위치하는 여백의 데이터 삽입영역을 인지하는 단계와; 상기 사용자단말에서, 상기 콘텐츠를 이루는 데이터들 중 상기 인지된 여백의 데이터 삽입영역에 삽입될 데이터들을 상기 콘텐츠에서 추출하고, 그 추출된 콘텐츠의 데이터들을 상기 인지된 여백의 데이터 삽입영역에 삽입하여 사용자가 열람할 수 있게 안내하는 단계;를 포함한다.
상기 사용자단말에서, 상기 콘텐츠를 이루는 데이터들 중 상기 인지된 여백의 데이터 삽입영역에 삽입될 데이터들을 상기 콘텐츠에서 추출하고, 그 추출된 콘텐츠의 데이터들을 상기 인지된 여백의 데이터 삽입영역에 삽입하여 사용자가 열람할 수 있게 안내하는 단계에 있어서, 상기 사용자단말은 상기 스크롤 바가 이동된 방향의 반대쪽의 데이터 삽입영역들 중 상기 콘텐츠의 데이터가 삽입된 끝단의 데이터 삽입영역에서, 그 삽입된 콘텐츠의 데이터를 삭제하여 여백으로 만드는 것을 특징으로 한다.
상기 사용자단말에서, 상기 정보출력부(110)에 표시된 콘텐츠 출력화면의 데이터 삽입영역에 포함된 스크롤 바가 전(前) 또는 후(後)의 데이터 삽입영역으로 이동되었는지 확인하는 단계에 있어서, 상기 정보표시부에 표시된 콘텐츠 출력화면의 데이터 삽입영역에 포함된 스크롤 바가 전(前) 또는 후(後)의 데이터 삽입영역으로 이동되지 않은 경우 상기 사용자단말에서, 상기 정보출력부(110)에 표시된 콘텐츠 출력화면의 데이터 삽입영역에 포함된 스크롤 바가 전(前) 또는 후(後)의 데이터 삽입영역으로 이동될 때까지 대기하는 단계;를 포함한다.
본 발명은 기존 페이징 방식의 경우 임의로 나눈 페이지를 클릭해서 다른 페이지로 넘어가야 다음 내용의 리스트들을 볼 수 있는데 그런 페이지 이동이 없이 최초 한번으로 영역을 미리 나누어 놓고 스크롤 이동 시마다 필요한 콘텐츠의 데이터들을 불러오는 방식으로 하나의 화면 안에서 모든 내용을 열람하는데 있어, 데이터 끊김이나 로딩속도의 저하를 최소화시켜주는 효과를 발휘한다.
도 1은 본 발명의 웹페이지 표시방법을 구현하는데 필요한 시스템 구성도,
도 2는 본 발명의 웹페이지 표시방법을 나타낸 순서도,
도 3 내지 도 5는 본 발명의 웹페이지 표시방법을 통해 사용자단말에 표시되는 콘텐츠 출력화면에 콘텐츠를 이루는 데이터들이 삽입 및 삭제되는 과정을 나타낸 사용상태도이다.
이하에서는 본 발명의 실시예의 구성 및 작용에 대하여 첨부한 도면을 참조하면서 상세히 설명하기로 한다.
도시된 바와 같이, 본 발명의 웹페이지 표시방법을 구현하기 위해서는 사용자단말(100), 요청서비스 제공서버(200) 및 사용자단말(100)과 요청서비스 제공서버(200) 간을 연결하여 주는 네트워크가 구비되어야 한다.
먼저, 네트워크는 근거리 통신망(Local Area Network; LAN), 광역 통신망(Wide Area Network; WAN), 부가가치 통신망(Value Added Network; VAN), 개인 근거리 무선통신(Personal Area Network; PAN), 이동 통신망(mobile radio communication network) 또는 위성 통신망 등과 같은 모든 종류의 유무선 네트워크로 구현될 수 있다.
사용자단말(100)은 네트워크를 통해 후술되는 요청서비스 제공서버(200)에 로그인을 통해 접속한 후 요청서비스 제공서버(200)에서 제공하는 다양한 서비스 중 사용자가 원하는 콘텐츠(일예로, 웹툰열람, 블로그 열람, 포털 사이트의 정보 열람 등)의 열람을 요청하는 단말부재로서, 요청서비스 제공서버(200)와 콘텐츠를 전송받을 수 있도록 인터페이스 기능을 수행하는 통신부(도시하지 않음), 콘텐츠의 전송 요청을 포함하는 다양한 정보의 요청을 위한 정보입력부(도시하지 않음), 전송된 콘텐츠가 저장되는 메모리부(도시하지 않음), 전송된 콘텐츠가 출력되는 정보출력부(110)정보출력부(110)반적으로 제어하는 제어부(도시하지 않음)로 이루어지며, 이러한 구성들은 일반적인 사항이므로 더이상의 언급은 제외하기로 한다.
이러한 기능을 수행하는 사용자단말(100)은 개인용 컴퓨터(PC)나 휴대용 단말기, 텔레비전으로 구현될 수 있다. 여기서, 개인용 컴퓨터는 예를 들어, 웹 브라우저(WEBBrowser)가 탑재된 노트북, 데스크톱(desktop), 랩톱(laptop) 등을 포함하고, 휴대용 단말기는 예를 들어, 휴대성과 이동성이 보장되는 무선 통신 장치로서, PCS(Personal Communication System), GSM(Global System for Mobile communications), PDC(Personal Digital Cellular), PHS(Personal Handyphone System), PDA(Personal Digital Assistant), IMT(International Mobile Telecommunication)-2000, CDMA(Code Division Multiple Access)-2000, W-CDMA(W-Code Division Multiple Access), Wibro(Wireless Broadband Internet) 단말, 스마트폰(Smart Phone) 등과 같은 모든 종류의 핸드헬드(Handheld) 기반의 무선 통신 장치를 포함할 수 있다. 또한, 텔레비전은 IPTV(Internet Protocol Television), 인터넷 TV(Internet Television), 지상파 TV, 케이블 TV 등을 포함할 수 있다.
상기 요청서비스 제공서버(200)는 사용자가 열람을 원하는 다양한 콘텐츠를 서비스해주는 서버부재로서, 웹서버, 콘텐츠가 저장관리되는 데이터베이스 서버 및 응용프로그램 서버 등으로 이루어질 수 있다.
이와 같은, 구성을 통해 본 발명의 웹페이지 표시방법을 설명하면 다음과 같다.
사용자는 사용자단말(100)을 조작하여, 네트워크를 통해 요청서비스 제공서버(200)에 접속한 후 사용자가 원하는 콘텐츠의 열람을 요청(S100)한다.
요청서비스 제공서버(200)는 사용자단말(100)이 요청한 콘텐츠를 전송(S110)한다.
사용자단말(100)은 콘텐츠를 전송받고, 그 전송된 콘텐츠를 이루는 데이터들을 참조하여, 출력 페이지에 삽입될 데이터의 개수 및 해당 데이터의 높이값을 설정하고, 그 설정된 데이터의 개수 및 데이터의 높이값을 토대로 출력 페이지의 높이값을 설정(S120)한다.
이후, 사용자단말(100)은 콘텐츠를 이루는 데이터들을 설정된 출력 페이지에 삽입될 데이터의 개수로 구분하여 출력될 출력 페이지의 총 개수를 연산(S130)한다.
이후, 사용자단말(100)은 연산된 출력 페이지의 총 개수 만큼의 데이터 삽입영역(310,320,330,340,350)을 나타낸 전체 데이터 삽입영역부(300)를 갖는 콘텐츠 출력화면을 생성(S140)한다.
여기에서, 전체 데이터 삽입영역부(300)의 데이터 삽입영역(310,320,330,340,350)의 개수는 출력 페이지의 개수와 같다. 즉, 사용자단말(100)의 정보출력부(110)에 표시되는 하나의 출력 페이지는 하나의 데이터 삽입영역(310,320,330,340,350)과 같다.
이후, 사용자단말(100)은 기설정된 정보로서, 사용자가 콘텐츠를 이루는 데이터들이 삽입된 출력 페이지를 열람시, 그 열람되는 출력 페이지의 개수를 나타내는 쾌속 유지용 데이터 삽입구간정보를 참조하여, 콘텐츠 출력화면의 전체 데이터 삽입영역부(300) 중 기설정된 개수 만큼의 데이터 삽입영역(310,320,330,340,350)에 상기 콘텐츠에서 설정된 데이터의 개수를 각각 추출하여 삽입하고, 이를 사용자단말(100)의 정보출력부(110)에 출력(S150)한다.
이때, 쾌속 유지용 데이터 삽입구간정보는 메모리부에 저장관리되어진다.
또한, 쾌속 유지용 데이터 삽입구간정보의 출력 페이지의 개수는 도면에 도시된 것처럼, 정보출력부(110)에 표시된 콘텐츠 출력화면의 전체 데이터 삽입영역부(300) 중 스크롤 바(302)가 위치하는 데이터 삽입영역(310,320,330,340,350) 및 그 스크롤 바(302)가 위치하는 데이터 삽입영역(310,320,330,340,350)을 중심으로 전후(前後)의 데이터 삽입영역인 것으로, 3개로 이루어질 수 있다.
단, 이러한 쾌속 유지용 데이터 삽입구간정보의 출력 페이지의 개수는 사용자단말(100)의 사용환경 즉, 단말의 종류, 각 단말의 기계적 성능(CPU, 그래픽카드, 램메모리 등)에 따라 증가될 수 있다.
이처럼, 쾌속 유지용 데이터 삽입구간정보의 출력 페이지의 개수를 제한하는 것은 데이터 끊김이나 로딩속도가 저하되지 않고 최적의 환경속도에서 사용자가 콘텐츠를 열람할 수 있게 제공하기 위함이다.
도 3을 주로 참조하여, 쾌속 유지용 데이터 삽입구간정보의 출력 페이지의 개수는 스크롤 바(302)가 위치하는 데이터 삽입영역(310) 및 그 스크롤 바(302)가 위치하는 데이터 삽입영역(310)의 후(後)의 데이터 삽입영역(320)의 2개로 이루어지는데 이는, 스크롤 바(302)가 위치하는 데이터 삽입영역(310)의 전(前)의 데이터 삽입영역이 없기 때문이다.
이후, 사용자단말(100)은 정보출력부(110)에 표시된 콘텐츠 출력화면의 데이터 삽입영역(310,320,330,340,350)에 포함된 스크롤 영역(301)에 위치하는 스크롤 바(302)가 전(前) 또는 후(後)의 데이터 삽입영역(310,320,330,340,350)으로 이동되었는지 확인(S160)하여 정보출력부(110)에 표시된 콘텐츠 출력화면의 데이터 삽입영역(310,320,330,340,350)에 포함된 스크롤 바(302)가 전(前) 또는 후(後)의 데이터 삽입영역(310,320,330,340,350)으로 이동되지 않은 경우, 사용자단말(100)은 정보출력부(110)에 표시된 콘텐츠 출력화면의 데이터 삽입영역(310,320,330,340,350)에 포함된 스크롤 바(302)가 전(前) 또는 후(後)의 데이터 삽입영역(310,320,330,340,350)으로 이동될 때까지 대기(S161)한다.
도 4를 주로 참조하여, 이후, 사용자단말(100)은 정보출력부(110)에 표시된 콘텐츠 출력화면의 데이터 삽입영역(310,320,330,340,350)에 포함된 스크롤 바(302)가 전(前) 또는 후(後)의 데이터 삽입영역(310,320,330,340,350)으로 이동된 경우 스크롤 바(302)가 이동된 방향 쪽의 데이터 삽입영역(320,330,340,350)들 중 콘텐츠의 데이터가 삽입된 끝단의 데이터 삽입영역(320)의 다음 단에 위치하는 여백의 데이터 삽입영역(330)을 인지(S170)한다.
이후, 사용자단말(100)은 콘텐츠를 이루는 데이터들 중 그 인지된 여백의 데이터 삽입영역(330)에 삽입될 데이터들을 메모리부에 저장된 콘텐츠에서 추출하고, 그 추출된 콘텐츠의 데이터들을 그 인지된 여백의 데이터 삽입영역(330)에 삽입하여 사용자가 열람할 수 있게 안내(S180)한다.
도 5를 주로 참조하여, 또한, 사용자단말(100)은 스크롤 바(302)가 이동된 방향의 반대쪽의 데이터 삽입영역(310,320)들 중 상기 콘텐츠의 데이터가 삽입된 끝단의 데이터 삽입영역(310)에서, 그 삽입된 콘텐츠의 데이터를 삭제하여 여백으로 만듦으로서, 항시 전체 데이터 삽입영역부(300)의 각 데이터 삽입영역(310,320,330,340,350) 중 콘텐츠의 데이터가 삽입된 데이터 삽입영역(320,330,340)은 기설정된 3개 이내를 유지하여, 데이터 끊김이나 로딩속도가 저하되지 않고 최적의 환경속도에서 사용자가 콘텐츠를 열람할 수 있게 제공하여 준다.
100 : 사용자단말
110 : 정보출력부
200 : 요청서비스 제공서버
300 : 전체 데이터 삽입영역부
301 : 스크롤 영역
302 : 스크롤 바
310,320,330,340,350 : 데이터 삽입영역

Claims (5)

  1. 사용자단말에서, 요청서비스 제공서버에 접속하여 사용자가 원하는 콘텐츠를 요청하는 단계(S100)와;
    상기 요청서비스 제공서버에서, 상기 사용자단말로 요청된 콘텐츠를 전송하는 단계(S110)와;
    상기 사용자단말에서, 상기 콘텐츠를 전송받고, 그 전송된 콘텐츠를 이루는 데이터들을 참조하여, 출력 페이지에 삽입될 데이터의 개수 및 해당 데이터의 높이값을 설정하고, 그 설정된 데이터의 개수 및 데이터의 높이값을 토대로 출력 페이지의 높이값을 설정하는 단계(S120)와;
    상기 사용자단말에서, 상기 콘텐츠를 이루는 데이터들을 설정된 상기 출력 페이지에 삽입될 데이터의 개수로 구분하여 출력될 출력 페이지의 총 개수를 연산하는 단계(S130)와;
    상기 사용자단말에서, 연산된 상기 출력 페이지의 총 개수 만큼의 데이터 삽입영역을 나타낸 전체 데이터 삽입영역부을 갖는 콘텐츠 출력화면을 생성하는 단계(S140)와;
    상기 사용자단말에서, 기설정된 정보로서, 사용자가 콘텐츠를 이루는 데이터들이 삽입된 출력 페이지를 열람시, 그 열람되는 출력 페이지의 개수를 나타내는 쾌속 유지용 데이터 삽입구간정보를 참조하여, 상기 콘텐츠 출력화면의 전체 데이터 삽입영역부 중 기설정된 개수 만큼의 데이터 삽입영역에 상기 콘텐츠에서 설정된 상기 데이터의 개수를 각각 추출하여 삽입하고, 이를 사용자단말의 정보표시부에 출력하는 단계(S150);로 이루어지고,
    상기 쾌속 유지용 데이터 삽입구간정보의 출력 페이지의 개수는 상기 정보 표시부에 표시된 콘텐츠 출력화면의 전체 데이터 삽입영역부 중 스크롤 바가 위치하는 데이터 삽입영역 및 그 스크롤 바가 위치하는 데이터 삽입영역을 중심으로 전후(前後)의 데이터 삽입영역인 것을 특징으로 하는 웹페이지 표시방법
  2. 삭제
  3. 제1항에 있어서,
    상기 사용자단말에서, 상기 정보표시부에 표시된 콘텐츠 출력화면의 데이터 삽입영역에 포함된 스크롤 바가 전(前) 또는 후(後)의 데이터 삽입영역으로 이동되었는지 확인하는 단계(S160)와;
    상기 정보표시부에 표시된 콘텐츠 출력화면의 데이터 삽입영역에 포함된 스크롤 바가 전(前) 또는 후(後)의 데이터 삽입영역으로 이동된 경우 상기 사용자단말에서, 상기 스크롤 바가 이동된 방향 쪽의 데이터 삽입영역들 중 상기 콘텐츠의 데이터가 삽입된 끝단의 데이터 삽입영역의 다음 단에 위치하는 여백의 데이터 삽입영역을 인지하는 단계(S170)와;
    상기 사용자단말에서, 상기 콘텐츠를 이루는 데이터들 중 상기 인지된 여백의 데이터 삽입영역에 삽입될 데이터들을 상기 콘텐츠에서 추출하고, 그 추출된 콘텐츠의 데이터들을 상기 인지된 여백의 데이터 삽입영역에 삽입하여 사용자가 열람할 수 있게 안내하는 단계(S180);를 포함하되,
    상기 사용자단말은 상기 스크롤 바가 이동된 방향의 반대쪽의 데이터 삽입영역들 중 상기 콘텐츠의 데이터가 삽입된 끝단의 데이터 삽입영역에서, 그 삽입된 콘텐츠의 데이터를 삭제하여 여백으로 만드는 것;과
    상기 사용자단말에서, 상기 정보표시부(110)에 표시된 콘텐츠 출력화면의 데이터 삽입영역에 포함된 스크롤 바가 전(前) 또는 후(後)의 데이터 삽입영역으로 이동되었는지 확인하는 (S160)단계에서,
    상기 정보표시부에 표시된 콘텐츠 출력화면의 데이터 삽입영역에 포함된 스크롤 바가 전(前) 또는 후(後)의 데이터 삽입영역으로 이동되지 않은 경우 상기 사용자단말에서, 상기 정보표시부(110)에 표시된 콘텐츠 출력화면의 데이터 삽입영역에 포함된 스크롤 바가 전(前) 또는 후(後)의 데이터 삽입영역으로 이동될 때까지 대기하는 단계(S161);를 포함하는 것을 특징으로 하는 웹페이지 표시방법.
  4. 삭제
  5. 삭제
KR1020160023428A 2016-02-26 2016-02-26 웹페이지 표시방법 KR101782249B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020160023428A KR101782249B1 (ko) 2016-02-26 2016-02-26 웹페이지 표시방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020160023428A KR101782249B1 (ko) 2016-02-26 2016-02-26 웹페이지 표시방법

Publications (2)

Publication Number Publication Date
KR20170100927A KR20170100927A (ko) 2017-09-05
KR101782249B1 true KR101782249B1 (ko) 2017-10-23

Family

ID=59924594

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020160023428A KR101782249B1 (ko) 2016-02-26 2016-02-26 웹페이지 표시방법

Country Status (1)

Country Link
KR (1) KR101782249B1 (ko)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20220021756A (ko) * 2020-08-14 2022-02-22 삼성전자주식회사 전자 장치 및 그 동작 방법

Also Published As

Publication number Publication date
KR20170100927A (ko) 2017-09-05

Similar Documents

Publication Publication Date Title
CN107273031B (zh) 信息流页面加载方法及装置
US8046494B2 (en) Extensible transcoder annotation for transcoding proxy servers
US7975214B2 (en) System for capturing frames and form data
US10515142B2 (en) Method and apparatus for extracting webpage information
US20100332512A1 (en) System and method for creating and manipulating thumbnail walls
CN105284075A (zh) 基于为网页的网页元素聚合用户偏好的优化网页加载
US20210365518A1 (en) Document input content processing method and apparatus, electronic device, and storage medium
KR101914478B1 (ko) 이미지 제공 시스템, 이를 위한 장치 및 이미지 제공 방법
CN1938694A (zh) 利用给定的url的标准与小屏幕呈现
CN113382083B (zh) 一种网页截图方法和装置
KR20120051285A (ko) 이동 통신 단말에서의 배경화면 표시 방법 및 그 장치
CN108334516B (zh) 信息推送方法和装置
WO2014176906A1 (en) Online video playing method and apparatus and computer readable medium
EP2146291A1 (en) Method and system for providing interface of web page
CN102541836A (zh) 一种调整版式文件版面的方法及装置
KR101079624B1 (ko) 브라우저의 표시 방법 및 이를 이용하는 휴대 단말기
US8954345B2 (en) Method and system for advertising using a mobile communication device
CN105224611A (zh) 基于浏览器的操作处理方法、装置以及浏览器
KR101782249B1 (ko) 웹페이지 표시방법
US9043441B1 (en) Methods and systems for providing network content for devices with displays having limited viewing area
US8683313B2 (en) System for processing mixed-format files
US20080297521A1 (en) System and method for providing skins for a web page
US20160203114A1 (en) Control of Access and Management of Browser Annotations
US20140195894A1 (en) Method and system for continuous rendering of web content
KR101724076B1 (ko) 사용자 서버를 이용한 html 제어 시스템 및 방법

Legal Events

Date Code Title Description
A201 Request for examination
E902 Notification of reason for refusal
AMND Amendment
E601 Decision to refuse application
AMND Amendment
X701 Decision to grant (after re-examination)
GRNT Written decision to grant