Nothing Special   »   [go: up one dir, main page]

KR102348766B1 - 데이터 처리 방법 및 장치 - Google Patents

데이터 처리 방법 및 장치 Download PDF

Info

Publication number
KR102348766B1
KR102348766B1 KR1020197000292A KR20197000292A KR102348766B1 KR 102348766 B1 KR102348766 B1 KR 102348766B1 KR 1020197000292 A KR1020197000292 A KR 1020197000292A KR 20197000292 A KR20197000292 A KR 20197000292A KR 102348766 B1 KR102348766 B1 KR 102348766B1
Authority
KR
South Korea
Prior art keywords
code
image
web page
sub
terminal device
Prior art date
Application number
KR1020197000292A
Other languages
English (en)
Other versions
KR20190015518A (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 어드밴스드 뉴 테크놀로지스 씨오., 엘티디.
Publication of KR20190015518A publication Critical patent/KR20190015518A/ko
Application granted granted Critical
Publication of KR102348766B1 publication Critical patent/KR102348766B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/957—Browsing optimisation, e.g. caching or content distillation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/14—Tree-structured documents
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F40/00—Handling natural language data
    • G06F40/10—Text processing
    • G06F40/12—Use of codes for handling textual entities
    • G06F40/14—Tree-structured documents
    • G06F40/143—Markup, e.g. Standard Generalized Markup Language [SGML] or Document Type Definition [DTD]
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06V—IMAGE OR VIDEO RECOGNITION OR UNDERSTANDING
    • G06V30/00—Character recognition; Recognising digital ink; Document-oriented image-based pattern recognition
    • G06V30/40—Document-oriented image-based pattern recognition
    • Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Artificial Intelligence (AREA)
  • Software Systems (AREA)
  • Health & Medical Sciences (AREA)
  • Audiology, Speech & Language Pathology (AREA)
  • Computational Linguistics (AREA)
  • General Health & Medical Sciences (AREA)
  • Computer Vision & Pattern Recognition (AREA)
  • Multimedia (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

본 출원은 데이터 처리 방법 및 장치를 개시한다. 웹 페이지의 이미지를 수 개의 서브이미지로 분할한 후에, 서버는 각각의 서브이미지를 웹 페이지에 대응하는 코드로 변환하고, 각각의 코드 조각을 웹 페이지의 HTML 코드에 기록할 수 있다. 그래서 웹 페이지를 수신한 후에, 단말 장치는 각각의 서브이미지에 대한 호출 요청을 발송할 필요 없이 웹 페이지의 HTML 코드를 작동시켜서 각각의 코드 조각에 대응하는 서브이미지를 상기 웹 페이지에 렌더링할 수 있다. 그러므로 단말 장치는 복수의 통신 채널을 확립할 필요가 없고, 그래서 단말 장치가 웹 페이지에 이미지를 로드할 때 사용자가 이미지의 부분 콘텐츠를 신속히 볼 수 있게 하며, 이로써 사용자에 의한 웹 페이지의 반복적 로딩 필요성을 제거하고, 단말 장치의 전력 소모를 감소시키며, 단말 장치의 사용 효율을 개선한다.

Description

데이터 처리 방법 및 장치
본 출원은 "데이터 처리 방법 및 장치"의 명칭으로 중국 특허청에 2016년 6월 6일자 출원된 중국 특허 출원 제201610394102.5호에 대한 우선권을 주장하며, 상기 중국 특허 출원은 인용에 의해 그 전부가 본원에 통합된다.
본 발명은 정보 기술 분야에 관한 것으로, 특히 정보 처리 방법 및 장치에 관한 것이다.
정보 기반 사회의 발전으로 사람들의 네트워크에 대한 의존성이 점점 더 증가하고 있다. 더욱이, 모바일 지능 단말 장치가 개발됨에 따라, 사람들은 모바일 지능 단말 장치(예를 들면, 모바일 폰 및 태블릿 컴퓨터; 줄여서 단말 장치라고 부름)를 이용하여 서비스를 실행할 가능성이 더 크다.
일반적으로, 단말 장치의 브라우저를 이용하여 웹 페이지를 브라우징할 때, 만일 웹 페이지에 이미지가 있으면, 단말 장치는 상기 브라우저를 이용하여 상기 웹 페이지에 대응하는 코드를 작동시키고 상기 이미지를 로딩한 후에만 상기 웹 페이지에 이미지를 디스플레이할 수 있다. 이 때문에 개인이 단말 장치의 브라우저를 이용하여 웹 페이지를 브라우징할 때, 웹 페이지의 텍스트가 먼저 디스플레이되고 웹 페이지의 이미지가 나중에 디스플레이된다. 사용자가 이미지의 디스플레이를 기다릴 때 단말 장치의 브라우저는 사실 웹 페이지에 이미지를 로딩한다. 웹 페이지의 이미지가 큰 공간을 차지할 때(다시 말해서 이미지의 사이즈가 클 때), 브라우저는 로딩 동작 중에 더 큰 분량의 데이터를 로딩할 수 있고, 로딩에 더 긴 시간이 걸릴 수 있다. 또한, 이미지가 로딩 대상의 전체 데이터로서 소용되기 때문에, 단말 장치의 브라우저는 이미지의 모든 데이터가 로딩된 후에만 이미지를 그에 따라서 디스플레이할 수 있다.
전술한 설명에 비추어, 단말 장치는 더 큰 이미지를 로딩할 때 더 많은 시간이 걸린다는 것을 알 수 있다. 그 결과, 사용자는 웹 페이지 로딩 오류라고 잘못 인식하여 웹 페이지 리로딩(reload)을 반복적으로 시도할 수 있다. 그래서, 네트워크 작동 부하 및 단말 장치 작동 부하가 둘 다 증가하고, 사용자의 웹 페이지 브라우징 경험이 저하되며, 사용자는 웹 페이지 브라우징에 흥미를 덜 갖게 된다.
이러한 문제점을 해소하기 위해, 기존 기술에서는 웹 페이지의 이미지를 더 작은 공간을 차지하는 복수의 서브이미지로 분할하고, 각각의 서브이미지가 웹 페이지의 코드에 기록된다. 그래서 웹 페이지를 열 때, 단말 장치의 브라우저는 이미지의 콘텐츠를 디스플레이하기 위해 전체 이미지를 로드할 필요가 없고 로드된 서브이미지에 대응하는 이미지 콘텐츠를 디스플레이한다. 다시 말해서, 사용자가 단말 장치를 이용하여 웹 페이지를 브라우징할 때 웹 페이지의 이미지는 부분씩 디스플레이된다(즉, 서브이미지들이 웹 페이지에 순차적으로 디스플레이된다). 서브이미지가 작은 공간을 차지하기 때문에, 서브이미지는 비교적 고속으로 로드되고, 사용자는 이미지의 부분적 콘텐츠(즉, 서브이미지의 콘텐츠)를 신속히 볼 수 있으며, 이로써 사용자가 웹 페이지 로딩 오류라고 잘못 인식하는 경우를 감소시키고, 또한 사용자에 의한 웹 페이지의 반복적 로딩을 감소시켜서 사용자의 웹 페이지 브라우징 경험을 개선한다.
일반적으로, 단말 장치의 브라우저에 의한 웹 페이지의 이미지 로딩 프로세스는 다음과 같다: 먼저, 이미지의 로딩 어드레스(예를 들면, 서버 어드레스)가 웹 페이지 서버에 의해 제공되는 하이퍼텍스트 마크업 언어(HTML) <img> 태그에 기록된다. 임의의 단말 장치의 브라우저가 HTML 웹 페이지의 코드를 로드하고 <img> 태그로 작동할 때, 상기 단말 장치의 브라우저는 <img> 태그에 기록된 이미지 로딩 어드레스에 기초하여 상기 이미지 로딩 어드레스에 대응하는 서버에 호출 요청을 발송할 수 있고, 그래서 상기 이미지 로딩 어드레스에 대응하는 서버는 대응하는 데이터(즉, 이미지)를 반환할 수 있으며, 브라우저는 수신된 이미지를 <img> 태그를 이용하여 웹 페이지에 렌더링할 수 있고, 그 다음에 사용자는 종국적으로 그 이미지를 볼 수 있다.
또한, 기존 기술에서 웹 페이지의 서브이미지는 장치 작동 부하를 경감하기 위해 콘텐츠 전송 네트워크(content delivery network, CDN)에 저장된다. 다시 말해서 서브이미지들이 상이한 서버에 저장될 수 있다. 그러므로 웹 페이지의 HTML 코드의 <img> 태그에 기록된 서브이미지의 어드레스들은 상이한 서버의 어드레스들일 수 있다.
또한, 단말 장치가 호출 요청을 시작할 때마다 통신 채널을 확립하는 프로세스가 있다. 통신 채널을 확립하는 프로세스는 단말 장치의 전기 에너지 자원을 다량 소비한다(다시 말해서, 통신 채널의 확립은 전력 소모가 큰 동작이고, 훨씬 더 높은 전력 소모를 야기한다). 그러나 기존 기술에서는 웹 페이지의 이미지가 일반적으로 복수의 서브이미지로 분할되기 때문에, 각 서브이미지의 호출 요청은 별도로 시작되어야 한다. 즉, 단말 장치가 웹 페이지를 브라우징할 때 각각의 서브이미지에 대하여 각각의 통신 채널이 확립되어야 한다. 더욱이, 서브이미지들이 상이한 서버에 저장될 수 있기 때문에, 단말 장치는 호출 요청을 복수의 서버에 발송해야 할 수 있다.
기존 기술에서의 웹 페이지 이미지 로딩 방법은 단말 장치의 전력 소모를 크게 증가시켜서 단말 장치의 사용 시간을 단축시키고 단말 장치의 사용 효율에 영향을 준다는 것을 알 수 있다.
본 발명의 구현예는 웹 페이지의 이미지가 복수의 서브이미지로 분할된 후에 단말 장치가 각각의 서브이미지에 대한 호출 요청을 발송해야 하기 때문에 단말 장치의 전력 소모를 증가시키고 단말 장치의 사용 효율에 영향을 주는 종래 기술의 문제점을 해소시키는 데이터 처리 방법을 제공한다.
본 발명의 구현예는 웹 페이지의 이미지가 복수의 서브이미지로 분할된 후에 단말 장치가 각각의 서브이미지에 대한 호출 요청을 발송해야 하기 때문에 단말 장치의 전력 소모를 증가시키고 단말 장치의 사용 효율에 영향을 주는 종래 기술의 문제점을 해소시키는 다른 하나의 데이터 처리 방법을 제공한다.
본 발명의 구현예는 웹 페이지의 이미지가 복수의 서브이미지로 분할된 후에 단말 장치가 각각의 서브이미지에 대한 호출 요청을 발송해야 하기 때문에 단말 장치의 전력 소모를 증가시키고 단말 장치의 사용 효율에 영향을 주는 종래 기술의 문제점을 해소시키는 데이터 처리 장치를 제공한다.
본 발명의 구현예는 웹 페이지의 이미지가 복수의 서브이미지로 분할된 후에 단말 장치가 각각의 서브이미지에 대한 호출 요청을 발송해야 하기 때문에 단말 장치의 전력 소모를 증가시키고 단말 장치의 사용 효율에 영향을 주는 종래 기술의 문제점을 감소시키는 다른 하나의 데이터 처리 장치를 제공한다.
본 발명의 구현예는 하기의 기술적 해법을 이용한다:
데이터 처리 방법은 단말 장치에 의해 발송된 웹 페이지- 웹 페이지는 이미지를 포함함 -에 전용되는 요청을 수신하는 단계와; 웹 페이지의 하이퍼텍스트 마크업 언어(HTML) 코드- HTML 코드는 각 서브이미지에 대응하는 코드를 포함하고, 모든 서브이미지는 상기 이미지를 분할함으로써 획득되는 것임 -를 결정하는 단계와; 상기 HTML 코드를 수신한 후에 상기 단말 장치가 각각의 서브이미지에 대응하는 상기 HTML 코드에 포함된 코드에 기초하여 각각의 서브이미지를 디스플레이할 수 있도록 상기 HTML 코드를 상기 단말 장치에 발송하는 단계를 포함한다.
데이터 처리 방법은 웹 페이지에 전용되는 요청을 서버에 발송하는 단계와; 상기 서버에 의해 반환된 상기 웹 페이지의 HTML 코드를 수신하는 단계- 상기 웹 페이지는 이미지를 포함하고, 상기 웹 페이지의 HTML 코드는 상기 이미지를 분할함으로써 획득되는 수 개의 서브이미지 각각에 대응하는 코드를 포함한 것임 -와; 각각의 코드 조각에 대하여, 상기 코드에 대응하는 서브이미지를 상기 웹 페이지의 상기 HTML 코드를 작동시킴으로써 상기 웹 페이지에 렌더링하는 단계를 포함한다.
데이터 처리 장치는 단말 장치에 의해 발송되고 웹 페이지- 웹 페이지는 이미지를 포함함 -에 전용되는 요청을 수신하도록 구성된 수신 모듈과; 웹 페이지의 HTML 코드- HTML 코드는 각 서브이미지에 대응하는 코드를 포함하고, 모든 서브이미지는 상기 이미지를 분할함으로써 획득되는 것임 -를 결정하도록 구성된 결정 모듈과; 상기 HTML 코드를 수신한 후에 상기 단말 장치가 각각의 서브이미지에 대응하고 상기 HTML 코드에 포함된 코드에 기초하여 각각의 서브이미지를 디스플레이하게끔 상기 HTML 코드를 상기 단말 장치에 발송하도록 구성된 발송 모듈을 포함한다.
데이터 처리 장치는 웹 페이지에 전용되는 요청을 서버에 발송하도록 구성된 발송 모듈과; 상기 서버에 의해 반환된 상기 웹 페이지의 HTML 코드를 수신하도록 구성된 수신 모듈- 상기 웹 페이지는 이미지를 포함하고, 상기 웹 페이지의 HTML 코드는 상기 이미지를 분할함으로써 획득되는 수 개의 서브이미지 각각에 대응하는 코드를 포함한 것임 -과; 각각의 코드 조각에 대하여, 상기 코드에 대응하는 서브이미지를 상기 웹 페이지의 상기 HTML 코드를 작동시킴으로써 상기 웹 페이지에 렌더링하도록 구성된 렌더링 모듈을 포함한다.
본 발명의 구현예에서 사용되는 적어도 하나의 기술적 해법은 하기의 유리한 효과를 달성할 수 있다:
웹 페이지의 이미지를 수 개의 서브이미지로 분할한 후에, 서버는 각각의 서브이미지를 서브이미지에 대응하는 코드로 변환하고 각각의 코드 조각을 웹 페이지의 HTML 코드에 기록할 수 있다. 그래서 웹 페이지를 수신한 후에, 단말 장치는 각각의 서브이미지에 대한 호출 요청을 발송할 필요 없이 각각의 코드 조각에 대응하는 서브이미지를 웹 페이지에 렌더링하도록 웹 페이지의 HTML 코드를 작동시킬 수 있다. 그러므로 단말 장치는 복수의 통신 채널을 확립할 필요가 없다. 그래서, 단말 장치가 웹 페이지에 이미지를 로드할 때 사용자가 이미지의 부분적 콘텐츠를 신속히 볼 수 있게 하고, 이로써 사용자에 의한 웹 페이지의 반복적인 로딩 필요성을 제거하여 단말 장치의 전력 소모를 감소시키고 단말 장치의 사용 효율을 개선한다.
첨부 도면은 본 발명의 추가적인 이해를 제공하고 본 명세서의 일부를 구성하기 위해 사용된다. 본 발명의 예시적인 구현예 및 각 구현예의 설명은 본 발명을 설명하기 위해 사용되고, 본 발명에 대한 부적절한 제한을 구성하지 않는다. 첨부 도면에 있어서:
도 1은 본 발명의 구현예에 따른 데이터 처리 프로세스를 보인 도이다.
도 2는 본 발명의 구현예에 따른, 이미지(x)를 4개의 서브이미지로 분할한 것을 보인 개략도이다.
도 3은 본 발명의 구현예에 따른 데이터 처리 프로세스를 보인 도이다.
도 4는 본 발명의 구현예에 따른 데이터 처리 장치를 보인 개략적 구조도이다.
도 5는 본 발명의 구현예에 따른 데이터 처리 장치를 보인 개략적 구조도이다.
본 발명의 목적, 기술적 해법 및 장점을 더 명확히 하기 위해, 이하에서는 본 발명의 구체적인 구현예 및 대응하는 첨부 도면을 참조하면서 본 발명의 기술적 해법을 명확하고 포괄적으로 설명한다. 창조적 노력 없이 본 발명의 구현예에 기초하여 당업자에 의해 얻어지는 다른 구현예들은 모두 본 발명의 보호 범위 내에 포함될 것이다.
본 발명의 구현예에 의해 제공되는 기술적 해법을 첨부 도면을 참조하면서 이하에서 구체적으로 설명한다.
도 1은 본 발명의 구현예에 따른 데이터 처리 프로세스를 보인 것이다. 이 프로세스는 하기 단계들을 포함한다:
S101. 웹 페이지에 전용되고 단말 장치에 의해 발송된 요청을 수신한다.
종래 기술에서, 웹 페이지는 일반적으로 하이퍼텍스트 마크업 언어(HTML) 코드를 이용하여 컴파일된다. 또한, 웹 페이지에 전용되고 단말 장치에 의해 발송된 요청을 수신한 후에, 서버는 웹 페이지의 HTML 코드를 상기 요청에 기초하여 단말 장치에 반환할 수 있고, 그래서 단말 장치는 웹 페이지의 HTML 코드를 수신한 후에 웹 페이지를 디스플레이할 수 있다.
그러므로 종래 기술과 마찬가지로, 본 발명의 이 구현예에서는 서버가 웹 페이지에 전용되고 단말 장치에 의해 발송된 요청을 수신할 수 있다.
웹 페이지가 이미지를 포함할 수 있기 때문에, 본 발명의 데이터는 이미지에 대응하는 데이터일 수 있다. 또한, 서버는 웹 페이지에 전용되는 요청을 수신하고, 따라서 이미지는 웹 페이지의 이미지, 즉 웹 페이지에서 디스플레이되는 이미지일 수 있다. 서버는 하나의 독립형 장치, 또는 복수의 장치로 구성된 시스템일 수 있다. 서버가 복수의 장치로 구성된 시스템일 때, 웹 페이지에 전용되는 요청을 수신하는 장치와 웹 페이지에 의해 포함된 이미지를 저장하는 장치는 다른 장치일 수 있다.
또한, 본 명세서에서 설명하는 데이터 처리 방법은 웹 페이지의 이미지용으로 전용된다. 따라서 본 발명에서 웹 페이지는 적어도 하나의 이미지를 포함할 수 있다. 또한, 후속 설명의 편의상, 본 발명의 설명은 웹 페이지가 하나의 이미지만을 포함하는 예를 이용한다.
예를 들면, 소정 웹사이트의 서버 A는 단말 장치의 웹 페이지에 전용되는 요청을 수신하고 수신된 요청에 기초하여 상기 웹 페이지의 대응하는 HTML 코드를 반환하도록 구성된다고 가정한다. 그러므로 서버 A는 수 개의 웹 페이지의 HTML 코드 및 각 웹 페이지에 포함된 각각의 이미지를 저장할 수 있다. 또한, 서버 A는 웹 페이지에 전용되고 단말 장치에 의해 발송된 요청을 수신한다고 가정한다. 설명 및 예시의 편의상, 후속적으로, 서버 A가 웹 페이지(a)만의 코드를 저장하고 웹 페이지(a)가 이미지(x)만을 포함하는 예를 예시 목적으로 사용한다.
S102. 웹 페이지의 HTML 코드를 결정한다.
본 발명의 이 구현예에서, 웹 페이지에 전용되고 단말 장치에 의해 발송된 요청을 수신한 후에, 서버는 모든 웹 페이지의 HTML 코드를 저장하기 때문에, 서버는 상기 요청에 기초하여 상기 요청에 대응하는 웹 페이지의 HTML 코드를 결정하고, 상기 웹 페이지의 HTML 코드를 나중에 단말 장치에 편리하게 발송할 수 있다.
그러나 웹 페이지는 이미지를 또한 포함한다. 그러므로 서버는 웹 페이지의 이미지를 처리하여 웹 페이지를 로딩하기 위해 단말 장치에서 필요로 하는 자원 소모의 감소(즉, 더 낮은 전력 소모)를 구현할 수 있다. 서버가 복수의 장치로 구성된 시스템일 때, 웹 페이지의 HTML 코드 및 웹 페이지의 이미지는 다른 장치에 의해 저장될 수 있다. 그러므로 웹 페이지의 이미지를 저장하는 장치가 웹 페이지의 이미지를 처리한다. 이어서 하나의 서버는 단일화 설명의 편의를 위해 실행 보디로서 사용된다. 다시 말해서, 웹 페이지에 전용되고 단말 장치에 의해 발송된 요청을 수신하는 서버는 웹 페이지의 HTML 코드 및 웹 페이지에 의해 포함된 이미지 둘 다를 저장한다.
웹 페이지를 제공하는 서버는 먼저, 후속 동작을 쉽게 하기 위해, 상기 웹 페이지의 이미지를 종래 기술에서의 방법과 동일한 방법을 이용하여 복수의 서브이미지로 분할할 수 있다. 그래서 웹 페이지에 이미지를 로딩할 때, 단말 장치는 전체 이미지의 데이터가 모두 로딩될 때까지 기다릴 필요 없이 웹 페이지에서 이미지를 디스플레이할 수 있다.
또한, 이미지가 HTML 코드에 직접 기록될 수 없기 때문에, 서버는 서브이미지에 기초하여 각 서브이미지에 대응하는 코드를 또한 생성할 수 있다. 그래서 각 서브이미지에 대응하는 코드는 나중에 웹 페이지의 HTML 코드에 편리하게 기록될 수 있다.
단계 S101에서 이미지를 분할함으로써 획득된 각각의 서브이미지에 대하여, 서버는 베이스64 인코딩법을 통한 서브이미지에 기초하여 상기 서브이미지에 대응하는 베이스64 코드를 생성하고, 상기 베이스64 코드를 상기 서브이미지에 대응하는 코드로서 사용한다. 또한, 상기 서브이미지와 상기 코드는 1:1 맵핑 관계에 있다. 다시 말해서, 다른 이미지들은 베이스64 인코딩법에 기초하여 다른 코드로 변환된다.
모든 서브이미지에 대응하는 코드를 생성한 후에, 서버는 각각의 코드 조각을 웹 페이지의 HTML 코드에 기록할 수 있다.
서버는 각각의 코드 조각을 웹 페이지의 HTML 코드에 포함된 스크립팅 언어(자바스크립트, JS) 코드에 기록할 수 있다. 다시 말해서, 각각의 서브이미지에 대응하는 코드는 JS 코드에 기록되고, 각각의 코드 조각을 포함하는 JS 코드는 웹 페이지의 HTML 코드에 기록된다. 그래서, 웹 페이지의 HTML 코드를 수신한 후에, 단말 장치는 웹 페이지의 HTML 코드에 포함된 JS 코드를 작동시킴으로써 각각의 서브이미지에 대응하는 코드에 대응하는 서브이미지를 웹 페이지에 렌더링할 수 있다. 일반적으로, 이미지가 웹 페이지의 HTML 코드를 이용하여 디스플레이될 때, 이미지는 HTML 코드의 이미지 태그(<img> 태그)를 이용하여 웹 페이지에서 디스플레이된다. 그러므로 단말 장치가 JS 코드를 작동시킬 때, JS 코드는 웹 페이지의 HTML 코드의 <img> 태그에 기록되는 각각의 코드 조각을 또한 가질 수 있다. 즉, JS 코드는 코드를 <img> 태그에 기록하기 위해 사용될 수 있다.
각각의 코드 조각을 JS 코드에 기록하고 JS 코드를 웹 페이지의 HTML 코드에 기록한 후에, 서버는 JS 코드가 웹 페이지의 새로운 HTML 코드로서 기록된 웹 페이지의 HTML 코드를 이용하고 상기 새로운 HTML 코드를 후속 단계에서 단말 장치에 발송할 수 있다. 또한, 서버는 JS 코드가 기록된 웹 페이지의 HTML 코드를 저장할 수 있고, 그래서 후속적으로 웹 페이지에 전용되는 다른 요청을 수신한 때 서버는 이미지 분할, 인코딩 및 코드 기록의 단계들을 실행할 필요가 없어서 서버의 작동 부하를 감소시킨다.
앞의 예에서, 서버 A는 먼저 도 2에 도시된 것처럼 이미지(x)를 이미지(x)의 길이에 기초하여 4개의 서브이미지, 즉 서브이미지 x1, 서브이미지 x2, 서브이미지 x3 및 서브이미지 x4로 동일하게 분리할 수 있다. 도 2는 본 발명의 구현예에 따라 이미지(x)를 4개의 서브이미지로 분할하는 것을 보인 개략도이다.
나중에, 서버 A는 베이스64 인코딩법으로 각각의 서브이미지에 대응하는 코드를 생성할 수 있다. 설명의 편의상, 각각의 서브이미지와 코드 간의 맵팽 관계는 표 1에 나타낸 것과 같다고 또한 가정한다.
서브이미지 서브이미지에 대응하는 코드
서브이미지 x1 data:image/jpg;base64,/9j/4QMZRXhpZgAAAgAAAAL....1
서브이미지 x2 data:image/jpg;base64,/9j/4QMZRXhpZgAAAgAAAAL....2
서브이미지 x3 data:image/jpg;base64,/9j/4QMZRXhpZgAAAgAAAAL....3
서브이미지 x4 data:image/jpg;base64,/9j/4QMZRXhpZgAAAgAAAAL....4
각각의 서브이미지는 각각의 코드 조각에 1:1 대응하고 모든 코드 조각은 상이하다는 것을 표 1로부터 알 수 있다.
마지막으로, 각각의 서브이미지에 대응하는 코드를 생성한 후에, 서버 A는 이미지(x)의 각각의 서브이미지의 상하 위치 관계에 기초하여 정렬(sorting) 순서를 결정하고, 각각의 서브이미지에 대응하는 코드를 JS 코드에 순차적으로 기록하며, JS 코드를 웹 페이지(a)의 HTML 코드에 기록할 수 있다. 모든 서브이미지의 정렬 순서가 서브이미지 x1, 서브이미지 x2, 서브이미지 x3 및 서브이미지 x4이기 때문에, 서버 A는 각각의 서브이미지에 대응하는 코드를 data:image/jpg;base64,/9j/4QMZRXhpZgAAAgAAAAL....1, data:image/jpg;base64,/9j/4QMZRXhpZgAAAgAAAAL....2, data:image/jpg;base64,/9j/4QMZRXhpZgAAAgAAAAL....3, 및 data:image/jpg;base64,/9j/4QMZRXhpZgAAAgAAAAL....4의 순서로 웹 페이지(a)의 JS 코드에 기록하고, JS 코드를 웹 페이지(a)의 HTML 코드에 기록할 수 있다.
S103. HTML 코드를 수신한 후에, 단말 장치가 HTML 코드에 포함된 각각의 서브이미지에 대응하는 코드에 기초하여 각각의 서브이미지를 디스플레이하도록 HTML 코드를 단말 장치에 발송한다.
본 발명의 이 구현예에서, 서버는 웹 페이지를 제공하는 서버이다. 그러므로 웹 페이지에 전용되면서 단말 장치에 의해 발송된 요청을 수신하고 웹 페이지의 HTML 코드를 결정한 후에, 서버는 웹 페이지의 HTML 코드를 단말 장치에 발송할 수 있다. 그래서, 웹 페이지의 HTML 코드를 수신한 후에 단말 장치는 웹 페이지의 HTML 코드를 작동시켜서 웹 페이지를 디스플레이할 수 있다. 각각의 서브이미지에 대응하는 코드에 대하여, 단말 장치는 코드를 대응하는 <img> 태그에 기록하기 위해 웹 페이지의 HTML 코드에 포함된 JS 코드를 작동시키고 서브이미지를 상기 <img> 태그를 이용하여 웹 페이지에 렌더링할 수 있다. 마지막으로, 각각의 서브이미지에 대응하는 코드가 웹 페이지에 렌더링된 후, 단말 장치는 이미지를 완전히 디스플레이할 수 있다.
본 발명에서, 단말 장치가 웹 페이지에 전용되는 요청을 서버에 발송하고 서버가 웹 페이지의 HTML 코드를 단말 장치에 발송한 때, 단말 장치와 서버 간에 통신 채널이 실제로 확립되고, 이 통신 채널은 웹 페이지의 HTML 코드를 전송하기 위해 사용된다.
웹 페이지의 이미지는 HTML 코드를 이용하여 각각의 서브이미지에 대응하는 코드의 형태로 발송되었고, 각각의 코드 조각에 대하여, 단말 장치는 코드를 JS 코드를 작동시킴으로써 대응하는 <img> 태그에 기록한다. 그러므로 <img> 태그에는 서브이미지의 호출 어드레스가 없고, 단말 장치는 <img> 태그를 이용하여 호출 요청을 발송할 필요가 없다. 즉, 통신 채널을 확립할 필요가 없다. 다시 말해서, 단말 장치는 각각의 서브이미지를 획득하기 위해 통신 채널을 확립할 필요가 없고, 이로써 단말 장치에 의해 발송되는 호출 요청의 양을 줄이고 단말 장치의 전력 소모를 또한 줄인다.
또한, 앞의 예에서 서버 A가 웹 페이지(a)를 호출하기 위해 단말 장치에 의해 발송된 요청을 수신하는 것으로 가정하고, 서버 A는 웹 페이지(a)의 HTML 코드를 단말 장치에 발송할 수 있다. 단말 장치가 웹 페이지의 HTML 코드에 포함된 각각의 서브이미지에 대응하는 코드에 대하여 웹 페이지(a)의 HTML 코드를 수신한 후에, 단말 장치는 코드를 대응하는 <img> 태그에 기록하기 위해 웹 페이지의 HTML 코드에 기록된 JS 코드를 작동시키고, 종국적으로 <img> 태그를 이용하여 단말 장치에서 상기 코드에 대응하는 서브이미지를 디스플레이할 수 있다. 서브이미지 x1, 서브이미지 x2, 서브이미지 x3 및 서브이미지 x4에 각각 대응하는 코드 조각들이 모두 웹 페이지(a)에 렌더링된 때, 단말 장치는 이미지(x)를 완전히 디스플레이할 수 있다.
도 1에 도시된 데이터 처리 방법에 있어서, 웹 페이지의 이미지가 각각의 서브이미지에 대응하는 코드를 생성하고 각각의 코드 조각을 웹 페이지의 HTML 코드에 기록하는 방법을 이용하여 수 개의 서브이미지로 분할된 후에, 웹 페이지의 HTML 코드와 각각의 서브이미지에 대응하는 코드는 단말 장치의 웹 페이지에 전용되는 요청이 수신된 때 단말 장치에 함께 발송될 수 있다. 그래서 이미지 데이터가 모두 로드될 때까지 기다릴 필요 없이 단말 장치가 이미지를 디스플레이하는 것을 확실히 할 수 있고, 대응하는 <img> 태그를 이용하여 호출 요청을 발송하고 각각의 서브이미지를 로드하기 위해 단말 장치의 통신 채널을 확립할 필요성이 해소됨으로써 단말 장치의 전력 소모를 감소시키고, 단말 장치의 전력 소모 증가에 의해 야기되는 사용 시간 단축에 기인하여 단말 장치의 사용 효율이 영향을 받는 문제점을 해소한다.
또한, 본 발명의 단계 S102에서, 각각의 서브이미지에 대응하는 코드는 베이스64 인코딩법으로만 생성되는 것이 아니다. 서버는 만일 각각의 서브이미지에 대응하는 코드가 JS 코드에 기록될 수 있고 단말 장치가 통신 채널을 확립할 필요 없이 각각의 서브이미지를 웹 페이지에 렌더링하기 위해 웹 페이지의 HTML 코드에 포함된 JS 코드를 작동시킬 수 있으면, 다른 인코딩법을 이용하여 각각의 서브이미지를 대응하는 코드로 변환할 수 있다. 본 발명은 사용할 수 있는 인코딩법에 대하여 제한을 두지 않는다.
또한, 본 발명의 단계 S102에서, 웹 페이지에서 이미지를 분할하기 전에, 서버는 이미지가 차지하는 공간이 미리 정해진 임계치에 도달하였는지를 또한 결정할 수 있다. 만일 도달하였으면, 서버는 이미지가 비교적 크고, 이미지를 로드하기 위해 단말 장치에서 소요되는 시간이 길며, 서버는 이미지를 수 개의 서브이미지로 분할해야 한다고 결정한다. 만일 도달하지 않았으면, 서버는 이미지가 비교적 작고 이미지를 분할할 필요가 없다고 결정한다. 상기 임계치는 운용자의 경험에 기초하여 설정될 수 있다.
또한, 서버는 이미지의 길이에 기초하여 이미지를 수 개의 서브 이미지로 동일하게 분할할 수 있고, 또는 이미지의 폭에 기초하여 이미지를 수 개의 서브 이미지로 동일하게 분할할 수 있고, 또는 미리 정해진 공간 크기에 기초하여 이미지를 수 개의 서브이미지로 분할할 수 있다(예를 들어서 만일 상기 미리 정해진 공간 크기가 200kb이면, 서버는 이미지를 200kb 이하의 크기를 가진 수 개의 서브이미지로 분할할 수 있다). 물론, 본 발명은 이미지를 분할하는 방법에 대하여 제한을 두지 않는다. 설명의 편의상, 이하에서는 서버가 이미지를 수 개의 동일한 서브이미지로 수평으로 분할하는 예를 설명한다.
또한, 본 발명의 단계 S102에서, 웹 페이지의 HTML 코드를 수신한 후에 단말 장치가 이미지를 서브이미지로 분할하는 순서대로 서브이미지를 순차적으로 로딩하기 위해 서버가 각각의 코드 조각을 웹 페이지의 HTML 코드에 기록한 때, 서버는 또한 이미지 내의 각 서브이미지의 위치를 기록하고, 서브이미지의 정렬 순서를 결정하고, 각각의 서브이미지에 대응하는 코드를 JS 코드에 순차적으로 기록할 수 있다. 그래서 단말 장치가 나중에 JS 코드를 작동시킬 때, 단말 장치가 정렬 순서대로 서브이미지를 디스플레이하는 것을 확실히 할 수 있고, 서브이미지들은 이미지 내의 서브이미지들의 위치에 디스플레이된다.
또한, 서버가 서브이미지의 정렬 순서를 기록할 때, 서버는 웹 페이지에서 서브이미지들의 위치를 또한 기록할 수 있다. 다시 말해서, 서버는 웹 페이지에서의 이미지의 위치 및 이미지 내의 서브이미지들의 위치에 기초하여 웹 페이지에서의 서브이미지들의 위치를 결정할 수 있다. 또한, 서버는 결정된 서브이미지들의 위치를 JS 코드에 기록하여 웹 페이지에서 디스플레이되는 서브이미지들의 위치가 올바른 것을 또한 보장한다.
도 1에 도시된 본 발명의 이 구현예로 제공되는 방법의 각 단계들은 하나의 장치에 의해 수행될 수 있고, 또는 상기 방법은 다른 장치들에 의해 수행될 수 있다는 점에 주목한다. 예를 들면, 단계 S101과 S102는 장치 1에 의해 수행되고, 단계 S103은 장치 2에 의해 수행될 수 있다. 다른 예로서, 단계 S101은 장치 1에 의해 수행되고, 단계 S102와 S103은 장치 2에 의해 수행될 수 있다.
도 1에 도시된 데이터 처리 프로세스에 기초하여, 도 3에 도시된 것처럼, 본 발명의 구현예는 단말 장치에 의해 그에 따라 실행되는 데이터 처리 프로세스를 또한 제공한다.
도 3은 본 발명의 구현예에 따른 데이터 처리 프로세스를 보인 것이다. 이 프로세스는 하기 단계들을 포함한다:
S201: 웹 페이지에 전용되는 요청을 서버에 발송한다.
종래 기술과 같이, 본 발명의 이 구현예에 있어서, 사용자가 단말 장치를 이용하여 웹 페이지를 브라우징할 때, 사용자는 먼저 단말 장치를 이용하여 웹 페이지에 전용되는 요청을 웹 페이지를 제공하는 서버에 발송하여, 상기 요청을 수신한 후에 서버가 상기 요청에 기초하여 웹 페이지의 HTML 코드를 결정하고, 상기 웹 페이지의 HTML 코드를 단말 장치에 발송할 수 있게 하여야 한다. 그래서 단말 장치는 서버에 의해 반환된 웹 페이지의 수신된 HTML 코드에 기초하여 웹 페이지를 디스플레이할 수 있다.
그러므로, 본 발명에 있어서, 단말 장치는 웹 페이지에 전용되는 요청을 서버에 발송할 수 있다.
또한, 단말 장치는 모바일 폰, 태블릿 컴퓨터 또는 노트북 컴퓨터와 같은 장치일 수 있다. 장치가 장치 내장형 전원 장치(예를 들면, 모바일 폰 배터리 또는 태블릿 컴퓨터 배터리)로 작동할 때, 전력 소모 감소의 요구가 더 높다. 그러므로 본 발명에서 언급되는 단말 장치는 기본적으로 내장형 전원 장치를 구비한 장치이다. 물론, 본 발명은 이것으로 제한되지 않는다. 다시 말해서, 단말 장치는 외부 전원 장치에 의해 제공되는 전기 에너지로 작동하는 장치일 수 있다.
또한, 단말 장치는 단말 장치에 설치된 브라우저 애플리케이션을 이용하여 웹 페이지에 전용되는 요청을 발송하고 웹 페이지의 반환된 HTML 코드를 수신할 수 있다. 또는, 단말 장치는 단말 장치에 설치된 브라우저 커널을 가진 애플리케이션을 이용하여 웹 페이지에 전용되는 요청을 발송하고 웹 페이지의 반환된 HTML 코드를 수신할 수 있다. 본 발명은 웹 페이지의 HTML 코드를 수신하기 위해 단말 장치에 의해 사용되는 애플리케이션으로 제한되지 않는다. 후속 설명의 편의상, 단말 장치에서 애플리케이션의 링크는 본 발명에서 생략되고, 단말 장치가 웹 페이지의 HTML 코드를 수신하는 것은 예시 및 설명을 위해 직접 사용된다.
예를 들면, 소정의 사용자는 웹 페이지를 브라우징하기 위해 자신의 모바일 폰(c)을 사용하고, 이 경우에는 모바일 폰(c)이 웹 페이지(a)를 호출하기 위한 요청을 서버 A에 발송한다.
S202: 서버에 의해 반환된 웹 페이지의 HTML 코드를 수신한다.
본 발명의 이 구현예에서, 단말 장치가 웹 페이지에 전용되는 요청을 서버에 발송한 후, 단말 장치는 서버에 의해 반환된 웹 페이지의 HTML 코드를 수신할 수 있다. 그 후에, 단말 장치는 웹 페이지의 HTML 코드를 작동시킴으로써 단말 장치에서 웹 페이지를 디스플레이할 수 있다. 웹 페이지는 이미지를 포함하고, 웹 페이지의 HTML 코드는 상기 이미지를 분할함으로써 획득된 수 개의 서브이미지 각각에 대응하는 코드를 포함할 수 있다.
웹 페이지의 HTML 코드는 JS 코드를 포함하고, 상기 서브이미지 각각에 대응하는 코드는 JS 코드에 기록된다. 각각의 코드 조각은 하나의 이미지를 분할함으로써 획득된 각각의 서브이미지에 대응하는 코드일 수 있고, 또는 복수의 이미지를 분할함으로써 획득된 복수의 서브이미지에 대응하는 코드일 수 있다. 즉, 웹 페이지의 HTML에는 적어도 하나의 이미지를 분할함으로써 획득된 복수의 서브이미지에 대응하는 코드가 있다.
또한, 만일 JS 코드에 복수의 이미지를 분할함으로써 획득된 복수의 서브이미지에 대응하는 코드가 있으면, 각각의 이미지마다, JS 코드는 이미지의 이미지 식별자와 이미지를 분할함으로써 획득된 각각의 서브이미지에 대응하는 코드 간의 맵핑 관계를 또한 기록할 수 있다. 다시 말하면, JS 코드에 기록된 맵핑 관계에 기초하여, 다른 이미지들을 분할함으로써 획득된 서브이미지들에 대응하는 코드는 표 2에 나타낸 것처럼 구별될 수 있다.
이미지 이미지 식별자 서브이미지 서브이미지에 대응하는 코드
이미지 x 1 서브이미지 x1 data:image/jpg;base64,/9j/4QMZRXhp....1
서브이미지 x2 data:image/jpg;base64,/9j/4QMZRXhp....2
서브이미지 x3 data:image/jpg;base64,/9j/4QMZRXhp....3
이미지 y 2 서브이미지 y1 data:image/jpg;base64,/9j/4DDURXhp....1
서브이미지 y2 data:image/jpg;base64,/9j/4DDURXhp....2
이미지 z 3 서브이미지 z1 data:image/jpg;base64,/9j/ST6YSANA....2
서브이미지 z2 data:image/jpg;base64,/9j/ST6YSANA....5
상이한 이미지들은 상이한 이미지 식별자에 대응한다는 것을 표 2에서 알 수 있다. 그러므로 이미지 식별자와 서브이미지에 대응하는 코드 간의 맵핑 관계에 기초하여 어떤 이미지가 서브이미지로 분할되는지 결정될 수 있다. 설명의 편의상, 이하의 설명에서는 웹 페이지의 HTML 코드에 하나의 이미지(예를 들면, 이미지(x))를 분할하여 획득된 수 개의 이미지(예를 들면, 서브이미지 x1, 서브이미지 x2 및 서브이미지 x3) 각각에 대응하는 코드만이 있는 예를 이용한다. 또한, 앞의 예에서, 서버 A가 웹 페이지(a)의 HTML 코드를 모바일 폰(c)에 발송하고, JS 코드가 웹 페이지(a)의 HTML 코드에 기록되며, JS 코드는 표 2에 나타낸 수 개의 서브이미지에 대응하는 코드를 포함한 것으로 가정한다.
S203: 각각의 코드 조각에 대하여, 코드에 대응하는 서브이미지를 웹 페이지의 HTML 코드를 작동시킴으로써 웹 페이지에 렌더링한다.
본 발명의 이 구현예에서, 웹 페이지를 수신한 후에, 단말 장치는 웹 페이지의 HTML 코드를 작동시켜서 단말 장치에서 웹 페이지를 디스플레이할 수 있다. 웹 페이지의 HTML 코드가 JS 코드를 포함하기 때문에, 단말 장치는 웹 페이지의 HTML 코드를 작동시킬 때 JS 코드를 또한 작동시킨다. 그러므로 JS 코드에 포함된 각각의 코드 조각에 대하여, 단말 장치는 JS 코드를 작동시켜서 상기 코드에 대응하는 서브이미지를 웹 페이지에 렌더링할 수 있다.
각각의 코드 조각에 대하여, 코드가 웹 페이지의 HTML 코드 내의 JS 코드에 기록되기 때문에, 단말 장치는 상기 JS 코드를 작동시켜서 코드에 대응하는 <img> 태그를 확립하고, 코드를 <img> 태그에 기록하고, 그 후에 상기 코드에 대응하는 서브이미지를 상기 <img> 태그를 이용하여 웹 페이지에 렌더링할 수 있다.
모든 코드 조각들은 정렬 순서대로 JS 코드에 순차적으로 기록된다. 그러므로 단말 장치가 JS 코드를 작동시킬 때, 단말 장치는 JS 코드 내의 모든 코드 조각들의 순서대로 전술한 프로세스를 순차적으로 실행할 수 있다. 다시 말해서, 단말 장치는 JS 코드를 작동시키고, 하나의 코드 조각에 대응하는 <img> 태그를 확립하고, 코드를 대응하는 <img> 태그에 기록한다. 마지막으로, <img> 태그를 이용하여 코드에 대응하는 서브이미지를 렌더링한 후에, 단말 장치는 JS 코드의 모든 코드 조각들에 대응하는 서브이미지가 웹 페이지에 렌더링될 때까지, JS 코드의 모든 코드 조각들의 순서에 기초하여 다음 코드 조각에 대응하는 <img> 태그를 확립하고 다음 코드 조각에 대응하는 서브이미지를 웹 페이지에 렌더링한다. 이 경우에, 단말 장치는 모든 서브이미지로 구성된 이미지를 디스플레이한다.
또한, 만일 JS 코드가 각각의 코드 조각에 대응하는 서브이미지의 위치를 또한 기록하면, 단말 장치는 서브이미지의 위치를 JS 코드를 작동시킴으로써 <img> 태그에 또한 기록할 수 있고, 그래서 단말 장치는 코드에 대응하는 서브이미지를 <img> 태그를 이용하여 웹 페이지의 올바른 위치에 렌더링할 수 있다.
앞의 예에서, 웹 페이지(a)의 HTML 코드에 포함된 JS 코드가 표 2에 나타낸 코드를 포함한다고 가정한다. 모바일 폰(c)이 웹 페이지(a)의 HTML 코드를 작동시킬 때, data:image/jpg;base64,/9j/4QMZRXhp....1에 대응하는 <img> 태그가 JS 코드를 이용하여 확립될 수 있다. 서브이미지 x1이 웹 페이지(a)에 렌더링된 후, 서브이미지 x2 및 서브이미지 x3에 대응하는 서브이미지 코드 조각들에 대한 <img> 태그가 순차적으로 확립되고, 서브이미지 x2 및 서브이미지 x3가 웹 페이지(a)에 렌더링된다. 이 처리는 이미지 y 및 이미지 z의 경우에도 동일하다.
만일 서브이미지 x1에 대응하는 코드만을 설명을 위해 사용하면, 서브이미지 x1에 대응하는 코드에 대하여, 모바일 폰(c)은 먼저 대응하는 <img> 태그를 확립하고, 서브이미지 x1에 대응하는 코드 data:image/jpg;base64,/9j/4QMZRXhp....1을 <img> 태그에 기록한다. <img> 태그의 내용은 <img width="40" height="30" src="data:image/jpg;base64,/9j/ data:image/jpg;base64,/9j/4QMZRXhp....1"; style="position:absolute; left:100px; top:100px; " />일 수 있고, 여기에서 style="position:absolute; left:100px; top:100px는 서브이미지 x1이 웹 페이지(a)에서 디스플레이될 때 서브이미지 x1으로부터 웹 페이지(a)의 상부 가장자리까지의 거리 및 서브이미지 x1으로부터 웹 페이지(a)의 좌측 가장자리까지의 거리, 즉 웹 페이지(a)에서 서브이미지 x1의 위치를 표시한다. 그래서 모바일 폰(c)은 <img> 태그를 이용하여 웹 페이지(a)의 특정 위치에 서브이미지 x1을 렌더링할 수 있다.
또한, 각각의 서브이미지는 실제로 코드의 형태로 단말 장치에 발송된다. 그러므로 웹 페이지에 각각의 서브이미지를 로딩할 때, 단말 장치는 각각의 서브이미지마다 새로운 통신 채널을 확립하거나 서브이미지를 호출하기 위한 호출 요청을 발송할 필요 없이 JS 코드를 이용하여 웹 페이지에 각 서브이미지에 대응하는 코드를 렌더링할 필요만 있고, 이로써 단말 장치의 전력 소모를 크게 감소시킨다.
도 3에 도시된 본 발명의 구현예로 제공되는 방법의 단계들은 하나의 장치에 의해 실행된다는 점에 주목한다.
도 1에 도시된 데이터 처리 프로세스에 기초하여, 도 4에 도시된 것처럼, 본 발명의 구현예는 그에 따라서 데이터 처리 장치를 또한 제공한다.
도 4는 본 발명의 구현예에 따른 데이터 처리 장치를 보인 개략적 구조도이다. 데이터 처리 장치는 단말 장치에 의해 발송되고 웹 페이지- 웹 페이지는 이미지를 포함함 -에 전용되는 요청을 수신하도록 구성된 수신 모듈(301)과; 웹 페이지의 HTML 코드- HTML 코드는 각 서브이미지에 대응하는 코드를 포함하고, 모든 서브이미지는 상기 이미지를 분할함으로써 획득되는 것임 -를 결정하도록 구성된 결정 모듈(302)과; 상기 HTML 코드를 상기 단말 장치에 발송하여, 상기 HTML 코드를 수신한 후에 단말 장치가 각각의 서브이미지에 대응하고 상기 HTML 코드에 포함된 코드에 기초하여 각각의 서브이미지를 디스플레이하게 하도록 구성된 발송 모듈(303)을 포함한다.
설명되는 이미지가 차지하는 공간은 미리 정해진 공간 크기보다 더 크고; 상기 결정 모듈(302)은 이미지를 수 개의 서브이미지로 분할하며, 각각의 서브이미지가 차지하는 공간은 상기 미리 정해진 공간 크기보다 크지 않다.
각각의 서브이미지에 대응하는 코드는 베이스64 코드를 포함한다.
상기 결정 모듈(302)은 이미지를 분할함으로써 획득된 각각의 서브이미지에 대응하는 코드를 결정하고; 각각의 코드 조각을 스크립팅 언어 코드- 스크립팅 언어 코드는 자바스크립트 코드를 포함함 -로 기록하고; 스크립팅 언어 코드를 웹 페이지의 HTML 코드에 기록하고; 스크립팅 언어 코드를 기록한 HTML 코드를 웹 페이지의 새로운 HTML 코드로서 이용한다.
상기 결정 모듈(302)은 이미지의 서브이미지들 간의 위치 관계에 기초하여 모든 서브이미지들의 정렬 순서를 결정하고; 각각의 서브이미지에 대응하는 코드를 상기 정렬 순서에 기초하여 스크립팅 언어 코드에 순차적으로 기록한다.
도 4에 도시된 데이터 처리 장치는 하나의 장치에 위치할 수도 있고, 또는 복수의 장치에 의해 구성된 시스템에 위치할 수도 있다.
도 3에 도시된 데이터 처리 프로세스에 기초하여, 도 5에 도시된 것처럼, 본 발명의 구현예는 그에 따라서 데이터 처리 장치를 또한 제공한다.
도 5는 본 발명의 구현예에 따른 데이터 처리 장치를 보인 개략적 구조도이다. 데이터 처리 장치는 웹 페이지에 전용되는 요청을 서버에 발송하도록 구성된 발송 모듈(401)과; 상기 서버에 의해 반환된 상기 웹 페이지의 HTML 코드를 수신하도록 구성된 수신 모듈(402)- 상기 웹 페이지는 이미지를 포함하고, 상기 웹 페이지의 HTML 코드는 상기 이미지를 분할함으로써 획득되는 수 개의 서브이미지 각각에 대응하는 코드를 포함한 것임 -과; 각각의 코드 조각에 대하여, 상기 코드에 대응하는 서브이미지를 상기 웹 페이지의 상기 HTML 코드를 작동시킴으로써 상기 웹 페이지에 렌더링하도록 구성된 렌더링 모듈(403)을 포함한다.
상기 웹 페이지의 HTML 코드는 스크립팅 언어 코드를 포함하고, 상기 스크립팅 언어 코드는 상기 이미지를 분할함으로써 획득되는 수 개의 서브이미지 각각에 대응하는 코드를 포함하며; 상기 스크립팅 언어 코드는 자바스크립트 코드를 포함한다.
상기 렌더링 모듈(403)은 웹 페이지의 HTML 코드에 포함된 스크립팅 언어 코드를 작동시키고; 스크립팅 언어 코드에 기록된 각각의 코드 조각에 대응하는 서브이미지를 상기 스크립팅 언어 코드를 이용하여 웹 페이지에 순차적으로 렌더링한다.
상기 렌더링 모듈(403)은, 각각의 코드 조각에 대하여, 상기 코드에 대응하는 이미지 태그를 확립하고; 코드를 상기 확립된 이미지 태그에 기록하며; 상기 코드에 대응하는 서브이미지를 상기 이미지 태그를 이용하여 웹 페이지에 렌더링한다.
상기 장치는 모바일 폰, 태블릿 컴퓨터, 노트북 컴퓨터 또는 퍼스널 컴퓨터와 같은 단말 장치에 위치할 수 있다.
당업자라면 본 발명의 구현이 방법, 시스템 또는 컴퓨터 프로그램 제품으로서 제공될 수 있다는 것을 이해할 것이다. 그러므로 본 발명은 하드웨어만의 구현, 소프트웨어만의 구현 또는 소프트웨어와 하드웨어의 조합에 의한 구현의 형태를 이용할 수 있다. 더욱이, 본 발명은 컴퓨터 사용가능 프로그램 코드를 포함한 하나 이상의 컴퓨터 사용가능 기억 매체(비제한적으로 자기 디스크 스토리지, CD-ROM 및 광 메모리를 포함함)에서 구현되는 컴퓨터 프로그램 제품의 형태를 이용할 수 있다.
본 발명은 본 발명의 구현예에 따라 방법, 장치(시스템) 및 컴퓨터 프로그램 제품의 흐름도 및/또는 블록도를 참조하면서 설명된다. 컴퓨터 프로그램 명령어는 흐름도 및/또는 블록도의 각각의 프로세스 및/또는 각각의 블록, 및 흐름도 및/또는 블록도의 프로세스 및/또는 블록의 조합을 구현하기 위해 사용될 수 있다는 점을 이해하여야 한다. 이러한 컴퓨터 프로그램 명령어는 범용 컴퓨터, 전용 컴퓨터, 내장형 프로세서, 또는 기계를 생성하기 위한 다른 프로그래머블 데이터 처리 장치의 프로세서용으로 제공될 수 있고, 그래서 컴퓨터 또는 다른 프로그래머블 데이터 처리 장치의 프로세서에 의해 실행되는 명령어는 흐름도의 하나 이상의 프로세스 및/또는 블록도의 하나 이상의 블록으로 특정 기능을 구현하는 장치를 생성한다.
이러한 컴퓨터 프로그램 명령어는 컴퓨터 또는 다른 프로그래머블 데이터 처리 장치가 특정 방법으로 작업하도록 지시할 수 있는 컴퓨터 판독가능 메모리에 저장될 수 있고, 그래서 컴퓨터 판독가능 메모리에 저장된 명령어는 명령 장치를 포함하는 아티팩트를 발생시킨다. 상기 명령 장치는 흐름도의 하나 이상의 프로세스 및/또는 블록도의 하나 이상의 블록으로 특정 기능을 구현한다.
이러한 컴퓨터 프로그램 명령어는 컴퓨터 또는 다른 프로그래머블 데이터 처리 장치에 로드될 수 있고, 그래서 일련의 동작 및 단계들이 컴퓨터 또는 다른 프로그래머블 장치에서 수행되며, 이로써 컴퓨터 구현 프로세싱을 발생시킨다. 그러므로 컴퓨터 또는 다른 프로그래머블 장치에서 실행되는 명령어는 흐름도의 하나 이상의 프로세스 및/또는 블록도의 하나 이상의 블록으로 특정 기능을 구현하는 단계들을 제공한다.
전형적인 구성에서, 컴퓨팅 장치는 하나 이상의 프로세서(CPU), 입력/출력 인터페이스, 네트워크 인터페이스 및 메모리를 포함한다.
메모리는 비영속적 스토리지, 랜덤 액세스 메모리(RAM), 비휘발성 메모리, 및/또는 컴퓨터 판독가능 매체 내에 있는 다른 형태, 예를 들면 읽기 전용 메모리(ROM) 또는 플래시 메모리(플래시 RAM)를 포함할 수 있다. 메모리는 컴퓨터 판독가능 매체의 일 예이다.
컴퓨터 판독가능 매체는 임의의 방법 또는 기술을 이용하여 정보 저장을 구현할 수 있는 영속적, 비영속적, 이동형 및 비이동형 매체를 포함한다. 정보는 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 다른 데이터일 수 있다. 컴퓨터 기억 매체는, 비제한적으로, 위상 변화 랜덤 액세스 메모리(PRAM), 정적 랜덤 액세스 메모리(SRAM), 동적 랜덤 액세스 메모리(DRAM), 다른 유형의 랜덤 액세스 메모리(RAM), 읽기 전용 메모리(ROM), 전기적으로 소거 가능한 프로그래머블 읽기 전용 메모리(EEPROM), 플래시 메모리 또는 다른 메모리 기술, 컴팩트 디스크 읽기 전용 메모리(CD-ROM), 디지털 다기능 디스크(DVD) 또는 다른 광 스토리지, 카세트, 카세트 자기 디스크 스토리지 또는 다른 자기 스토리지 장치, 또는 임의의 다른 비전송 매체를 포함한다. 컴퓨터 기억 매체는 컴퓨팅 장치에 의해 접근 가능한 정보를 저장하도록 구성될 수 있다. 본 명세서에서의 정의에 기초하여, 컴퓨터 판독가능 매체는 일시적 컴퓨터 판독가능 매체(일시적 매체), 예를 들면 피변조 데이터 신호 및 반송파를 포함하지 않는다.
용어 "포함하는", "내포하는" 및 이들의 임의의 다른 변체는 비배타적 내포를 포괄하는 것으로 의도되고, 그래서 일련의 요소를 포함하는 프로세스, 방법, 물품 또는 장치는 이러한 요소들을 포함할 뿐만 아니라 명확하게 리스트되지 않은 다른 요소들을 포함하고, 또는 그러한 프로세스, 방법, 물품 또는 장치에 고유한 요소들을 또한 포함한다는 점에 주목할 필요가 있다. "포함하는"의 주체는 추가의 구속이 없다면 그 요소를 포함하는 프로세스, 방법, 물품 또는 장치에 추가의 동일한 요소들이 존재하는 것을 배제하지 않는다.
당업자라면 본 발명의 구현예가 방법, 시스템 또는 컴퓨터 프로그램 제품으로서 제공될 수 있다는 것을 이해할 것이다. 그러므로 본 발명은 하드웨어만의 구현, 소프트웨어만의 구현, 또는 소프트웨어와 하드웨어의 조합에 의한 구현의 형태를 이용할 수 있다. 또한, 본 발명은 컴퓨터 사용가능 프로그램 코드를 포함한 하나 이상의 컴퓨터 사용가능 기억 매체(비제한적으로, 자기 디스크 스토리지, CD-ROM 및 광 메모리를 포함함)에서 구현되는 컴퓨터 프로그램 제품의 형태를 이용할 수 있다.
지금까지의 설명은 단지 본 발명의 구현예이고 본 발명을 제한하는 것으로 의도되지 않는다. 당업자라면 본 발명에 대하여 각종 수정 및 변경을 할 수 있을 것이다. 본 발명의 정신 및 원리로부터 벗어나지 않고 이루어지는 임의의 수정, 균등물 치환, 개선 등은 본 발명의 특허 청구범위의 범위 내에 포함될 것이다.

Claims (18)

  1. 데이터 처리 방법에 있어서,
    서버에서, 단말 장치에 의해 발송된, 웹 페이지 - 웹 페이지는 이미지를 포함함 - 에 전용되는 요청을 수신하는 단계(S101);
    상기 서버에 의해, 상기 이미지를 다수의 서브이미지들로 분할하는 단계;
    상기 서버에 의해, 상기 웹 페이지의 하이퍼텍스트 마크업 언어(HyperText Markup Language) 코드 - 상기 하이퍼텍스트 마크업 언어 코드는 상기 다수의 서브이미지들 각각에 대응하는 코드를 포함하고, 상기 코드는 상기 이미지의 다수의 서브이미지들 각각에 대응하는 렌더링 가능(renderable) 코드임 - 를 결정하는 단계(S102); 및
    상기 하이퍼텍스트 마크업 언어 코드를 수신한 후에 상기 단말 장치가 각각의 서브이미지에 대응하면서 상기 하이퍼텍스트 마크업 언어 코드에 포함된 렌더링 가능 코드에 기초하여 각각의 서브이미지를 디스플레이하도록, 상기 서버로부터 단일 통신 채널을 이용하여, 상기 하이퍼텍스트 마크업 언어 코드를 상기 단말 장치에 발송하는 단계(S103)
    를 포함하는, 데이터 처리 방법.
  2. 제1항에 있어서,
    상기 이미지가 차지하는 공간은 미리 정해진 공간 크기보다 더 크고;
    상기 이미지를 다수의 서브이미지들로 분할하는 단계는,
    상기 이미지의 길이 또는 상기 이미지의 폭에 기초하여 상기 이미지를 상기 다수의 서브이미지들로 분할하는 단계; 또는
    상기 미리 정해진 공간 크기에 기초하여 상기 이미지를 상기 다수의 서브이미지들 - 각각의 서브이미지가 차지하는 공간은 상기 미리 정해진 공간 크기보다 크지 않음 - 로 분할하는 단계
    중 하나 이상의 단계를 포함하는 것인, 데이터 처리 방법.
  3. 제1항에 있어서,
    각각의 서브이미지에 대응하는 코드는 베이스64(Base64) 코드를 포함하는 것인, 데이터 처리 방법.
  4. 제1항에 있어서,
    상기 웹 페이지의 하이퍼텍스트 마크업 언어 코드를 결정하는 단계는,
    상기 이미지를 분할함으로써 획득된 각각의 서브이미지에 대응하는 코드를 결정하는 단계;
    각 조각의 코드를 스크립팅 언어 코드 - 이 스크립팅 언어 코드는 자바스크립트 코드를 포함하는 것임 - 에 기록하는 단계;
    상기 스크립팅 언어 코드를 상기 웹 페이지의 하이퍼텍스트 마크업 언어 코드에 기록하는 단계; 및
    상기 스크립팅 언어 코드가 기록된 상기 하이퍼텍스트 마크업 언어 코드를 상기 웹 페이지의 새로운 하이퍼텍스트 마크업 언어 코드로서 이용하는 단계
    를 포함하는 것인, 데이터 처리 방법.
  5. 제4항에 있어서,
    상기 각 조각의 코드를 스크립팅 언어 코드에 기록하는 단계는,
    상기 이미지의 서브이미지들 간의 위치 관계에 기초하여 모든 서브이미지들의 정렬(sorting) 순서를 결정하는 단계; 및
    각각의 서브이미지에 대응하는 코드를 상기 정렬 순서에 기초하여 상기 스크립팅 언어 코드에 순차적으로 기록하는 단계
    를 포함하는 것인, 데이터 처리 방법.
  6. 제5항에 있어서,
    상기 이미지의 서브이미지들 간의 위치 관계에 기초하여 모든 서브이미지들의 정렬 순서를 결정하는 단계는,
    상기 웹 페이지 내의 상기 이미지의 위치 및 상기 이미지 내의 서브이미지들의 위치들에 기초하여, 결정된 위치들로서, 상기 웹 페이지 내의 서브이미지들의 위치들을 결정하는 단계를 포함하는 것인, 데이터 처리 방법.
  7. 제6항에 있어서,
    상기 서브이미지들의 결정된 위치들을 상기 스크립팅 언어 코드에 기록하는 단계를 더 포함하는, 데이터 처리 방법.
  8. 데이터 처리 방법에 있어서,
    단말 장치로부터, 웹 페이지에 전용되는 요청을 서버에 발송하는 단계(S201);
    상기 단말 장치에서 단일 통신 채널을 이용하여, 상기 서버에 의해 반환된 상기 웹 페이지의 하이퍼텍스트 마크업 언어 코드 - 상기 웹 페이지는 이미지를 포함하고, 상기 웹 페이지의 하이퍼텍스트 마크업 언어 코드는 상기 이미지를 분할함으로써 획득되는 수 개의 서브이미지들 각각에 대응하는 코드를 포함하고, 상기 코드는 상기 이미지의 수 개의 서브이미지들 각각에 대응하는 렌더링 가능 코드임 - 를 수신하는 단계(S202); 및
    상기 단말 장치에 의해, 각 조각의 렌더링 가능 코드에 대하여, 상기 렌더링 가능 코드에 대응하는 서브이미지를 상기 웹 페이지의 하이퍼텍스트 마크업 언어 코드를 작동(running)시킴으로써 상기 웹 페이지에 렌더링하는 단계(S203)
    를 포함하는, 데이터 처리 방법.
  9. 제8항에 있어서,
    상기 웹 페이지의 하이퍼텍스트 마크업 언어 코드는 스크립팅 언어 코드를 포함하고, 상기 스크립팅 언어 코드는 상기 이미지를 분할함으로써 획득되는 수 개의 서브이미지들 각각에 대응하는 코드를 포함하며;
    상기 스크립팅 언어 코드는 자바스크립트 코드를 포함하는 것인, 데이터 처리 방법.
  10. 제9항에 있어서,
    상기 렌더링 가능 코드에 대응하는 서브이미지를 상기 웹 페이지의 하이퍼텍스트 마크업 언어 코드를 작동시킴으로써 상기 웹 페이지에 렌더링하는 단계는,
    상기 웹 페이지의 하이퍼텍스트 마크업 언어 코드에 포함된 상기 스크립팅 언어 코드를 작동시키는 단계; 및
    상기 스크립팅 언어 코드에 기록된 각 조각의 코드에 대응하는 서브이미지를 상기 스크립팅 언어 코드를 이용하여 상기 웹 페이지에 순차적으로 렌더링하는 단계
    를 포함하는 것인, 데이터 처리 방법.
  11. 제10항에 있어서,
    상기 스크립팅 언어 코드에 기록된 각 조각의 코드에 대응하는 서브이미지를 상기 웹 페이지에 순차적으로 렌더링하는 단계는,
    각 조각의 코드에 대하여, 확립된 이미지 태그로서, 상기 코드에 대응하는 이미지 태그를 확립하는 단계;
    상기 코드를 상기 확립된 이미지 태그에 기록하는 단계; 및
    상기 코드에 대응하는 서브이미지를 상기 이미지 태그를 이용하여 상기 웹 페이지에 렌더링하는 단계
    를 포함하는 것인, 데이터 처리 방법.
  12. 제11항에 있어서,
    상기 스크립팅 언어 코드는 각 조각의 코드에 대응하는 서브이미지의 위치를 기록하고, 상기 데이터 처리 방법은 상기 스크립팅 언어 코드를 작동시킴으로써 상기 서브이미지의 위치를 상기 이미지 태그에 기록하는 단계를 더 포함하는 것인, 데이터 처리 방법.
  13. 제1항 내지 제7항 중 어느 한 항의 방법에 따른 동작들을 수행하도록 구성된 다수의 모듈들(301, 302, 303)을 포함하는, 데이터 처리 장치.
  14. 제8항 내지 제12항 중 어느 한 항의 방법에 따른 동작들을 수행하도록 구성된 다수의 모듈들(401, 402, 403)을 포함하는, 데이터 처리 장치.
  15. 삭제
  16. 삭제
  17. 삭제
  18. 삭제
KR1020197000292A 2016-06-06 2017-05-24 데이터 처리 방법 및 장치 KR102348766B1 (ko)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
CN201610394102.5 2016-06-06
CN201610394102.5A CN106886544A (zh) 2016-06-06 2016-06-06 一种数据处理方法及装置
PCT/CN2017/085652 WO2017211190A1 (zh) 2016-06-06 2017-05-24 一种数据处理方法及装置

Publications (2)

Publication Number Publication Date
KR20190015518A KR20190015518A (ko) 2019-02-13
KR102348766B1 true KR102348766B1 (ko) 2022-01-06

Family

ID=59176416

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020197000292A KR102348766B1 (ko) 2016-06-06 2017-05-24 데이터 처리 방법 및 장치

Country Status (7)

Country Link
US (2) US11250095B2 (ko)
EP (1) EP3467679B1 (ko)
JP (1) JP6992012B2 (ko)
KR (1) KR102348766B1 (ko)
CN (1) CN106886544A (ko)
TW (1) TW201743226A (ko)
WO (1) WO2017211190A1 (ko)

Families Citing this family (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106886544A (zh) 2016-06-06 2017-06-23 阿里巴巴集团控股有限公司 一种数据处理方法及装置
CN109388726A (zh) * 2017-08-11 2019-02-26 车伯乐（北京）信息科技有限公司 一种图片显示方法、装置、设备及计算机可读介质
CN108959495B (zh) * 2018-06-25 2019-12-06 百度在线网络技术（北京）有限公司 H5网页的页面显示方法、装置、设备和计算机存储介质
CN110674622B (zh) * 2018-07-03 2022-12-20 百度在线网络技术（北京）有限公司 可视化图表生成方法、系统、存储介质及电子设备
CN109298905A (zh) * 2018-08-15 2019-02-01 深圳点猫科技有限公司 利用前端编程语言优化图片懒加载的方法以及电子设备
CN109241470A (zh) * 2018-09-27 2019-01-18 北京小米移动软件有限公司 页面显示方法、装置及系统
CN109740087A (zh) * 2018-11-23 2019-05-10 量子云未来（北京）信息科技有限公司 一种图片渲染方法、装置及系统
CN112860772B (zh) * 2019-11-12 2023-05-26 武汉微品致远信息科技有限公司 静态文件代替服务存储信息类数据处理系统
CN113761257A (zh) * 2020-09-08 2021-12-07 北京沃东天骏信息技术有限公司 一种图片解析方法和装置
US11983235B2 (en) 2021-09-22 2024-05-14 International Business Machines Corporation Dynamic resource usage web browser

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2005071350A (ja) * 2003-08-21 2005-03-17 Internatl Business Mach Corp <Ibm> 大きなウェブ画像の一部をより小さな制約された表示領域に適合させて配信する装置および方法
US20110158557A1 (en) * 2009-12-24 2011-06-30 Hon Hai Precision Industry Co., Ltd. Image server and image transmission method thereof
US20120194519A1 (en) 2011-01-28 2012-08-02 Strangeloop Networks Inc. Image Optimization
CN103701756A (zh) 2012-09-27 2014-04-02 中国电信股份有限公司 web表单数据的保护方法、装置及web服务器

Family Cites Families (23)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7240294B2 (en) 2000-10-20 2007-07-03 Desknet Inc. Method of constructing a composite image
CA2447171A1 (en) 2001-01-29 2002-08-08 Digitomi, Co., Ltd. Method of transmitting images for online publication
US7890858B1 (en) 2005-10-11 2011-02-15 Google Inc. Transferring, processing and displaying multiple images using single transfer request
SG10201402464XA (en) 2005-12-07 2014-10-30 3Dlabs Inc Ltd Methods for manipulating web pages
WO2009073831A1 (en) * 2007-12-05 2009-06-11 Onlive, Inc. Video compression system and method for reducing the effects of packet loss over a communication channel
US8356247B2 (en) * 2008-12-16 2013-01-15 Rich Media Worldwide, Llc Content rendering control system and method
US8549395B2 (en) * 2009-12-16 2013-10-01 Ca, Inc. Method and system for transforming an integrated webpage
CN102456136B (zh) * 2010-10-29 2013-06-05 方正国际软件(北京)有限公司 一种图文切分方法及系统
JP5542075B2 (ja) 2011-03-01 2014-07-09 日本放送協会 認証サーバ、認証プログラムおよび認証システム
US9928226B2 (en) * 2012-03-20 2018-03-27 Adobe Systems Incorporated Local authoring and editing of cloud-based electronic content
CN103488447A (zh) * 2012-06-12 2014-01-01 国基电子（上海）有限公司 画面组合显示控制系统及显示控制方法
CN102819386B (zh) * 2012-06-29 2016-05-25 北京奇虎科技有限公司 一种显示网页中图片的方法和装置
CN102819560B (zh) * 2012-06-29 2018-09-04 北京奇虎科技有限公司 一种网页中图片的显示方法和装置
CN103514241B (zh) * 2012-12-07 2017-09-05 Tcl集团股份有限公司 图片加载方法及系统
JP2014164126A (ja) 2013-02-25 2014-09-08 Nippon Telegr & Teleph Corp <Ntt> 音響信号分析方法、装置、及びプログラム
CA2914204A1 (en) * 2013-06-03 2014-12-11 Miworld Technologies Inc. System and method for image based interactions
CN104281626B (zh) 2013-07-12 2018-01-19 阿里巴巴集团控股有限公司 基于图片化处理的网页展示方法及网页展示装置
US9560160B1 (en) 2014-01-17 2017-01-31 Instar Logic, Inc. Prioritization of the delivery of different portions of an image file
CN104391890B (zh) * 2014-11-10 2017-11-24 广东欧珀移动通信有限公司 图片加载方法及系统
JP5926826B2 (ja) * 2015-01-16 2016-05-25 グリー株式会社 アニメーション再生システム、端末装置、再生方法、及びプログラム
CN104679570A (zh) * 2015-03-24 2015-06-03 新余兴邦信息产业有限公司 图片的加载显示方法、设备和系统
CN106886544A (zh) 2016-06-06 2017-06-23 阿里巴巴集团控股有限公司 一种数据处理方法及装置
US10565524B2 (en) 2017-01-31 2020-02-18 Hewlett Packard Enterprise Development Lp Performing privacy-preserving multi-party analytics on horizontally partitioned local data

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2005071350A (ja) * 2003-08-21 2005-03-17 Internatl Business Mach Corp <Ibm> 大きなウェブ画像の一部をより小さな制約された表示領域に適合させて配信する装置および方法
US20110158557A1 (en) * 2009-12-24 2011-06-30 Hon Hai Precision Industry Co., Ltd. Image server and image transmission method thereof
US20120194519A1 (en) 2011-01-28 2012-08-02 Strangeloop Networks Inc. Image Optimization
CN103701756A (zh) 2012-09-27 2014-04-02 中国电信股份有限公司 web表单数据的保护方法、装置及web服务器

Also Published As

Publication number Publication date
TW201743226A (zh) 2017-12-16
US11232169B2 (en) 2022-01-25
CN106886544A (zh) 2017-06-23
US11250095B2 (en) 2022-02-15
EP3467679A1 (en) 2019-04-10
US20200125610A1 (en) 2020-04-23
JP6992012B2 (ja) 2022-01-13
WO2017211190A1 (zh) 2017-12-14
EP3467679A4 (en) 2019-05-01
EP3467679B1 (en) 2022-03-23
KR20190015518A (ko) 2019-02-13
US20190108189A1 (en) 2019-04-11
JP2019517700A (ja) 2019-06-24

Similar Documents

Publication Publication Date Title
KR102348766B1 (ko) 데이터 처리 방법 및 장치
US11153402B2 (en) Method and apparatus for automatically optimizing the loading of images in a cloud-based proxy service
JP6740373B2 (ja) ページコンポーネント動的レイアウト
CN103870861B (zh) 一种生成二维码的方法和装置
CN106294658B (zh) 网页快速展示方法和装置
JP6404816B2 (ja) ウェブページアクセス要求に対する応答の方法および装置
CN105069132A (zh) 一种基于静态外壳的网页实现方法
CN103530160A (zh) 一种页面加载的方法和装置
CN105488125A (zh) 页面访问方法和装置
CN110059278A (zh) Web页面配置方法、服务器及计算机可读存储介质
US11477158B2 (en) Method and apparatus for advertisement anti-blocking
CN113377376A (zh) 数据包生成方法、数据包生成装置、电子设备及存储介质
CN112214250A (zh) 一种应用程序组件的加载方法和装置
CN107291628B (zh) 访问数据存储设备的方法和装置
CN114528510A (zh) 网页数据处理的方法、装置、电子设备及介质
CN110505258B (zh) 网页加载及响应方法、装置、计算机设备和存储介质
CN113779350B (zh) 数据采集方法、装置、计算机系统和计算机可读存储介质
CN103955515A (zh) 双核浏览器的处理方法及装置
CN103873590B (zh) 一种网页im的接入方法和网页浏览器
JP6818517B2 (ja) 位置情報管理装置及び位置情報管理方法
CN117193924A (zh) 页面展示方法、装置和计算机设备
CN118012518A (zh) 应用程序启动方法、装置、计算机设备及存储介质
CN116090407A (zh) 文档加载方法、装置、电子设备、存储介质及程序产品
CN113779350A (zh) 数据采集方法、装置、计算机系统和计算机可读存储介质
CN116226866A (zh) web应用框架漏洞检测方法、装置及计算机设备

Legal Events

Date Code Title Description
PA0105 International application

Patent event date: 20190104

Patent event code: PA01051R01D

Comment text: International Patent Application

PG1501 Laying open of application
A201 Request for examination
PA0201 Request for examination

Patent event code: PA02012R01D

Patent event date: 20200107

Comment text: Request for Examination of Application

N231 Notification of change of applicant
PN2301 Change of applicant

Patent event date: 20201204

Comment text: Notification of Change of Applicant

Patent event code: PN23011R01D

E902 Notification of reason for refusal
PE0902 Notice of grounds for rejection

Comment text: Notification of reason for refusal

Patent event date: 20210428

Patent event code: PE09021S01D

E701 Decision to grant or registration of patent right
PE0701 Decision of registration

Patent event code: PE07011S01D

Comment text: Decision to Grant Registration

Patent event date: 20211008

GRNT Written decision to grant
PR0701 Registration of establishment

Comment text: Registration of Establishment

Patent event date: 20220104

Patent event code: PR07011E01D

PR1002 Payment of registration fee

Payment date: 20220104

End annual number: 3

Start annual number: 1

PG1601 Publication of registration
PR1001 Payment of annual fee

Payment date: 20241128

Start annual number: 4

End annual number: 4