KR101884648B1 - 스케치 화면 생성을 통한 웹 사이트 개발 방법, 이를 이용한 장치 및 컴퓨터-판독가능 매체 - Google Patents

Abstract

본 발명의 일 실시 예에 따른 스케치 화면 생성을 통한 웹 사이트 개발 방법은, 사용자 단말에서 입력된 검색 키워드에 따라 외부 온라인 검색망으로부터 적어도 하나의 이미지, 영상 및 인터랙션을 포함하는 콘텐츠를 로드하는 콘텐츠 로드 단계; 콘텐츠 로드 단계에서 로드된 콘텐츠 중 사용자 단말로부터 선택 입력된 적어도 하나의 콘텐츠를 사용자 계정에 저장함으로써 콘텐츠 리스트를 생성하는 콘텐츠 리스트 생성 단계; 콘텐츠 리스트를 서버 측 가상 브라우저 상에 로드하여 콘텐츠 리스트에 포함된 적어도 하나의 콘텐츠를 사용자 단말의 입력에 따라 편집 및 배치함으로써 스케치 화면을 생성하는 스케치 화면 생성 단계; 및 사용자 단말로부터 생성된 스케치 화면의 저장 입력의 수신 시, 생성된 스케치 화면을 서버에 저장하는 서버 저장 단계;를 포함하는 것을 특징으로 한다. 이에 따라서, 하나의 통합된 인터페이스 상에서 웹 디자이너를 포함한 사용자 및 상술한 사용자에 매칭된 개발자의 협업에 의하여 웹 사이트 개발이 이루어지기 때문에 업무를 단순화할 수 있으며 업무 효율을 상승시킬 수 있다.

Description

스케치 화면 생성을 통한 웹 사이트 개발 방법, 이를 이용한 장치 및 컴퓨터-판독가능 매체{METHOD, APPARATUS AND COMPUTER-READABLE MEDIUM FOR WEB-SITE DEVELOPMENT THROUGH SKETCH SCREEN CREATION}

본 발명은 스케치 화면 생성을 통한 웹 사이트 개발 방법에 관한 것으로서, 가상 브라우저를 이용하여 하나의 통합된 웹 개발 방법을 제공하는 기술에 관련된 것이다.

최근 들어 인터넷 웹을 기반으로 하여 전자상거래, 전자 광고, 인터넷 폰 등 다양한 서비스들이 제공되고 있음에 따라서, 현재 인터넷의 웹 사이트는 사업의 도구로서 활발히 이용되고 있다.

한편, 웹 사이트 제작을 위해서는 표현 계층과 관련되는 작업을 담당하는 웹 디자이너와 프로그램 처리 계층과 관련되는 프로그램 소스 및 인터랙션에 대한 개발작업을 수행하는 웹 개발자의 협업으로 제작되는데, 종래의 발명에서는 대부분의 웹 사이트 제작이 웹 디자이너가 웹 사이트의 화면을 설계 및 디자인을 한 후 웹 개발자에게 유선 또는 이메일로 웹 사이트 개발 정보를 지시함으로써 웹 사이트 개발을 수행해 왔다.

그러나, 상술한 종래의 방법은 웹 디자이너와 웹 개발자 간의 명확한 커뮤니케이션이 불가하여 웹 디자인이 재편집되는 경우가 상당하였으며, 이에 따라 시간적 자원, 인적 자원 및 경제적 자원이 낭비되는 문제가 있었다.

또한, 웹 디자인이나 웹 사이트 개발에 대한 지식이 없거나 이에 대한 어려움을 느끼는 일반 사용자의 경우에는 웹 사이트 제작이 실질적으로 불가능하다는 문제점이 존재하였다.

이에 한국 공개 특허10-2002-0004822호(인터넷상에서의 웹사이트 생성 및 관리방법)에서는 웹사이트 마법사 제공 서버를 이용하여 웹 사이트의 제작/관리 모듈을 다운로드 받은 후, 웹 사이트 운영 서버에 설치하고, 상술한 제작/관리 모듈을 이용하여 웹사이트를 구성하는 기술에 대하여 개시하고 있으나, 상술한 선행 발명의 경우는, 웹 사이트를 구성하는 디자인 및 그래픽 요소가 상술한 정해진 제작 모듈 내에서 획일적으로 제공되고 있으며, 그 기능 역시 모듈에 존재하는 기능만을 수행할 수 있다는 점에서 한계가 있다.

이에 본 발명은 스케치 화면 생성을 통한 웹 사이트 개발 방법을 제공함에 있어서, 웹 디자이너를 포함한 사용자 계정에서 가상 브라우저를 이용하여 임의의 스케치 화면을 생성하여 웹 개발자에게 웹 사이트 개발 정보로 전달함으로써 웹 디자이너 및 웹 개발자 간의 명확한 커뮤니케이션을 도모하여 스케치 화면 생성을 통한 웹 사이트 개발 방법을 제공하기 위한 것에 일 목적이 있다.

상기 목적을 달성하기 위하여, 본 발명의 일 실시 예에 따른 스케치 화면 생성을 통한 웹 사이트 개발 방법은, 사용자 단말에서 입력된 검색 키워드에 따라 외부 온라인 검색망으로부터 적어도 하나의 이미지, 영상 및 인터랙션을 포함하는 콘텐츠를 로드하는 콘텐츠 로드 단계; 콘텐츠 로드 단계에서 로드된 콘텐츠 중 사용자 단말로부터 선택 입력된 적어도 하나의 콘텐츠를 사용자 계정에 저장함으로써 콘텐츠 리스트를 생성하는 콘텐츠 리스트 생성 단계; 콘텐츠 리스트를 서버 측 가상 브라우저 상에 로드하여 콘텐츠 리스트에 포함된 적어도 하나의 콘텐츠를 사용자 단말의 입력에 따라 편집 및 배치함으로써 스케치 화면을 생성하는 스케치 화면 생성 단계; 및 사용자 단말로부터 생성된 스케치 화면의 저장 입력의 수신 시, 생성된 스케치 화면을 서버에 저장하는 서버 저장 단계;를 포함하는 것을 특징으로 한다.

한편, 본 발명의 일 실시 예에 따른 스케치 화면 생성을 통한 웹 사이트 개발 장치는, 사용자 단말의 검색 요청 입력에 따라 외부 온라인 검색망으로부터 적어도 하나의 이미지, 영상 및 인터랙션을 포함하는 콘텐츠를 로드하는 콘텐츠 로드 부; 로드된 콘텐츠 중 사용자 단말로부터 선택 입력된 적어도 하나의 콘텐츠를 사용자 계정에 저장함으로써 콘텐츠 리스트를 생성하는 콘텐츠 리스트 생성부; 생성된 콘텐츠 리스트를 서버 측 가상 브라우저 상에 로드하여 로드된 콘텐츠 리스트에 포함된 적어도 하나의 콘텐츠를 사용자 단말의 입력에 따라 편집 및 배치함으로써 스케치 화면을 생성하는 스케치 화면 생성부; 및 사용자 단말로부터 생성된 스케치 화면의 저장 입력의 수신 시, 생성된 스케치 화면을 서버에 저장하는 서버 저장부;를 포함하는 것을 특징으로 한다.

본 발명의 일 실시 예에 의하면 웹 사이트 개발을 위한 스케치 화면 생성에 있어서, 사용자는 최소한의 용량을 갖는 콘텐츠를 사용하여 스케치 화면을 생성함에 따라 웹 상에서도 단말 또는 시스템의 제한 없이 웹 사이트 개발을 위한 스케치 화면을 용이하게 생성할 수 있는 효과가 있다.

또한 사용자 측면에서, 웹 개발자에게 웹 사이트 개발을 위한 지시 정보 전달을 위한 수단으로 사용자가 생성한 스케치 화면을 송신함으로써, 신속하고 명확하게 웹 사이트 개발을 위한 지시 정보를 전달할 수 있는 효과가 있다.

또한, 웹 개발자 측면에서는 사용자로부터 웹 사이트 개발 정보로써 스케치 화면을 제공 받음에 따라서 웹 사이트 디자인의 학습을 위하여 소비되는 시간 및 인력의 낭비를 절감할 수 있는 효과가 있기 때문에 복잡한 웹 사이트 개발 작업에 있어서도 업무를 단순화할 수 있으며 업무 효율을 상승시킬 수 있는 효과가 있다.

또한 본 발명의 일 실시 예에 따르면, 개발이 완료된 웹 사이트에 대하여 적어도 주기별, 수정 이벤트별 중 어느 하나로 웹 사이트를 캡처하여 캡처 이미지로써 저장함에 따라서, 디자이너 및 개발자의 수정 스타일의 변화를 용이하게 추적 및 파악할 수 있는 효과가 있다

또한, 본 발명의 일 실시 예에 따르면, 하나의 통합된 인터페이스 상에서 사용자 및 개발자의 협업에 의하여 웹 사이트 개발이 이루어지기 때문에 업무를 단순화할 수 있으며 업무 효율을 상승시킬 수 있는 효과가 있다.

도 1은 본 발명의 일 실시 예에 따른 스케치 화면 생성을 통한 웹 사이트 개발 방법의 흐름도.
도 2는 본 발명의 일 실시 예에 따라 사용자 단말에서 입력된 키워드에 의하여 외부 온라인 검색망에서 검색된 콘텐츠의 결과를 나타내는 일 실시 예.
도 3 및 4는 본 발명의 일 실시 예에 따른 스케치 화면 생성 및 저장의 일 실시 예.
도 5 내지 7은 본 발명의 일 실시 예에 따른 콘텐츠 로드의 일 실시 예.
도 8 은 본 발명의 일 실시 예에 따른 히스토리 정보 조회의 일 실시 예.
도 9는 본 발명의 일 실시 예에 따른 스케치 화면 생성을 통환 웹 사이트 개발 장치의 구성도.
도 10은 본 발명의 일 실시 예에 있어서, 컴퓨팅 장치의 내부 구성의 일례를 설명하기 위한 블록도.

이하에서는, 다양한 실시 예들 및/또는 양상들이 이제 도면들을 참조하여 개시된다. 하기 설명에서는 설명을 목적으로, 하나이상의 양상들의 전반적 이해를 돕기 위해 다수의 구체적인 세부사항들이 개시된다. 그러나, 이러한 양상(들)은 이러한 구체적인 세부사항들 없이도 실행될 수 있다는 점 또한 본 발명의 기술 분야에서 통상의 지식을 가진 자에게 인식될 수 있을 것이다. 이후의 기재 및 첨부된 도면들은 하나 이상의 양상들의 특정한 예시적인 양상들을 상세하게 기술한다. 하지만, 이러한 양상들은 예시적인 것이고 다양한 양상들의 원리들에서의 다양한 방법들 중 일부가 이용될 수 있으며, 기술되는 설명들은 그러한 양상들 및 그들의 균등물들을 모두 포함하고자 하는 의도이다.

본 명세서에서 사용되는 "실시 예", "예", "양상", "예시" 등은 기술되는 임의의 양상 또는 설계가 다른 양상 또는 설계들보다 양호하다거나, 이점이 있는 것으로 해석되지 않을 수도 있다.

또한, "포함한다" 및/또는 "포함하는"이라는 용어는, 해당 특징 및/또는 구성요소가 존재함을 의미하지만, 하나이상의 다른 특징, 구성요소 및/또는 이들의 그룹의 존재 또는 추가를 배제하지 않는 것으로 이해되어야 한다.

또한, 제 1, 제 2 등과 같이 서수를 포함하는 용어는 다양한 구성요소들을 설명하는데 사용될 수 있지만, 상기 구성요소들은 상기 용어들에 의해 한정되지는 않는다. 상기 용어들은 하나의 구성요소를 다른 구성요소로부터 구별하는 목적으로만 사용된다. 예를 들어, 본 발명의 권리 범위를 벗어나지 않으면서 제 1 구성요소는 제 2 구성요소로 명명될 수 있고, 유사하게 제 2 구성요소도 제 1 구성요소로 명명될 수 있다. 및/또는 이라는 용어는 복수의 관련된 기재된 항목들의 조합 또는 복수의 관련된 기재된 항목들 중의 어느 항목을 포함한다.

또한, 본 발명의 실시 예들에서, 별도로 다르게 정의되지 않는 한, 기술적이거나 과학적인 용어를 포함해서 여기서 사용되는 모든 용어들은 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자에 의해 일반적으로 이해되는 것과 동일한 의미를 가지고 있다. 일반적으로 사용되는 사전에 정의되어 있는 것과 같은 용어들은 관련 기술의 문맥 상 가지는 의미와 일치하는 의미를 가지는 것으로 해석되어야 하며, 본 발명의 실시 예에서 명백하게 정의하지 않는 한, 이상적이거나 과도하게 형식적인 의미로 해석되지 않는다.

본 발명은 스케치 화면 생성을 통한 웹 사이트 개발 방법에 관한 것으로서, 가상 브라우저를 이용하여 하나의 통합된 웹 개발 방법을 제공하는 기술에 관련된 것이다.

더욱 구체적으로 본 발명은 웹 디자이너를 포함한 사용자 계정에서 가상 브라우저를 이용하여 임의의 스케치 화면을 생성하여 웹 개발자에게 웹 사이트 개발 정보로 전달함으로써 웹 디자이너 및 웹 개발자 간의 명확한 커뮤니케이션을 도모하여 스케치 화면 생성을 통한 웹 사이트 개발 방법을 제공하기 위한 것이다.

상술한 목적을 수행하기 위하여 도 1을 참고하여 본 발명을 설명하면, 도 1은 본 발명의 일 실시 예에 따른 스케치 화면 생성을 통한 웹 사이트 개발 방법의 흐름도이다.

먼저, 사용자 단말에서 입력된 검색 키워드에 따라 외부 온라인 검색망으로부터 적어도 하나의 이미지, 영상 및 인터랙션을 포함하는 콘텐츠를 로드하는 콘텐츠 로드 단계(S10)가 수행될 수 있다.

예를 들어, 사용자 단말에서 입력된 검색 키워드가 '의류'라고 가정하면, 외부 온라인 검색망에는 의류와 관련된 적어도 하나의 이미지, 영상 및 인터랙션 콘텐츠가 로드되어 사용자에게 제공될 수 있다.

즉, S10 단계는 포털 사이트를 비롯한 외부 온라인 검색망에서 사용자 단말로부터 입력된 키워드에 따라 웹 사이트 개발 및 생성에 필요한 콘텐츠들이 로드 되는 것으로 이해될 것이다.

한편, 본 발명의 일 실시 예에서는 상술한 사용자 단말에서 입력한 키워드와 관련된 적어도 하나의 유사 검색어, 조합 검색어 및 확장 검색어를 제공할 수 있다.

한 실시 예로써, 사용자 단말에서 입력된 키워드가 "의류"일 경우, 본 발명의 일 실시 예에 따르면 "상의","하의","원피스","의류 쇼핑몰", "옷" 및 "패션" 등과 같은 관련 키워드를 제공하여 사용자에게 더욱 구체적 혹은 포괄적으로 콘텐츠를 검색하여 사용자의 의도에 부합하는 콘텐츠를 제공해줄 수 있다.

결과적으로 S10 단계는 상술한 사용자 단말에서 입력된 키워드에 의하여 외부 온라인 검색망을 이용한 검색 결과로서 제공된 콘텐츠 중 사용자의 선택 입력에 따라 선택된 콘텐츠를 사용자 계정으로 로드해오는 것으로 이해될 것이다.

이때, 사용자 단말은, 본 발명의 기능을 수행할 수 있는 유무선 네트워크와 통신 가능하며, 적어도 유/무선 전화기(wire/wireless telephone), 태블릿 PC(Tablet PC), 랩톱(Laptop), 개인용 컴퓨터(Personal computer), 스마트폰(Smart phone), 개인 휴대용 정보단말기(Personal Digital Assistant) 및 이동통신 단말기(Mobile Communication Terminal) 중 어느 하나일 수 있다.

또한, 본 발명에서 사용자는 웹 디자이너를 포함하고 있는 개념이며, 웹 디자이너뿐만 아니라 웹 사이트 생성을 위하여 웹 사이트의 화면을 설계 및 디자인하는 모든 주체로 이해될 것이다.

외부 온라인 검색망은 적어도 하나의 이미지, 영상 및 인터랙션 콘텐츠의 검색이 가능한 검색 서비스가 포함된 모든 포털 사이트일 수 있으나, 웹 디자이너들만 이용 가능한 웹 디자이너 전용 사이트일 수도 있다.

한편, 본 발명에서 S10 단계는 콘텐츠를 로드하는데 있어서 상술한 외부 온라인 검색망을 이용하는 것은 물론, 이외에도 사용자 단말에 저장되어 있던 콘텐츠를 이용하거나 외부 별도의 메모리를 갖는 장치, 예를 들어 이동식 디스크와 같은 저장공간에 기 저장된 콘텐츠를 로드할 수도 있음은 당연하다.

한편, 인터랙션 콘텐츠는 사용자와의 상호 작용을 통해 콘텐츠의 내용을 효과적으로 전달할 수 있도록 제작되는 콘텐츠로서, 웹 사이트를 이용하는 사용자의 조작에 따라 인터페이스가 반응하는 일련의 상호작용으로 이해될 수 있다.

예를 들어 인터랙션 콘텐츠는, 도 7에 도시된 것과 같이 사용자의 선택이 있기 전, 선택 입력이 수행되고 있는 도중 및 선택 입력 수행 후의 반응이 각각 다르게 표현되어 웹 사이트를 이용하는 사용자에게, 콘텐츠 선택에 따라 시각적으로 각기 다른 상호작용을 나타내는 콘텐츠로 이해될 수 있다. 그러나 상술한 실시 예외에도 인터랙션 콘텐츠는 스와이프 기능, 현재 스텝 인지 기능, 인박스 기능, 탭 기능 및 콘텐츠 연계 기능 등 공지된 다양한 기능을 포함한 인터랙션 콘텐츠가 모두 포함된 개념으로 이해될 것이다.

S10 단계의 수행 이후, 로드된 콘텐츠 중 사용자 단말로부터 선택 입력된 적어도 하나의 콘텐츠를 사용자 계정에 저장함으로써 콘텐츠 리스트를 생성하는 콘텐츠 리스트 생성 단계(S20)가 수행될 수 있다.

S20 단계는, 상술한 S10 단계에서 로드된 콘텐츠들을 사용자 계정에 적어도 사용자 단말의 선택 입력에 따라 저장된 시간별, 콘텐츠의 종류별, 콘텐츠가 차지하는 용량별 중 적어도 어느 하나로 분류되어 그룹화될 수 있으며, 상술한 그룹화에 의해 사용자가 저장한 콘텐츠들이 체계적으로 관리될 수 있다.

또한, S20 단계는 상술한 S10 단계에서 선택 입력된 콘텐츠를 적어도 URL 링크 저장 및 다운로드 저장 중 어느 하나를 이용하여 사용자 계정에 저장함으로써 콘텐츠 리스트를 생성할 수 있다.

한 실시 예로써, S10 단계의 수행에 따라 사용자 단말로부터 이미지 A에 대한 선택 입력이 적용되어 사용자 계정에 저장 시, 사용자 계정에서는 이미지 A의 견본 이미지가 저장되고 견본 이미지에는 상술한 이미지 A를 다운로드 가능한 URL 링크가 포함되어 이미지 A에 대한 다운로드에 대한 가이드를 제공할 수 있다.

또 다른 실시 예로써, S10 단계의 수행에 따라 사용자 단말로부터 이미지 A에 대한 선택 입력이 적용되어 사용자 계정에 저장 시, 사용자 계정에는 이미지 A의 원본 파일이 그 자체로 저장될 수 있다. 즉, 사용자 계정에 원본 이미지가 저장됨으로써, 추후 웹 사이트 개발을 위해 웹 개발자가 이미지를 다운로드 받고자 할 때, 사용자의 계정에서 이미지를 즉시 다운로드할 수 있게 된다.

결국 S20 단계는, 상술한 S10 단계에서 사용자 단말의 선택 입력에 따라 저장된 적어도 하나 이상의 콘텐츠들이 사용자 계정에 사용자 콘텐츠 리스트로서 적어도 URL 링크 저장 및 원본으로 저장됨에 따라서 후술할 스케치 화면 생성 단계에서 손쉽게 기 저장한 콘텐츠를 로드할 수 있게 함으로써 용이하게 스케치 화면을 생성하여 웹 사이트 개발에 이용될 수 있다.

S20 단계의 수행 이후, S20 단계에서 생성된 콘텐츠 리스트를 서버 측 가상 브라우저 상에 로드하여 콘텐츠 리스트에 포함된 적어도 하나의 콘텐츠를 사용자 단말의 입력에 따라 편집 및 배치함으로써 스케치 화면을 생성하는 스케치 화면 생성 단계(S30)가 수행될 수 있다.

한편, S30 단계에서 콘텐츠 리스트를 서버 측 가상 브라우저 상에 로드하는 것은 다음과 같은 실시 예가 존재할 수 있다.

(제1 실시 예)

스케치 화면 생성을 위하여 콘텐츠 리스트로부터 로드되는 이미지 콘텐츠는 해상도를 기 설정된 비율로 하향 조정하여 저용량의 대표 이미지 콘텐츠로서 로드될 수 있다.

즉, 사용자가 외부 온라인 검색망에서 사용자 계정으로 다운로드 받은 이미지 콘텐츠의 해상도를 기 설정된 비율, 예를 들어 원본 이미지의 50%이하의 해상도를 갖도록 하향 조정한 저용량의 대표 이미지 콘텐츠를 생성하여 스케치 화면에 적용하여 웹 개발자에게 웹 사이트 개발 정보로써 제공할 수 있다.

이 때, 대표 이미지 콘텐츠는, 웹 개발자가 상술한 대표 이미지를 보았을때, 어떤 이미지 콘텐츠인지 육안으로 식별 가능한 정도의 수준까지만 해상도가 저하되는 것은 당연하다.

또한, 상술한 대표 이미지 콘텐츠가 스케치 화면에 적용될 시, 상술한 대표 이미지 콘텐츠는 해상도가 저하된 이미지 콘텐츠의 원본을 다운로드 받을 수 있는 링크 정보, 이미지에 적용된 편집 기능, 에를 들어 대표 이미지 콘텐츠의 크기, 색상, 필터, 크롭 영역, 레이어 순서 및 레이어 배치 등 통상적으로 사용되는 이미지 편집 기술 등이 포함된 식별 정보가 포함될 수 있다.

종합적으로, 본 발명의 일 실시 예에 의하면 다양한 콘텐츠의 편집 및 개발 작업이 필요한 웹 사이트의 개발에 있어서 사용자는 최소한의 용량을 갖는 이미지 콘텐츠를 사용함으로써 웹 상에서도 단말 또는 시스템의 제한 없이 웹 사이트 개발을 위한 스케치 화면을 용이하게 생성할 수 있으며, 웹 개발자에게 웹 개발 정보를 포함한 스케치 화면을 전달하여 작업을 지시하기 때문에 명확한 작업 정보 전달이 이루어질 수 있는 효과가 있다.

(제2 실시 예)

스케치 화면 생성을 위하여 콘텐츠 리스트로부터 로드되는 영상 콘텐츠는 사용자가 사용자 계정에 저장한 영상을 구성하고 있는 프레임들 중 적어도 하나의 프레임을 추출하여 저용량의 대표 영상 콘텐츠를 정의하고, 스케치 화면에 적용함으로써 웹 개발자에게 웹 사이트 개발 정보로써 제공될 수 있다.

한 실시 예로써, 하나 이상의 프레임으로 구성된 영상A가 있을 경우, 영상A의 첫 번째 프레임을 대표 영상 콘텐츠로써 추출하고, 스케치 화면에 적용할 수 있다.

한편, 상술한 대표 영상 콘텐츠는 하나의 프레임이 추출되었을 경우, 스케치 화면에 이미지로써 대표 영상 콘텐츠로 제공될 수 있고, 하나 이상일 경우, 동적 이미지로써 제공될 수도 있다.

또한 스케치 화면에 적용된 대표 영상 콘텐츠는 상술한 이미지 콘텐츠에 적용된 것과 같이 해상도를 저하함으로써 영상 콘텐츠 자체가 스케치 화면에 적용될 수 있음은 당연하며, 상술한 대표 영상 콘텐츠는, 원본 영상 콘텐츠를 다운로드 받을 수 있는 링크 정보, 통상적으로 사용되는 영상 편집 기술 정보 등이 포함된 식별 정보가 포함될 수 있다.

(제3 실시 예)

웹 사이트 개발을 위하여 생성하는 스케치 화면에는 인터랙션 콘텐츠의 반응 전, 반응 도중 및 반응 후의 상태 정보를 적어도 하나의 이미지로 추출한 저용량의 대표 인터랙션 콘텐츠를 이용하여 스케치 화면을 생성할 수 있다.

예를 들어 사용자 단말의 입력 수단의 접근 조작에 따라 각기 다른 상태 반응을 나타내는 인터랙션 콘텐츠가 있다고 가정할 때, 한 실시 예로써, 입력 수단이 접근 전에는 400의 이미지와 같은 상태 반응을 나타내고, 입력 수단이 접근하였을 때는 410의 이미지와 같은 상태 반응을 나타내고, 입력 수단이 접근 후에는 420과 같은 상태 반응을 나타내는 인터랙션 콘텐츠의 상태 정보를 이미지로써 캡처하여 스케치 화면에 적용될 수 있다.

즉, 상술한 제1 내지 3 실시 예에 따라, 본 발명에서는 최소한의 용량을 갖는 콘텐츠들을 이용하여 스케치 화면을 생성할 수 있게 되며, 이에 따라 웹 상에서도 단말 또는 시스템의 제한 없이 웹 사이트 개발을 위한 스케치 화면을 용이하게 생성할 수 있는 효과가 있다.

한편, 본 발명에서 스케치 화면은, 웹 사이트의 개발 전 웹 디자이너를 포함한 사용자가 웹 개발자에게 웹 개발 정보로써 생성되어야 할 웹 사이트를 사용자 단말의 입력에 따라 분위기, 구조 및 콘텐츠들의 배치 등을 묘사한 화면으로 이해될 것이다.

즉, 웹 개발자는 사용자로부터 수신된 스케치 화면을 웹 사이트 개발 시 개발 정보로써 이용할 수 있으며, 사용자는 자신이 디자인한 스케치 화면을 통하여 웹 개발자에게 전달함으로써 더욱 명확한 업무 의사 전달이 가능하여, 웹사이트가 개발된 후, 잦은 수정에 따른 시간 및 인력의 낭비를 절감할 수 있는 효과가 있다.

S30 단계의 수행 이후, 사용자 단말로부터 생성된 스케치 화면의 저장 입력의 수신 시, 생성된 스케치 화면을 서버에 저장하는 서버 저장 단계(S40)가 수행될 수 있다.

이때 S40 단계는, 사용자 단말로부터 저장 입력이 수신된 스케치 화면을 적어도 사용자별 및 웹 사이트의 속성 정보 별 중 적어도 하나를 기준으로 그룹화하여 저장할 수 있다.

즉, 한 실시 예로써, 사용자 단말로부터 생성된 스케치 화면의 저장 입력이 수신될 시, 사용자의 계정별로 저장을 수행하거나, 사용자가 사용자 계정에 생성한 폴더에 그룹화하여 저장할 수 있다. 이에 따라 사용자는 다수의 스케치 화면을 생성하더라도, 스케치 화면이 기 설정된 분류 기준에 따라 저장됨에 따라 생성된 스케치 화면을 용이하게 관리할 수 있다.

또 다른 실시 예로써, 사용자 단말로부터 생성된 스케치 화면의 저장 입력이 수신될 시, 사용자가 생성한 스케치 화면을 웹 사이트의 속성 정보별로 그룹화할 수 있다.

즉, 사용자가 개발하고자 하는 웹 사이트가 의류 쇼핑몰, 가전 제품쇼핑몰 및 광고대행사에 대한 것이라고 가정했을 때, 서버는 사용자의 계정에 스케치 화면을 의류/가전/광고 등으로 각각의 웹 사이트가 갖는 속성별로 저장함으로써 스케치 화면을 그룹화하여 관리할 수 있다.

한편 서버는, 사용자 계정으로부터 생성된 스케치 화면이 저장될 때마다 스케치 화면 생성에 사용된 콘텐츠의 식별 정보, 콘텐츠 편집 정보 및 콘텐츠 배치 정보 중 적어도 하나를 히스토리 정보로써 저장할 수 있다.

즉, 한 실시 예로써, 사용자가 스케치 화면을 생성 후, 웹 개발자에게 송신하여 완성된 웹 사이트 개발 정보를 수신하였을 때, 수정 사항이 있을 경우, 상술한 히스토리 정보를 이용하여 수정해야 할 부분을 용이하게 확인 및 편집할 수 있으며, 상술한 과정들로 생성된 히스토리 정보를 이용하여 스케치 화면 및 웹 사이트 개발의 스타일의 변화를 용이하게 파악할 수 있는 효과가 있다.

또한, 서버는 사용자 계정 및 타 사용자 계정의 상술한 히스토리 정보를 비교하여 유사도를 산출하고, 유사도가 높은 순으로 타 사용자가 저장한 스케치 화면에 사용된 콘텐츠를 사용자 계정에 추천 콘텐츠로써 제공할 수 있다.

즉, 사용자는 사용자가 생성하고 있는 스케치 화면과 관련된 혹은 유사한 스타일의 콘텐츠를 추천받게됨에 따라 스케치 화면의 생성을 더욱 편리하게 수행할 수 있으며, 필요한 콘텐츠를 용이하게 획득할 수 있는 효과가 있다.

한편, S40 단계의 수행 후, 서버 내 개발자 계정에 저장된 개발자 포트폴리오 정보를 이용하여 사용자 계정에 저장된 스케치 화면에 포함된 개발 작업 및 스케치 화면 스타일 중 적어도 하나와 매칭되는 개발자를 추천하는 개발자 추천 단계(미도시)가 더 포함될 수 있다.

개발자 추천 단계는 사용자가 생성하고 있는 웹 사이트의 속성 정보, 콘텐츠 정보 중 적어도 하나의 정보를 이용하여 사용자가 개발하고자 하는 웹 사이트 개발에 적합한 적어도 한 명 이상의 개발자를 추천하는 것으로 이해될 수 있다.

한편, 개발자 포트폴리오 정보에는 개발자가 지금까지 개발한 웹 사이트의 개수, 상기 개발한 웹 사이트의 샘플 이미지, 연차가 포함된 경력 정보 및 타 사용자들의 후기가 반영된 평가 정보 중 적어도 하나가 포함되어 제공될 수 있다.

또한, 상술한 추천 정보는 사용자의 선택입력에 따라 경력 순, 개발한 웹 사이트가 많은 순 및 평가 정보가 높은 순 등으로 사용자가 우선 순위를 선택 입력하여 우선 순위가 높은 순으로 정렬되어 제공될 수 있다.

이에 따라 개발자의 포트폴리오 정보를 통하여 추천된 적어도 한 명 이상의 개발자에 대하여 사용자는 웹 개발자의 작업 스타일, 작업 스킬 등 사용자의 선호도 및 웹 사이트의 작업 스타일에 적합한 개발자를 선택할 수 있게 되는 것이다.

즉, 이에 따라 사용자는 상술한 개발자 포트폴리오 정보를 기반으로 사용자는 개발자의 작업 스타일, 작업 스킬 등 사용자의 선호도 및 웹 사이트의 작업 스타일에 적합한 개발자를 일일이 검색하여 찾지 않아도 손쉽게 관련 개발자를 선택하여 웹 사이트 개발 작업을 수행할 수 있는 효과가 있다.

한편, 상술한 개발자 추천 단계에서 사용자 단말의 선택 입력에 따라 웹 개발자가 선택되었을 시, 서버가 생성된 스케치 화면 및 스케치 화면 생성에 이용된 콘텐츠 정보를 개발자 계정으로 송신하여 웹 사이트 개발을 위한 정보로써 전달하는 웹 사이트 개발 정보 전달 단계(미도시)가 더 포함될 수 있다.

즉, 상술한 웹 사이트 개발 정보 전달 단계는, 상술한 단계들의 기능 수행에 의하여 완성된 스케치 화면을 웹 개발자에게 전송함으로써 사용자의 의도에 맞는 웹 사이트 개발 작업 수행을 요청할 수 있게 되는 것이다.

한편, 상술한 서버는 웹 개발자가 사용자로부터 수신한 스케치 화면을 기반으로 개발한 웹 사이트에 대한 개발 작업을 완료하여 서버에 업로드하였을 시, 완성된 웹 사이트에 대한 히스토리 정보로써, 기 설정된 주기별(예를 들어 1개월마다) 및 웹 사이트에 대한 수정 이벤트 발생별 중 적어도 어느 하나를 기준으로 웹 사이트 화면을 캡처하여 캡처 이미지로 저장할 수 있다.

더욱 구체적으로, 서버는 서버 내에서 개발이 완료된 웹 사이트에 대하여 기 설정된 주기, 예를 들어 1개월마다 웹 사이트를 캡처하여 캡처 이미지로써 저장되거나, 상술한 개발이 완료된 웹 사이트에 대한 수정 이벤트가 발생될 때마다 웹 사이트를 캡처하여 캡처 이미지로써 저장될 수 있다.

한편, 캡처되는 캡처 이미지는 개발이 완료된 웹 사이트의 전체 영역을 캡처한 캡처 이미지 일 수도 있으나, 수정 이벤트가 발생된 전체 또는 일부 영역을 캡처하여 저장된 캡처 이미지일 수 있다.

즉, 본 발명의 일 실시 예에 따르면, 적어도 주기별, 수정 이벤트 발생별 중 적어도 하나를 기준으로 스케치 화면을 기반으로 개발된 웹 사이트를 캡처 이미지로써 저장함으로써 히스토리 정보를 생성하여 웹 디자이너를 포함한 사용자 및 웹 개발자의 수정 스타일의 변화를 용이하게 파악할 수 있는 효과가 있다.

종합적으로, 본 발명은 상술한 단계들의 기능 수행에 의하여, 사용자는 최소한의 용량을 갖는 콘텐츠를 사용하여 스케치 화면을 생성함에 따라 웹 상에서도 단말 또는 시스템의 제한 없이 웹 사이트 개발을 위한 스케치 화면을 용이하게 생성할 수 있는 효과가 있다.

또한 사용자 측면에서, 웹 개발자에게 웹 사이트 개발을 위한 지시 정보 전달을 위한 수단으로 사용자가 생성한 스케치 화면을 송신함으로써, 신속하고 명확하게 웹 사이트 개발을 위한 지시 정보를 전달할 수 있는 효과가 있다.

또한, 웹 개발자 측면에서는 사용자로부터 웹 사이트 개발 정보로써 스케치 화면을 제공 받음에 따라서 웹 사이트 디자인의 학습을 위하여 소비되는 시간 및 인력의 낭비를 절감할 수 있는 효과가 있다.

또한 본 발명의 일 실시 예에 따르면, 개발이 완료된 웹 사이트에 대하여 적어도 주기별, 수정 이벤트별 중 어느 하나로 웹 사이트를 캡처하여 캡처 이미지로써 저장함에 따라서, 디자이너 및 개발자의 수정 스타일의 변화를 용이하게 추적 및 파악할 수 있는 효과가 있다

또한, 본 발명의 일 실시 예에 따르면, 하나의 통합된 인터페이스 상에서 사용자 및 개발자의 협업에 의하여 웹 사이트 개발이 이루어지기 때문에 업무를 단순화할 수 있으며 업무 효율을 상승시킬 수 있는 효과가 있다.

도 2는 본 발명의 일 실시 예에 따라 사용자 단말에서 입력된 키워드에 의하여 외부 온라인 검색망에서 검색된 콘텐츠의 결과를 나타내는 일 실시 예이다.

S10 단계에서 상술하였듯이, 사용자 단말으로부터 입력된 검색 키워드에 따라서 외부 온라인 검색망을 이용하여 콘텐츠 검색을 실시할 수 있다.

도 2의 1000을 참고하면, 입력된 키워드가 A 일 경우, 검색 결과를 나타내는 화면에는 상술한 키워드 A와 관련된 적어도 하나의 추천 키워드가 제공될 수 있다. 즉, 입력된 키워드가 A일 경우, 1000에 도시된 바와 같이 A`, A``, AA, AB, BA, A`B, A`, `B 및 AB'등 적어도 하나의 유사 검색어, 조합 검색어 및 확장 검색어가 제공될 수 있는 것이다.

즉, 상술한 사용자 단말에서 입력한 키워드에 관련된 적어도 하나의 유사 검색어, 조합 검색어 및 확장 검색어를 제공됨으로써, 사용자에게 더욱 구체적 혹은 포괄적으로 콘텐츠를 검색하여 사용자의 의도에 부합하는 콘텐츠를 제공할 수 있다.

이상과 같이 실시 예들이 비록 한정된 실시 예와 도면에 의해 설명되었으나, 해당 기술분야에서 통상의 지식을 가진 자라면 상기의 기재로부터 다양한 수정 및 변형이 가능하다.

도 3 및 4는 본 발명의 일 실시 예에 따른 스케치 화면 생성 및 저장의 일 실시 예이다.

도 3을 한 실시 예로써 참고하여 설명하면, 도 3에는 사용자 P1 생성한 스케치 화면(2000)에 사용자 단말의 입력에 따라 콘텐츠 리스트에 포함된 적어도 하나 이상의 이미지, 영상, 인터랙션을 포함하는 콘텐츠를 로드하여 편집 및 배치한 실시 예를 도시하였다.

스케치 화면(2000)에는 이미지 콘텐츠(200), 영상 콘텐츠(300) 및 인터랙션 콘텐츠(400)가 사용자의 입력에 따라 편집 및 배치되어 스케치 화면을 구성하고 있을 수 있다.

이때, 스케치 화면(2000)을 구성하는 이미지 콘텐츠(200), 영상 콘텐츠(300) 및 인터랙션 콘텐츠(400)는 상술하였듯이 저용량의 대표 이미지 콘텐츠, 대표 영상 콘텐츠 및 대표 인터랙션 콘텐츠가 사용되어 최소한의 용량을 갖는 콘텐츠가 사용될 수 있으며, 사용자 단말의 입력에 따라 자유롭게 편집 및 배치될 수 있음은 당연하다.

한편, 스케치 화면(2000)에 이용된 콘텐츠들은 콘텐츠의 원본을 다운로드 받을 수 있는 링크 정보, 콘텐츠에 적용된 편집 기능, 예를 들어 콘텐츠의 크기, 색상, 필터, 크롭 영역, 레이어 순서 및 레이어 배치 등 통상적으로 사용되는 콘텐츠 편집 기술 등이 포함된 식별 정보를 포함하고 있을 수 있다. 그러나 상술한 식별 정보는 별도로 웹 개발자에게 전달될 수도 있다.

상술한 기능에 의하여 본 발명은, 웹 상에서도 단말 또는 시스템의 제한 없이 웹 사이트 개발을 위한 스케치 화면(2000)을 용이하게 생성할 수 있는 효과가 있으며, 또한 스케치 화면(2000)에는 생성일 및 스케치 화면(2000)이 분류되는 카테고리의 명칭, 생성된 스케치 화면(2000)의 분류 코드 및 스케치 화면(2000)의 고유 번호가 부여되어 사용자 계정에서 용이하게 관리될 수 있는 효과를 기대할 수 있다.

이상과 같이 실시 예들이 비록 한정된 실시 예와 도면에 의해 설명되었으나, 해당 기술분야에서 통상의 지식을 가진 자라면 상기의 기재로부터 다양한 수정 및 변형이 가능하다.

도 4에서는 본 발명의 일 실시 예에 따라 사용자 계정으로부터 생성된 스케치 화면(2000)이 저장될 시, 상술한 사용자 계정 및 타 사용자 계정의 히스토리 정보를 비교하여 유사도를 산출하고, 유사도가 높은 순으로 타 사용자가 저장한 스케치 화면(2000)에 사용된 콘텐츠를 사용자 계정에 추천 콘텐츠(500)로서 제공하는 것에 대한 실시 예를 도시하였다.

더욱 구체적으로 도 4를 참고하여 예를 들어 설명하면, 사용자 단말의 입력에 따라 사용자 P1의 계정에 스케치 화면 #01이 저장되어 있고, 저장된 스케치 화면(2000)의 분류된 카테고리가 의류 쇼핑몰이라고 가정하였을 때, 상술한 사용자 P1이 생성한 스케치 화면(2000)의 히스토리 정보, 즉, 스케치 화면 생성에 사용된 콘텐츠의 식별 정보, 콘텐츠 편집 정보 및 콘텐츠 배치 정보와 유사도가 높은 타 사용자의 스케치 화면으로부터 추출된 타 사용자가 사용한 콘텐츠를 사용자에게 추천 콘텐츠(500)로서 제공할 수 있다.

이때, 추천 콘텐츠(500)는 도 4에 도시된 바와 같이, 스케치 화면 스타일의 유사도 및 카테고리의 유사도 등을 산출하여 사용자에게 사용자가 생성한 스케치 화면(2000)과 얼마나 유사한지에 대한 정보를 수치화하여 제공할 수 있으며, 서버로부터 제공된 추천 콘텐츠(500)를 사용자의 콘텐츠 리스트에 추가하거나 사용자의 스케치 화면에 즉시 적용할 수도 있다.

이에 따라 사용자는 사용자가 생성하고 있는 스케치 화면(2000)과 관련된 혹은 유사한 스타일의 콘텐츠를 추천받게됨에 따라 웹 사이트 개발 정보로 전달되는 스케치 화면(2000)의 생성을 더욱 편리하게 수행할 수 있으며, 필요한 콘텐츠를 용이하게 획득할 수 있는 효과가 있다.

또한 상술한 기능 수행에 의하여 저장된 스케치 화면을 웹 사이트 개발을 위한 정보 전달을 위한 수단으로 사용함에 따라, 웹 개발자에게 신속하고 명확하게 웹 사이트 개발을 위한 지시 정보를 전달할 수 있는 효과가 있다.

또한, 웹 개발자 측면에서는 사용자로부터 웹 사이트 개발 정보로써 스케치 화면을 제공 받음에 따라서 웹 사이트 디자인의 학습을 위하여 소비되는 시간 및 인력의 낭비를 절감할 수 있는 효과가 있기 때문에 복잡한 웹 사이트 개발 작업에 있어서도 업무를 단순화할 수 있으며 업무 효율을 상승시킬 수 있는 효과가 있다.

이상과 같이 실시 예들이 비록 한정된 실시 예와 도면에 의해 설명되었으나, 해당 기술분야에서 통상의 지식을 가진 자라면 상기의 기재로부터 다양한 수정 및 변형이 가능하다.

도 5 내지 7은 본 발명의 일 실시 예에 따른 콘텐츠 로드의 일 실시 예이다.

도 5는 스케치 화면(2000) 생성을 위하여 이미지 콘텐츠를 로드하는 일 실시 예를 도시한 도면이다.

도 5를 참고하면, 웹 사이트 개발을 위하여 생성하는 스케치 화면(2000)에는 저용량의 이미지 콘텐츠가 이용될 수 있다.

즉, 사용자가 상술한 외부 온라인 검색망에서 다운로드 받은 원본 이미지(200)의 해상도를 기 설정된 비율, 예를 들어 원본 이미지 콘텐츠(200)의 50% 이하의 해상도를 갖도록 하향 조정한 저용량의 대표 이미지 콘텐츠(210)를 생성하고, 상술한 대표 이미지 콘텐츠(210)를 스케치 화면(2000)에 적용하여 웹 개발자에게 웹 사이트 개발 정보로써 제공할 수 있는 것이다.

한편, 상술한 해상도를 기 설정된 비율로 저하되는 것은 원본 이미지 콘텐츠(200)를 식별 가능할 정도의 수준으로 해상도를 저하하는 것으로 이해되는 것이 당연하며, 스케치 화면(2000)에 적용된 대표 이미지 콘텐츠(210)는 고유의 식별 정보를 포함하고 있을 수 있다.

즉, 웹 개발자에게 상술한 대표 이미지 콘텐츠(210)를 포함하고 있는 스케치 화면(2000)이 웹 사이트 개발 정보로써 전달될 시, 해상도가 저하된 이미지 콘텐츠의 원본 이미지 콘텐츠(200)를 다운로드 받을 수 있는 링크 정보, 이미지 에 적용된 편집 기능, 예를 들어 대표 이미지 콘텐츠의 크기, 색상, 필터, 크롭 영역, 레이어 순서 및 레이어 배치 등 통상적으로 사용되는 이미지 편집 기술 등이 포함된 식별 정보가 포함될 수 있는 것이다.

종합적으로, 본 발명의 일 실시 예에 의하면 다양한 콘텐츠의 편집 및 개발 작업이 필요한 웹 사이트의 개발에 있어서 사용자는 최소한의 용량을 갖는 대표 이미지 콘텐츠(210)를 사용함으로써 웹 상에서도 단말 또는 시스템의 제한 없이 웹 사이트 개발을 위한 스케치 화면(2000)을 용이하게 생성할 수 있는 효과가 있다.

이상과 같이 실시 예들이 비록 한정된 실시 예와 도면에 의해 설명되었으나, 해당 기술분야에서 통상의 지식을 가진 자라면 상기의 기재로부터 다양한 수정 및 변형이 가능하다.

도 6은 스케치 화면(2000) 생성을 위하여 영상 콘텐츠를 로드하는 일 실시 예를 도시한 도면이다.

도 6을 참고하면, 웹 사이트 개발을 위하여 생성하는 스케치 화면(2000)에는 저용량의 영상 콘텐츠가 이용될 수 있다.

즉, 사용자가 상술한 외부 온라인 검색망에서 다운로드 받은 원본 영상 콘텐츠(300)에 포함된 적어도 하나의 프레임을 추출한 저용량의 대표 영상 콘텐츠(310)를 이용하여 스케치 화면(2000)을 생성할 수 있다.

한 실시 예로써, 원본 영상 콘텐츠(300)를 구성하고 있는 각각의 프레임들(310 내지 315)에서 적어도 하나의 프레임을 추출하여, 예를 들어 310 프레임을 추출하였다고 가정했을 때, 310 프레임을 저용량의 대표 영상 콘텐츠(310)를 정의하고, 스케치 화면(200)에 적용함으로써 웹 개발자에게 웹 사이트 개발 정보로써 제공할 수 있는 것이다.

한편, 상술한 대표 영상 콘텐츠(310)는 하나의 프레임이 추출되었을 경우, 스케치 화면(2000)에 이미지로써 영상 콘텐츠를 대표할 수 있고, 하나 이상일 경우, 동적 이미지 혹은 해상도가 저하된 영상일 수도 있다.

또한 스케치 화면(2000)에 적용된 대표 영상 콘텐츠(310)는 상술한 이미지 콘텐츠에 적용된 것과 같이 해상도를 저하함으로써 스케치 화면(2000)에 적용될 수 있음은 당연하다.

한편, 웹 개발자에게 상술한 대표 영상 콘텐츠(310)를 포함하고 있는 스케치 화면(2000)이 웹 사이트 개발 정보로 전달될 시, 원본 영상 콘텐츠(300)를 다운로드 받을 수 있는 링크 정보, 통상적으로 사용되는 영상 편집 기술 정보 등이 포함된 식별 정보가 포함될 수 있다.

이상과 같이 실시 예들이 비록 한정된 실시 예와 도면에 의해 설명되었으나, 해당 기술분야에서 통상의 지식을 가진 자라면 상기의 기재로부터 다양한 수정 및 변형이 가능하다.

도 7은 스케치 화면 생성을 위하여 인터랙션 콘텐츠를 로드하는 일 실시 예를 도시한 도면이다.

웹 사이트 개발을 위하여 생성하는 스케치 화면에는 인터랙션 콘텐츠의 반응 전, 반응 도중 및 반응 후의 상태 정보를 적어도 하나의 이미지로 추출하여 저용량의 대표 인터랙션 콘텐츠를 이용하여 스케치 화면을 생성할 수 있다.

예를 들어 사용자 단말의 입력 수단의 접근 조작에 따라 각기 다른 상태 반응을 나타내는 인터랙션 콘텐츠를 예로 들어, 입력 수단이 접근 전에는 400의 이미지와 같은 상태 반응을 나타내고, 입력 수단이 접근하였을 때는 410의 이미지와 같은 상태 반응을 나타내고, 입력 수단이 접근 후에는420과 같은 상태 반응을 나타내는 인터랙션 콘텐츠라고 가정하였을 때, 각각의 상태 정보를 이미지로써 캡처하여 스케치 화면에 이용할 수 있다.

즉, 도 7에 도시된 400, 410 및 420을 대표 인터랙션 콘텐츠로서 선정하여 스케치 화면에 적용할 수 있는 것이다.

한편, 대표 인터랙션 콘텐츠는 상술한 대표 이미지 및 대표 영상 콘텐츠와 마찬가지로 스케치 화면에 적용되는 대표 인터랙션 콘텐츠 역시 원본 인터랙션 콘텐츠를 다운로드 받을 수 있는 링크 정보가 포함된 식별 정보를 포함하고 있을 수 있다.

이상과 같이 실시 예들이 비록 한정된 실시 예와 도면에 의해 설명되었으나, 해당 기술분야에서 통상의 지식을 가진 자라면 상기의 기재로부터 다양한 수정 및 변형이 가능하다.

도 8 은 본 발명의 일 실시 예에 따른 히스토리 정보 조회(3000)의 일 실시 예이다.

본 발명의 일 실시 예에 따르면, 개발이 완료된 웹 사이트에 대하여 도 8에 도시된 바와 같이 적어도 주기별, 수정 이벤트별 중 어느 하나로 웹 사이트를 캡처하여 주기별 히스토리 정보(3100) 및 수정 이벤트 발생별 히스토리 정보(3200)으로 저장함에 따라, 디자이너 및 개발자의 수정 스타일의 변화를 용이하게 추적 및 파악할 수 있다.

도 8을 참고하여 예를 들어 설명하면, 웹 사이트 히스토리 정보로써, 주기별 히스토리 정보(3100)는 기 설정된 주기, 예를 들어 1개월 기준으로 스케치 화면을 기반으로 개발이 완료된 웹 사이트의 전체 또는 일부를 캡처하여 캡처 이미지로써 저장할 수 있다.

즉, 1개월 마다 웹 사이트를 캡처한 이미지를 저장함으로써 주기별 웹 사이트의 변화 상태를 용이하게 파악 및 관리할 수 있다.

또 다른 실시 예로써, 웹 사이트 히스토리 정보로써, 수정 이벤트 발생별 히스토리 정보(3200)가 있을 수 있다.

수정 이벤트 발생별 히스토리 정보(3200)는 스케치 화면을 기반으로 개발이 완료된 웹 사이트에 수정 이벤트가 발생하였을 때마다 이를 캡처하여 캡처 이미지로써 저장함에 따라 변화된 디자이너 및 웹 개발자의 수정 스타일을 효율적으로 파악할 수 있는 효과가 있다.

이상과 같이 실시 예들이 비록 한정된 실시 예와 도면에 의해 설명되었으나, 해당 기술분야에서 통상의 지식을 가진 자라면 상기의 기재로부터 다양한 수정 및 변형이 가능하다.

도 9는 본 발명의 일 실시 예에 따른 스케치 화면 생성을 통환 웹 사이트 개발 장치의 구성도이다.

이하의 설명에 있어서 도 1 내지 도 8에 대한 설명과 중복되는 불필요한 실시 예에 대한 설명은 생략하기로 한다.

도 9를 참고하면, 스케치 화면 생성을 통한 웹 사이트 개발 장치는, 사용자 단말(10), 개발자 단말(20), 외부 온라인 검색망(30) 및 서버(40)를 포함하여 구성될 수 있다.

사용자 단말(10) 및 개발자 단말(20)은 예를 들어 적어도 태블릿 PC(Tablet Pc), 랩톱(Laptop), 개인용 컴퓨터(Personal computer), 스마트폰(Smart phone), 개인 휴대용 정보단말기(Personal Digital Assistant) 및 이동통신 단말기(Mobile Communication Terminal) 중 어느 하나일 수 있다.

즉, 상술한 단말들 중 본 발명의 기능 수행을 할 수 있는 프로그램, 웹 사이트, 또는 어플리케이션을 구동할 수 있는 단말이라면 어느 것이든 제한되지 않고 이용될 수 있는 것이다.

외부 온라인 검색망(30)은 사용자 단말(10), 서버(40) 및 개발자 단말(20) 사이의 데이터 송수신을 위한 네트워크로서, 이동 통신 네트워크, PWN(Public Wireless Network) 및 인터넷 등을 이용하여 단말 간의 데이터 송수신을 가능하게 하는 통신망으로 이해될 수 있으며, 더욱 구체적으로 적어도 하나의 이미지, 영상 및 인터랙션 콘텐츠의 검색이 가능한 검색 서비스가 가능한 모든 포털 사이트이거나 웹 디자이너들만 이용 가능한 웹 디자이너 전용 사이트일 수도 있다.

한편, 상술한 서버(40)는 콘텐츠 로드부(41), 콘텐츠 리스트 생성부(42), 스케치 화면 생성부(43), 서버 저장부(44) 및 웹 사이트 개발 정보 전달부(45)가 포함되어 구성될 수 있다.

콘텐츠 로드부(41)는 사용자 단말(10)에서 입력된 검색 키워드에 따라 외부 온라인 검색망(30)으로부터 적어도 하나의 이미지, 영상 및 인터랙션을 포함하는 콘텐츠를 로드하는 기능을 수행한다.

더욱 구체적으로 콘텐츠 로드부(41)는 포털 사이트를 비롯한 외부 온라인 검색망(30)에서 사용자 단말(10)로부터 입력된 키워드에 의한 검색 결과로써 제공된 콘텐츠 중 사용자 단말(10)의 선택 입력에 따라 선택된 콘텐츠를 사용자 계정으로 로드해오는 것으로 이해될 것이다.

즉, 콘텐츠 로드부(41)는 상술한 도 1에서 언급한 S10 단계가 수행하는 모든 기능을 수행하는 것으로 이해될 수 있다.

콘텐츠 리스트 생성부(42)는 상술한 콘텐츠 로드부에 의하여 로드된 콘텐츠 중 사용자 단말(10)로부터 선택 입력된 적어도 하나의 콘텐츠를 사용자 계정에 저장함으로써 콘텐츠 리스트를 생성하는 기능을 수행한다.

즉, 콘텐츠 리스트 생성부(42)는 사용자가 웹 사이트 개발을 위해 웹 개발자에게 웹 개발 정보로써 송신하는 스케치 화면을 생성할 때, 손쉽게 기 저장한 콘텐츠를 하나의 리스트를 생성하여 제공하는 것으로 이해될 수 있다.

이외에도 콘텐츠 리스트 생성부(42)는 상술한 도 1에서 언급한 S20 단계가 수행하는 모든 기능을 수행하는 것으로 이해될 수 있다.

스케치 화면 생성부(43)는 상술한 콘텐츠 리스트 생성부에서 생성된 콘텐츠 리스트를 서버 측 가상 브라우저 상에 로드하여 콘텐츠 리스트에 포함된 적어도 하나의 콘텐츠를 사용자 단말(10)의 입력에 따라 편집 및 배치함으로써 스케치 화면을 생성하는 기능을 수행한다.

한편 스케치 화면을 생성하는데 이용되는 적어도 하나의 이미지, 영상 및 인터랙션 콘텐츠는 도 1에서 상술하였듯이 저용량의 콘텐츠가 이용될 것이며, 이에 따라 다양한 콘텐츠의 편집 및 개발 작업이 필요한 웹 사이트의 개발에 있어서 사용자는 최소한의 용량을 갖는 콘텐츠를 사용함으로써 웹 상에서도 단말 또는 시스템의 제한 없이 웹 사이트 개발을 위한 스케치 화면을 용이하게 생성할 수 있는 효과가 있다.

즉, 상술한 스케치 화면 생성부(43)는 상술한 도 1에서 언급한 S30 단계가 수행하는 모든 기능을 수행하는 것으로 이해될 것이다.

서버 저장부(44)는 사용자 단말(10)로부터 생성된 스케치 화면의 저장 입력의 수신 시, 생성된 스케치 화면을 서버에 저장하는 기능을 수행한다.

더욱 구체적으로, 서버 저장부(44)는 사용자 단말(10)로부터 저장 입력이 수신된 스케치 화면을 적어도 사용자별 및 웹 사이트의 속성 정보별 중 적어도 하나를 기준으로 그룹화하여 저장할 수 있다.

즉, 상술한 서버 저장부(44)는 상술한 도 1에서 언급한 S40 단계가 수행하는 모든 기능을 수행하는 것으로 이해될 것이다.

개발자 추천부는 서버 내 개발자 계정에 저장된 개발자 포트폴리오 정보를 이용하여 사용자 계정에 저장된 스케치 화면에 포함된 개발 작업 및 스케치 화면 스타일 중 적어도 하나와 매칭되는 개발자를 추천하는 기능을 수행한다.

개발자 추천부는 사용자가 생성하고 있는 웹 사이트의 속성 정보, 콘텐츠 정보 중 적어도 하나의 정보를 이용하여 사용자가 개발하고자 하는 웹 사이트 개발에 적합한 적어도 한 명 이상의 개발자를 추천하는 것으로 이해될 것이다.

이에 따라 사용자는 상술한 개발자 포트폴리오 정보를 기반으로 사용자는 개발자의 작업 스타일, 작업 스킬 등 사용자의 선호도 및 웹 사이트의 작업 스타일에 적합한 개발자를 일일이 검색하여 찾지 않아도 손쉽게 관련 개발자를 선택하여 웹 사이트 개발 작업을 수행할 수 있게 된다.

웹 사이트 개발 정보 전달부는 상술한 개발자 추천부에서 사용자 단말(10)의 선택 입력에 따라 웹 개발자가 선택되었을 시, 서버가 생성된 스케치 화면 및 스케치 화면 생성에 이용된 콘텐츠 정보를 개발자 계정으로 송신하여 웹 사이트 개발을 위한 정보로써 전달하는 기능을 수행한다.

즉, 상술한 웹 사이트 개발 정보 전달부는, 완성된 스케치 화면을 웹 개발자에게 전송함으로써 사용자의 의도에 맞는 웹 사이트 개발 작업 수행을 요청을 수행하는 것으로 이해될 것이다.

이상과 같이 실시 예들이 비록 한정된 실시 예와 도면에 의해 설명되었으나, 해당 기술분야에서 통상의 지식을 가진 자라면 상기의 기재로부터 다양한 수정 및 변형이 가능하다.

도 10은 본 발명의 일 실시 예에 있어서, 컴퓨팅 장치의 내부 구성의 일례를 설명하기 위한 블록도이다.

도 10에 도시한 바와 같이, 컴퓨팅 장치(11000)은 적어도 하나의 프로세서(processor)(11100), 메모리(memory)(11200), 주변장치 인터페이스(peripheral interface)(11300), 입/출력 서브시스템(I/O subsystem)(11400), 전력 회로(11500) 및 통신 회로(11600)를 적어도 포함할 수 있다. 이때, 컴퓨팅 장치(11000)은 촉각 인터페이스 장치에 연결된 유저단말기(A) 혹은 전술한 컴퓨팅 장치(B)에 해당될 수 있다.

메모리(11200)는, 일례로 고속 랜덤 액세스 메모리(high-speed random access memory), 자기 디스크, 에스램(SRAM), 디램(DRAM), 롬(ROM), 플래시 메모리 또는 비휘발성 메모리를 포함할 수 있다. 메모리(11200)는 컴퓨팅 장치(11000)의 동작에 필요한 소프트웨어 모듈, 명령어 집합 또는 그밖에 다양한 데이터를 포함할 수 있다.

이때, 프로세서(11100)나 주변장치 인터페이스(11300) 등의 다른 컴포넌트에서 메모리(11200)에 액세스하는 것은 프로세서(11100)에 의해 제어될 수 있다.

주변장치 인터페이스(11300)는 컴퓨팅 장치(11000)의 입력 및/또는 출력 주변장치를 프로세서(11100) 및 메모리 (11200)에 결합시킬 수 있다. 프로세서(11100)는 메모리(11200)에 저장된 소프트웨어 모듈 또는 명령어 집합을 실행하여 컴퓨팅 장치(11000)을 위한 다양한 기능을 수행하고 데이터를 처리할 수 있다.

입/출력 서브시스템(11400)은 다양한 입/출력 주변장치들을 주변장치 인터페이스(11300)에 결합시킬 수 있다. 예를 들어, 입/출력 서브시스템(11400)은 모니터나 키보드, 마우스, 프린터 또는 필요에 따라 터치스크린이나 센서 등의 주변장치를 주변장치 인터페이스(11300)에 결합시키기 위한 컨트롤러를 포함할 수 있다. 다른 측면에 따르면, 입/출력 주변장치들은 입/출력 서브시스템(11400)을 거치지 않고 주변장치 인터페이스(11300)에 결합될 수도 있다.

전력 회로(11500)는 단말기의 컴포넌트의 전부 또는 일부로 전력을 공급할 수 있다. 예를 들어 전력 회로(11500)는 전력 관리 시스템, 배터리나 교류(AC) 등과 같은 하나 이상의 전원, 충전 시스템, 전력 실패 감지 회로(power failure detection circuit), 전력 변환기나 인버터, 전력 상태 표시자 또는 전력 생성, 관리, 분배를 위한 임의의 다른 컴포넌트들을 포함할 수 있다.

통신 회로(11600)는 적어도 하나의 외부 포트를 이용하여 다른 컴퓨팅 장치와 통신을 가능하게 할 수 있다.

또는 상술한 바와 같이 필요에 따라 통신 회로(11600)는 RF 회로를 포함하여 전자기 신호(electromagnetic signal)라고도 알려진 RF 신호를 송수신함으로써, 다른 컴퓨팅 장치와 통신을 가능하게 할 수도 있다.

이러한 도 10의 실시 예는, 컴퓨팅 장치(11000)의 일례일 뿐이고, 컴퓨팅 장치(11000)은 도 10에 도시된 일부 컴포넌트가 생략되거나, 도 10에 도시되지 않은 추가의 컴포넌트를 더 구비하거나, 2개 이상의 컴포넌트를 결합시키는 구성 또는 배치를 가질 수 있다. 예를 들어, 모바일 환경의 통신 단말을 위한 컴퓨팅 장치는 도 10에도시된 컴포넌트들 외에도, 터치스크린이나 센서 등을 더 포함할 수도 있으며, 통신 회로(1160)에 다양한 통신방식(WiFi, 3G, LTE, Bluetooth, NFC, Zigbee 등)의 RF 통신을 위한 회로가 포함될 수도 있다. 컴퓨팅 장치(11000)에 포함 가능한 컴포넌트들은 하나 이상의 신호 처리 또는 어플리케이션에 특화된 집적 회로를 포함하는 하드웨어, 소프트웨어, 또는 하드웨어 및 소프트웨어 양자의 조합으로 구현될 수 있다.

본 발명의 실시 예에 따른 방법들은 다양한 컴퓨팅 장치를 통하여 수행될 수 있는 프로그램 명령(instruction) 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 특히, 본 실시 예에 따른 프로그램은 PC 기반의 프로그램 또는 모바일 단말 전용의 어플리케이션으로 구성될 수 있다. 본 발명이 적용되는 애플리케이션은 파일 배포 시스템이 제공하는 파일을 통해 이용자 단말에 설치될 수 있다. 일 예로, 파일 배포 시스템은 이용자 단말이기의 요청에 따라 상기 파일을 전송하는 파일 전송부(미도시)를 포함할 수 있다.

이상에서 설명된 장치는 하드웨어 구성요소, 소프트웨어 구성요소, 및/또는 하드웨어 구성요소 및 소프트웨어구성요소의 조합으로 구현될 수 있다. 예를 들어, 실시 예들에서 설명된 장치 및 구성요소는, 예를 들어, 프로세서, 콘트롤러, ALU(arithmetic logic unit), 디지털 신호 프로세서(digital signal processor), 마이크로컴퓨터, FPGA(field programmable gate array), PLU(programmable logic unit), 마이크로프로세서, 또는 명령(instruction)을 실행하고 응답할 수 있는 다른 어떠한 장치와 같이, 하나 이상의 범용 컴퓨터 또는 특수 목적컴퓨터를 이용하여 구현될 수 있다. 처리 장치는 운영 체제(OS) 및 상기 운영 체제 상에서 수행되는 하나 이상의 소프트웨어 애플리케이션을 수행할 수 있다. 또한, 처리 장치는 소프트웨어의 실행에 응답하여, 데이터를 접근, 저장, 조작, 처리 및 생성할 수도 있다. 이해의 편의를 위하여, 처리 장치는 하나가 사용되는 것으로 설명된 경우도 있지만, 해당 기술분야에서 통상의 지식을 가진 자는, 처리 장치가 복수 개의 처리 요소(processing element) 및/또는 복수 유형의 처리 요소를 포함할 수 있음을 알 수 있다. 예를 들어, 처리 장치는 복수 개의 프로세서 또는 하나의 프로세서 및 하나의 콘트롤러를 포함할 수 있다. 또한, 병렬 프로세서(parallel processor)와 같은, 다른 처리 구성(processing configuration)도 가능하다.

소프트웨어는 컴퓨터 프로그램(computer program), 코드(code), 명령(instruction), 또는 이들 중 하나 이상의 조합을 포함할 수 있으며, 원하는 대로 동작하도록 처리 장치를 구성하거나 독립적으로 또는 결합적으로 (collectively) 처리 장치를 명령할 수 있다. 소프트웨어 및/또는 데이터는, 처리 장치에 의하여 해석되거나 처리 장치에 명령 또는 데이터를 제공하기 위하여, 어떤 유형의 기계, 구성요소(component), 물리적 장치, 가상장치(virtual equipment), 컴퓨터 저장 매체 또는 장치, 또는 전송되는 신호 파(signal wave)에 영구적으로, 또는 일시적으로 구체화(embody)될 수 있다. 소프트웨어는 네트워크로 연결된 컴퓨팅 장치 상에 분산되어서, 분산된 방법으로 저장되거나 실행될 수도 있다. 소프트웨어 및 데이터는 하나 이상의 컴퓨터 판독 가능 기록 매체에 저장될 수 있다.

실시 예에 따른 방법은 다양한 컴퓨터 수단을 통하여 수행될 수 있는 프로그램 명령 형태로 구현되어 컴퓨터 판독 가능 매체에 기록될 수 있다. 상기 컴퓨터 판독 가능 매체는 프로그램 명령, 데이터 파일, 데이터 구조 등을 단독으로 또는 조합하여 포함할 수 있다. 상기 매체에 기록되는 프로그램 명령은 실시 예를 위하여 특별히 설계되고 구성된 것들이거나 컴퓨터 소프트웨어 당업자에게 공지되어 사용 가능한 것일 수도 있다. 컴퓨터 판독 가능 기록 매체의 예에는 하드 디스크, 플로피 디스크 및 자기 테이프와 같은 자기 매체(magnetic media), CD-ROM, DVD와 같은 광 기록 매체(optical media), 플롭티컬 디스크(floptical disk)와 같은 자기-광 매체(magneto-optical media), 및 롬(ROM), 램(RAM), 플래시 메모리 등과 같은 프로그램 명령을 저장하고 수행하도록 특별히 구성된 하드웨어 장치가 포함된다. 프로그램 명령의 예에는 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함한다. 상기된 하드웨어 장치는 실시예의 동작을 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지이다.

이상과 같이 실시 예들이 비록 한정된 실시 예와 도면에 의해 설명되었으나, 해당 기술분야에서 통상의 지식을 가진 자라면 상기의 기재로부터 다양한 수정 및 변형이 가능하다. 예를 들어, 설명된 기술들이 설명된 방법과 다른 순서로 수행되거나, 및/또는 설명된 시스템, 구조, 장치, 회로 등의 구성요소들이 설명된 방법과 다른 형태로 결합 또는 조합되거나, 다른 구성요소 또는 균등물에 의하여 대치되거나 치환되더라도 적절한 결과가 달성될 수 있다. 그러므로, 다른 구현들, 다른 실시 예들 및 특허청구범위와 균등한 것들도 후술하는 특허청구범위의 범위에 속한다.

Claims (15)

1. 하나 이상의 프로세서 및 상기 프로세서에서 수행 가능한 명령들을 저장하는 메인 메모리를 포함하는 컴퓨팅 장치로 구현되는 스케치 화면 생성을 통한 웹 사이트 개발 방법에 있어서,
   사용자 단말에서 입력된 검색 키워드에 따라 외부 온라인 검색망으로부터 적어도 하나의 이미지, 영상 및 인터랙션을 포함하는 콘텐츠를 로드하는 콘텐츠 로드 단계;
   상기 콘텐츠 로드 단계에서 로드된 콘텐츠 중 상기 사용자 단말로부터 선택 입력된 적어도 하나의 콘텐츠를 사용자 계정에 저장함으로써 콘텐츠 리스트를 생성하는 콘텐츠 리스트 생성 단계;
   상기 콘텐츠 리스트를 서버 측 가상 브라우저 상에 로드하여 상기 콘텐츠 리스트에 포함된 적어도 하나의 콘텐츠를 사용자 단말의 입력에 따라 편집 및 배치함으로써 스케치 화면을 생성하는 스케치 화면 생성 단계; 및
   상기 사용자 단말로부터 생성된 스케치 화면의 저장 입력의 수신 시, 상기 생성된 스케치 화면을 서버에 저장하는 서버 저장 단계;를 포함하는 것을 특징으로 하는 스케치 화면 생성을 통한 웹 사이트 개발 방법.
   
2. 제1항에 있어서,
   상기 스케치 화면 생성 단계는,
   상기 스케치 화면 생성을 위하여 로드하는 이미지 콘텐츠로서, 상기 이미지 콘텐츠의 해상도를 기 설정된 비율로 하향 조정한 저용량의 대표 이미지 콘텐츠를 이용하여 스케치 화면을 생성하는 것을 특징으로 하는 스케치 화면 생성을 통한 웹 사이트 개발 방법.
   
3. 제1항에 있어서,
   상기 스케치 화면 생성 단계는,
   상기 스케치 화면 생성을 위하여 로드하는 영상 콘텐츠로서, 상기 영상 콘텐츠에 포함된 적어도 하나의 프레임을 추출한 저용량의 대표 영상 콘텐츠를 이용하여 스케치 화면을 생성하는 것을 특징으로 하는 스케치 화면 생성을 통한 웹 사이트 개발 방법.
   
4. 제1항에 있어서,
   상기 스케치 화면 생성 단계는,
   상기 스케치 화면 생성을 위하여 로드하는 인터랙션 콘텐츠로서, 상기 인터랙션 콘텐츠의 반응 전, 반응 도중 및 반응 후의 상태 정보를 적어도 하나의 이미지로 추출한 저용량의 대표 인터랙션 콘텐츠를 이용하여 스케치 화면을 생성하는 것을 특징으로 하는 스케치 화면 생성을 통한 웹 사이트 개발 방법.
   
5. 제1항에 있어서,
   상기 서버는,
   상기 사용자 계정으로부터 생성된 스케치 화면이 저장될 때마다, 상기 스케치 화면 생성에 사용된 콘텐츠의 식별 정보, 콘텐츠 편집 정보 및 콘텐츠 배치 정보 중 적어도 하나를 히스토리 정보로써 저장하는 것을 특징으로 하는 스케치 화면 생성을 통한 웹 사이트 개발 방법.
   
6. 제5항에 있어서,
   상기 서버는,
   상기 사용자 계정 및 타 사용자 계정의 상기 히스토리 정보를 비교하여, 유사도를 산출하고, 상기 유사도가 높은 순으로 타 사용자가 저장한 스케치 화면에 사용된 콘텐츠를 상기 사용자 계정에 추천 콘텐츠로서 제공하는 것을 특징으로 하는 스케치 화면 생성을 통한 웹 사이트 개발 방법.
   
7. 제1항에 있어서,
   상기 서버 저장 단계는,
   저장 입력이 수신된 스케치 화면을 사용자별 및 웹 사이트의 속성 정보별 중 적어도 하나를 기준으로 그룹화하여 저장하는 것을 특징으로 하는 스케치 화면 생성을 통한 웹사이트 개발 방법.
   
8. 제1항에 있어서,
   상기 서버 저장 단계의 수행 후,
   상기 서버 내 개발자 계정에 저장된 개발자 포트폴리오 정보를 이용하여, 상기 사용자 계정에 저장된 상기 스케치 화면에 포함된 개발 작업 및 스케치 화면 스타일 중 적어도 하나와 매칭되는 개발자를 추천하는 개발자 추천 단계;를 더 포함하는 것을 특징으로 하는 스케치 화면 생성을 통한 웹 사이트 개발 방법.
   
9. 제8항에 있어서,
   상기 개발자 포트폴리오 정보는,
   상기 개발자가 개발한 웹 사이트의 개수, 상기 개발한 웹 사이트의 샘플 이미지, 연차가 포함된 경력 정보 및 타 사용자들의 후기가 반영된 평가 정보 중 적어도 하나를 포함하는 것을 특징으로 하는 스케치 화면 생성을 통한 웹 사이트 개발 방법.
   
10. 제1항에 있어서,
    상기 서버 저장 단계의 수행 후,
    상기 서버는 생성된 스케치 화면 및 상기 스케치 화면 생성에 이용된 콘텐츠 정보를 개발자 계정에 저장된 개발자의 이메일로 송신하여 웹 사이트 개발을 위한 정보를 전달하는 웹 사이트 개발 정보 전달 단계;를 더 포함하는 것을 특징으로 하는 스케치 화면 생성을 통한 웹 사이트 개발 방법.
    
11. 제1항에 있어서,
    상기 콘텐츠 리스트 생성 단계는,
    상기 콘텐츠를 URL 링크 저장 및 다운로드 저장 중 적어도 어느 하나를 이용하여 사용자 계정에 저장함으로써 콘텐츠 리스트를 생성하는 것을 특징으로 하는 스케치 화면 생성을 통한 웹 사이트 개발 방법.
    
12. 제1항에 있어서,
    상기 서버는,
    상기 스케치 화면을 기반으로 개발된 웹 사이트에 대한 히스토리 정보로써, 기 설정된 주기별 및 웹 사이트에 대한 수정 이벤트 발생별 중 적어도 어느 하나를 기준으로 상기 개발된 웹 사이트 화면을 캡처하여 캡처 이미지로써 저장하는 것을 특징으로 하는 스케치 화면 생성을 통한 웹 사이트 개발 방법.
    
13. 제1항에 있어서,
    상기 콘텐츠 로드 단계는,
    상기 사용자 단말에서 입력된 검색 키워드와 관련된 유사 검색어, 조합 검색어 및 확장 검색어 중 어느 하나에 포함되는 적어도 하나 이상의 검색어를 제공하는 것을 특징으로 하는 스케치 화면 생성을 통한 웹 사이트 개발 방법.
    
14. 하나 이상의 프로세서 및 상기 프로세서에서 수행 가능한 명령들을 저장하는 메인 메모리를 포함하는 컴퓨팅 장치로 구현되는 스케치 화면 생성을 통한 웹 사이트 개발 장치에 있어서,
    사용자 단말의 검색 요청 입력에 따라 외부 온라인 검색망으로부터 적어도 하나의 이미지, 영상 및 인터랙션을 포함하는 콘텐츠를 로드하는 콘텐츠 로드 부;
    상기 로드된 콘텐츠 중 상기 사용자 단말로부터 선택 입력된 적어도 하나의 콘텐츠를 사용자 계정에 저장함으로써 콘텐츠 리스트를 생성하는 콘텐츠 리스트 생성부;
    상기 생성된 콘텐츠 리스트를 서버 측 가상 브라우저 상에 로드하여 상기 로드된 콘텐츠 리스트에 포함된 적어도 하나의 콘텐츠를 사용자 단말의 입력에 따라 편집 및 배치함으로써 스케치 화면을 생성하는 스케치 화면 생성부; 및
    상기 사용자 단말로부터 생성된 스케치 화면의 저장 입력의 수신 시, 생성된 스케치 화면을 서버에 저장하는 서버 저장부;를 포함하는 것을 특징으로 하는 스케치 화면 생성을 통한 웹 사이트 개발 장치.
    
15. 컴퓨터-판독가능 매체로서,
    상기 컴퓨터-판독가능 매체는, 컴퓨팅 장치로 하여금 이하의 단계들을 수행하도록 하는 명령들을 저장하며, 상기 단계들은:
    사용자 단말에서 입력된 검색 키워드에 따라 외부 온라인 검색망으로부터 적어도 하나의 이미지, 영상 및 인터랙션을 포함하는 콘텐츠를 로드하는 콘텐츠 로드 단계;
    상기 콘텐츠 로드 단계에서 로드된 콘텐츠 중 상기 사용자 단말로부터 선택 입력된 적어도 하나의 콘텐츠를 사용자 계정에 저장함으로써 콘텐츠 리스트를 생성하는 콘텐츠 리스트 생성 단계;
    상기 콘텐츠 리스트를 서버 측 가상 브라우저 상에 로드하여 상기 콘텐츠 리스트에 포함된 적어도 하나의 콘텐츠를 사용자 단말의 입력에 따라 편집 및 배치함으로써 스케치 화면을 생성하는 스케치 화면 생성 단계; 및
    상기 사용자 단말로부터 생성된 스케치 화면의 저장 입력의 수신 시, 상기 생성된 스케치 화면을 서버에 저장하는 서버 저장 단계;를 포함하는 것을 특징으로 하는 컴퓨터-판독가능 매체.

Images